:root{--ink:#0c0b0b;--paper:#f1ebe2;--dim:rgba(241,235,226,.6);--line:rgba(241,235,226,.16);--g:clamp(20px,3.6vw,60px);--ease:cubic-bezier(.22,1,.36,1)}
*{margin:0;padding:0;box-sizing:border-box}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
body{background:var(--ink);color:var(--paper);font-family:Jost,system-ui,sans-serif;font-weight:300;font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
::selection{background:var(--paper);color:var(--ink)}
i{font-style:italic}

/* header */
.hd{position:fixed;inset:0 0 auto;z-index:60;display:flex;justify-content:space-between;align-items:center;padding:24px var(--g);color:var(--paper);text-shadow:0 1px 14px rgba(0,0,0,.28);transition:transform .7s var(--ease)}
.hd.hide{transform:translateY(-110%)}
.hd .brand{font-weight:400;font-size:17px;letter-spacing:-.01em}
.hd nav{display:flex;gap:clamp(18px,2.4vw,40px);font-size:15.5px}
.hd nav a{position:relative}
.hd nav a::after{content:"";position:absolute;left:0;right:0;bottom:-3px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}
.hd nav a:hover::after{transform:scaleX(1);transform-origin:left}
.menu{display:none;font-size:15.5px;padding:12px 0 12px 20px;margin:-12px 0;touch-action:manipulation;-webkit-tap-highlight-color:transparent;position:relative;z-index:2}
.sheet{position:fixed;top:0;left:0;width:100%;height:100%;height:100dvh;z-index:59;background:var(--ink);padding:96px var(--g) calc(28px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;visibility:hidden;opacity:0;transform:translate3d(0,-24px,0);transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s .6s;pointer-events:none}
.sheet.is-open{visibility:visible;opacity:1;transform:none;pointer-events:auto;transition:opacity .45s var(--ease),transform .6s var(--ease),visibility 0s}
.sheet ul{list-style:none}
.sheet li{overflow:hidden}
.sheet li a{display:block;font-size:clamp(34px,9.5vw,58px);font-weight:200;letter-spacing:-.04em;line-height:1.14;transform:translateY(100%);transition:transform .7s var(--ease)}
.sheet.is-open li a{transform:none}
.sheet.is-open li:nth-child(1) a{transition-delay:0.080s}
.sheet.is-open li:nth-child(2) a{transition-delay:0.115s}
.sheet.is-open li:nth-child(3) a{transition-delay:0.150s}
.sheet.is-open li:nth-child(4) a{transition-delay:0.185s}
.sheet.is-open li:nth-child(5) a{transition-delay:0.220s}
.sheet.is-open li:nth-child(6) a{transition-delay:0.255s}
.sheet.is-open li:nth-child(7) a{transition-delay:0.290s}
.sheet.is-open li:nth-child(8) a{transition-delay:0.325s}
.sheet.is-open li:nth-child(9) a{transition-delay:0.360s}
.sheet.is-open li:nth-child(10) a{transition-delay:0.395s}
.sfoot{display:flex;gap:28px;margin-top:30px;font-size:16px;color:var(--dim)}
html.menu-open body{overscroll-behavior:none}
html.menu-open .hd{transform:none}
@media (max-width:860px){.hd nav{display:none}.menu{display:block}}

/* cursor */
.cur{position:fixed;left:0;top:0;z-index:70;pointer-events:none;mix-blend-mode:difference;opacity:0;transition:opacity .4s}
.cur.live{opacity:1}
.cur .r{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:#fff;transition:width .5s var(--ease),height .5s var(--ease),margin .5s var(--ease)}
.cur.on .r{width:86px;height:86px;margin:-43px 0 0 -43px}
.cur .t{position:absolute;transform:translate(-50%,-50%);color:#000;font-size:14px;font-weight:400;opacity:0;transition:opacity .3s;white-space:nowrap}
.cur.on .t{opacity:1}
@media (hover:none),(pointer:coarse){.cur{display:none}}

/* opening: the name parts, Féline steps forward */
.open{position:relative;height:340vh;height:340lvh}
.open .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.open .nm{position:absolute;top:19%;font-weight:200;font-size:clamp(64px,13vw,260px);line-height:.8;letter-spacing:-.06em;white-space:nowrap;will-change:transform;transform:translateY(-50%)}
.open .nm.l{left:var(--g)}
.open .nm.r{right:var(--g);top:81%}
.open .nm span{display:inline-block;transform:translateY(110%);transition:transform 1.8s var(--ease)}
.open .nm .m{overflow:hidden;display:block;padding-bottom:.08em}
body.go .open .nm span{transform:none}
.open .win{position:absolute;left:50%;top:50%;background:#8b0408;overflow:hidden;will-change:width,height;z-index:2}
.open .win .fr{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}
.open .win img{position:absolute;inset:0;width:100%;height:100%;opacity:0}
.open .win img.on{opacity:1}
.open .side{position:absolute;left:50%;top:50%;z-index:2;overflow:hidden;will-change:transform}
.open .side img{width:100%;height:100%;object-fit:cover}
.open .side,.open .win{clip-path:inset(100% 0 0 0);transition:clip-path 1.6s var(--ease)}
body.go .open .side,body.go .open .win{clip-path:inset(0)}
body.go .open .win{transition-delay:.15s}body.go .open .sr{transition-delay:.3s}
.open .tag{position:absolute;left:var(--g);bottom:28px;font-size:16px;color:var(--dim);z-index:3}
.open .tag b{font-weight:400;color:var(--paper)}
.open .end{position:absolute;left:var(--g);right:var(--g);bottom:32px;display:flex;justify-content:space-between;align-items:baseline;gap:20px;z-index:3;opacity:0;transform:translateY(16px);transition:opacity .8s var(--ease),transform .8s var(--ease)}
.open .end.on{opacity:1;transform:none}
.open .end h2{font-weight:200;font-size:clamp(34px,4vw,72px);letter-spacing:-.04em;line-height:1}
.open .end p{max-width:24em;color:rgba(241,235,226,.86)}
.link{display:inline-flex;gap:.55em;align-items:baseline;font-weight:400;font-size:16px;padding-bottom:3px;background:linear-gradient(currentColor,currentColor) 0 100%/100% 1px no-repeat;transition:background-size .6s var(--ease)}
.link:hover{background-size:0 1px;background-position:100% 100%}
.link .ar{transition:transform .5s var(--ease)}.link:hover .ar{transform:translateX(5px)}
@media (max-width:860px){
  .open .nm{top:22%;font-size:21vw}
  .open .nm.r{top:auto;bottom:16%;transform:none}
  .open .end{flex-direction:column;align-items:flex-start;gap:10px}
}

/* statement */
.say{padding:clamp(140px,26vh,300px) var(--g);max-width:1500px}
.say p{font-weight:200;font-size:clamp(38px,5.6vw,108px);line-height:1.02;letter-spacing:-.045em}
.say p span{opacity:.14;transition:opacity .6s}
.say p span.on{opacity:1}

/* series: panels stack like prints laid one on another */
.stack{position:relative}
.panel{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;background:var(--bg);color:var(--fg,var(--paper));transform-origin:50% 0}
.panel .in{position:absolute;inset:0;will-change:transform}
.panel .big{position:absolute;left:calc(var(--g) - .05em);top:11vh;font-weight:200;font-size:clamp(72px,10.5vw,200px);letter-spacing:-.065em;line-height:.8;white-space:nowrap;z-index:1;opacity:.95}
.panel .art{position:absolute;z-index:2;perspective:1400px}
.panel .art .p{transform-style:preserve-3d;will-change:transform;box-shadow:0 60px 110px -40px rgba(0,0,0,.65)}
.panel .art img{width:100%;height:100%;object-fit:cover}
.panel .grp{position:absolute;inset:0;z-index:2;pointer-events:none}
.panel .art{position:absolute}
.panel .a2{right:var(--g);bottom:8vh}
.panel .a3{left:42%;top:9vh}
.panel .txt{position:absolute;left:var(--g);bottom:7vh;z-index:3;max-width:min(30em,36vw)}
.panel .txt .y{font-size:15px;font-weight:400;opacity:.75}
.panel .txt p.d{margin:10px 0 18px;font-size:16px;opacity:.88}
.panel .hit{position:absolute;inset:0;z-index:4}
.panel .txt a{position:relative;z-index:5}
@media (max-width:860px){
  .panel .big{top:13%;transform:none;font-size:22vw}
  .panel .txt{max-width:none;right:var(--g);bottom:28px}
}

/* series: panel first, then its wall slides in over it */
.ser{position:relative;background:var(--bg)}
.ser .hz{background:var(--bg)}
.hz.sh .stage{padding-top:88px}
.hz.sh .head{align-items:flex-end}
.hz.sh .head h2{font-size:clamp(56px,7vw,132px);letter-spacing:-.055em;line-height:.88}
.hz.sh .head .y{text-align:left;max-width:none;margin-top:12px;font-size:16px;color:var(--dim)}
.hz.sh .hb{max-width:30em;display:flex;flex-direction:column;align-items:flex-start;gap:14px}
.hz.sh .hb p{color:rgba(241,235,226,.82);text-align:left;max-width:none;font-size:16px}
.hz.sh figure .w{height:min(calc(100vh - 400px),46vw)}
@media (max-width:860px){.hz.sh .head{flex-direction:column;align-items:flex-start;gap:14px}.hz.sh .hb p{display:none}.hz.sh figure .w{height:min(46vh,calc(100svh - 360px))}}
.hz .more{flex:none;align-self:center;display:inline-flex;gap:.4em;align-items:baseline;font-weight:200;font-size:clamp(34px,3.6vw,66px);letter-spacing:-.04em;line-height:1;padding:0 4vw;white-space:nowrap}
.hz .more .ar{transition:transform .5s var(--ease)}.hz .more:hover .ar{transform:translateX(8px)}
.hz figure .w{display:block}

/* interspace: a long wall that slides past */
.hz{position:relative}
.hz .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;padding-top:96px}
.hz .head{position:relative;padding:0 var(--g);display:flex;justify-content:space-between;align-items:baseline;gap:20px}
.hz .head h2{font-weight:200;font-size:clamp(40px,4.4vw,80px);letter-spacing:-.045em;line-height:1}
.hz .head p{color:var(--dim);max-width:30em;text-align:right}
.hz .track{display:flex;gap:clamp(30px,4vw,80px);padding:0 var(--g);align-items:flex-end;will-change:transform;margin-top:clamp(28px,6vh,64px)}
.hz figure{flex:none}
.hz figure .w{height:min(calc(100vh - 340px),46vw);aspect-ratio:var(--ar,1);overflow:hidden;cursor:none}
.hz figure img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.hz figure:hover img{transform:scale(1.03)}
.hz figcaption{margin-top:16px;display:flex;justify-content:space-between;gap:16px;font-size:15px}
.hz figcaption b{font-weight:400}.hz figcaption span{color:var(--dim)}
.hz .quote{flex:none;width:min(560px,70vw);align-self:center;font-weight:200;font-size:clamp(28px,2.8vw,48px);line-height:1.12;letter-spacing:-.035em}
.hz .quote cite{display:block;margin-top:18px;font-style:normal;font-size:15px;color:var(--dim);letter-spacing:0}
.hz .room .w{aspect-ratio:2000/831}
@media (max-width:860px){.hz .head p{display:none}.hz figure .w{height:min(52vh,calc(100svh - 300px))}}

/* about */
.about{padding:clamp(140px,22vh,260px) var(--g) 0;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--g);row-gap:50px;align-items:end}
.about .pic{grid-column:1/span 4;overflow:hidden}
.about .pic img{width:100%;filter:none}
.about .bio{grid-column:6/span 7}
.about .bio h2{font-weight:200;font-size:clamp(40px,5vw,96px);letter-spacing:-.045em;line-height:1;margin-bottom:34px}
.about .bio p{font-size:clamp(18px,1.4vw,22px);max-width:32em;margin-bottom:1em;color:rgba(241,235,226,.84)}
.about .bio q{font-style:italic;color:var(--dim)}
@media (max-width:860px){.about .pic{grid-column:1/span 9}.about .bio{grid-column:1/-1}}

/* press: headlines beside a street */
.press{padding:clamp(140px,22vh,260px) var(--g) 0}
.pw{display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--g);align-items:start}
.pimg{grid-column:1/span 5;position:sticky;top:0;height:100vh;height:100svh;display:flex;flex-direction:column;justify-content:center}
.pimg .fr{position:relative;aspect-ratio:3/2;box-shadow:0 50px 100px -40px rgba(0,0,0,.7)}
.pimg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .7s var(--ease)}
.pimg img.on{opacity:1}
.pimg figcaption{margin-top:14px;font-size:14px;color:var(--dim)}
.plist{grid-column:7/span 6;padding:22vh 0 18vh}
.phead{margin-bottom:9vh}
.phead h2{font-weight:200;font-size:clamp(40px,4.4vw,84px);letter-spacing:-.045em;line-height:1}
.phead p{margin-top:22px;color:var(--dim);max-width:30em}
.pi{display:block;padding:30px 0;border-top:1px solid var(--line);transition:opacity .5s}
.pi .h{display:block;font-weight:200;font-size:clamp(26px,2.5vw,46px);line-height:1.12;letter-spacing:-.03em;opacity:.28;transition:opacity .5s var(--ease)}
.pi .m{display:block;margin-top:12px;font-size:15px;color:var(--dim);opacity:.5;transition:opacity .5s}
.pi.on .h{opacity:1}.pi.on .m{opacity:1}
.pi .m .ar{display:inline-block;transition:transform .5s var(--ease)}.pi:hover .m .ar{transform:translate(3px,-3px)}
.also{margin-top:40px;padding-top:28px;border-top:1px solid var(--line);color:var(--dim);font-size:15px;max-width:40em}
.also a{color:var(--paper);border-bottom:1px solid var(--line)}
@media (max-width:860px){
  .pimg{display:none}
  .plist{grid-column:1/-1;padding:4vh 0 10vh}
  .phead{order:-1}
}

/* collect: the editions themselves */
.collect{margin-top:clamp(120px,18vh,220px);background:#8b0408;padding:clamp(90px,14vh,160px) var(--g) clamp(80px,12vh,140px)}
.ctop{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(50px,8vh,90px)}
.ctop h2{font-weight:200;font-size:clamp(60px,9vw,170px);letter-spacing:-.055em;line-height:.85}
.ctop p{max-width:24em;color:rgba(241,235,226,.85)}
.crow{display:grid;grid-template-columns:repeat(5,1fr);gap:clamp(14px,1.8vw,30px)}
.ci .w{aspect-ratio:1;overflow:hidden;box-shadow:0 40px 70px -35px rgba(0,0,0,.6)}
.ci img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.ci:hover img{transform:scale(1.04)}
.ci .t{display:flex;justify-content:space-between;gap:10px;margin-top:14px;font-size:15px}
.ci .t b{font-weight:400}.ci .t span{color:rgba(241,235,226,.7)}
.cend{margin-top:clamp(50px,8vh,90px);display:flex;gap:40px;flex-wrap:wrap}
@media (max-width:860px){.crow{grid-template-columns:1fr 1fr}.ci .t{flex-direction:column;gap:2px}}
.sig{overflow:hidden}
.sig .nm{font-weight:200;font-size:15.6vw;line-height:.8;letter-spacing:-.065em;white-space:nowrap;text-align:center;padding-top:5vw}
.ft{display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;padding:26px var(--g) 34px;font-size:15px;color:var(--dim)}
.ft nav{display:flex;gap:26px;flex-wrap:wrap}
.ft a:hover{color:var(--paper)}
/* reveal */
.rv{opacity:0;transform:translateY(30px);transition:opacity 1.3s var(--ease),transform 1.3s var(--ease)}
.rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition-duration:.01s!important;animation:none!important}}

/* viewer */
.hz figure .w,.open .side{padding:0;cursor:pointer}
.hz .end-sp{flex:none;width:4vw}
.vw{position:fixed;inset:0;z-index:80;background:var(--vbg,#111);display:grid;grid-template-rows:76px 1fr auto;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s,background-color .5s}
.vw.show{opacity:1;visibility:visible}
.vtop{display:flex;justify-content:flex-end;align-items:center;padding:0 var(--g)}
.vst{position:relative;margin:0 var(--g);display:flex;align-items:center;justify-content:center;min-height:0}
.vst img{max-width:100%;max-height:calc(100vh - 190px);max-height:calc(100svh - 190px);width:auto;height:auto;object-fit:contain;opacity:0;transform:scale(.985);transition:opacity .55s var(--ease),transform .9s var(--ease);box-shadow:0 50px 100px -40px rgba(0,0,0,.6)}
.vst img.ld{opacity:1;transform:none}
.vz{position:absolute;top:0;bottom:0;width:30%;cursor:w-resize}.vz.n{right:0;cursor:e-resize}.vz.p{left:0}
.vbt{display:flex;justify-content:space-between;align-items:baseline;gap:20px;padding:22px var(--g) 28px;font-size:15.5px}
.vinfo b{font-weight:400;font-size:19px;margin-right:12px}
.vinfo span{color:var(--dim)}
.vinfo a{color:var(--paper);margin-left:14px;border-bottom:1px solid var(--line)}
.vctl{display:flex;gap:28px}
.vctl button,.vtop button{opacity:.75;transition:opacity .3s}.vctl button:hover,.vtop button:hover{opacity:1}
@media (max-width:700px){.vbt{flex-direction:column;gap:12px}.vz{display:none}}

/* contact */
.contact{padding:clamp(120px,20vh,240px) var(--g) clamp(80px,12vh,140px);display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--g);row-gap:50px;align-items:start}
.ct-l{grid-column:1/span 5}
.ct-l h2{font-weight:200;font-size:clamp(54px,7vw,132px);letter-spacing:-.055em;line-height:.88}
.ct-l p{margin-top:28px;color:var(--dim);max-width:24em;font-size:18px}
.ct-f{grid-column:7/span 6;display:flex;flex-direction:column;gap:34px}
.topics{border:0;display:flex;flex-wrap:wrap;gap:10px}
.topics legend{font-size:15px;color:var(--dim);margin-bottom:14px}
.topics label{cursor:pointer}
.topics input{position:absolute;opacity:0;pointer-events:none}
.topics span{display:inline-block;padding:9px 18px;border:1px solid var(--line);border-radius:999px;font-size:15px;transition:background .3s,color .3s,border-color .3s}
.topics label:hover span{border-color:var(--paper)}
.topics input:checked+span{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.topics input:focus-visible+span{outline:1px solid var(--paper);outline-offset:3px}
.row2{display:grid;grid-template-columns:1fr 1fr;gap:34px}
.fld{position:relative;display:block}
.fld input,.fld textarea{width:100%;background:none;border:0;border-bottom:1px solid var(--line);color:var(--paper);font:inherit;font-weight:200;font-size:clamp(22px,1.9vw,32px);letter-spacing:-.02em;padding:26px 0 12px;outline:none;resize:vertical;transition:border-color .4s;border-radius:0}
.fld textarea{min-height:120px;line-height:1.3}
.fld span{position:absolute;left:0;top:28px;font-size:clamp(20px,1.7vw,28px);font-weight:200;color:var(--dim);pointer-events:none;transform-origin:0 0;transition:transform .5s var(--ease),color .3s}
.fld input:focus,.fld textarea:focus{border-color:var(--paper)}
.fld input:focus+span,.fld input:not(:placeholder-shown)+span,.fld textarea:focus+span,.fld textarea:not(:placeholder-shown)+span{transform:translateY(-26px) scale(.55);color:var(--paper)}
.fld.err input,.fld.err textarea{border-color:#e0675f}
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.send{display:flex;align-items:center;gap:28px;flex-wrap:wrap}
.send button{display:inline-flex;gap:14px;align-items:center;padding:18px 34px;border:1px solid var(--paper);border-radius:999px;font-size:17px;font-weight:400;transition:background .4s var(--ease),color .4s var(--ease)}
.send button:hover{background:var(--paper);color:var(--ink)}
.send button .ar{transition:transform .5s var(--ease)}.send button:hover .ar{transform:translateX(5px)}
.ct-f.busy button{opacity:.5;pointer-events:none}
.st{color:var(--dim);font-size:15px;max-width:26em}
.st a{color:var(--paper);border-bottom:1px solid var(--line)}
.ct-f.done .st{color:var(--paper)}
@media (max-width:860px){.ct-l,.ct-f{grid-column:1/-1}.row2{grid-template-columns:1fr}}

/* drawing */
.draw{position:relative;height:760vh}
.draw .stage{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden;display:grid;grid-template-columns:repeat(12,1fr);column-gap:var(--g);align-items:center;padding:80px var(--g) 40px}
.dtx{grid-column:1/span 5;display:flex;flex-direction:column;gap:26px}
.dtx h2{font-weight:200;font-size:clamp(46px,4.5vw,88px);letter-spacing:-.05em;line-height:.92}
.dtx .lead{color:rgba(241,235,226,.8);max-width:24em;font-size:18px}
.dtx .now{display:flex;flex-direction:column;gap:4px;margin-top:10px}
.dtx .now b{font-weight:300;font-size:clamp(28px,2.6vw,46px);letter-spacing:-.03em;line-height:1}
.dtx .now span{color:var(--dim);font-size:15px}
.dlist{list-style:none;display:flex;flex-wrap:wrap;gap:6px 18px;font-size:15px;color:var(--dim)}
.dlist li{transition:color .4s}
.dlist li.on{color:var(--paper)}
.dbox{grid-column:7/span 6;justify-self:center;position:relative;aspect-ratio:var(--ar,1);box-shadow:0 60px 110px -50px rgba(0,0,0,.8)}
.dbox .pap,.dbox .fin{position:absolute;inset:0;overflow:hidden}
.dbox .pap{background:#fff}
.dbox .pap img{width:100%;height:100%;object-fit:contain}
.dbox .fin img{width:100%;height:100%;object-fit:cover}
.dbox .fin{clip-path:inset(0 100% 0 0);will-change:clip-path}
.dbox .ln{position:absolute;top:0;bottom:0;width:1px;margin-left:-.5px;background:var(--paper);box-shadow:0 0 18px rgba(0,0,0,.35);opacity:0;transition:opacity .3s}
@media (max-width:860px){
  .draw .stage{grid-template-columns:1fr;align-content:start;row-gap:20px;padding-top:80px}
  .dtx,.dbox{grid-column:1/-1}
  .dtx{gap:10px}.dtx .lead{display:none}.dtx h2{font-size:42px}.dtx .now b{font-size:26px}.dlist{display:none}
}

/* films */
.films{padding:clamp(130px,20vh,240px) var(--g) 0}
.fhead{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;flex-wrap:wrap;margin-bottom:clamp(40px,7vh,80px)}
.fhead h2{font-weight:200;font-size:clamp(54px,7vw,132px);letter-spacing:-.055em;line-height:.88}
.fhead p{color:var(--dim);max-width:26em}
.vbox{position:relative;overflow:hidden;background:#000;aspect-ratio:16/9}
.vbox.sq{aspect-ratio:1}
.vbox video{width:100%;height:100%;object-fit:cover;display:block}
.vbox .play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:clamp(84px,9vw,128px);aspect-ratio:1;border-radius:50%;border:1px solid rgba(255,255,255,.85);color:#fff;font-size:16px;font-weight:400;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);background:rgba(0,0,0,.18);transition:transform .6s var(--ease),background .4s}
.vbox .play:hover{transform:translate(-50%,-50%) scale(1.08);background:rgba(0,0,0,.3)}
.vbox.on .play{opacity:0;pointer-events:none}
.films figcaption{margin-top:16px;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;font-size:15px}
.films figcaption b{font-weight:400}.films figcaption span{color:var(--dim)}
.frow{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(14px,1.8vw,30px);margin-top:clamp(40px,7vh,80px);align-items:start}
@media (max-width:860px){.frow{grid-template-columns:1fr}}
.vbox.r32{aspect-ratio:3/2}
.frow.two{grid-template-columns:repeat(2,1fr)}
@media (max-width:860px){.frow.two{grid-template-columns:1fr}}
.ft .copy{display:flex;flex-direction:column;gap:6px;max-width:44em}
.ft .copy span+span{font-size:13px;opacity:.75}
.ft{align-items:flex-start}

.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.dbox .pap img,.dbox .fin img{position:absolute;inset:0;visibility:hidden}
.dbox .pap img.on,.dbox .fin img.on{visibility:visible}
.ft .ig{display:inline-flex;align-items:center;gap:10px;color:var(--paper)}
.ft .ig svg{width:22px;height:22px;flex:none}
.ft .ig:hover{opacity:.75}
.dbox .pap img.cv{object-fit:cover}
@media (max-width:860px){
  .ft nav{gap:0;flex-wrap:nowrap;justify-content:space-between;width:100%;align-items:center;font-size:13px;letter-spacing:-.01em}
  .ft nav a{white-space:nowrap}
  .ft .ig span{display:none}
  .ft .ig svg{width:20px;height:20px}
}
/* phones: the series text sits in the free space under the images */
.mtx{display:none}
@media (max-width:860px){
  .hz.sh .head .y{display:block}
}
@media (max-width:860px){.open .tag .tsub{display:none}.open .tag{left:var(--g);right:var(--g);text-align:center}}

/* cookie notice */
.cc{position:fixed;left:var(--g);bottom:calc(var(--g) * .6 + env(safe-area-inset-bottom));z-index:80;max-width:380px;background:var(--ink);color:var(--paper);border:1px solid var(--line);padding:18px 20px;display:flex;flex-direction:column;gap:14px;font-size:14px;line-height:1.5;animation:ccin .6s var(--ease)}
.cc[hidden]{display:none}
.cc p{margin:0;color:var(--dim)}
.cc-b{display:flex;gap:10px}
.cc-b button{font:inherit;font-weight:400;color:var(--paper);background:none;border:1px solid var(--line);padding:8px 16px;cursor:pointer;transition:background .3s,color .3s}
.cc-b button[data-c="yes"],.cc-b button:hover{background:var(--paper);color:var(--ink);border-color:var(--paper)}
.ccx{font:inherit;color:inherit;opacity:.85;background:none;border:0;padding:0;cursor:pointer;text-align:left;text-decoration:underline;text-underline-offset:3px}
.ccx:hover{opacity:1}
@keyframes ccin{from{opacity:0;transform:translate3d(0,12px,0)}}
@media (max-width:600px){.cc{right:var(--g);max-width:none}}
.ft .legal{display:flex;gap:22px;flex-wrap:wrap;font-size:13px}
.ft .legal a{opacity:.85;text-decoration:underline;text-underline-offset:3px}.ft .legal a:hover{opacity:1}
.ft .legal .ccx{font-size:13px}
.cc p a{color:var(--paper);text-decoration:underline;text-underline-offset:3px;margin-left:4px}