:root{--bg:#0A0404;--bg2:#140707;--maroon:#6B0F12;--crimson:#D3161F;--ember:#F2711C;--gold:#F6BE45;--bone:#F1E8DC;--muted:#B8A596;--rule:rgba(241,232,220,.12);
 box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--bg:#0A0404;--bone:#F1E8DC}}
:root[data-theme="dark"],:root[data-theme="light"]{--bg:#0A0404;--bone:#F1E8DC}
html{scroll-padding-top:env(safe-area-inset-top,0px);scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
*,*::before,*::after{box-sizing:inherit}
body{margin:0;background:var(--bg);color:var(--bone);font:400 1.0625rem/1.65 Figtree,"Helvetica Neue",Arial,sans-serif}
img,video{-webkit-user-drag:none;user-drag:none;-webkit-touch-callout:none}
img{user-select:none;-webkit-user-select:none}
img,video{max-width:100%;display:block}
a{color:var(--gold)} a:focus-visible{outline:2px solid var(--gold);outline-offset:3px}
.wrap{max-width:76rem;margin:0 auto;padding:0 clamp(1.25rem,4vw,3rem)}
.cz{font-family:Cinzel,"Trajan Pro",Georgia,serif;font-weight:900;line-height:.95;letter-spacing:.02em}
.os{font-family:Oswald,"Arial Narrow",sans-serif}
.spaced{font-family:Oswald,sans-serif;font-weight:300;letter-spacing:.55em;text-transform:uppercase;font-size:clamp(.8rem,1.6vw,1.05rem)}
@media (max-width:700px){.spaced{letter-spacing:.3em}.kick{letter-spacing:.12em;line-height:1.55;font-size:.68rem}}
.fire{background:linear-gradient(180deg,#FFF6D6 0%,#F6BE45 32%,#D19B33 62%,#8A5A12 100%);-webkit-background-clip:text;background-clip:text;color:transparent}

/* top bar */
.bar{position:sticky;top:0;z-index:30;background:rgba(10,4,4,.34);backdrop-filter:blur(10px) saturate(1.2);border-bottom:1px solid rgba(246,190,69,.14);padding-top:env(safe-area-inset-top,0px)}
.bar .wrap{display:flex;justify-content:space-between;align-items:center;gap:1.5rem;padding-top:.85rem;padding-bottom:.85rem}
.bar .mark{display:flex;align-items:center;gap:.75rem;text-decoration:none;color:var(--bone);flex:none}
.bar .mark .mono{display:grid;place-items:center;width:2.25rem;height:2.25rem;border:1px solid var(--gold);color:var(--gold);font-family:Cinzel,serif;font-weight:900;font-size:.8rem;letter-spacing:.06em}
.bar .mark .nm{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:.8rem;white-space:nowrap}
.bar nav{display:flex;align-items:center;gap:1.35rem;flex-wrap:nowrap}
.bar nav a{color:var(--bone);text-decoration:none;font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.14em;font-size:.74rem;text-transform:uppercase;opacity:.72;padding:.3rem 0;border-bottom:1px solid transparent;white-space:nowrap}
.bar nav a:hover{opacity:1;color:var(--gold);border-color:var(--gold)}
.bar .cta{flex:none;text-decoration:none;font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:.76rem;color:var(--bg);background:var(--gold);padding:.6rem 1.1rem;white-space:nowrap}
.bar .cta:hover{background:var(--bone)}
@media (max-width:1180px){.bar nav{display:none}.bar .mark .nm{font-size:.72rem}}

/* hero */
.hero{position:relative;min-height:calc(100svh - 4rem);display:flex;align-items:center;overflow:hidden;isolation:isolate}
.hero .blur{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(34px) brightness(.85) saturate(1.5);z-index:-3}
.hero .embers{position:absolute;inset:0;z-index:-2;overflow:hidden;pointer-events:none}

.hero .embers::before,.hero .embers::after{content:"";position:absolute;inset:-20%;
  background:radial-gradient(46% 40% at 50% 58%,rgba(226,58,24,.6) 0%,rgba(226,58,24,0) 72%),
             radial-gradient(34% 30% at 50% 40%,rgba(246,190,69,.4) 0%,rgba(246,190,69,0) 74%);
  filter:blur(30px);animation:breathe 7s ease-in-out infinite alternate}
.hero .embers::after{animation:breathe2 11s ease-in-out infinite alternate;opacity:.6}
@keyframes breathe{0%{opacity:.35;transform:scale(.92)}100%{opacity:.85;transform:scale(1.1)}}
@keyframes breathe2{0%{opacity:.7;transform:scale(1.12)}100%{opacity:.3;transform:scale(.95)}}

@media (prefers-reduced-motion:reduce){.hero .embers::before,.hero .embers::after,.hero .embers span{animation:none}}
.hero::after{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 45%,rgba(10,4,4,.4) 0%,rgba(10,4,4,.78) 64%,var(--bg) 100%);z-index:-1}
.hero .wrap{display:block;width:100%;text-align:center;padding-top:clamp(2.5rem,7vw,5rem);padding-bottom:clamp(3rem,7vw,5rem)}
@media (max-width:860px){.hero .wrap{grid-template-columns:1fr}}
.hero h1{font-size:clamp(3.4rem,10vw,8.4rem);margin:0}
.hero h1 span{display:block}
.hero .spaced{margin:1.6rem 0 0;color:var(--bone)}
.hero p.role{max-width:48ch;font-size:clamp(1.05rem,1.8vw,1.25rem);margin:1.8rem auto 0;color:var(--bone);opacity:.92}
.hero .film{justify-self:center;width:min(100%,21rem);box-shadow:0 0 0 1px rgba(246,190,69,.25),0 30px 90px rgba(211,22,31,.45)}
.hero .film video{width:100%;aspect-ratio:2/3;object-fit:cover;background:#000}
.hero .film figcaption{font-size:.82rem;color:var(--muted);padding-top:.7rem}
@keyframes rise{from{opacity:0;transform:translateY(24px);letter-spacing:.9em}to{opacity:1;transform:none}}
.hero h1,.hero .spaced{animation:rise 1.2s cubic-bezier(.2,.7,.2,1) both}
.hero .spaced{animation-delay:.35s}

.hero .kick{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.3em;text-transform:uppercase;font-size:clamp(.72rem,1.3vw,.9rem);color:var(--gold);margin:0 0 1.2rem}
.hero h1{position:relative}
.hero h1 .g{display:block;position:relative;color:transparent;background:linear-gradient(180deg,#FFF6D6 0%,#F6BE45 34%,#C98C22 64%,#8A5A12 100%);-webkit-background-clip:text;background-clip:text}
.hero h1 .g::before{content:attr(data-t);position:absolute;left:0;right:0;top:0;z-index:-1;-webkit-text-fill-color:#43240A;color:#43240A;
  text-shadow:0 1px 0 #6A3C10,0 2px 0 #55300D,0 3px 0 #44260A,0 5px 0 #331C07,0 8px 18px rgba(0,0,0,.7),0 0 50px rgba(242,113,28,.35)}
.hero h1 .last{font-size:.3em;letter-spacing:.35em;color:var(--bone);opacity:.82;margin-top:.9rem;text-shadow:0 2px 14px rgba(0,0,0,.7)}
.slots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.6rem,1.5vw,1rem);margin-top:2rem}
@media (max-width:760px){.slots{grid-template-columns:1fr}}
.slots figure{margin:0;aspect-ratio:1;display:flex;align-items:flex-end;padding:1rem;background:radial-gradient(ellipse at 50% 0%,rgba(211,22,31,.25) 0%,var(--bg2) 70%);border:1px solid rgba(246,190,69,.25);overflow:hidden;position:relative}
.slots figure img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.slots figcaption{position:relative;text-shadow:0 2px 12px rgba(0,0,0,.9);color:var(--bone);font-family:Oswald,sans-serif;letter-spacing:.14em;text-transform:uppercase;font-size:.75rem;color:var(--muted)}
.partnercard{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,.7fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;
 border:1px solid var(--rule);background:radial-gradient(ellipse at 88% 20%,rgba(246,190,69,.14),var(--bg) 68%);padding:clamp(1.5rem,4vw,2.4rem);margin-top:clamp(2rem,5vw,3rem)}
@media (max-width:760px){.partnercard{grid-template-columns:1fr}}
.partnercard h3{font-size:clamp(1.6rem,3.6vw,2.4rem);margin:.7rem 0 .9rem}
.partnercard p{margin:0 0 .8rem;max-width:62ch}
.pcnote{color:var(--bone)}
.pcstat{text-align:center;border-left:1px solid var(--rule);padding-left:clamp(1rem,3vw,2rem)}
@media (max-width:760px){.pcstat{border-left:0;border-top:1px solid var(--rule);padding:1.2rem 0 0;text-align:left}}
.pcstat b{display:block;font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(3.4rem,8vw,5rem);line-height:1}
.pcstat span{font-size:.9rem;color:var(--muted)}
.hstats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.4rem;margin-top:1rem}
@media (max-width:760px){.hstats{grid-template-columns:repeat(2,minmax(0,1fr))}}
.hstats b{display:block;font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(2.6rem,5vw,3.6rem);line-height:1}
.hstats span{font-size:.9rem;color:var(--muted)}
/* stats */
.stats{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%);border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.stats .wrap{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:1.4rem;align-items:start;padding-top:2.6rem;padding-bottom:2.6rem}
@media (max-width:1080px){.stats .wrap{grid-template-columns:repeat(3,minmax(0,1fr));gap:1.8rem}}
@media (max-width:600px){.stats .wrap{grid-template-columns:repeat(2,minmax(0,1fr))}}
.stats b{display:block;font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(2.6rem,4.6vw,3.7rem);line-height:1;white-space:nowrap}
.stats b i,.hstats b i{font-style:normal;font-weight:300;font-size:.38em;vertical-align:.44em;margin:0 .06em;letter-spacing:0}
.hstats b{white-space:nowrap}
.stats span{font-size:.88rem;color:var(--muted);line-height:1.45}

.vmedia{display:grid;gap:clamp(.8rem,2vw,1.2rem);align-items:stretch}
.vmedia .film{margin:0}
.vmedia .film video{width:100%;aspect-ratio:3/4;object-fit:cover;background:#000;max-height:34rem;box-shadow:0 0 0 1px rgba(246,190,69,.25),0 30px 90px rgba(211,22,31,.4)}
.vmedia .film figcaption{font-size:.85rem;color:var(--muted);padding-top:.6rem}
.vmedia img{width:100%;aspect-ratio:3/4;object-fit:cover;max-height:34rem;box-shadow:0 20px 60px rgba(0,0,0,.5)}
@media (min-width:861px){.vmedia{grid-template-columns:1fr 1fr;align-items:start}}
.vsitelink{display:block;margin:.55rem 0 0;font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.2em;text-transform:uppercase;font-size:clamp(.55rem,1.15vw,.7rem);color:var(--gold);text-decoration:none;border-bottom:1px solid rgba(246,190,69,.4);padding-bottom:2px;width:max-content;margin-left:0;margin-right:auto}
.vsitelink:hover{color:var(--bone);border-color:var(--bone)}
.vlock{width:clamp(9rem,18vw,14rem);margin:0 auto clamp(1.2rem,3vw,2rem);text-align:center}
.head .vsitelink{margin-left:auto}
.vlock .brandmark{width:100%;margin:0 auto;display:block}
.vlock .vtag{margin:.5rem 0 0;font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.28em;text-transform:uppercase;font-size:clamp(.5rem,1.05vw,.62rem);line-height:1.2;color:var(--bone);opacity:.85;text-indent:.28em;white-space:nowrap}
.brandmark{width:clamp(9rem,18vw,14rem);margin:0 auto clamp(1.2rem,3vw,2rem);filter:drop-shadow(0 18px 45px rgba(211,22,31,.5))}
.hdmark{width:clamp(11rem,22vw,17rem);filter:drop-shadow(0 16px 40px rgba(246,190,69,.3))}
.head p.vlead{font-size:clamp(1.1rem,2vw,1.35rem);color:var(--bone);max-width:56ch;margin:1.2rem auto 0;text-align:center}
.rolebar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:clamp(2rem,5vw,3rem)}
@media (max-width:760px){.rolebar{grid-template-columns:1fr}}
.rolebar div{background:var(--bg);padding:1.1rem 1.3rem;font-size:.98rem}
.rolebar span{display:block;font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.16em;text-transform:uppercase;font-size:.7rem;color:var(--gold);margin-bottom:.35rem}
.beats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2.5vw,1.8rem);margin-top:clamp(2rem,5vw,3rem)}
@media (max-width:900px){.beats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.beats{grid-template-columns:1fr}}
.beat{border-top:2px solid var(--crimson);padding-top:1rem}
.beat .bn{font-family:Cinzel,serif;font-weight:800;font-size:1.05rem;margin-bottom:.5rem}
.beat p{margin:0;font-size:.95rem;color:var(--muted);max-width:none}
.outcomes{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:1.4rem;margin-top:clamp(2.5rem,6vw,3.5rem);border-top:1px solid var(--rule);padding-top:1.8rem}
.outcomes b{display:block;font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(2.2rem,4.5vw,3.2rem);line-height:1}
.outcomes span{font-size:.88rem;color:var(--muted)}
/* capabilities */
.caps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
@media (max-width:980px){.caps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.caps{grid-template-columns:1fr}}
.cap{background:var(--bg);padding:clamp(1.4rem,3vw,2rem);transition:background .4s}
.cap:hover{background:radial-gradient(ellipse at 0% 0%,rgba(246,190,69,.16),var(--bg) 70%)}
.cap .ix{font-family:Oswald,sans-serif;font-weight:700;font-size:.85rem;letter-spacing:.2em;color:var(--gold)}
.cap h3{font-family:Cinzel,serif;font-weight:800;font-size:1.2rem;margin:.7rem 0 .5rem;line-height:1.15}
.cap p{margin:0;font-size:.95rem;color:var(--muted)}
.cap .pf{display:block;margin-top:.8rem;font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.1em;text-transform:uppercase;font-size:.72rem;color:var(--gold)}
/* red rock */
.rock{background:linear-gradient(180deg,var(--bg) 0%,#2A0A08 55%,var(--bg) 100%)}
.rock .wrap{padding-top:clamp(3.5rem,8vw,6rem);padding-bottom:clamp(3.5rem,8vw,6rem)}
.rockgrid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:center}
@media (max-width:860px){.rockgrid{grid-template-columns:1fr}}
.rocklist{list-style:none;margin:1.4rem 0 0;padding:0}
.rocklist li{padding:.9rem 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1.6rem 1fr;gap:.8rem}
.rocklist li::before{content:"▲";color:var(--crimson);font-size:.8rem}
.rockart{margin:0;text-align:center}
.rrmascot{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.2rem,3vw,2.2rem);align-items:center}
@media (max-width:760px){.rrmascot{grid-template-columns:1fr}}
.rrmascot figure{margin:0}
.rrmascot img{width:100%;border:1px solid var(--rule)}
.rrmascot figcaption{font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--gold);padding-top:.6rem}
.rrsite{margin:clamp(1.5rem,4vw,2.5rem) 0 0}
.rrsite img{width:100%;border:1px solid rgba(246,190,69,.25);box-shadow:0 26px 70px rgba(211,22,31,.3)}
.rrsite figcaption{font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--gold);padding-top:.7rem}
.rrchar{margin-top:clamp(2rem,5vw,3rem)}
@media (max-width:760px){}
@media (max-width:700px){}
.rockfilm{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3rem);align-items:center;margin-top:clamp(2.5rem,6vw,4rem);border-top:1px solid var(--rule);padding-top:clamp(2rem,4vw,3rem)}
@media (max-width:860px){.rockfilm{grid-template-columns:1fr}}
.rockfilm figure{margin:0}
.rockfilm video{width:100%;background:#000;box-shadow:0 26px 70px rgba(211,22,31,.4)}
.rockfilm figcaption{font-size:.85rem;color:var(--muted);padding-top:.6rem}
.rockart img{width:100%;max-width:24rem;margin:0 auto;box-shadow:0 30px 80px rgba(211,22,31,.45)}
.rockart figcaption{margin-top:1rem;font-family:Oswald,sans-serif;letter-spacing:.3em;text-transform:uppercase;font-size:.8rem;color:var(--gold)}
.rockart .peak{font-family:Oswald,sans-serif;font-weight:700;letter-spacing:.35em;text-transform:uppercase;font-size:clamp(.85rem,2vw,1.1rem);color:var(--gold);text-align:center;padding:1rem}
.rockart .peak b{display:block;font-family:Cinzel,serif;font-weight:900;font-size:clamp(1.8rem,5vw,2.8rem);letter-spacing:.06em;color:var(--bone);margin-bottom:.6rem}
/* section heads */
.head{padding:clamp(5rem,11vw,8rem) 0 clamp(2rem,4vw,3rem);text-align:center}
.head .spaced{color:var(--gold);font-weight:500}
.head h2{font-size:clamp(2.8rem,8vw,6rem);margin:.9rem 0 0}
.head p{max-width:50ch;color:var(--muted);font-size:1.12rem;margin:1.2rem auto 0}

/* feature split */
.feature{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:clamp(2rem,5vw,4.5rem);align-items:center}
@media (max-width:860px){.feature{grid-template-columns:1fr}}
.feature img{width:100%;box-shadow:0 30px 90px rgba(211,22,31,.3)}
/* feature-block headings and their tag rows match the Chapter I treatment */
.prodhead,.rrmascot>div,.rockfilm>div,.scene .wrap{text-align:center}
.prodhead h3,.rrmascot h3,.rockfilm h3,.scene h3{text-align:center}
.prodhead p,.rrmascot p,.rockfilm p,.scene .wrap p{margin-left:auto;margin-right:auto}
.feature h3{font-family:Cinzel,serif;font-weight:800;font-size:clamp(1.8rem,3.4vw,2.4rem);line-height:1.1;margin:0 0 1rem;text-align:center}
.feature p{max-width:52ch;margin:0 auto 1rem}
.tags{list-style:none;padding:0;margin:0 0 1.3rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem}
.tags li{font-family:Oswald,sans-serif;font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;border:1px solid rgba(246,190,69,.35);color:var(--gold);padding:.2rem .7rem}

/* chapters strip */
.vgal{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1rem,2.5vw,1.6rem);align-items:start;margin:clamp(2rem,5vw,3rem) 0 0}
@media (max-width:860px){.vgal{grid-template-columns:1fr}}
.vsite{margin:0}
.vsite img{width:100%;aspect-ratio:4/3;object-fit:cover;object-position:top center;border:1px solid var(--rule);box-shadow:0 30px 80px rgba(0,0,0,.6)}
.vsite figcaption{font-size:.88rem;color:var(--muted);padding-top:.7rem}
.chapters{display:grid;grid-template-columns:repeat(12,1fr);gap:.4rem;margin:clamp(3rem,6vw,4.5rem) 0 0}
@media (max-width:600px){.chapters{grid-template-columns:repeat(6,1fr)}}
.chapters div{border-top:2px solid var(--rule);padding-top:.7rem;font-family:Cinzel,serif;font-weight:800;color:rgba(241,232,220,.28);font-size:clamp(.95rem,2vw,1.3rem)}
.chapters div.live{border-color:var(--gold);color:var(--bone)}
.chapters div.live small{display:block;font-family:Figtree,sans-serif;font-weight:500;font-size:.72rem;color:var(--gold);letter-spacing:.1em}
.chapters-note{color:var(--bone);font-size:clamp(.98rem,1.7vw,1.08rem);line-height:1.6;max-width:62ch;margin:1.3rem auto 0;text-align:center;opacity:.92}

