@font-face{font-family:RCBook;src:url("font-c2256f04560253797093.ttf") format("truetype");font-weight:400;font-display:swap}
@font-face{font-family:RCBook;src:url("font-8782efeb09881832ebc4.ttf") format("truetype");font-style:italic;font-display:swap}
@font-face{font-family:RCText;src:url("font-c9868de61ff2bab0b5a3.ttf") format("truetype");font-weight:400;font-display:swap}
:root{--ink:#111112;--deep:#0a0a0a;--panel:#171719;--silver:#d1cfca;--paper:#f2f0e9;--dim:#b1afac;--gold:#d2a66f;--gold-hover:#e4bd8b;--on-gold:#17140f;--line:#454347;--gutter:clamp(22px,5.5vw,100px);--serif:RCBook,Georgia,serif;--sans:RCText,"Segoe UI",Arial,sans-serif}
*{box-sizing:border-box}body{margin:0;background:var(--ink);color:var(--paper);font:400 18px/1.52 var(--sans);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img,video{display:block;width:100%}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible,video:focus-visible{outline:3px solid var(--gold);outline-offset:5px}p,h1,h2,h3,figure{margin:0}::selection{background:var(--gold);color:var(--on-gold)}.shell{width:100%;max-width:1800px;margin-inline:auto;padding-inline:var(--gutter)}.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.skip{position:absolute;z-index:20;left:24px;top:-90px;padding:10px 15px;background:white;color:black}.skip:focus{top:9px}.navwrap{background:#0d0d0e;border-bottom:1px solid #424044}.mast{display:flex;align-items:center;gap:clamp(20px,3.4vw,64px);min-height:82px}.word{display:inline-flex;align-items:center;gap:13px;margin-right:auto;line-height:1}.brand-img{width:clamp(165px,15vw,238px);max-height:53px;object-fit:contain;object-position:left}.identity strong{display:block;font:normal 32px/.93 var(--serif);letter-spacing:-.065em}.identity small{display:block;font-size:9px;letter-spacing:.33em;text-transform:uppercase;margin-top:6px}.brand-rule{border-left:3px solid var(--gold);height:37px;transform:skew(-5deg)}.nav{display:flex;gap:clamp(18px,2.2vw,44px);align-items:center}.nav a{font-size:15px;line-height:1.4;padding:12px 0;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-color:var(--gold)}.headbtn{font-size:15px;border:1px solid #686467;padding:9px 16px;border-radius:1px;white-space:nowrap}.headbtn:hover,.outline:hover{background:#353237}.arrow{font-family:Arial,sans-serif;font-weight:400;margin-left:.32em}.page{display:none}#home{display:block}body:has(.page:target) #home{display:none}body:has(.page:target) .page:target{display:block!important}
.eyebrow{font:600 11px/1.45 var(--sans);text-transform:uppercase;letter-spacing:.18em;color:#c5c0bc;display:flex;align-items:center;gap:10px}.tick{display:inline-block;width:23px;height:2px;background:var(--gold)}.hero{isolation:isolate;position:relative;min-height:clamp(490px,39vw,730px);background:#101010;overflow:hidden;display:grid;align-items:center}.frame{position:absolute;inset:0 0 0 33%;z-index:-1;background:#181818;overflow:hidden}.frame img,.frame video{position:absolute;inset:0;height:100%;width:100%;object-fit:cover;object-position:54% 49%}.frame:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#101010 0%,rgba(16,16,16,.83) 7%,rgba(16,16,16,.13) 28%,transparent 51%),linear-gradient(0deg,#101010a0,transparent 22%)}.frame video{opacity:0;transition:opacity .35s ease}.frame.playing video{opacity:1}.herocopy{max-width:41%;padding-block:48px 66px}.herocopy h1{font:normal clamp(73px,7.5vw,145px)/1.13 var(--serif);letter-spacing:-.09em;margin:14px 0 12px;white-space:nowrap}.herocopy h1 i{font-weight:400;font-style:italic}.dot{color:var(--gold)}.hero p.desc{color:#dedbd6;max-width:358px;font-size:clamp(17px,1.25vw,22px);line-height:1.47}.heroactions,.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:25px}.button{display:inline-flex;align-items:center;gap:9px;padding:12px 18px;border:1px solid transparent;border-radius:2px;background:var(--gold);color:var(--on-gold);font-weight:bold;font-size:15px;line-height:1.4}.button:hover{background:var(--gold-hover)}.tri{width:0;height:0;border-block:5px solid transparent;border-left:8px solid currentColor;display:inline-block}.underline{border-bottom:1px solid #9d9995;font-size:15px;padding-bottom:2px}.underline:hover{color:#fff;border-bottom-color:var(--gold)}.loopbutton{position:absolute;right:var(--gutter);bottom:20px;display:none;align-items:center;justify-content:center;gap:8px;font-size:13px;border:1px solid #8b898480;border-radius:2px;background:#111c;color:#fff;padding:7px 12px}.has-reel .loopbutton{display:inline-flex}.loopbutton:hover{background:#171717}.byline{border-block:1px solid #4b4747;background:#202022}.byline .shell{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-block:13px;color:#d6d2cd;font-size:12px;letter-spacing:.085em;text-transform:uppercase}.byline b{color:#fff;font-weight:bold}.carbon{height:7px;background:repeating-linear-gradient(32deg,transparent 0 3px,#252426 3px 5px),repeating-linear-gradient(127deg,#181819 0 3px,#3a393b 3px 5px);border-bottom:1px solid #323134}
.section{padding-block:clamp(48px,5vw,93px)}.sectionhead{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:26px}.title{font:400 clamp(39px,3.55vw,66px)/1.16 var(--serif);letter-spacing:-.067em;text-wrap:balance}.sectionhead .eyebrow{margin-bottom:8px}.two,.filmgrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(21px,3vw,52px)}.filmgrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 22px}.card{display:block;min-width:0}.still{display:block;position:relative;overflow:hidden;background:#282729;aspect-ratio:16/9}.still img{height:100%;object-fit:cover;transition:transform .3s}.still .play{position:absolute;bottom:12px;right:12px;width:38px;height:38px;display:grid;place-items:center;border:1px solid #aaa7;background:#101010d9;color:white;border-radius:50%}.card:hover .still img{transform:scale(1.018)}.card:hover .play{background:var(--gold);color:var(--on-gold)}.still .play .tri{margin-left:3px}.cardmeta{font-size:11px;letter-spacing:.13em;text-transform:uppercase;color:var(--dim);margin-top:15px;line-height:1.5}.card h3,.clip h3{font:normal clamp(25px,2.2vw,41px)/1.25 var(--serif);letter-spacing:-.052em;margin:5px 0}.card .brief,.clip .brief{color:#c1bdb8;max-width:560px;font-size:16px;line-height:1.45}.card:hover h3{text-decoration:underline;text-decoration-color:var(--gold);text-decoration-thickness:1px;text-underline-offset:5px}.silver{background:var(--silver);color:#171618}.silver .eyebrow,.silver .cardmeta{color:#494549}.silver .underline{border-color:#635c5a}.silver .underline:hover{color:#111}.silver .brief{color:#383639}.casegrid{display:grid;grid-template-columns:1.12fr 1fr;gap:clamp(30px,7vw,120px);align-items:center}.caseimg{width:100%;aspect-ratio:16/9;object-fit:cover}.casegrid h2{margin:14px 0 20px}.casegrid p.ps{color:#343134;max-width:505px;margin-bottom:20px;font-size:18px}.imgcap{font-size:12px;color:#625e5c;margin-top:7px}.title i{font-weight:normal}.slate{background:#1b1b1d}.foot{background:#0e0e0e;border-top:1px solid #484446}.footline{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;padding-block:64px}.footline .title{margin-top:12px}.footline .ps{color:#c8c3be;max-width:440px;margin-bottom:18px}.fine{display:flex;justify-content:space-between;align-items:center;gap:15px;border-top:1px solid #3b393b;padding-block:16px;color:#aaa5a2;font-size:13px}.fine a:hover{text-decoration:underline}.pageintro{padding-top:33px;padding-bottom:36px}.back{font-size:14px;color:#c5bfbb;display:inline-block;margin-bottom:29px}.back:hover{color:#fff}.pageintro h1{font:400 clamp(42px,5.2vw,90px)/1.14 var(--serif);letter-spacing:-.07em;max-width:1050px;margin:12px 0 16px}.pageintro .lead{max-width:730px;color:#c6c3bf;font-size:20px}.gallerybody{padding-bottom:70px}.strip{margin:42px 0 2px;padding-top:17px;border-top:1px solid var(--line)}.clip video{aspect-ratio:16/9;background:#222;object-fit:cover}.casefull{display:grid;grid-template-columns:.94fr 1.06fr;gap:clamp(22px,4.5vw,85px);align-items:start}.casefull .text{max-width:610px}.casefull h2{font:400 clamp(28px,2.55vw,48px)/1.25 var(--serif);letter-spacing:-.055em;margin:23px 0 10px}.casefull h2:first-child{margin-top:0}.casefull p{color:#c8c3be;margin-bottom:15px}.casefull figure{margin:0}.casefull .imgcap{color:var(--dim)}.fact{border-top:1px solid var(--line);margin-top:25px;padding-top:14px}.fact strong{font-family:var(--serif);font-size:32px;font-style:italic;font-weight:400;margin-right:8px}.contact-display{font-size:14px}.motion-status[hidden]{display:none}
@media(min-width:1800px){.hero{max-width:1800px;margin:0 auto}}
@media(max-width:950px){.mast{gap:22px}.nav{gap:16px}.nav a,.headbtn{font-size:14px}.brand-img{width:163px}.herocopy{max-width:44%}.herocopy h1{font-size:clamp(65px,8vw,77px)}.heroactions{gap:13px}.filmgrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){:root{--gutter:21px}.mast{min-height:0;flex-wrap:wrap;gap:0;justify-content:space-between;padding-top:14px}.word{margin-right:14px}.brand-img{width:163px;max-height:44px}.identity strong{font-size:28px}.headbtn{padding:8px 10px;font-size:13px}.nav{order:3;flex:0 0 100%;justify-content:space-between;border-top:1px solid #363336;margin-top:13px;gap:9px}.nav a{padding:10px 0;font-size:14px}.hero{display:flex;flex-direction:column;align-items:stretch;min-height:0}.frame{position:relative;inset:auto;width:100%;aspect-ratio:1.82;z-index:0;order:1}.frame:after{background:linear-gradient(0deg,#1010109c,transparent 28%)}.hero>.shell{order:2}.herocopy{max-width:none;padding:24px 0 29px}.herocopy h1{font-size:clamp(62px,13vw,95px);margin:4px 0 6px;line-height:1.19}.hero p.desc{max-width:450px;font-size:17px}.heroactions{margin-top:16px;gap:18px}.loopbutton{top:12px;bottom:auto;right:12px;font-size:12px;padding:6px 9px}.byline .shell{font-size:10px;letter-spacing:.055em;flex-wrap:wrap;gap:3px 15px;padding-block:11px}.section{padding-block:38px}.sectionhead{align-items:start;flex-direction:column;gap:8px;margin-bottom:20px}.title{font-size:38px}.two,.filmgrid,.casegrid,.footline,.casefull{grid-template-columns:1fr}.filmgrid,.two{gap:27px}.cardmeta{margin-top:11px}.card h3,.clip h3{font-size:27px}.casegrid{gap:18px}.casegrid h2{margin:7px 0 10px}.casegrid p.ps{font-size:17px}.casegrid figure{order:2}.footline{padding-block:36px;gap:17px}.fine{flex-wrap:wrap;font-size:12px}.pageintro .lead{font-size:18px}.pageintro{padding-top:22px;padding-bottom:25px}.back{margin-bottom:18px}.pageintro h1{margin:7px 0 12px}.gallerybody{padding-bottom:38px}.casefull{gap:23px}.casefull figure{order:2}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;scroll-behavior:auto!important}}

.page{scroll-margin-top:82px}h1[tabindex="-1"]:focus{outline:none}.loopbutton{z-index:2}
@media(max-width:700px){.page{scroll-margin-top:110px}}
.frame,.frame:after,.frame img,.frame video{pointer-events:none}

.word.editorial{display:inline-flex;align-items:flex-start;flex-direction:column;gap:5px;padding-block:8px}
.editorial .nameplate{display:block;font:400 clamp(25px,2.35vw,40px)/.98 var(--serif);letter-spacing:-.068em;color:#f3f1eb}
.editorial .nameplate i{font-weight:400}.editorial .imprint{font:600 9px/1 var(--sans);letter-spacing:.34em;color:#d3ccc6;text-transform:uppercase;padding-left:3px;display:inline-flex;align-items:center;gap:8px}.editorial .imprint:before{content:"";height:1px;width:19px;background:var(--gold)}
.collection-nav{display:flex;gap:16px 25px;flex-wrap:wrap;border-block:1px solid var(--line);margin:8px 0 32px;padding:11px 0;font-size:15px}
.collection-nav a{color:var(--dim);padding:4px 0}.collection-nav a:hover,.collection-nav a[aria-current="page"]{color:var(--paper);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:6px}
.catalog-section+.catalog-section,.campaign+.campaign{border-top:1px solid var(--line);margin-top:45px;padding-top:34px}
.catalog-section .sub,.campaign .sub,.founder-copy h2{font:400 clamp(28px,2.7vw,47px)/1.15 var(--serif);letter-spacing:-.055em;margin:0 0 16px}
.campaign .pitch,.founder-copy p,.foot .range{max-width:710px;color:#c9c5bf;font-size:17px;line-height:1.55;margin:0 0 18px}
.campaign .two{align-items:start}.campaign .two .card{width:100%}.campaign span.span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--dim);display:block}
.founder-feature{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(25px,5vw,80px);align-items:center}.founder-copy .eyebrow{margin-bottom:10px}.founder-copy .sub{margin-top:10px}
.catalog-note{font-size:14px;color:#aaa6a1;padding-bottom:18px}.head-intro{margin-bottom:18px}
button.card{padding:0;background:none;border:0;text-align:left;font:inherit;color:inherit}
.card .still .play{pointer-events:none}.vol{margin-bottom:12px}.still .image{height:100%}.burt-frame{width:100%;display:block}.burt-frame .play{width:49px;height:49px}
.modal{width:min(940px,calc(100% - 24px));max-height:90vh;margin:auto;border:1px solid #585353;border-radius:3px;background:#141414;color:var(--paper);padding:0;box-shadow:0 20px 100px #0008}
.modal::backdrop{background:#050505dd}.modal-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:14px 18px}.modal-head h2{font:400 clamp(19px,2.1vw,30px)/1.25 var(--serif);letter-spacing:-.04em}.modal-head button{padding:6px 12px;background:#252424;color:var(--paper);border:1px solid #777;border-radius:2px;font-size:14px}.modal video{width:100%;aspect-ratio:16/9;max-height:65vh;background:#050505;object-fit:contain}.modal-note{padding:10px 18px;color:var(--dim);font-size:14px}.foot .range{margin-bottom:15px;max-width:545px}.foot .range strong{font-weight:700;color:#f5f1eb}.foot .footline{align-items:center}
@media(max-width:700px){.word.editorial{padding-block:0 2px;gap:4px}.editorial .nameplate{font-size:28px}.editorial .imprint{font-size:8px}.collection-nav{margin:0 0 24px}.founder-feature{grid-template-columns:1fr}.campaign+.campaign,.catalog-section+.catalog-section{margin-top:28px;padding-top:26px}}

.director-note{font-size:17px;color:var(--dim);max-width:410px;margin-top:17px}.artist-inquiry .sub{font:400 clamp(27px,2.5vw,43px)/1.2 var(--serif);letter-spacing:-.055em}.artist-inquiry p{max-width:660px;margin:10px 0 12px;color:var(--dim)}.campaign .eyebrow{margin-bottom:7px}
.maker{background:#1c1c1e;border-block:1px solid #424045}.maker .section{padding-block:clamp(38px,4vw,70px)}.maker .casegrid p.ps{color:#e2ded8}.maker .maker-note{font-size:15px;color:var(--dim);margin-top:12px}.maker .actions{gap:12px 24px;margin-top:20px}.maker .featured-episode{line-height:1.3}.maker .episode-caption{display:block;font-size:15px;color:#e4ded9;padding:10px 0 0}.maker .play{width:45px;height:45px}.maker .title i{font-weight:normal}.maker figure{align-self:center}

.event-feature{border-block:1px solid var(--line);padding-block:clamp(29px,3vw,50px);margin-top:52px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,2fr);column-gap:clamp(24px,4vw,70px);align-items:center}.event-copy{max-width:650px}.event-copy .sub,.archive-strip .sub{font:400 clamp(27px,2.5vw,43px)/1.17 var(--serif);letter-spacing:-.05em;margin:8px 0 12px}.event-copy p:not(.eyebrow),.archive-strip p,.master-help p{color:#cbc7c1;max-width:610px}.event-copy p+p{margin-top:10px}.archive-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:28px 0 24px}.archive-strip a{white-space:nowrap}.solo{max-width:660px}.original-art{background:#111}.original-art img{object-fit:contain}.still.missing-photo:before{position:absolute;inset:0;display:grid;place-items:center;content:'Artwork unavailable offline';font:13px var(--sans);color:var(--dim)}.master-help{padding:16px 20px 24px}.master-actions{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:14px}.file-label{display:inline-flex;position:relative;border:1px solid #8d8885;border-radius:2px;padding:7px 12px;cursor:pointer;font-size:15px}.file-label input{position:absolute;inset:0;width:100%;max-width:100%;opacity:0;cursor:pointer}.file-label:focus-within{outline:3px solid var(--gold);outline-offset:3px}.modal video[hidden],.master-help[hidden],.master-actions a[hidden]{display:none}.event-copy .sub{margin:10px 0}.event-feature .card{width:100%}
@media(max-width:700px){.event-feature{grid-template-columns:1fr;gap:22px;margin-top:30px}.archive-strip{align-items:flex-start;flex-direction:column}.event-copy p{font-size:16px}}


button.headbtn{font-family:var(--sans);color:var(--paper);background:transparent}button.headbtn:hover{background:#302d2e}.master-help p{overflow-wrap:anywhere}.original-art img[hidden]{display:none}.original-art.art-pending:before{content:"Release artwork pending";position:absolute;inset:0;display:grid;place-items:center;font:14px var(--sans);color:var(--dim)}

.archive-records{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:0 34px}.card.archive-record{display:grid;grid-template-columns:45px minmax(0,1fr);border-top:1px solid var(--line);padding:14px 0;align-content:start}.archive-record .still{grid-column:1;grid-row:1 / 4;width:35px;height:35px;margin-top:4px;overflow:visible;background:none}.archive-record .still .play{inset:0;width:35px;height:35px}.archive-record h3,.archive-record .cardmeta,.archive-record .brief{grid-column:2}.archive-record .cardmeta{margin-top:0}.archive-record h3{font-size:24px}

.rcq{--q-paper:#f3f0e9;--q-edge:#555256;--q-mid:#c4c0bb;box-sizing:border-box;width:min(680px,calc(100% - 32px));max-width:calc(100% - 32px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);margin:auto;padding:0;border:1px solid var(--q-edge);background:#19191b;color:var(--q-paper);font-family:var(--sans,Arial,sans-serif);text-align:left;box-shadow:0 25px 130px #0009;color-scheme:dark}
.rcq *{box-sizing:border-box}.rcq[open]{display:flex;flex-direction:column;overflow:hidden}.rcq [hidden]{display:none!important}.rcq::backdrop{background:rgb(4 4 5 / 83%)}
.rcq-bar{flex:none;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:6px clamp(16px,4vw,34px);border-bottom:1px solid #444247;background:#1c1c1e}.rcq-imprint{font:650 11px/1.2 var(--sans,Arial,sans-serif);text-transform:uppercase;letter-spacing:.13em}
.rcq button,.rcq a{cursor:pointer}.rcq .rcq-close,.rcq .rcq-back{font:600 14px/1.25 var(--sans,Arial,sans-serif);border:0;border-radius:0;background:none;color:var(--q-paper);padding:8px 0;min-height:42px}.rcq-close span{font-size:19px;margin-left:5px;vertical-align:-1px}.rcq-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:thin}
.rcq-content{padding:clamp(20px,4vw,36px);overflow-wrap:anywhere}.rcq h2{font:400 clamp(32px,5vw,53px)/1.04 var(--serif,Georgia,serif);letter-spacing:-.055em;margin:0}.rcq h2:focus{outline:none}.rcq-intro,.rcq-note,.rcq-status{color:var(--q-mid);font:400 15px/1.45 var(--sans,Arial,sans-serif);margin:12px 0 22px}.rcq-intro strong{color:var(--q-paper)}
.rcq .rcq-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 18px}.rcq .rcq-form label,.rcq .rcq-review label{display:block;min-width:0;color:var(--q-paper);font:600 14px/1.35 var(--sans,Arial,sans-serif)}
.rcq small{font:400 12px/1.3 var(--sans,Arial,sans-serif);color:var(--q-mid);margin-left:4px}
.rcq input:not([type=checkbox]),.rcq select,.rcq textarea{display:block;width:100%;min-width:0;margin:5px 0 0;border:1px solid #69666b;border-radius:2px;background:#101012;color:var(--q-paper);font:400 16px/1.35 var(--sans,Arial,sans-serif);padding:9px 11px;min-height:42px}
.rcq input::placeholder,.rcq textarea::placeholder{color:#aca8a9;opacity:1}.rcq textarea{resize:vertical;min-height:72px}.rcq :is(input,select,textarea,button,a,summary):focus-visible{outline:2px solid var(--gold);outline-offset:3px}.rcq .rcq-single,.rcq .rcq-schedule{margin-top:16px}
.rcq-details{margin-top:19px;border-block:1px solid #4d4a4f}.rcq-details summary{padding:12px 2px;font:600 15px/1.4 var(--sans,Arial,sans-serif);cursor:pointer}.rcq-details summary::marker{color:var(--gold)}.rcq-details-body{padding:3px 0 18px}
.rcq fieldset{min-width:0;margin:18px 0 0;padding:0;border:0}.rcq legend{padding:0;font:600 14px/1.35 var(--sans,Arial,sans-serif)}
.rcq .rcq-checks{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px 14px;margin-top:6px}.rcq .rcq-checks label{display:flex;min-height:37px;align-items:center;gap:9px;font-weight:400;cursor:pointer}.rcq .rcq-checks input{accent-color:var(--gold);width:17px;height:17px;flex:none;margin:0}
.rcq-rates{margin:0 0 24px;padding:0 0 16px;border-bottom:1px solid var(--line);color:var(--q-mid);font:400 15px/1.5 var(--sans,Arial,sans-serif)}.rcq-rates strong{color:var(--gold);white-space:nowrap}.rcq .rcq-primary,.rcq .rcq-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;text-decoration:none;min-height:44px;padding:10px 16px;font:650 15px/1.3 var(--sans,Arial,sans-serif);border-radius:2px}.rcq .rcq-primary{border:1px solid var(--q-paper);background:var(--q-paper);color:#171719}.rcq .rcq-secondary{background:transparent;color:var(--q-paper);border:1px solid #827e83}.rcq .rcq-primary:hover{background:#dedad3}.rcq .rcq-secondary:hover,.rcq .rcq-close:hover,.rcq .rcq-back:hover{text-decoration:underline;text-underline-offset:3px}
.rcq .rcq-actions{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 0}.rcq .rcq-review textarea{font-size:16px;line-height:1.45}.rcq .rcq-status{font-size:14px;margin:10px 0 4px}.rcq-status:empty{display:none}.rcq-back{margin-top:9px}
@media(max-width:580px){.rcq{width:calc(100% - 16px);max-width:calc(100% - 16px);max-height:calc(100vh - 16px);max-height:calc(100dvh - 16px)}.rcq .rcq-grid{grid-template-columns:1fr;gap:12px}.rcq-content{padding:20px 16px}.rcq-bar{padding-inline:16px}.rcq .rcq-checks{gap:2px 6px}.rcq .rcq-checks label{min-height:43px}.rcq .rcq-actions{align-items:stretch}}

.taw-channel {
 position:relative; isolation:isolate; display:grid; align-items:center;
 overflow:hidden; min-height:270px; padding:clamp(26px,4.3vw,56px);
 margin:clamp(30px,5vw,70px) 0 0; border:1px solid #474643; color:#f8f6ee;
 background:#101010; text-decoration:none;
}
.taw-channel:before {
 content:"";position:absolute; z-index:-1; inset:0;
 background:linear-gradient(90deg,#141414 0%,#141414 32%,rgba(20,20,20,.85) 48%,rgba(20,20,20,.15) 75%,rgba(20,20,20,0) 100%);
}
.taw-channel .taw-photo {
 position:absolute; z-index:-2; right:0; top:0;width:68%;height:100%;
 object-fit:cover; object-position:55% 64%;
}
.taw-channel .eyebrow {margin:0 0 8px}
.taw-channel h2 {margin:0;line-height:1;max-width:max-content}
.taw-channel h2 img{display:block;width:clamp(220px,27vw,355px);height:auto}
.taw-channel .taw-stats {margin:10px 0 18px;color:#dfddd9;font-size:clamp(.88rem,1.3vw,1rem);line-height:1.5}
.taw-channel .taw-link {display:inline-block;width:max-content;padding-bottom:4px;border-bottom:1px solid var(--gold);color:#fff;font-weight:600;font-size:.94rem;}
.taw-channel:hover .taw-link,.taw-channel:focus-visible .taw-link {border-bottom-color:currentColor}
.taw-count-note{color:#aaa7a2;font-size:.76rem;line-height:1.4;margin:10px 0 0}
.taw-channel:focus-visible {outline:2px solid var(--gold);outline-offset:4px}
#documentaries .taw-film-action {display:block;margin-top:.45rem;color:#d7d4ce;font-size:.82rem;text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:.25rem}
@media (max-width:640px) {
 .taw-channel {padding:24px;min-height:330px;align-content:end}
 .taw-channel .taw-photo{width:100%;height:72%;object-position:50% 58%}
 .taw-channel:before {background:linear-gradient(0deg,#141414 12%,rgba(20,20,20,.97) 38%,rgba(20,20,20,.56) 62%,rgba(20,20,20,.04) 100%)}
 .taw-channel h2 img{width:min(245px,95%)}
 .taw-channel .taw-stats{margin:8px 0 14px}
}

.rc-mark {display:flex;align-items:center;margin-inline-end:auto;line-height:1;min-height:44px}
.rc-mark .rc-lockup {width:186px;max-width:100%;height:auto;display:block}
.motion-strip{background:#101010}
.motion-strip .loopbutton[hidden] {display:none}
.work-strip{border-bottom:1px solid #383638;min-height:clamp(365px,34vw,560px)}
.work-strip .frame{inset-inline-start:36%}
.work-strip .herocopy{max-width:40%;padding-block:44px 50px}
.work-strip .herocopy h2{margin:16px 0 18px;max-width:9em;font:normal clamp(51px,5.25vw,100px)/.99 var(--serif);letter-spacing:-.065em}
.work-strip h2 i{font-weight:400}
.work-strip .desc{max-width:33ch}
.work-strip .heroactions{gap:15px 24px}
.work-strip .heroactions .button{white-space:normal}
.work-strip.reverse .frame{inset:0 37% 0 0}
.work-strip.reverse .frame:after{background:linear-gradient(270deg,#101010 0%,rgba(16,16,16,.89) 6%,rgba(16,16,16,.2) 29%,transparent 53%),linear-gradient(0deg,#10101070,transparent 25%)}
.work-strip.reverse .herocopy{margin-left:auto;max-width:36%}
.work-strip.reverse .loopbutton{left:var(--gutter);right:auto}
.work-strip .frame img,.work-strip .frame video{object-position:50% 50%}
.motion-strip .frame:not(.playing) video {visibility:hidden}
.motion-strip .frame.playing video{visibility:visible}
.motion-strip .frame:after{z-index:1}
@media (min-width:1800px){.work-strip{max-width:1800px;margin-inline:auto}}
@media (min-width:701px) and (max-width:900px){.work-strip .herocopy{max-width:43%}.work-strip.reverse .herocopy{max-width:39%}.work-strip .herocopy h2{font-size:clamp(46px,6vw,58px)}.work-strip .heroactions{gap:10px 16px}.work-strip p.desc{font-size:16px}}
@media(max-width:700px){
 .rc-mark{min-height:30px;max-width:48%;margin:0}
 .rc-mark .rc-lockup{width:156px}
 .work-strip{min-height:0}
 .work-strip .frame,.work-strip.reverse .frame{inset:auto;aspect-ratio:1.9}
 .work-strip.reverse .frame:after,.work-strip .frame:after{background:linear-gradient(0deg,#10101080,transparent 24%)}
 .work-strip .herocopy,.work-strip.reverse .herocopy{margin:0;padding:21px 0 32px;max-width:none}
 .work-strip .herocopy h2{font-size:clamp(45px,10.9vw,75px);margin:7px 0 10px;max-width:100%}
 .work-strip .desc{max-width:44ch}
 .work-strip .heroactions{margin-top:16px}
 .work-strip.reverse .loopbutton{left:12px;right:auto}
}
@media(prefers-reduced-motion:reduce){.motion-strip .frame video{transition:none}}

.motion-strip .frame video{transition:none}

.history-request{display:inline-block;color:var(--paper,#f2f0e9);font-size:.88rem;margin-top:.6em;border-bottom:1px solid var(--gold);padding-bottom:3px}.founder-copy>p+p{margin-top:1em}
main>.page{display:block!important}
.rc-screening .pageintro{padding-bottom:clamp(16px,3vw,34px)}
.rc-watch-player{margin:0 auto;position:relative}.rc-watch-player :is(iframe,video){display:block;width:100%;aspect-ratio:16/9;height:auto;background:#080809;border:1px solid var(--line);object-fit:contain;max-height:78vh}
.rc-screening .rc-watch-links{display:flex;gap:12px 25px;align-items:center;flex-wrap:wrap;margin:16px 0 clamp(35px,6vw,80px)}
.rc-watch-related{margin:0 0 40px}.rc-watch-related a{margin-right:18px}
.rc-sr{position:absolute;width:1px;height:1px;padding:0;clip-path:inset(50%);overflow:hidden;white-space:nowrap}

.rc-watch-poster{display:block;position:relative;overflow:hidden;background:#121212;color:white;width:100%;aspect-ratio:16/9}
.rc-watch-poster img{display:block;width:100%;height:100%;object-fit:cover}
.rc-watch-poster span{position:absolute;bottom:14px;right:14px;padding:9px 16px;border-radius:2px;color:white;background:#161619ef;font-size:.87rem}
.rc-watch-poster:focus-visible,.rc-watch-poster:hover{outline:2px solid var(--gold);outline-offset:3px}
.rc-watch-links [hidden]{display:none!important}

.campaign .original-art { aspect-ratio: 16 / 9; }
.campaign .original-art img { width: 100%; height: 100%; object-fit: cover; }
.commercial-scope {
  border-top: 1px solid var(--line);
  margin-top: clamp(32px, 4vw, 58px);
  padding-top: clamp(20px, 2.3vw, 34px);
}
.commercial-scope p {
  max-width: 62ch; margin: 0; color: #c9c5bf;
  font-size: clamp(16px, 1.3vw, 19px); line-height: 1.6;
}
.ink-defs { position: absolute; pointer-events: none; }


.commercial-player {
  padding: 0; width: min(94vw, 1020px); max-width: none;
  max-height: 95dvh; border: 1px solid #54504c;
  color: #f7f4ef; background: #141414;
}
.commercial-player::backdrop { background: rgba(0,0,0,.88); }
.commercial-player .screen-heading {
  display: flex; justify-content: space-between; align-items: center;
  gap: 18px; padding: 12px 18px;
}
.commercial-player h2 { margin: 0; font: 400 clamp(19px, 2.2vw, 29px)/1.2 var(--serif); }
.commercial-player .screen-close, .commercial-player .screen-retry {
  flex: none; padding: 8px 13px; font: inherit; font-size: 14px;
  color: #fff; background: #282828; border: 1px solid #666; cursor: pointer;
}
.commercial-player .screen-close:focus-visible, .commercial-player .screen-retry:focus-visible { outline: 2px solid var(--gold); outline-offset: 2px; }
.commercial-player video {
  display: block; width: 100%; max-height: calc(94dvh - 66px);
  aspect-ratio: 16 / 9; object-fit: contain; background: #050505;
}
.commercial-player .screen-error { margin: 0; padding: 12px 18px; }

.visual-ep-section {
  margin-top: clamp(40px, 6vw, 84px);
  padding-top: clamp(28px, 4vw, 55px);
  border-top: 1px solid var(--line);
}
.visual-ep-section > .sub { margin-bottom: 10px; }
.ep-intro {
  max-width: 63ch;
  margin: 0 0 clamp(24px, 3vw, 36px);
  color: var(--dim);
  font-size: clamp(16px, 1.5vw, 20px);
  line-height: 1.5;
}
.muses-finale { position: relative; margin-top: clamp(28px, 4vw, 54px); }
.muses-feature {
  position: relative;
  isolation: isolate;
  display: grid;
  align-items: center;
  min-height: clamp(328px, 29vw, 440px);
  overflow: hidden;
  border: 1px solid #45403c;
  background: #10100f;
  color: #f8f5ef;
  text-decoration: none;
}
.muses-feature .muses-picture {
  position: absolute;
  z-index: -2;
  inset: 0 0 0 auto;
  width: 64%;
  height: 100%;
  margin: 0;
  background: #131c17;
}
.muses-picture img, .muses-picture video {
  object-position: 52% 50%;
  filter: saturate(1.2) brightness(1.09) contrast(1.025);
}
.muses-picture::after { display: none; }
.muses-feature::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, #10100f 34%, rgba(16,16,15,.98) 39%, rgba(16,16,15,.87) 44%, rgba(16,16,15,.43) 53%, transparent 66%);
}
.muses-copy {
  width: 49%;
  box-sizing: border-box;
  padding: clamp(24px, 3vw, 46px);
  padding-right: clamp(10px, 1.3vw, 22px);
}
.muses-copy .eyebrow { margin: 0 0 clamp(14px, 1.7vw, 24px); }
.muses-copy h3 { margin: 0 0 18px; line-height: 1; }
.muses-copy h3 img { display: block; width: min(100%, 540px); height: auto; filter: brightness(1.12); }
.muses-synopsis { max-width: 41ch; margin: 0 0 18px; font-size: clamp(15px, 1.16vw, 18px); line-height: 1.52; color: #e2ded9; }
.muses-link { display: inline-block; padding-bottom: 3px; border-bottom: 1px solid var(--gold); font-weight: 600; font-size: .95rem; }
.muses-feature:hover .muses-link, .muses-feature:focus-visible .muses-link { border-color: currentColor; }
.muses-feature:focus-visible, .muses-finale .loopbutton:focus-visible { outline: 2px solid var(--gold); outline-offset: 3px; }
.muses-finale .loopbutton { top: auto; right: 16px; bottom: 16px; min-height: 36px; color: #f8f5ef; background: rgba(12,14,12,.86); }
.muses-finale .loopbutton:hover { background: #10100f; }
@media (max-width: 760px) {
  .muses-feature { display: flex; flex-direction: column; align-items: stretch; min-height: 0; }
  .muses-feature .muses-picture { position: relative; inset: auto; z-index: 0; width: 100%; height: auto; aspect-ratio: 2.24; order: 0; }
  .muses-picture img, .muses-picture video { object-position: center; }
  .muses-feature::before { content: none; }
  .muses-copy { order: 1; width: 100%; padding: 24px clamp(20px, 4vw, 32px) 27px; }
  .muses-copy h3 img { width: min(100%, 425px); }
  .muses-synopsis { max-width: 58ch; }
  .muses-finale .loopbutton { inset: 10px 10px auto auto; min-height: 36px; }
}


.honeys-art img{object-fit:cover;}

.visual-ep-section {
  margin-top: clamp(42px, 6vw, 90px);
  padding-top: 0;
  border-top: 0;
}
.ep-heading {
  display: grid;
  grid-template-columns: minmax(190px, .85fr) minmax(300px, 1.35fr);
  align-items: center;
  gap: clamp(24px, 6vw, 94px);
  margin-bottom: clamp(24px, 3.3vw, 48px);
  padding: clamp(27px, 4.4vw, 68px) clamp(24px, 3.8vw, 58px);
  border-block: 1px solid #6b5b39;
  background: #1b1915;
}
.visual-ep-section .ep-heading .sub {
  margin: 0;
  color: #f3e6c5;
  font: 400 clamp(48px, 6.6vw, 100px)/1.02 var(--serif);
  letter-spacing: -.055em;
}
.ep-heading .ep-intro { margin: 0; max-width: 54ch; color: #dad6cd; }
.ep-heading strong, .muses-synopsis strong { color: #f3e6c5; font-weight: 650; }
.visual-ep-section + .artist-inquiry { margin-top: clamp(38px, 5vw, 78px); }
#vr-founders-story .back-to-commercial { display: none; }
#vr-founders-story:target .back-to-commercial { display: inline-block; }
#vr-founders-story:target .back-to-documentaries { display: none; }
#vr-systems, #vr-founders-story { scroll-margin-top: 12px; }
@media (max-width: 700px) {
  .ep-heading { grid-template-columns: 1fr; gap: 14px; padding: 26px 20px; }
  .ep-heading .ep-intro { font-size: 16px; }
}

.portfolio-intro {
  position: relative;
  isolation: isolate;
  overflow: hidden;
  border-bottom: 1px solid #403c3b;
  background: #101011;
}
.portfolio-intro .frame {
  position: absolute;
  inset: 0 0 0 34%;
  z-index: -1;
  margin: 0;
  aspect-ratio: auto;
}
.portfolio-intro .frame::after {
  background: linear-gradient(90deg,#101011 0%,rgba(16,16,17,.92) 7%,rgba(16,16,17,.5) 31%,transparent 64%),
              linear-gradient(0deg,rgba(10,10,11,.35),transparent 35%);
}
.portfolio-intro .frame img, .portfolio-intro .frame video {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: center;
}
.portfolio-intro .pageintro {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  min-height: clamp(335px,35vw,535px);
  padding-block: clamp(27px,3vw,52px) clamp(38px,5vw,75px);
}
.portfolio-intro .back { margin-bottom: clamp(20px,2.5vw,38px); }
.portfolio-intro h1 { max-width: 11em; margin: 10px 0 14px; }
.portfolio-intro .lead { width: 42%; max-width: 550px; color: #e1ddd6; font-size: clamp(16px,1.25vw,20px); }
.portfolio-intro[data-motion-page="commercial"] h1 { max-width: 8.6em; font-size: clamp(40px,4.8vw,82px); }
.portfolio-intro .loopbutton { right: var(--gutter); top: auto; bottom: 16px; background: #111d; }
#music .portfolio-intro + .gallerybody { padding-top: clamp(26px,3.3vw,62px); }
.campaign-index {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 0 clamp(14px,2.2vw,36px);
  padding-block: 12px;
  border-bottom: 1px solid #514c48;
}
.campaign-index a { padding-block: 8px; color: #ddd9d2; font-size: 14px; }
.campaign-index a:hover, .campaign-index a:focus-visible { color: #fff; text-decoration: underline; text-underline-offset: 4px; }
#commercial .campaign {
  display: grid;
  grid-template-columns: minmax(185px,.69fr) minmax(0,2fr);
  column-gap: clamp(30px,4.5vw,82px);
  align-items: start;
  margin: 0;
  padding-block: clamp(36px,4.3vw,70px);
  scroll-margin-top: 24px;
}
#commercial .campaign + .campaign { border-top: 1px solid #494440; }
.campaign-story h2 { text-wrap: balance; }
#commercial .campaign .campaign-story .sub { margin: 12px 0 16px; font-size: clamp(29px,2.65vw,48px); }
#commercial .campaign .campaign-story .pitch { font-size: clamp(15px,1.08vw,18px); line-height: 1.57; }
#commercial .campaign .campaign-story .strip { margin-block: 20px 0; padding: 12px 0 0; background: none; border: 0; border-top: 1px solid #48433f; }
#commercial .campaign .two { gap: clamp(25px,2.5vw,42px) clamp(16px,1.8vw,30px); }
#commercial .campaign .card h3 { font-size: clamp(24px,2.05vw,36px); line-height: 1.2; }
#commercial .campaign .card .brief { font-size: clamp(14px,1.1vw,17px); }
#commercial .campaign .cardmeta { margin-top: 11px; }

.recognition { background: #e8e5dc; color: #201e1e; border-block: 1px solid #c1bcb0; }
.recognition-layout { display: grid; grid-template-columns: minmax(0,.86fr) minmax(0,1.16fr); align-items: center; gap: clamp(24px,4vw,70px); padding-block: clamp(29px,3vw,48px); }
.recognition-photos { display: grid; grid-template-columns: 1.2fr .88fr; gap: 5px; align-self: stretch; min-height: 190px; }
.recognition-photos img { width: 100%; height: 100%; min-height: 0; aspect-ratio: 1; object-fit: cover; }
.recognition-photos img:first-child { object-position: 58% center; }
.recognition-photos img:nth-child(2) { object-position: 58% center; }
.recognition-copy h2 { font: 400 clamp(31px,2.8vw,53px)/1.1 var(--serif); letter-spacing: -.055em; text-wrap: balance; }
.recognition-copy > p { font-size: clamp(14px,1.05vw,17px); margin-top: 9px; color: #4b4640; }
.festival-marks { list-style: none; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); padding: 0; margin: 22px 0 0; gap: 12px; }
.festival-marks li { min-width: 0; text-align: center; }
.festival-marks img { margin: 0 auto 6px; width: 100%; max-width: 125px; height: clamp(48px,5vw,76px); object-fit: contain; }
.festival-marks strong, .festival-marks span { display: block; }
.festival-marks strong { font-size: 14px; font-weight: 600; }
.festival-marks span { margin-top: 2px; font-size: 12px; line-height: 1.3; color: #524d47; }
@media (max-width: 880px) {
  #commercial .campaign { display: block; }
  #commercial .campaign-story { max-width: 680px; margin-bottom: 24px; }
  #commercial .campaign .campaign-story .strip { max-width: 490px; }
  .recognition-layout { grid-template-columns: .7fr 1fr; gap: 22px; }
  .recognition-photos { grid-template-columns: 1fr 1fr; }
  .festival-marks { gap: 6px; }
}
@media (max-width: 700px) {
  .portfolio-intro { display: flex; flex-direction: column; }
  .portfolio-intro .frame { position: relative; inset: auto; order: 1; z-index: 0; aspect-ratio: 2.35; width: 100%; }
  .portfolio-intro .frame::after { background: linear-gradient(180deg,#10101133,transparent 23%); }
  .portfolio-intro .pageintro { min-height: 0; padding-block: 18px 22px; }
  .portfolio-intro .back { margin-bottom: 16px; }
  .portfolio-intro h1, .portfolio-intro[data-motion-page="commercial"] h1 { font-size: clamp(40px,8.8vw,61px); margin: 7px 0 10px; }
  .portfolio-intro .lead { width: 100%; max-width: 44em; font-size: 16px; }
  .portfolio-intro .loopbutton { bottom: 10px; right: 12px; min-height: 33px; }
  .campaign-index { gap: 0 18px; padding-block: 10px; }
  .campaign-index a { font-size: 13px; padding-block: 5px; }
  #commercial .campaign { padding-block: 28px; }
  #commercial .campaign .two { grid-template-columns: 1fr; row-gap: 23px; }
  #commercial .campaign .campaign-story .sub { margin: 7px 0 11px; }
  #commercial .campaign .campaign-story .pitch { margin-bottom: 9px; }
  .recognition-layout { grid-template-columns: 1fr; gap: 20px; }
  .recognition-photos { min-height: 0; height: clamp(124px,34vw,210px); grid-template-columns: 1.08fr 1fr; }
  .recognition-photos img { aspect-ratio: auto; }
  .festival-marks { margin-top: 18px; }
  .festival-marks strong { font-size: 12px; }
  .festival-marks span { font-size: 10px; }
}
@media (max-width: 365px) {
  .festival-marks { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
}

.festival-marks .festival-laurel {
  display: flex;
  height: clamp(48px, 5vw, 76px);
  align-items: center;
  justify-content: center;
  margin: 0 auto 6px;
}
.festival-marks .festival-laurel img {
  display: block;
  width: auto;
  height: auto;
  max-height: 100%;
  max-width: min(100%, 125px);
  margin: 0;
}
/* Hide the date within each source laurel while retaining the original festival lettering. */
.festival-laurel .mark-la {
  clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, 24% 9%, 76% 9%, 76% 21%, 24% 21%, 24% 9%, 0 0);
}
.festival-laurel :is(.mark-ny, .mark-tal) {
  clip-path: polygon(evenodd, 0 0, 100% 0, 100% 100%, 0 100%, 0 0, 38% 72%, 62% 72%, 62% 84%, 38% 84%, 38% 72%, 0 0);
}
.festival-laurel .mark-van { clip-path: inset(0 0 9%); }
.recognition-photos {
  grid-template-columns: 1.12fr 1fr;
  aspect-ratio: 2.12;
  height: auto;
  min-height: 0;
  align-self: center;
}
.recognition-photos img { aspect-ratio: auto; }
.recognition-photos img:nth-child(2) { object-position: center; }

.band-roots {
  margin-top: clamp(32px, 4.5vw, 68px);
  padding-top: clamp(23px, 3.3vw, 48px);
  border-top: 1px solid var(--line);
}
#band-roots-note {
  max-width: 36em;
  margin: 0 auto clamp(20px, 2.4vw, 36px);
  text-align: center;
  text-wrap: balance;
  color: #e4dfd6;
  font: 400 clamp(20px, 2vw, 31px)/1.34 var(--serif);
  letter-spacing: -.025em;
}
@media (max-width: 700px) {
  #band-roots-note { padding-inline: 4px; }
}

/* The four portfolio links also work as a second masthead row on small screens. */
@media (max-width: 610px) {
  .navwrap .nav {
    gap: 8px;
  }
  .navwrap .nav a {
    display: inline-flex;
    align-items: center;
    min-height: 44px;
    font-size: clamp(12px, 3.1vw, 14px);
    text-align: center;
  }
}
@media (max-width: 360px) {
  .navwrap .nav {
    display: grid;
    grid-template-columns: 1.2fr 1fr 1fr 1fr;
    column-gap: 5px;
  }
  .navwrap .nav a { justify-content: center; line-height: 1.15; }
}

.personal-opening {
  display: grid;
  grid-template-columns: minmax(230px,.72fr) minmax(0,1.6fr);
  align-items: center;
  gap: clamp(32px,5vw,88px);
  padding-block: clamp(34px,4vw,67px) clamp(34px,4.2vw,69px);
}
.personal-introduction .back {
  margin-bottom: clamp(22px,3.8vw,56px);
}
.personal-introduction h1 {
  font: 400 clamp(56px,6.15vw,108px)/.97 var(--serif);
  letter-spacing: -.048em;
  max-width: 7.5ch;
  margin: 0;
}
.personal-introduction p {
  max-width: 30ch;
  margin: 24px 0 0;
  color: var(--silver);
  font: 400 clamp(16px,1.35vw,21px)/1.5 var(--sans);
}
.personal-feature, .personal-film a {
  display: block;
  color: var(--paper);
  text-decoration: none;
}
.personal-feature:focus-visible, .personal-film a:focus-visible {
  outline: 2px solid var(--paper);
  outline-offset: 6px;
}
.personal-frame {
  position: relative;
  display: block;
  overflow: hidden;
  background: #0b0b0b;
}
.personal-frame img {
  width: 100%;
  height: auto;
  display: block;
}
.personal-feature .personal-frame { border: 1px solid #3b3834; }
.personal-credit {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 15px;
  margin-top: 15px;
}
.personal-credit h2, .personal-film h2 {
  margin: 0;
  font: 400 clamp(26px,2.4vw,43px)/1.12 var(--serif);
  letter-spacing: -.025em;
}
.personal-feature .personal-credit h2 { font-size: clamp(32px,3.1vw,55px); }
.personal-watch {
  display: inline-flex;
  gap: 9px;
  align-items: center;
  white-space: nowrap;
  font: 400 15px/1.3 var(--sans);
  color: var(--paper);
}
.personal-watch::before, .personal-play::before {
  content: "";
  display: block;
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-bottom: 5px solid transparent;
  border-left: 8px solid var(--paper);
}
.personal-watch::before { border-left-color: var(--gold); }
.personal-feature:hover .personal-credit h2, .personal-film a:hover h2 {
  text-decoration: underline;
  text-underline-offset: .16em;
  text-decoration-color: var(--gold);
  text-decoration-thickness: 1px;
}
.personal-grid {
  display: grid;
  grid-template-columns: repeat(2,minmax(0,1fr));
  gap: clamp(30px,3.5vw,60px) clamp(20px,3vw,52px);
  padding-bottom: clamp(46px,6vw,100px);
}
.personal-channel { grid-column: 1 / -1; }
.personal-grid::before {
  content: "";
  grid-column: 1/-1;
  height: 1px;
  background: var(--line);
}
.personal-film .personal-frame { aspect-ratio: 16 / 9; }
.personal-film .personal-frame img { height: 100%; object-fit: contain; }
.personal-film h2 { margin-top: 14px; }
.personal-film p, .personal-synopsis {
  margin: 7px 0 0;
  max-width: 51ch;
  color: var(--silver);
  font: 400 clamp(15px,1.12vw,18px)/1.45 var(--sans);
}
.personal-play {
  position: absolute;
  right: 13px;
  bottom: 13px;
  width: 37px;
  height: 37px;
  border: 1px solid #ffffff9c;
  border-radius: 50%;
  background: #111c;
  display: grid;
  place-items: center;
}
.personal-play::before { margin-left: 3px; }
.personal-film a:is(:hover, :focus-visible) .personal-play::before { border-left-color: var(--on-gold); }
.personal-film a:hover .personal-play, .personal-film a:focus-visible .personal-play {
  background: var(--gold);
  border-color: var(--paper);
}
@media (max-width: 760px) {
  .personal-opening { grid-template-columns: 1fr; gap: 24px; }
  .personal-introduction h1 { max-width: none; font-size: clamp(50px,9.9vw,75px); }
  .personal-introduction .back { margin-bottom: 18px; }
  .personal-introduction p { max-width: 45ch; margin-top: 11px; }
}
@media (max-width: 550px) {
  .personal-opening { padding-block: 23px 25px; gap: 21px; }
  .personal-credit { gap: 10px; align-items: center; margin-top: 11px; }
  .personal-feature .personal-credit h2 { font-size: clamp(27px,7vw,35px); }
  .personal-watch { font-size: 13px; gap: 5px; }
  .personal-grid { grid-template-columns: 1fr; row-gap: 28px; }
  .personal-film h2 { margin-top: 10px; }
}


#home #feature h1 i { color: var(--gold); }
#home #feature h1 .dot { color: #fff; }

.phone-disco-credit { display: none; }

@media (max-width: 700px) {
  #home .desktop-disco-credit { display: none; }
  #home .phone-disco-credit { display: block; }

  /* A single inset rule separates the last music still from the commercial reel. */
  #home section[aria-labelledby="selected-music-title"] {
    padding-bottom: 0;
  }
  #home section[aria-labelledby="selected-music-title"]::after {
    content: "";
    display: block;
    height: 1px;
    margin-block: 32px 20px;
    background: #55504b;
  }

  #documentaries .phone-narrow-still {
    width: var(--phone-still-width);
    aspect-ratio: var(--phone-still-ratio);
    margin-inline: 0 auto;
  }
  #documentaries .original-art img {
    object-fit: contain;
    object-position: left center;
  }
  #documentaries .card:hover .original-art img, #music .card:hover .original-art img {
    transform: none;
  }

  #documentaries .taw-channel {
    grid-template-rows: minmax(146px, 1fr) auto;
    align-content: stretch;
    min-height: clamp(374px, 94vw, 438px);
    padding: 0;
  }
  #documentaries .taw-channel .taw-photo {
    inset: 0 0 auto;
    width: 100%;
    height: 65%;
    object-fit: cover;
    object-position: center 58%;
  }
  #documentaries .taw-channel::before {
    background: linear-gradient(to bottom, transparent 13%, #14141419 31%, #141414 62%);
  }
  #documentaries .taw-channel > div {
    grid-row: 2;
    padding: 0 clamp(18px, 5vw, 28px) 25px;
  }
  #documentaries .taw-channel h2 { width: 100%; max-width: none; }
  #documentaries .taw-channel .taw-wordmark {
    display: block;
    width: min(242px, 100%);
    height: auto;
  }
  #documentaries .taw-channel .taw-stats { margin-block: 12px 17px; }

  #music .portfolio-intro { display: grid; grid-template-columns: minmax(0,1fr); border-bottom: 0; }
  #music .portfolio-intro .frame { grid-area: 1 / 1; order: 0; }
  #music .portfolio-intro .loopbutton {
    position: relative;
    inset: auto;
    grid-area: 1 / 1;
    place-self: end;
    margin: 0 12px 10px 0;
  }
  #music .portfolio-intro .pageintro { grid-area: 2 / 1; padding-block: 23px 28px; }
  #music .portfolio-intro + .gallerybody { padding-top: 0; }
  #music .gallerybody > .catalog-section:first-child { border-top: 1px solid #55504b; padding-top: 29px; }
  #music .catalog-section .two, #commercial .campaign .two { row-gap: clamp(39px, 10.5vw, 48px); }
  #music .catalog-section + .catalog-section { margin-top: 44px; padding-top: 30px; }
  #commercial .campaign { padding-block: 37px 40px; }
  #commercial .campaign-story { margin-bottom: 27px; }
  #personal .personal-grid { row-gap: clamp(40px, 10.5vw, 48px); }
  #personal .personal-opening { padding-bottom: 32px; }
}

.film-player {
  width: min(1020px, 94vw);
  max-width: none;
  max-height: 94vh;
  max-height: 94dvh;
  padding: 0;
  overflow: auto;
  color: var(--paper);
  background: #141414;
  border: 1px solid var(--line);
}
.film-player::backdrop { background: rgba(0,0,0,.88); }
.film-player [hidden] { display: none; }
.film-player-bar, .film-actions {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  padding: 8px clamp(12px, 2vw, 20px);
}
.film-player-bar h2 {
  margin: 0;
  font: 400 clamp(20px, 3vw, 30px)/1.15 var(--serif);
  overflow-wrap: anywhere;
}
.film-player button, .film-original {
  display: inline-flex;
  align-items: center;
  min-height: 44px;
  color: var(--paper);
  font: 400 15px/1.3 var(--sans);
}
.film-player button { padding: 4px 6px; background: transparent; border: 0; }
.film-original { color: var(--gold); text-decoration: underline; text-underline-offset: 4px; }
.film-actions { flex-wrap: wrap; }
.film-stage { display: grid; place-items: center; background: #080809; }
.film-stage iframe {
  display: block;
  width: 100%;
  max-height: 72vh;
  max-height: 72dvh;
  aspect-ratio: 16/9;
  height: auto;
  border: 0;
}
.film-stage img { width: 100%; height: auto; max-height: 50vh; object-fit: contain; }
.film-status { margin: 0; padding: 0 16px 12px; font-size: 14px; }
.film-address {
  width: calc(100% - 32px);
  margin: 0 16px 12px;
  color: var(--paper);
  background: #222;
}

.rcq-imprint { color: var(--gold); }
.rc-mark:is(:hover, :focus-visible, :active) .rc-lockup { filter: brightness(0) invert(1); }
.mobile-portfolio-nav { display: none; }
#documentaries .still.bandit-poster { width: 100%; aspect-ratio: 16 / 9; }
#documentaries .still.bandit-poster img {
  width: 100%; height: 100%; object-fit: cover; object-position: 50% 49%;
  filter: contrast(.96) brightness(1.025);
}
@media (max-width: 700px) {
  .mobile-portfolio-nav {
    display: flex; flex-wrap: wrap; align-items: center; gap: 0 20px;
    padding-block: 14px; border-top: 1px solid var(--line);
  }
  .mobile-portfolio-nav a {
    display: inline-flex; align-items: center; min-height: 44px;
    font-size: 15px; line-height: 1.3; color: var(--paper);
  }
  .mobile-portfolio-nav a:is([aria-current="page"], :hover, :focus-visible) { color: var(--gold); }
  .motion-strip .frame::after, .work-strip.reverse .frame::after,
  .motion-strip .muses-picture::after {
    content: ""; display: block; position: absolute; inset: 0; pointer-events: none;
    background: linear-gradient(to bottom, transparent 62%, var(--reel-edge, #101010) 100%);
  }
  .portfolio-intro { --reel-edge: #101011; }
  .muses-finale { --reel-edge: #10100f; }
  .work-strip.reverse .loopbutton, .work-strip .loopbutton { inset: 12px 12px auto auto; }
  .line-arrow {
    display: inline-block; position: relative; width: .8em; height: .8em;
    vertical-align: -.04em; font-size: 1em; line-height: 1; transform: rotate(-45deg);
  }
  .line-arrow.straight { transform: none; }
  .line-arrow.backwards { transform: rotate(180deg); }
  .line-arrow .arrow-character { display: none; }
  .line-arrow::before, .line-arrow::after { content: ""; position: absolute; }
  .line-arrow::before { height: 1px; width: 100%; left: 0; top: 50%; background: currentColor; }
  .line-arrow::after {
    width: .38em; height: .38em; right: 0; top: 50%;
    border-top: 1px solid currentColor; border-right: 1px solid currentColor;
    transform: translateY(-45%) rotate(45deg);
  }
}

#documentaries .full-doc-poster { width: 100%; aspect-ratio: 16 / 9; }
#documentaries .full-doc-poster img { width: 100%; height: 100%; object-fit: cover; object-position: center 40%; }
@media (max-width: 700px) {
  #documentaries .full-doc-poster { aspect-ratio: 650 / 418; }
  #commercial .portfolio-intro { border-bottom: 0; --reel-edge: var(--ink); }
  #commercial .portfolio-intro .frame { aspect-ratio: 16 / 9; }
  #commercial .portfolio-intro .frame :is(img, video) { object-fit: contain; }
  #commercial .portfolio-intro + .gallerybody { padding-top: clamp(20px, 5.5vw, 32px); }
}

/* Fit the filmed image, including legacy posters delivered with baked-in mattes. */
#music .card .still,
#personal .personal-frame { width: 100%; }
#music .card .original-art img,
#personal .personal-film .personal-frame img { object-fit: cover; object-position: center; }
.dog-daze-poster { --poster-width: 128%; --poster-left: -14.67%; --picture-ratio: 750 / 541; }
.beast-poster { --poster-width: 123.19%; --poster-left: -13.04%; --picture-ratio: 690 / 479; }
#music .dog-daze-poster img, #personal .beast-poster img {
  position: absolute; top: 0; left: var(--poster-left); width: var(--poster-width);
  max-width: none; height: 100%; object-fit: cover;
}
#personal .letterboxed-poster img { transform: scale(1.35); }
@media (max-width: 700px) {
  #music .tall-film-still { aspect-ratio: 650 / 418; }
  #music .dog-daze-poster, #personal .beast-poster { aspect-ratio: var(--picture-ratio); }
  #personal .personal-grid { grid-template-columns: minmax(0, 1fr); }
}