:root{
  --ink:#0A0A0A; --bone:#F6F5F2; --stone:#8C8A84; --sand:#DDD7CA; --line:rgba(10,10,10,.14); --line-l:rgba(246,245,242,.16);
  --f:"Inter Tight", "Helvetica Neue", Arial, system-ui, sans-serif;
  --pad:clamp(16px, 2.6vw, 40px);
  --ease:cubic-bezier(.16,1,.3,1);
}
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
html.lenis,html.lenis body{height:auto}
.lenis.lenis-smooth{scroll-behavior:auto!important}
.lenis.lenis-stopped{overflow:hidden}
body{margin:0;background:var(--bone);color:var(--ink);font-family:var(--f);font-size:16px;line-height:1.45;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:clip}
a{color:inherit;text-decoration:none}
ul,ol{list-style:none;margin:0;padding:0}
h1,h2,h3,p,figure,blockquote{margin:0}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
img{display:block;max-width:100%}
picture{display:block}
picture img{width:100%;height:100%;object-fit:cover}
::selection{background:var(--ink);color:var(--bone)}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;left:12px;top:-60px;z-index:200;background:var(--ink);color:var(--bone);padding:10px 14px;font-size:13px}
.skip:focus{top:12px}
:focus-visible{outline:1px solid currentColor;outline-offset:4px}
.eyebrow,.label,.hero__kicker,.hero__cap,.bars__cap,.film__sub,.m-item figcaption,.stack__item figcaption,.stack__list li em,.modal__title,.close__mark,.essay__kicker{font-size:12px;font-weight:500;letter-spacing:.06em;text-transform:uppercase;line-height:1.3}
.display{font-weight:500;font-size:clamp(52px,9.2vw,168px);line-height:.88;letter-spacing:-.055em}
.display--sm{font-size:clamp(44px,6.4vw,112px)}
.sec-head{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;padding:0 var(--pad);margin-bottom:clamp(48px,8vw,120px)}
.sec-head .display{text-align:right}
.grain{pointer-events:none;position:fixed;inset:-50%;z-index:150;opacity:.045;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}

/* split helpers */
.char,.word{display:inline-block;will-change:transform}
.cm{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em;margin-bottom:-.08em}
.sw{display:inline}

/* LOADER */
.loader{display:none}
.js .loader{display:flex;position:fixed;inset:0;z-index:180;background:var(--ink);color:var(--bone);align-items:center;justify-content:center;flex-direction:column}
.reduced .loader{display:none}
.loader__inner{display:flex;flex-direction:column;align-items:center;gap:22px}
.loader__pill{position:relative;width:clamp(120px,14vw,200px);aspect-ratio:3/4;border-radius:999px;overflow:hidden;background:#1a1a19}
.loader__pill img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0}
.loader__pill img:first-child{opacity:1}
.loader__words{position:relative;height:1.2em;overflow:hidden;font-size:13px;letter-spacing:.06em;text-transform:uppercase;width:12ch;text-align:center}
.loader__words span{position:absolute;left:0;right:0;top:0;visibility:hidden}
.loader__bar{position:absolute;left:var(--pad);right:var(--pad);bottom:28px;height:1px;background:var(--line-l)}
.loader__bar i{display:block;height:100%;background:var(--bone);transform:scaleX(0);transform-origin:left}

/* NAV */
.nav{position:fixed;top:0;left:0;right:0;z-index:100;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:16px var(--pad);font-size:13px;font-weight:500;color:var(--bone);mix-blend-mode:difference}
.nav::after{content:"";position:absolute;left:var(--pad);right:var(--pad);bottom:0;height:1px;background:currentColor;opacity:.5;transform-origin:left}
.nav__links{display:flex;gap:10px}
.nav__links span{opacity:.5}
.nav__links a{position:relative}
.nav__links a::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .6s var(--ease)}
.nav__links a:hover::after{transform:scaleX(1);transform-origin:left}
.nav__year{text-align:right}