/* direction panels */
.panels{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule)}
@media (max-width:900px){.panels{grid-template-columns:1fr}}
.panel{background:radial-gradient(ellipse at 20% 0%,rgba(246,190,69,.14) 0%,var(--bg) 65%);padding:clamp(1.8rem,4vw,2.8rem)}
.panel b{display:block;font-family:Oswald,sans-serif;font-weight:700;font-size:clamp(4.2rem,9vw,6.8rem);line-height:.9}
.panel h3{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:1rem;margin:1rem 0 .8rem;color:var(--gold)}
.panel p{margin:0 0 .8rem;font-size:1rem}

.clientblock{margin-top:clamp(2rem,5vw,3rem)}
.workreel{position:relative;overflow:hidden;margin-top:clamp(1rem,2.5vw,1.6rem);
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.wtrack{display:flex;gap:clamp(1rem,2.5vw,1.6rem);width:max-content;animation:slide 48s linear infinite}
.workreel:hover .wtrack{animation-play-state:paused}
.wtrack figure{margin:0;width:min(74vw,32rem);flex:none}
.hdreel .wtrack figure{width:min(72vw,26rem)}
.shot{position:relative;aspect-ratio:4/3;overflow:hidden;background:#000;border:1px solid var(--rule)}
.shot img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.2,.7,.2,1);filter:saturate(1.05) contrast(1.05)}
.shot::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(10,4,4,0) 55%,rgba(10,4,4,.65) 100%)}
.wtrack figure:hover .shot img{transform:scale(1.05)}
.hdreel figcaption{padding-top:.8rem}
.hdreel figcaption b{display:block;font-family:Cinzel,serif;font-weight:800;font-size:1.02rem;color:var(--bone);letter-spacing:.01em}
.hdreel figcaption span{display:block;margin-top:.25rem;font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--gold);opacity:.85}
.wtrack img{width:100%;border:1px solid var(--rule)}
.wtrack figcaption{font-size:.85rem;color:var(--muted);padding-top:.6rem}
@media (prefers-reduced-motion:reduce){.wtrack{animation:none;flex-wrap:wrap}}
.clientblock{display:none}
.marquee{position:relative;margin-top:clamp(2.5rem,6vw,3.5rem);overflow:hidden;margin:1rem 0 .9rem;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);padding:1.4rem 0;
 -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.mtrack{display:flex;align-items:center;gap:clamp(2.5rem,6vw,5rem);width:max-content;animation:slide 34s linear infinite}
