.genre-page{background:var(--paper)}
.genre-header{position:sticky;top:0;z-index:10;min-height:76px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;background:rgba(243,240,233,.96);border-bottom:1px solid var(--ink);backdrop-filter:blur(12px)}
.genre-header nav{display:flex;align-items:center;gap:1.5rem}
.genre-header nav a{font-size:.72rem;font-weight:700;letter-spacing:.11em;text-decoration:none}
.genre-header .book{background:var(--ink);color:var(--signal);padding:.75rem 1rem}
.genre-hero{min-height:76vh;display:grid;grid-template-columns:1.15fr .85fr;border-bottom:1px solid var(--ink)}
.genre-hero-copy{padding:7rem 6vw;display:flex;flex-direction:column;justify-content:center}
.genre-hero h1{font:400 clamp(4rem,8vw,9rem)/.88 Anton;margin:.2em 0}
.genre-hero h1 i{color:var(--red)}
.genre-hero .lede{font-size:clamp(1.15rem,2vw,1.55rem);max-width:740px}
.genre-side{padding:5rem 4vw;background:var(--signal);border-left:1px solid var(--ink);display:flex;flex-direction:column;justify-content:flex-end}
.genre-side.red{background:var(--red)}
.genre-side.dark{background:var(--ink);color:var(--warm)}
.genre-side h2{font:400 clamp(2.4rem,4vw,4.8rem)/.95 Anton;margin:.3em 0}
.genre-side ul{list-style:none;margin:1.5rem 0 0;padding:0;border-top:1px solid currentColor}
.genre-side li{padding:.8rem 0;border-bottom:1px solid currentColor;font-size:.82rem;font-weight:700;letter-spacing:.08em}
.genre-content{padding:6rem 6vw;background:var(--warm)}
.genre-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:7vw;align-items:start}
.genre-grid h2{font:400 clamp(3.4rem,6vw,6.5rem)/.9 Anton;margin:.2em 0}
.genre-feature-image{display:block;width:100%;margin-top:2.5rem;aspect-ratio:5/4;object-fit:cover;object-position:58% 40%;border:1px solid var(--ink);box-shadow:7px 7px 0 var(--red)}
.genre-copy p{font-size:1.12rem}
.genre-proof{margin-top:2.5rem;padding:1.8rem;border:1px solid var(--ink);background:var(--paper);box-shadow:7px 7px 0 var(--red)}
.genre-proof strong{display:block;font:400 1.5rem Anton}
.genre-demo{margin-top:2rem;border:2px solid var(--ink);padding:2rem;background:var(--paper)}
.genre-demo h3{font:400 2rem Anton;margin:0 0 .4rem}
.genre-demo audio{width:100%;margin-top:1rem}
.genre-clients{padding:4rem 6vw;background:var(--ink);color:var(--warm)}
.genre-clients p{max-width:920px;font:400 clamp(1.8rem,3vw,3.2rem)/1.25 Anton;margin:.4em 0}
.genre-related{padding:4rem 6vw;background:var(--paper)}
.genre-related-links{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--ink);border-left:1px solid var(--ink)}
.genre-related-links a{padding:1.5rem;min-height:120px;display:flex;align-items:flex-end;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink);font:400 1.45rem Anton;text-decoration:none;background:var(--warm)}
.genre-related-links a:hover{background:var(--signal)}
.genre-cta{padding:6rem 6vw;text-align:center;background:var(--red)}
.genre-cta h2{font:400 clamp(3.8rem,8vw,8.5rem)/.9 Anton;margin:.2em 0 .4em}
.work-samples{padding:6rem 6vw;background:var(--signal);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.work-samples h2{font:400 clamp(3.4rem,6vw,6.5rem)/.9 Anton;margin:.2em 0 .6em}
.work-intro{max-width:760px;margin:-1.6rem 0 2.5rem;font-size:1.15rem}
.embed-grid,.external-work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1.4rem}
.embed-grid.single{grid-template-columns:minmax(0,900px)}
.embed-card{background:var(--warm);border:1px solid var(--ink);box-shadow:7px 7px 0 var(--ink)}
.video-embed{position:relative;aspect-ratio:16/9;background:var(--ink)}
.video-embed iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.embed-card>div:last-child{display:flex;justify-content:space-between;gap:1rem;padding:1rem 1.2rem}
.embed-card strong{font:400 1.5rem Anton}
.embed-card small{font-size:.68rem;font-weight:700;letter-spacing:.1em}
.local-video video{display:block;width:100%;aspect-ratio:16/9;background:var(--ink)}
.external-work-grid a{min-height:260px;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;text-decoration:none;border:1px solid var(--ink);background:var(--warm);box-shadow:7px 7px 0 var(--ink);transition:transform .18s,background .18s}
.external-work-grid a:hover,.external-work-grid a:focus-visible{background:var(--red);transform:translateY(-5px)}
.external-work-grid span{font-size:.7rem;font-weight:700;letter-spacing:.14em}
.external-work-grid strong{font:400 clamp(2.5rem,4vw,4.6rem)/.95 Anton;margin:.25em 0}
.external-work-grid small{font-size:.72rem;font-weight:700;letter-spacing:.1em}
.external-work-grid.one{grid-template-columns:minmax(0,760px)}
.testimonial-pair{display:grid;grid-template-columns:1fr 1fr;gap:5vw}
.testimonial-pair>div+div{border-left:1px solid rgba(255,255,255,.4);padding-left:5vw}
.toy-photo{display:grid;grid-template-columns:1.25fr .75fr;background:var(--paper);border-bottom:1px solid var(--ink)}
.toy-photo img{height:100%;min-height:520px;object-fit:cover}
.toy-photo>div{padding:5rem 4vw;display:flex;flex-direction:column;justify-content:center;background:var(--signal);border-left:1px solid var(--ink)}
.toy-photo h2{font:400 clamp(3rem,5vw,6rem)/.92 Anton;margin:.25em 0}
.toy-photo p:last-child{font-size:1.15rem}
.studio-photo{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr);background:var(--paper);border-top:1px solid var(--ink);border-bottom:1px solid var(--ink)}
.studio-photo img{display:block;width:100%;height:100%;max-height:760px;object-fit:cover}
.studio-photo>div{padding:5rem 4vw;display:flex;flex-direction:column;justify-content:center;background:var(--signal);border-left:1px solid var(--ink)}
.studio-photo h2{font:400 clamp(3rem,5vw,6rem)/.92 Anton;margin:.25em 0}
.studio-photo h2 i{color:var(--red)}
.studio-photo p:last-child{font-size:1.15rem;max-width:580px}
.studio-photo-square img{aspect-ratio:1/1}
.studio-photo-portrait{grid-template-columns:minmax(320px,.7fr) minmax(0,1fr)}
.studio-photo-portrait img{max-height:800px;object-position:center 34%}
.studio-photo-portrait>div{background:var(--warm)}
@media(max-width:800px){.genre-header nav a:not(.book){display:none}.genre-hero{grid-template-columns:1fr}.genre-hero-copy{padding:5rem 5vw}.genre-side{border-left:0;border-top:1px solid var(--ink);padding:4rem 5vw}.genre-grid{grid-template-columns:1fr}.genre-related-links,.embed-grid,.external-work-grid,.testimonial-pair,.toy-photo,.studio-photo,.studio-photo-portrait{grid-template-columns:1fr}.testimonial-pair>div+div{border-left:0;border-top:1px solid rgba(255,255,255,.4);padding:2rem 0 0}.toy-photo>div,.studio-photo>div{border-left:0;border-top:1px solid var(--ink)}.toy-photo img{min-height:0;aspect-ratio:5/3}.studio-photo img{max-height:none;aspect-ratio:4/3;object-position:center 30%}.genre-content,.genre-clients,.genre-related,.genre-cta,.work-samples{padding-left:5vw;padding-right:5vw}}