/* HERO */
.hero{position:relative;height:100vh;height:100svh;min-height:560px;overflow:hidden;background:var(--bone)}
.hero__inner{position:relative;height:100%;display:flex;flex-direction:column;padding:84px var(--pad) 26px}
.hero__kicker{display:flex;justify-content:space-between;color:var(--stone)}
.hero__title{margin-top:auto;font-weight:600;font-size:clamp(76px,19.2vw,330px);line-height:.8;letter-spacing:-.07em;text-transform:uppercase}
.hero__row{display:flex;align-items:center;gap:.08em;white-space:nowrap}
.hero__row--2{justify-content:flex-end;margin-top:.02em}
.hero__pill{display:block;flex:1;height:.74em;margin-left:.08em;border-radius:999px;overflow:hidden;background:var(--sand)}
.hero__pill{position:relative}
.hero__pill .hero__seq{position:absolute;inset:0;height:100%}
.hero__foot{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:end;gap:24px;margin-top:26px;padding-top:16px;border-top:1px solid var(--line)}
.hero__years{font-size:clamp(22px,2.4vw,40px);font-weight:500;letter-spacing:-.03em}
.hero__lede{font-size:14px;max-width:34ch;color:var(--stone)}
.hero__scroll i{display:block;width:1px;height:44px;background:var(--line);position:relative;overflow:hidden}
.hero__scroll i::after{content:"";position:absolute;inset:0;background:var(--ink);transform:translateY(-100%);animation:drip 2.2s var(--ease) infinite}
@keyframes drip{to{transform:translateY(100%)}}
.hero__media{display:none}
.js .hero__media{display:block;visibility:hidden;position:absolute;inset:0;z-index:2;clip-path:inset(50% 50% 50% 50% round 999px);pointer-events:none;background:var(--ink)}
.hero__seq{opacity:0}
.hero__seq.is-on{opacity:1}
.no-js .hero__seq:first-child,.reduced .hero__seq:first-child{opacity:1}
.hero__media picture{position:absolute;inset:0;height:100%}
.hero__media::after{content:"";position:absolute;left:0;right:0;bottom:0;height:28%;background:linear-gradient(transparent,rgba(10,10,10,.45));pointer-events:none}
.hero__cap{position:absolute;z-index:2;left:var(--pad);right:var(--pad);bottom:26px;display:flex;justify-content:space-between;color:var(--bone);opacity:0}

/* OPENING */
.opening{position:relative;padding:clamp(140px,24vh,280px) var(--pad) clamp(120px,18vh,220px);overflow:hidden}
.opening .eyebrow{margin-bottom:32px;color:var(--stone)}
.opening__text{position:relative;z-index:2;font-weight:500;font-size:clamp(46px,8.4vw,150px);line-height:.92;letter-spacing:-.055em;max-width:13ch}
.opening__notes{position:relative;z-index:2;display:grid;grid-template-columns:1fr;gap:var(--pad);max-width:400px;margin:clamp(48px,8vw,110px) 0 0 auto;font-size:13px;color:var(--stone)}
.opening__notes sup{color:var(--ink);font-size:11px;margin-right:6px}
.shape{position:absolute;z-index:1;will-change:transform}
.shape--ink{background:var(--ink)}
.shape--sand{background:var(--sand);mix-blend-mode:multiply}
.shape--a{width:clamp(70px,9vw,150px);height:clamp(140px,18vw,300px);top:14%;right:22%}
.shape--b{width:clamp(160px,22vw,380px);aspect-ratio:1;border-radius:50%;top:46%;left:44%}
.shape--img{overflow:hidden;z-index:3}
.shape--c{width:clamp(110px,14vw,230px);aspect-ratio:3/4;border-radius:999px 999px 0 0;top:8%;right:var(--pad)}
.shape--d{width:clamp(120px,15vw,250px);aspect-ratio:1;border-radius:50%;bottom:10%;left:32%}
.shape--e{width:clamp(80px,10vw,170px);aspect-ratio:9/16;border-radius:999px;top:52%;right:8%}
.scrub-words .sw{opacity:.14}
.reduced .scrub-words .sw,.no-js .scrub-words .sw{opacity:1}