.marquee:hover .mtrack{animation-play-state:paused}
.mtrack span{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase;
 font-size:clamp(1.05rem,2.4vw,1.5rem);color:var(--bone);opacity:.75;white-space:nowrap;transition:color .3s,opacity .3s}
.mtrack span:hover{color:var(--gold);opacity:1}
.mtrack img{height:clamp(1.8rem,4vw,2.6rem);width:auto;opacity:.8;filter:grayscale(1) brightness(1.6)}
.mtrack img:hover{opacity:1;filter:none}
@keyframes slide{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@media (prefers-reduced-motion:reduce){.mtrack{animation:none;flex-wrap:wrap}}
.srcstrip{display:flex;align-items:center;gap:.7rem;flex-wrap:wrap;margin:1rem 0 .4rem;padding-left:1rem;border-left:2px solid var(--rule)}
.srcstrip span{font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.16em;text-transform:uppercase;font-size:.66rem;color:var(--muted)}
.srcstrip figure{margin:0;width:4.6rem;height:3.4rem;overflow:hidden;border:1px solid var(--rule);background:#0B0606}
.srcstrip img{width:100%;height:100%;object-fit:cover;opacity:.75;transition:opacity .3s,transform .5s}
.srcstrip figure:hover img{opacity:1;transform:scale(1.06)}
.archivenote{font-size:.85rem;color:var(--muted);opacity:.85;margin:.9rem 0 0;max-width:66ch;border-left:2px solid var(--rule);padding-left:1rem;font-style:normal}
.milline{max-width:64ch;margin:1.1rem auto 0;color:var(--bone);font-size:clamp(1rem,1.8vw,1.12rem);border-top:1px solid rgba(246,190,69,.35);padding-top:1.1rem}
.wallnote{font-size:.85rem;color:var(--muted);margin:0;max-width:60ch}
.tbcase{margin-top:clamp(2.5rem,6vw,4rem)}
.tbhead{max-width:62ch;margin-bottom:clamp(1.2rem,3vw,2rem)}
.tbhead h3{font-size:clamp(1.6rem,3.8vw,2.4rem);margin:.7rem 0 .8rem;line-height:1.1}
.tbhead p{color:var(--muted);margin:0}
.tbhero{margin:0;background:#fff;border:1px solid rgba(226,35,26,.35);box-shadow:0 26px 70px rgba(226,35,26,.25)}
.tbhero img{width:100%}
.tbhero figcaption,.tbgrid figcaption{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:#8A1710;background:#fff;padding:.6rem .9rem;border-top:1px solid rgba(226,35,26,.2)}
.tbgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.7rem,1.8vw,1.1rem);margin-top:clamp(.7rem,1.8vw,1.1rem)}
@media (max-width:760px){.tbgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.tbgrid figure{margin:0;background:#fff;border:1px solid rgba(226,35,26,.25);display:flex;flex-direction:column}
.tbgrid img{width:100%;aspect-ratio:4/3;object-fit:contain;padding:.6rem;background:#fff}
.prodhero{margin:clamp(1rem,2.5vw,1.5rem) 0 0}
.prodhero img{width:100%;max-height:30rem;object-fit:cover;border:1px solid var(--rule)}
.prodhero figcaption,.prodrow figcaption{font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:.72rem;color:var(--gold);padding-top:.6rem}
.prodrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.2rem);margin-top:clamp(.8rem,2vw,1.2rem)}
.prodrow.two{grid-template-columns:repeat(2,minmax(0,1fr))}
.prodrow.two img{aspect-ratio:16/9;object-fit:cover}
@media (max-width:760px){.prodrow,.prodrow.two{grid-template-columns:1fr}}
.prodrow figure{margin:0}
.prodrow img{width:100%;border:1px solid var(--rule);background:#0B0606}
.prodrow .tall img{aspect-ratio:3/4;object-fit:cover;max-height:32rem}
.prodhead p{color:var(--muted);max-width:60ch;margin:.8rem auto 0}
.prodhead{margin:clamp(2.5rem,6vw,3.5rem) 0 clamp(1rem,2.5vw,1.5rem)}
.ngridhead{margin:clamp(2.5rem,6vw,4rem) 0 clamp(1.2rem,3vw,1.8rem)}
.ngridhead h3{font-size:clamp(1.5rem,3.4vw,2.1rem);margin:0 0 .5rem}
.ngridhead p{color:var(--muted);margin:0;max-width:60ch}
.reel2{display:grid;gap:clamp(.8rem,2vw,1.3rem);margin-top:clamp(1.5rem,4vw,2.5rem)}
.rrow{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent);mask-image:linear-gradient(90deg,transparent,#000 5%,#000 95%,transparent)}
.rtrack{display:flex;gap:clamp(.8rem,2vw,1.3rem);width:max-content}
.rtrack.a{animation:slideL 75s linear infinite}
.rtrack.b{animation:slideR 72s linear infinite}
.rrow:hover .rtrack{animation-play-state:paused}
@keyframes slideL{from{transform:translate3d(0,0,0)}to{transform:translate3d(-50%,0,0)}}
@keyframes slideR{from{transform:translate3d(-50%,0,0)}to{transform:translate3d(0,0,0)}}
.rtrack .ncard{width:min(78vw,28rem);flex:none}
@media (prefers-reduced-motion:reduce){.rtrack{animation:none;flex-wrap:wrap}}
.ngrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,2vw,1.3rem)}
@media (max-width:900px){.ngrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:560px){.ngrid{grid-template-columns:1fr}}
.ncard{margin:0;border:1px solid var(--rule);background:var(--bg2);display:flex;flex-direction:column;overflow:hidden;transition:border-color .35s,transform .45s}
.ncard:hover{border-color:rgba(246,190,69,.55);transform:translateY(-4px)}
.ncard.wide{grid-column:span 2}
@media (max-width:560px){.ncard.wide{grid-column:span 1}}
.nimg{aspect-ratio:4/3;overflow:hidden;background:#0B0606;display:grid;place-items:center}
.ncard.light .nimg{background:#fff}
.nimg img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.ncard.light .nimg img{object-fit:contain;padding:.7rem}
.ncard:hover .nimg img{transform:scale(1.04)}
.ncard figcaption{padding:.85rem 1rem 1rem;border-top:1px solid var(--rule)}
.ncard figcaption b{display:block;font-family:Cinzel,serif;font-weight:800;font-size:1rem;color:var(--bone)}
.ncard figcaption span{display:block;margin-top:.25rem;font-family:Oswald,sans-serif;font-weight:400;letter-spacing:.14em;text-transform:uppercase;font-size:.7rem;color:var(--gold);opacity:.9}
.sukimblock{margin-top:clamp(2.5rem,6vw,4rem);padding-top:clamp(2rem,4vw,3rem);border-top:1px solid var(--rule)}
.sukimgrid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}
@media (max-width:760px){.sukimgrid{grid-template-columns:1fr}}
.sukimgrid img{width:100%;max-width:22rem;justify-self:center;background:#5E0B0E}
/* pov */
.pov{background:linear-gradient(180deg,var(--bg) 0%,#1A0606 50%,var(--bg) 100%)}
.buds{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:var(--rule);border:1px solid var(--rule);margin-top:1rem}
@media (max-width:760px){.buds{grid-template-columns:repeat(2,minmax(0,1fr))}}
.bud{background:var(--bg);padding:clamp(1.2rem,3vw,1.8rem);text-align:center}
.bud .orb{width:clamp(3rem,7vw,4.5rem);height:clamp(3rem,7vw,4.5rem);border-radius:50%;margin:0 auto .9rem;background:radial-gradient(circle at 30% 25%,#FFD27A,var(--ember) 45%,var(--crimson) 100%);box-shadow:0 0 34px rgba(242,113,28,.45)}
.bud h4{font-family:Cinzel,serif;font-weight:800;font-size:1.15rem;margin:0 0 .3rem}
.bud p{font-size:.92rem;color:var(--muted);margin:0}
.gap{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.2rem;margin-top:clamp(2rem,5vw,3rem)}
.gapcard{border:1px solid var(--rule);padding:clamp(1.3rem,3vw,1.8rem);background:radial-gradient(ellipse at 100% 0%,rgba(211,22,31,.18),var(--bg) 70%)}
.gapcard .n{font-family:Oswald,sans-serif;font-weight:700;font-size:2.4rem;line-height:1;color:rgba(241,232,220,.25)}
.gapcard h4{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.95rem;margin:.6rem 0 .6rem}
.gapcard p{margin:0;font-size:.98rem}
.flywheel{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:clamp(2rem,5vw,3rem);font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:clamp(.8rem,1.7vw,1rem)}
.flywheel span{border:1px solid rgba(246,190,69,.4);color:var(--bone);padding:.5rem 1rem}
.flywheel i{color:var(--crimson);font-style:normal}
.note{color:var(--muted);font-size:.9rem;margin-top:1.4rem;max-width:60ch}
/* cinematic scene */
.scene{position:relative;min-height:88svh;display:flex;align-items:flex-end;overflow:hidden;isolation:isolate;margin-top:clamp(2rem,5vw,3rem)}
.scene > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.scene::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(10,4,4,.95) 0%,rgba(10,4,4,.35) 45%,rgba(10,4,4,0) 70%);z-index:-1}
.scene .wrap{width:100%;padding-bottom:clamp(2rem,6vw,4rem)}
.scene h3{font-size:clamp(2.4rem,7vw,5rem);margin:0}
.scene p{max-width:54ch;margin:1rem 0 0}
.gallery{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.8rem,2vw,1.5rem);margin-top:clamp(.8rem,2vw,1.5rem)}
@media (max-width:760px){.gallery{grid-template-columns:1fr}}
.gallery figure{margin:0}
.gallery img{width:100%}
.gallery figcaption{font-size:.88rem;color:var(--muted);padding-top:.6rem}

/* sukim */
.sukim{background:radial-gradient(circle at 30% 50%,#7a1216 0%,var(--maroon) 40%,#3c0709 100%);margin-top:clamp(5rem,11vw,8rem)}
.sukim .wrap{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(2rem,5vw,4rem);align-items:center;padding-top:clamp(3.5rem,8vw,6rem);padding-bottom:clamp(3.5rem,8vw,6rem)}
@media (max-width:860px){.sukim .wrap{grid-template-columns:1fr}}
.sukim img{width:100%;max-width:26rem;justify-self:center}
.sukim .spaced{color:var(--gold);font-weight:500}
.sukim h2{font-size:clamp(2.4rem,6vw,4.4rem);margin:.8rem 0 1rem}

/* career timeline */
.timeline{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.timeline li{display:grid;grid-template-columns:9rem minmax(0,1fr);gap:1.5rem;padding:1.8rem 0;border-bottom:1px solid var(--rule)}
@media (max-width:640px){.timeline li{grid-template-columns:1fr;gap:.4rem}}
.timeline .yr{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.08em;color:var(--gold)}
.timeline h4{font-family:Cinzel,serif;font-weight:800;font-size:1.35rem;margin:0 0 .2rem}
.timeline .ro{color:var(--muted);font-size:.92rem;margin-bottom:.5rem}
.timeline p{margin:0;max-width:62ch}
.clients{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;color:var(--muted);margin-top:.6rem}

.recgrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,4vw,3rem);align-items:center}
@media (max-width:860px){.recgrid{grid-template-columns:1fr}}
.recphoto{margin:0}
.recphoto img{width:100%;border:1px solid var(--rule);box-shadow:0 26px 70px rgba(0,0,0,.6)}
.recphoto figcaption{font-size:.85rem;color:var(--muted);padding-top:.6rem}
.reclist{list-style:none;margin:0;padding:0}
.reclist li{padding:1rem 0;border-top:1px solid var(--rule);display:grid;grid-template-columns:1fr auto;gap:1rem;align-items:baseline}
.reclist b{font-weight:500;color:var(--bone);font-size:1rem}
.reclist span{font-family:Oswald,sans-serif;font-weight:500;letter-spacing:.1em;color:var(--gold);font-size:.9rem}
.closeline{max-width:46ch;margin:1.8rem auto 0;font-size:clamp(1rem,1.9vw,1.15rem);color:var(--bone)}
.smallprint{margin:1.1rem auto 0;font-size:.85rem;color:var(--muted);opacity:.9}
footer{position:relative;overflow:hidden;margin-top:clamp(5rem,11vw,8rem);text-align:center;background:radial-gradient(ellipse at 50% 120%,#6A4A12 0%,#2A1D07 38%,var(--bg) 72%)}
footer .wrap{padding-top:clamp(4rem,9vw,7rem);padding-bottom:clamp(4rem,9vw,7rem)}
footer h2{font-size:clamp(2.6rem,8vw,5.6rem);margin:1rem 0 2rem}
.contact{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2.6rem}
footer a{color:var(--bone);font-size:1.1rem;font-weight:500}