/* KINETIC */
.kinetic{overflow:hidden;padding:clamp(20px,4vw,60px) 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.kinetic__row{display:flex;align-items:center;white-space:nowrap;width:max-content;font-weight:600;font-size:clamp(64px,13vw,240px);line-height:.95;letter-spacing:-.06em;text-transform:uppercase}
.kinetic__row span{padding:0 .12em}
.kinetic__row i{display:inline-block;width:.42em;height:.42em;border-radius:50%;background:var(--ink);margin:0 .12em}
.kinetic__row--alt{color:transparent;-webkit-text-stroke:1.5px var(--ink)}
.kinetic__row--alt i{background:transparent;border:1.5px solid var(--ink);border-radius:999px 999px 0 0}

/* PRINCIPLES */
.principles{position:relative;background:var(--ink);color:var(--bone);overflow:hidden}
.principles__track{display:flex;align-items:stretch;gap:clamp(24px,4vw,72px);padding:clamp(100px,14vh,140px) calc(var(--pad) + 8vw) clamp(100px,14vh,140px) var(--pad);width:max-content;min-height:100vh;min-height:100svh}
.principles__intro{width:clamp(320px,38vw,620px);display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.principles__intro .eyebrow{color:var(--stone)}
.principles__lede{max-width:30ch;font-size:clamp(17px,1.4vw,21px);color:var(--sand)}
.principle{width:clamp(300px,30vw,480px);display:flex;flex-direction:column;justify-content:flex-end;gap:18px}
.principle:nth-child(odd){justify-content:flex-start}
.principle__media{position:relative;overflow:hidden;width:100%;aspect-ratio:4/5;background:#1a1a19}
.principle__media picture{position:absolute;inset:-4% -8%;width:auto;height:auto}
.principle__media--arch{border-radius:999px 999px 0 0}
.principle__media--circle{border-radius:50%;aspect-ratio:1}
.principle__media--pill{border-radius:999px;aspect-ratio:3/5;width:72%}
.principle__media--rect{aspect-ratio:1}
.principle__title{font-weight:500;font-size:clamp(32px,3.4vw,58px);line-height:.95;letter-spacing:-.045em}
.principle__body{max-width:34ch;color:rgba(246,245,242,.66);font-size:15px}

/* BARS */
.bars{position:relative;height:100vh;height:100svh;overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--bone)}
.bars__title{position:absolute;inset:0;display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad);font-weight:600;font-size:clamp(84px,20vw,360px);letter-spacing:-.07em;text-transform:uppercase;line-height:.8;pointer-events:none}
.bars__set{position:relative;z-index:2;display:flex;align-items:center;justify-content:center;gap:clamp(10px,1.4vw,22px);width:100%;height:100%}
.bar{position:relative;overflow:hidden;width:clamp(48px,7vw,120px);height:clamp(150px,34vh,360px);flex:none}
.bar__img{position:absolute;inset:0}
.bar__img picture{height:100%}
.bar__ink{position:absolute;inset:0;background:var(--ink);transform-origin:top}
.bars__cap{position:absolute;left:var(--pad);bottom:26px;z-index:3;color:var(--stone)}

/* STACK */
.stack{position:relative;background:var(--bone)}
.stack__inner{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);padding:clamp(90px,12vh,120px) var(--pad) clamp(40px,6vh,60px);min-height:100vh;min-height:100svh}
.stack__info{display:flex;flex-direction:column;justify-content:space-between;gap:40px}
.stack__info .eyebrow{color:var(--stone)}
.stack__title{font-weight:500;font-size:clamp(48px,6.4vw,116px);line-height:.9;letter-spacing:-.055em}
.stack__list{border-top:1px solid var(--line)}
.stack__list li{display:flex;justify-content:space-between;align-items:baseline;padding:12px 0;border-bottom:1px solid var(--line);font-size:clamp(16px,1.5vw,24px);font-weight:500;letter-spacing:-.02em;color:var(--stone);transition:color .5s,padding .6s var(--ease)}
.stack__list li em{font-style:normal}
.stack__list li.is-active{color:var(--ink);padding-left:18px}
.stack__frame{position:relative;height:calc(100svh - 170px);min-height:420px;overflow:hidden;border-radius:clamp(14px,2vw,28px);background:var(--sand)}
.stack__item{position:absolute;inset:0;overflow:hidden;isolation:isolate}
.stack__item picture{height:100%}
.stack__item::after{content:"";position:absolute;left:0;right:0;bottom:0;height:30%;background:linear-gradient(transparent,rgba(10,10,10,.42));pointer-events:none}
.stack__item figcaption{position:absolute;z-index:2;left:20px;right:20px;bottom:18px;display:flex;justify-content:space-between;color:var(--bone)}
.stack__item figcaption em{font-style:normal;opacity:.75}

/* PANO */
.pano{position:relative;height:110vh;overflow:hidden;background:#e9e8e6}
.pano__img{position:absolute;inset:0}
.pano__img picture{height:100%}
.pano__text{position:absolute;left:var(--pad);bottom:6vh;font-weight:600;font-size:clamp(64px,14vw,260px);letter-spacing:-.07em;line-height:.85;color:var(--bone);mix-blend-mode:difference;text-transform:uppercase}

/* MOSAIC */
.mosaic{padding:clamp(120px,18vh,220px) 0 clamp(80px,12vh,160px)}
.mosaic__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(18px,3vw,48px) clamp(14px,2.4vw,36px);padding:0 var(--pad);align-items:start}
.m-item:nth-child(4n+2){margin-top:14vw}
.m-item:nth-child(4n+3){margin-top:5vw}
.m-item:nth-child(4n+4){margin-top:20vw}
.m-media{position:relative;overflow:hidden;background:var(--sand)}
.m-media picture{height:100%}
.m-media img{transition:transform 1.4s var(--ease)}
.m-item:hover .m-media img{transform:scale(1.07)}
.m-arch .m-media{aspect-ratio:3/4;border-radius:999px 999px 0 0}
.m-rect .m-media{aspect-ratio:4/5}
.m-circle .m-media{aspect-ratio:1;border-radius:50%}
.m-pill .m-media{aspect-ratio:9/16;border-radius:999px;width:78%}
.m-item figcaption{margin-top:14px;color:var(--stone)}

/* CLIENTS */
.clients{background:var(--ink);color:var(--bone);padding:clamp(120px,18vh,220px) 0}
.sec-head--light .eyebrow{color:var(--stone)}
.logos{overflow:hidden;border-top:1px solid var(--line-l)}
.logos--1{border-bottom:1px solid var(--line-l)}
.logos__track{display:flex;width:max-content;animation:mq 70s linear infinite;background:var(--ink)}
.logos--1 .logos__track{animation-direction:reverse;animation-duration:80s}
.logos:hover .logos__track{animation-play-state:paused}
.logos__group{display:flex;align-items:center;flex:none}
.logos__group img{height:clamp(120px,13vw,210px);width:auto;mix-blend-mode:screen;transition:filter .4s}
.logos__group img:hover{filter:brightness(1.2)}
@keyframes mq{to{transform:translateX(-50%)}}
.clients__names{display:flex;flex-wrap:wrap;gap:8px 10px;padding:clamp(40px,6vw,80px) var(--pad) 0;max-width:1200px}
.clients__names li{border:1px solid var(--line-l);border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500;color:var(--sand)}

/* FILMS */
.films{background:var(--ink);color:var(--bone)}
.films__head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;padding:0 var(--pad) clamp(40px,6vw,80px)}
.films__head .eyebrow{color:var(--stone)}
.films__lede{max-width:30ch;font-size:clamp(17px,1.4vw,21px);color:var(--sand);text-align:right}
.film{position:relative;height:100vh;height:100svh;overflow:hidden}
.film__frame{position:absolute;inset:0;clip-path:circle(18% at 50% 50%);background:#111}
.film__video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(var(--vs,1.15))}
.film--letterbox .film__video{--vs:1.38}
.film__frame iframe{position:absolute;top:50%;left:50%;width:177.78vh;height:56.25vw;min-width:100%;min-height:100%;transform:translate(-50%,-50%) scale(1.38);border:0;pointer-events:none}
.film__shade{position:absolute;inset:0;background:radial-gradient(80% 70% at 50% 60%,transparent 40%,rgba(10,10,10,.55))}
.film__ui{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:space-between;align-items:center;padding:clamp(80px,12vh,120px) var(--pad) clamp(28px,5vh,48px);pointer-events:none}
.film__sub{color:var(--sand)}
.film__title{font-weight:600;font-size:clamp(72px,16vw,300px);line-height:.82;letter-spacing:-.07em;text-transform:uppercase;color:var(--bone);text-align:center;white-space:nowrap;text-shadow:0 2px 40px rgba(0,0,0,.25)}
.film__play{pointer-events:auto;display:inline-flex;align-items:center;gap:14px;padding:10px 22px 10px 10px;border-radius:999px;background:var(--bone);color:var(--ink);font-size:14px;font-weight:600;transition:transform .6s var(--ease)}
.film__play:hover{transform:scale(1.05)}
.film__play-icon{width:38px;height:38px;border-radius:50%;background:var(--ink);position:relative}
.film__play-icon::after{content:"";position:absolute;left:15px;top:12px;border-left:11px solid var(--bone);border-top:7px solid transparent;border-bottom:7px solid transparent}

/* MADE */
.made{position:relative;padding:clamp(120px,18vh,220px) 0;background:var(--bone)}
.made__list{border-top:1px solid var(--line);margin:0 var(--pad)}
.made__row{position:relative;display:flex;justify-content:space-between;align-items:center;gap:20px;border-bottom:1px solid var(--line);padding:clamp(10px,1.6vw,22px) 0;overflow:hidden}
.made__name{font-weight:500;font-size:clamp(40px,7.6vw,136px);line-height:.95;letter-spacing:-.055em;transition:transform .8s var(--ease),color .5s}
.made__thumb{display:none;flex:none;width:64px;height:84px;border-radius:999px;overflow:hidden}
.made__thumb picture{height:100%}
.made__float{position:fixed;left:0;top:0;z-index:60;width:clamp(220px,22vw,340px);aspect-ratio:3/4;pointer-events:none;border-radius:999px 999px 0 0;overflow:hidden;clip-path:inset(100% 0 0 0);transform:translate(-50%,-50%)}
.made__float-img{position:absolute;inset:0;opacity:0;transition:opacity .35s}
.made__float-img.is-on{opacity:1}
.made__float-img picture{height:100%}
@media (hover:hover){
  .made__list:hover .made__name{color:var(--stone)}
  .made__row:hover .made__name{color:var(--ink);transform:translateX(clamp(16px,3vw,56px))}
}

/* ESSAYS */
.essays{padding:clamp(120px,18vh,220px) 0;background:var(--bone);border-top:1px solid var(--line)}
.essay{display:grid;grid-template-columns:1fr 1.6fr;gap:var(--pad);padding:clamp(40px,6vw,80px) var(--pad);border-top:1px solid var(--line)}
.essay__title{position:sticky;top:96px;align-self:start;font-weight:500;font-size:clamp(28px,3vw,48px);letter-spacing:-.04em;line-height:1}
.essay__body{display:grid;gap:1.1em;font-weight:500;font-size:clamp(22px,2.4vw,40px);line-height:1.12;letter-spacing:-.03em}
.pull{padding:clamp(100px,16vh,200px) var(--pad) 0;text-align:center}
.pull p{font-weight:600;font-size:clamp(44px,8vw,150px);line-height:.9;letter-spacing:-.06em;text-transform:uppercase}

/* HISTORY */
.history{display:grid;grid-template-columns:1fr 1.25fr;gap:clamp(32px,6vw,120px);align-items:center;padding:clamp(120px,18vh,220px) var(--pad);background:var(--sand)}
.history__media{position:relative;overflow:hidden;aspect-ratio:3/4;border-radius:999px 999px 0 0}
.history__media picture{position:absolute;inset:-7% 0;height:auto}
.history__text{display:flex;flex-direction:column;gap:clamp(24px,3vw,40px)}
.history__text .eyebrow{color:#6d6b65}
.history__para{font-size:clamp(18px,1.6vw,24px);line-height:1.45;max-width:46ch}
.history__sig{font-weight:600;font-size:15px}
.history__sig span{font-weight:400;color:#6d6b65}

/* THANKS */
.thanks{background:var(--bone);padding:clamp(120px,18vh,220px) 0 clamp(80px,10vh,120px);overflow:hidden}
.thanks__title{padding:0 var(--pad);font-weight:600;font-size:clamp(72px,17vw,320px);line-height:.8;letter-spacing:-.075em;text-transform:uppercase;white-space:nowrap}
.thanks__body{display:grid;grid-template-columns:1fr 1fr;gap:var(--pad);max-width:1100px;margin:clamp(40px,6vw,90px) var(--pad) 0 auto;padding:0 var(--pad);font-size:clamp(18px,1.6vw,24px);line-height:1.45}
.strip{margin-top:clamp(80px,12vw,160px);overflow:hidden}
.strip__track{display:flex;width:max-content;animation:mq 50s linear infinite}
.strip__group{display:flex;align-items:center;gap:clamp(12px,1.6vw,24px);padding-right:clamp(12px,1.6vw,24px)}
.strip__item{flex:none;width:clamp(120px,14vw,220px);overflow:hidden;background:var(--sand)}
.strip__item picture{height:100%}
.s-circle{aspect-ratio:1;border-radius:50%}
.s-arch{aspect-ratio:3/4;border-radius:999px 999px 0 0}
.s-pill{aspect-ratio:9/16;border-radius:999px;width:clamp(90px,10vw,160px)}
.s-rect{aspect-ratio:4/5}

/* CLOSE */
.close{position:relative;background:var(--ink);color:var(--bone);padding:clamp(140px,22vh,260px) var(--pad) 0;overflow:hidden}
.close__line{font-weight:500;font-size:clamp(48px,8.4vw,150px);line-height:.92;letter-spacing:-.055em;max-width:12ch}
.close__line--dim{color:var(--stone)}
.close__meta{display:grid;grid-template-columns:1fr auto;gap:24px;align-items:end;margin-top:clamp(80px,12vw,160px);padding-top:16px;border-top:1px solid var(--line-l);font-size:14px;font-weight:500}
.close__links{display:flex;gap:28px;justify-content:flex-start}
.close__links a{position:relative;padding-bottom:2px}
.close__links a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform .7s var(--ease)}
.close__links a:hover::after{transform:scaleX(1)}
.close__mark{text-align:right;color:var(--stone)}
.close__giant{display:flex;justify-content:space-between;font-weight:700;font-size:39vw;line-height:.74;letter-spacing:-.06em;margin:4vw calc(var(--pad) * -.4) -6vw;text-transform:uppercase}
.close__giant span{display:inline-block}

/* MODAL */
.modal{position:fixed;inset:0;z-index:170;background:rgba(10,10,10,.96);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;padding:var(--pad)}
.modal[hidden]{display:none}
.modal__frame{position:relative;width:min(92vw,calc(80vh * 16 / 9));aspect-ratio:16/9;background:#000;border-radius:clamp(8px,1vw,16px);overflow:hidden}
.modal__frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}
.modal__close{position:absolute;top:18px;right:var(--pad);color:var(--bone);font-size:13px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;padding:10px 16px;border:1px solid var(--line-l);border-radius:999px}
.modal__title{color:var(--bone)}

/* CURSOR */
.cursor{display:none}
.has-cursor .cursor{display:block}
.has-cursor,.has-cursor a,.has-cursor button,.has-cursor [data-cursor],.has-cursor [data-cursor-hover]{cursor:none}
.cursor__dot,.cursor__ring{position:fixed;left:0;top:0;z-index:190;pointer-events:none;border-radius:50%}
.cursor__dot{width:6px;height:6px;margin:-3px 0 0 -3px;background:var(--bone);mix-blend-mode:difference}
.cursor__ring{width:36px;height:36px;margin:-18px 0 0 -18px;border:1px solid rgba(246,245,242,.9);mix-blend-mode:difference;display:flex;align-items:center;justify-content:center;transition:width .5s var(--ease),height .5s var(--ease),margin .5s var(--ease),background .4s,border-color .4s}
.cursor__label{font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .3s}
.cursor.is-hover .cursor__ring{width:56px;height:56px;margin:-28px 0 0 -28px}
.cursor.is-media .cursor__ring{width:92px;height:92px;margin:-46px 0 0 -46px;background:var(--bone);border-color:var(--bone);mix-blend-mode:normal}
.cursor.is-media .cursor__label{opacity:1}
.cursor.is-media .cursor__dot{opacity:0}
.cursor.is-hidden{opacity:0}

/* reveals */
.js .fade-up{opacity:0;transform:translateY(30px)}
.reduced .fade-up{opacity:1;transform:none}

/* MOBILE */
@media (max-width:900px){
  .nav{grid-template-columns:1fr auto;font-size:12px}
  .nav__links{display:none}
  .hero__inner{padding-top:72px}
  .hero__kicker span:last-child{display:none}
  .hero__title{font-size:clamp(64px,28vw,220px);line-height:.84}
  .hero__row{flex-wrap:wrap}
  .hero__row--2{justify-content:flex-start}
  .hero__row--2 .split-chars{display:flex;flex-direction:column}
  .hero__row--2 .cm:last-child{align-self:flex-end}
  .hero__pill{flex:none;width:100%;height:.8em;margin:.05em 0 .04em}
  .hero__foot{grid-template-columns:1fr auto}
  .hero__lede{display:none}
  .opening__text{font-size:clamp(42px,12.4vw,110px)}
  .opening__notes{grid-template-columns:1fr;gap:12px}
  .opening{padding-top:62vw;padding-bottom:64vw}
  .shape--a{width:16vw;height:32vw;right:auto;left:var(--pad);top:16vw}
  .shape--b{width:52vw;left:auto;right:-14vw;top:auto;bottom:6vw}
  .shape--c{width:30vw;top:12vw;right:var(--pad);left:auto}
  .shape--d{width:34vw;top:auto;bottom:12vw;left:var(--pad)}
  .shape--e{width:19vw;top:auto;bottom:20vw;right:28vw}
  .sec-head{flex-direction:column;gap:14px}
  .sec-head .display{text-align:left}
  .principles__track{flex-direction:column;width:auto;gap:72px;padding:110px var(--pad)}
  .principles__intro,.principle{width:100%}
  .principle:nth-child(odd){justify-content:flex-end}
  .principle__media{width:86%}
  .principle__media--pill{width:62%}
  .principle:nth-child(even) .principle__media{margin-left:auto}
  .bar{width:13vw;height:30vh}
  .bars__title{flex-direction:column;justify-content:center;align-items:flex-start;gap:34vh;font-size:30vw}
  .bars__title .bars__word:last-child{align-self:flex-end}
  .stack__inner{grid-template-columns:1fr;min-height:0;padding-top:100px}
  .stack__list{display:none}
  .stack__frame{height:auto;min-height:0;overflow:visible;background:none;border-radius:0;display:grid;gap:40px}
  .stack__item{position:relative;inset:auto;aspect-ratio:4/5;border-radius:18px}
  .pano{height:70vh}
  .mosaic__grid{grid-template-columns:repeat(2,1fr)}
  .m-item:nth-child(n){margin-top:0}
  .m-item:nth-child(even){margin-top:18vw}
  .logos__group img{height:104px}
  .films__head{flex-direction:column;align-items:flex-start}
  .films__lede{text-align:left}
  .film{height:86svh}
  .film__title{font-size:clamp(56px,19vw,160px)}
  .made__thumb{display:block}
  .made__float{display:none}
  .made__name{font-size:clamp(34px,10vw,80px)}
  .essay{grid-template-columns:1fr;gap:20px}
  .essay__title{position:static}
  .essay__body{font-size:clamp(22px,6.2vw,34px)}
  .history{grid-template-columns:1fr}
  .history__media{width:82%;margin:0 auto}
  .thanks__body{grid-template-columns:1fr;margin-left:0}
  .close__meta{grid-template-columns:1fr;gap:14px}
  .close__links{justify-content:flex-start}
  .close__mark{text-align:left}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .logos__track,.strip__track{animation:none;flex-wrap:wrap;width:auto}
  .logos__group{flex-wrap:wrap;justify-content:center}
  .film__frame{clip-path:none}
  .js .hero__media{display:none}
  .bar__ink{display:none}
  .bar{width:26vw;height:52vh}
}
.hero__pill img[data-z]{transform:scale(var(--z,1))}

.history__link{margin-top:-12px;font-size:13px;font-weight:500;letter-spacing:.06em;text-transform:uppercase}
.history__link a{position:relative;padding-bottom:2px}
.history__link a::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:currentColor;transform:scaleX(.3);transform-origin:left;transition:transform .7s var(--ease)}
.history__link a:hover::after{transform:scaleX(1)}

.hide-netlify-badge #nl-badge-frame,.hide-netlify-badge #nl-hud-frame,iframe[title="Powered by Netlify"]{display:none!important;visibility:hidden!important;pointer-events:none!important}