html{color-scheme:dark}
  img{max-width:100%}
  [hidden]{display:none!important}

:root{

  --bg:#101211;
  --bg-2:#151917;
  --bg-3:#1A1F1D;
  --line:#242A27;
  --line-2:#1B211E;
  --chalk:#F3F3ED;
  --dim:#838F89;
  --dim-2:#75807A;

  --flare:#53D490;
  --flare-deep:#1E5437;
  --flare-ink:#031108;

  --photo-accent:#7DE4A9; --photo-line:rgba(125,228,169,.7);
  --trail:72,202,135;
  --grain:.42;
  --field-bg:#090B0A; --field-ink:#F5F5EF;

  --field-stops:#041D11,#084C2E,#1A8A56,#53D490,#A5EBBC,#E6F3E3;

  --sans:"General Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --mono:"General Sans","Helvetica Neue",Helvetica,Arial,sans-serif;
  --gut:clamp(18px,4vw,56px);
}
:root[data-theme="light"]{
  color-scheme:light;
  --bg:#F3F3ED; --bg-2:#EAEAE2; --bg-3:#E2E1D8;
  --line:#D4D3C8; --line-2:#E3E2D9;
  --chalk:#121210; --dim:#575750; --dim-2:#68685F;
  --flare:#10764A; --flare-deep:#9BCBAE; --flare-ink:#FFFFFF; --grain:.16;
  --trail:42,157,103;

}

*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;background:var(--bg);color:var(--chalk);
  font-family:var(--sans);font-size:16px;line-height:1.62;
  overflow-x:hidden;-webkit-font-smoothing:antialiased;position:relative;
  transition:background-color .3s ease,color .3s ease;
}
body::after{
  content:"";position:fixed;inset:0;pointer-events:none;z-index:88;opacity:var(--grain);
  background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3' stitchTiles='stitch'/><feColorMatrix type='saturate' values='0'/></filter><rect width='160' height='160' filter='url(%23n)' opacity='0.5'/></svg>");
  mix-blend-mode:overlay;
}
::selection{background:var(--flare);color:var(--flare-ink)}
a{color:inherit;text-decoration:none}
:focus-visible{outline:2px solid var(--flare);outline-offset:3px}
h1,h2,h3{margin:0;font-weight:500;letter-spacing:-.03em;line-height:.98;text-wrap:balance}
p{margin:0 0 1em}
p:last-child{margin-bottom:0}
.bleed{padding-inline:var(--gut)}
.mono{font-size:12.5px;letter-spacing:-.005em;color:var(--dim)}

#prog{position:fixed;top:0;left:0;height:2px;width:0;background:var(--flare);z-index:95}

.bar{
  position:sticky;top:0;z-index:70;display:flex;align-items:center;gap:16px;
  padding:16px var(--gut);
  background:var(--bg);
  border-bottom:1px solid transparent;
  transition:border-color .2s ease,background-color .3s ease;
}
.bar.is-scrolled{border-bottom-color:var(--line-2)}
.bar__id{
  flex:1 1 50%;min-width:0;display:flex;align-items:baseline;gap:12px;white-space:nowrap;
  font-size:clamp(17px,1.55vw,22px);font-weight:600;letter-spacing:-.03em;line-height:1.15;
}
.bar__id span{color:var(--dim);font-weight:500;font-size:13px;letter-spacing:-.02em}
.bar nav{flex:1 1 50%;display:flex;align-items:center;justify-content:space-between;gap:16px}
.bar nav a{
  position:relative;font-size:13px;font-weight:500;letter-spacing:-.02em;
  color:var(--dim);transition:color .2s ease;
}
.bar nav a:hover,.bar nav a.is-here{color:var(--chalk)}
.bar nav a::before{
  content:"";position:absolute;top:50%;left:-10px;width:5px;height:5px;border-radius:1px;
  background:var(--flare);transform:translateY(-50%) scale(0);transition:transform .2s ease;
}
.bar nav a.is-here::before{transform:translateY(-50%) scale(1)}
@media (max-width:680px){.bar__id span{display:none}}

@media (max-width:620px){
  .bar{flex-wrap:wrap;row-gap:12px;padding-block:14px 12px}
  .bar__id{order:1;flex-basis:100%}
  .bar nav{order:2;flex-basis:100%;justify-content:space-between;gap:0}
}

.theme{
  border:0;padding:0;margin:0;cursor:pointer;flex:none;position:relative;
  width:28px;height:24px;border-radius:4px;background:var(--bg-2);
  display:flex;align-items:center;justify-content:center;color:var(--dim);
  transition:color .2s ease,background-color .2s ease;
}
.theme::before{content:"";position:absolute;inset:-10px}
.theme:hover{color:var(--chalk);background:var(--bg-3)}
.theme svg{
  width:14px;height:14px;display:block;
  transition:transform .55s cubic-bezier(.65,0,.35,1);
}
:root[data-theme="light"] .theme svg{transform:rotate(180deg)}
@media (prefers-reduced-motion:reduce){.theme svg{transition:none}}

#trail{
  position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;
  filter:blur(22px);will-change:opacity;
}
main{position:relative;z-index:1}

.hero{position:relative;padding-block:clamp(40px,min(8.6vh,13vw),110px) clamp(30px,5.4vh,70px)}
.hero__grid{position:relative;z-index:2;display:grid;gap:clamp(26px,4vw,64px);grid-template-columns:1fr}
h1{font-size:clamp(2.5rem,min(6.4vw,10.2vh),5.3rem)}
h1 b{font-weight:500;color:var(--flare)}
.hero__lede{margin-top:clamp(22px,3.9vh,38px);max-width:60ch;font-size:clamp(1.02rem,1.5vw,1.2rem);color:var(--dim);line-height:1.58}
.hero__lede b{color:var(--chalk);font-weight:500}

.sec{padding-block:clamp(60px,8.5vh,106px)}
.sec__head{margin-bottom:clamp(30px,4.5vh,54px)}
.sec__kick{
  display:block;font-size:13.5px;font-weight:500;letter-spacing:-.008em;
  color:var(--flare);margin-bottom:12px;
}
.sec__h{font-size:clamp(2.2rem,6vw,3.9rem);line-height:.96;letter-spacing:-.032em}
.sec__h span{color:var(--dim-2)}

.index{margin-bottom:clamp(56px,8vh,100px);border-top:1px solid var(--line)}

.index a{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:baseline;
  padding:16px 0;border-bottom:1px solid var(--line-2);position:relative;isolation:isolate;
  transition:color .22s ease;
}
.index a::before{
  content:"";position:absolute;inset:-1px -14px -1px;z-index:-1;background:var(--chalk);
  transform:scaleY(0);transform-origin:50% var(--from,0%);
  transition:transform .26s cubic-bezier(.25,.46,.45,.94);
}
.index .kd,.index .yr{transition:color .22s ease,opacity .22s ease}
@media (hover:hover){
  .index a:hover{color:var(--bg)}
  .index a:hover::before{transform:scaleY(1)}
  .index a:hover .kd,.index a:hover .yr{color:var(--bg);opacity:.66}
}
.index a:focus-visible{color:var(--bg)}
.index a:focus-visible::before{transform:scaleY(1)}
.index a:focus-visible .kd,.index a:focus-visible .yr{color:var(--bg);opacity:.66}
@media (prefers-reduced-motion:reduce){.index a::before{transition:none}}
.index .nm{font-size:clamp(1.05rem,2.3vw,1.4rem);font-weight:500;letter-spacing:-.028em}
.index .yr{font-size:13.5px;color:var(--dim-2);letter-spacing:-.005em}
.index .kd{font-size:13.5px;color:var(--dim-2);letter-spacing:-.008em;margin-left:15px}
@media (max-width:620px){.index .kd{display:block;margin-left:0;margin-top:3px;font-size:12.5px}}

.job{padding-top:clamp(26px,3vh,40px);margin-bottom:clamp(60px,9vh,116px);border-top:1px solid var(--line)}
.job:last-of-type{margin-bottom:0}
.job__grid{display:grid;gap:clamp(20px,3vw,48px);grid-template-columns:1fr}
@media (min-width:900px){.job__grid{grid-template-columns:230px minmax(0,1fr)}}
.job__grid > *{min-width:0}
@media (min-width:900px){.job__aside{position:sticky;top:80px;align-self:start}}

.job__sticky{
  display:none;font-size:1.05rem;font-weight:600;letter-spacing:-.02em;
  color:var(--chalk);line-height:1.2;
  opacity:0;transform:translateY(-4px);
  transition:opacity .32s ease,transform .32s cubic-bezier(.19,1,.22,1);
}
@media (min-width:900px){
  .job__sticky{display:block;margin-bottom:12px}
  .job.is-past .job__sticky{opacity:1;transform:none}
}
@media (prefers-reduced-motion:reduce){.job__sticky{transition:none}}
.job__meta{margin:0;border-top:1px solid var(--line)}
.job__meta div{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:9px 0}
.job__meta dt{margin:0;font-size:13px;letter-spacing:-.005em;color:var(--dim-2);flex:none}
.job__meta dd{margin:0;font-size:13px;text-align:right;color:var(--chalk);line-height:1.4}
.job__meta dd.role{color:var(--flare);font-weight:500}
.job__title{font-size:clamp(2.1rem,6.4vw,4.1rem);line-height:.94;margin-bottom:10px;transition:color .3s ease;cursor:default}
.job__title:hover{color:var(--flare)}
.job__what{font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--flare);margin-bottom:26px}

.job__body{max-width:none;color:var(--dim);font-size:16.5px;line-height:1.68}
.job__body > p{max-width:62ch;margin-bottom:1.4em}
.job__body b{color:var(--chalk);font-weight:500}

.job__body > p:first-child{
  font-size:clamp(1.08rem,1.5vw,1.24rem);line-height:1.5;
  color:var(--chalk);max-width:54ch;margin-bottom:1.5em;
}
.job__body > p:first-child b{font-weight:600}

.job__sub{
  font-size:1.18rem;font-weight:600;letter-spacing:-.022em;line-height:1.2;
  color:var(--flare);max-width:26ch;
}
.job__body > p.job__sub{margin:2.95em 0 .34em}
.job__body > p.job__sub:first-child{margin-top:0}

.job__insight{
  font-size:1.24em;font-style:italic;font-weight:500;color:var(--chalk);
  letter-spacing:-.017em;line-height:1.42;max-width:44ch;
}
.job__body > p.job__insight{margin:1.5em 0}

.job__stat{margin:1.7em 0 2.1em}
.job__stat b{
  display:block;font-size:clamp(2.6rem,7vw,4.4rem);font-weight:500;
  letter-spacing:-.03em;line-height:.98;color:var(--flare);
}
.job__stat span{display:block;margin-top:7px;font-size:14px;color:var(--dim-2);letter-spacing:-.005em;max-width:40ch}

.job__links{margin-top:30px;display:flex;flex-wrap:wrap;gap:14px 26px}
.job__go{
  display:inline-flex;align-items:baseline;gap:9px;font-size:15px;font-weight:500;
  letter-spacing:-.015em;color:var(--chalk);
  border-bottom:1px solid var(--flare-deep);padding-bottom:5px;
  transition:color .25s ease,border-color .25s ease;
}
.job__go:hover{color:var(--flare);border-color:var(--flare)}
.job__go .ar{color:var(--flare);font-size:.82em}

.job__stack{margin-top:26px;font-size:14px;color:var(--dim);letter-spacing:-.005em;line-height:1.9;max-width:70ch}

.fig{margin:2.7em 0 3.1em;max-width:780px}
.fig--wide{max-width:1040px}
.fig--sm{max-width:520px}
.fig img,.fig video{display:block;width:100%;height:auto}
.fig video{background:var(--bg-2)}

figcaption{margin-top:12px;font-size:13px;letter-spacing:-.005em;color:var(--dim-2);max-width:56ch}

.fig--zoom img{cursor:zoom-in}
.lb{position:fixed;inset:0;z-index:140;background:var(--bg);overflow:auto;display:none}
.lb.on{display:block}
.lb img{display:block;margin:auto;max-width:none;cursor:zoom-out}
.lb__x{position:fixed;top:0;right:0;z-index:1;padding:12px var(--gut) 12px 20px;
  background:var(--bg);color:var(--dim);font-size:13px;letter-spacing:-.005em;cursor:pointer}
.lb__x:hover{color:var(--chalk)}

@media (max-width:760px){
  .fig--wide{overflow-x:auto;overscroll-behavior-x:contain}
  .fig--wide img{width:auto;max-width:none;height:min(58vh,440px)}
  .fig--wide video{width:100%;height:auto}
  .fig--wide figcaption{position:sticky;left:0;width:calc(100vw - 2 * var(--gut))}
}

.field{
  position:relative;isolation:isolate;overflow:hidden;
  background:var(--field-bg);
  height:max(560px,92vh);height:max(560px,92svh);
}
@media (min-width:761px){
  .field{height:clamp(600px,118vh,1300px);height:clamp(600px,118svh,1300px)}
}
.field__stage{position:absolute;inset:0;display:grid;place-items:center;text-align:center}
@media (min-width:761px) and (min-height:600px) and (hover:hover) and (prefers-reduced-motion:no-preference){
  .field{clip-path:inset(0)}

  .field__stage{position:fixed;pointer-events:none}
}
#glyphs{position:absolute;inset:0;width:100%;height:100%;z-index:0;display:block}

.field__scrim{
  position:absolute;inset:0;z-index:1;pointer-events:none;
  background:radial-gradient(ellipse 60% 56% at 50% 50%,
    color-mix(in srgb,var(--field-bg) 82%,transparent) 0%,
    color-mix(in srgb,var(--field-bg) 40%,transparent) 56%,
    transparent 78%);
}
.field__in{position:relative;z-index:2;max-width:min(92vw,1000px);padding-inline:var(--gut)}
.field .sec__kick{
  color:color-mix(in srgb,var(--field-ink) 78%,transparent);
  font-size:13.5px;font-weight:500;letter-spacing:-.008em;
  margin-bottom:clamp(20px,3.4vh,34px);
  text-shadow:0 0 14px var(--field-bg),0 0 5px var(--field-bg),0 1px 2px var(--field-bg);
}
.roles__stack{display:flex;flex-direction:column;gap:clamp(2px,.9vh,8px)}
.roles__stack span{
  font-size:clamp(1.9rem,6.4vw,5.4rem);font-weight:500;letter-spacing:-.035em;
  line-height:1.04;color:var(--field-ink);
}

.js .field .pop{
  opacity:0;transform:translateY(30px) scale(.8);
  transition:opacity .22s ease,transform 0s linear .22s;
}
.js .field .pop.is-in{
  opacity:1;transform:none;
  transition:opacity .45s ease,transform .9s cubic-bezier(.16,1,.3,1);
}
@supports (transition-timing-function:linear(0,1)){
  .js .field .pop.is-in{
    transition:opacity .45s ease,transform 1s linear(0, 0.0316, 0.1128, 0.2251, 0.3533, 0.4853, 0.6122, 0.7278, 0.8282, 0.9115, 0.9774, 1.0266, 1.0608, 1.082, 1.0926, 1.0946, 1.0905, 1.082, 1.0709, 1.0586, 1.0461, 1.0343, 1.0236, 1.0144, 1.0069, 1.001, 0.9967, 0.9937, 0.9919, 0.9911, 0.9911, 0.9916, 1);
  }
}
@media (prefers-reduced-motion:reduce){
  .js .field .pop,.js .field .pop.is-in{opacity:1;transform:none;transition:none}
}

.kit{border-top:1px solid var(--line)}
.kit__row{display:grid;gap:6px 32px;grid-template-columns:1fr;padding:clamp(16px,2vh,22px) 0;border-bottom:1px solid var(--line-2)}
@media (min-width:800px){.kit__row{grid-template-columns:210px minmax(0,1fr);align-items:baseline}}
.kit__cat{margin:0;font-size:1.02rem;font-weight:600;letter-spacing:-.018em;color:var(--flare);line-height:1.3}
.kit__in{display:block;margin-top:4px;font-size:13px;font-weight:400;letter-spacing:-.005em;color:var(--dim-2)}
.kit__in a{transition:color .2s ease}
.kit__in a:hover{color:var(--chalk)}
.kit__items{margin:0;display:flex;flex-wrap:wrap;gap:5px 0;font-size:15px;color:var(--chalk);line-height:1.7}
.kit__items i{font-style:normal;color:var(--dim-2);padding-inline:9px}

.about{display:grid;gap:clamp(32px,5vw,72px);grid-template-columns:1fr}
@media (min-width:920px){.about{grid-template-columns:minmax(0,1.4fr) minmax(0,.75fr)}}
.about__body{max-width:58ch;font-size:17.5px;color:var(--dim)}
.about__body p+p{margin-top:1.1em}
.about__body b{color:var(--chalk);font-weight:500}
.about__body .kick{
  font-size:1.32em;font-style:italic;font-weight:500;color:var(--chalk);
  letter-spacing:-.019em;line-height:1.3;display:block;margin-bottom:.7em;
}
dl.facts{margin:0}
dl.facts div{display:flex;justify-content:space-between;gap:20px;padding:11px 0;border-bottom:1px solid var(--line-2)}
dl.facts div:first-child{border-top:1px solid var(--line)}
dl.facts dt{margin:0;font-size:13px;letter-spacing:-.005em;color:var(--dim-2);flex:none}
dl.facts dd{margin:0;font-size:13.5px;text-align:right;color:var(--chalk);line-height:1.4}

.talk{padding-bottom:clamp(48px,7vh,86px)}
.talk h2{font-size:clamp(3rem,12vw,9rem);line-height:.9;margin-bottom:clamp(26px,4vh,44px)}
.talk h2 b{font-weight:500;color:var(--flare)}
.mailto{
  display:inline-flex;align-items:baseline;gap:11px;font-size:clamp(1.05rem,2.4vw,1.55rem);
  font-weight:500;letter-spacing:-.03em;border-bottom:2px solid var(--flare-deep);
  padding-bottom:6px;transition:color .3s ease,border-color .3s ease;
}
.mailto:hover{color:var(--flare);border-color:var(--flare)}
.mailto{will-change:transform}
.mailto .ar{color:var(--flare);font-size:.8em}

footer{border-top:1px solid var(--line);padding:28px var(--gut) 46px;display:flex;flex-wrap:wrap;gap:14px 30px;justify-content:space-between;align-items:baseline}
footer a{color:var(--dim);transition:color .2s ease}
footer a:hover{color:var(--flare)}

.foot__go{
  display:inline-flex;align-items:center;gap:10px;
  font-size:15px;font-weight:500;letter-spacing:-.015em;color:var(--chalk);
  border-bottom:1px solid var(--flare-deep);padding-bottom:6px;
  transition:color .25s ease,border-color .25s ease;
}
.foot__go svg{width:16px;height:16px;flex:none;color:var(--flare);transition:transform .25s cubic-bezier(.19,1,.22,1)}
.foot__go:hover{color:var(--flare);border-color:var(--flare)}
.foot__go .ar{color:var(--flare);font-size:.85em}
.foot__go:hover svg{transform:translateY(-2px)}

.peek{
  --pw:clamp(280px,22vw,340px);
  position:fixed;left:0;top:0;width:var(--pw);height:calc(var(--pw) * .75);
  margin:calc(var(--pw) * -.375) 0 0 24px;
  z-index:60;pointer-events:none;opacity:0;
  transition:opacity .2s ease;will-change:transform;
}
.peek.is-live{opacity:1}
.peek__f{
  position:absolute;inset:0;overflow:hidden;border-radius:5px;

  clip-path:inset(0 0 100% 0 round 5px);
  transition:clip-path .52s cubic-bezier(.19,1,.22,1);
}
.peek__f--up{clip-path:inset(100% 0 0 0 round 5px)}
.peek__f img{
  display:block;width:100%;height:100%;object-fit:cover;background:var(--bg-2);border-radius:5px;
  transform:translateY(-14%);
  transition:transform .52s cubic-bezier(.19,1,.22,1);
}
.peek__f--up img{transform:translateY(14%)}
.peek__f.is-on{clip-path:inset(0 0 0 0 round 5px);z-index:2}
.peek__f.is-on img{transform:none}

.ban{
  position:relative;overflow:hidden;background:var(--bg-2);
  height:clamp(300px,42vw,560px);
}
.ban__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.ban__soft{
  position:absolute;left:0;right:0;bottom:0;height:62%;
  -webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 70%);
          mask-image:linear-gradient(to bottom,transparent,#000 70%);
}
.ban__wash{
  position:absolute;inset:0;background:linear-gradient(to bottom,
    rgba(9,11,10,.56) 0%, rgba(9,11,10,0) 30%,
    rgba(9,11,10,.26) 56%, rgba(9,11,10,.80) 100%);
}
.ban__in{
  position:relative;height:100%;display:flex;flex-direction:column;
  justify-content:space-between;
  padding-block:clamp(26px,3.6vh,44px) clamp(20px,3.2vh,36px);
}
.ban__kicker{font-size:13px;letter-spacing:-.005em;color:rgba(243,243,237,.74);margin:0 0 10px}
.ban__title{
  font-size:clamp(2.3rem,6.2vw,4.3rem);line-height:.94;letter-spacing:-.035em;
  color:#F3F3ED;margin:0 0 11px;
}
.ban__what{font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--photo-accent);margin:0}
.ban__back{
  align-self:flex-start;display:inline-flex;align-items:baseline;gap:8px;
  font-size:14px;font-weight:500;letter-spacing:-.015em;color:#F3F3ED;
  border-bottom:1px solid var(--photo-line);padding-bottom:5px;
  transition:color .25s ease,border-color .25s ease;
}
.ban__back:hover{color:var(--photo-accent);border-color:var(--photo-accent)}
.ban__back .ar{color:var(--photo-accent);font-size:.82em}

.reel{height:clamp(260px,30vw,430px)}

@media (min-width:761px){
  .reel{
    --peek:clamp(44px,7vh,76px);
    height:clamp(200px,calc(100vh - var(--reel-y,520px) - var(--peek)),470px);
    height:clamp(200px,calc(100svh - var(--reel-y,520px) - var(--peek)),470px);
  }
  .reel ~ #work{padding-top:clamp(22px,3.2vh,44px)}
}
.reel .ban__soft{
  height:46%;
  -webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);
  -webkit-mask-image:linear-gradient(to bottom,transparent,#000 74%);
          mask-image:linear-gradient(to bottom,transparent,#000 74%);
}
.reel .ban__wash{background:linear-gradient(to bottom,
  rgba(9,11,10,.44) 0%, rgba(9,11,10,0) 28%,
  rgba(9,11,10,.16) 54%, rgba(9,11,10,.78) 100%);}
.reel__win{position:absolute;inset:0;display:block;isolation:isolate}
.reel__win picture{
  position:absolute;inset:0;display:block;overflow:hidden;visibility:hidden;
  clip-path:inset(0 0 100% 0);
}
.reel__win picture.is-up{clip-path:inset(100% 0 0 0)}
.reel__win img{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transform:translateY(-14%);
}
.reel__win picture.is-up img{transform:translateY(14%)}
.reel__win picture.is-base,.reel__win picture.is-in{visibility:visible;clip-path:inset(0)}
.reel__win picture.is-base{z-index:1}
.reel__win picture.is-in{z-index:2;transition:clip-path .52s cubic-bezier(.19,1,.22,1)}
.reel__win picture.is-base img,.reel__win picture.is-in img{transform:none}
.reel__win picture.is-in img{transition:transform .52s cubic-bezier(.19,1,.22,1)}
.reel .ban__soft,.reel .ban__wash,.reel .ban__in{pointer-events:none}
.reel__foot{display:flex;align-items:flex-end;justify-content:space-between;gap:20px}
.reel__nm{
  font-size:clamp(1.9rem,4.6vw,3.1rem);line-height:.96;letter-spacing:-.034em;
  color:#F3F3ED;margin:0 0 9px;
}
.reel__what{font-size:14.5px;font-weight:500;letter-spacing:-.01em;color:var(--photo-accent);margin:0}
.reel__yr{font-size:13px;letter-spacing:-.005em;color:rgba(243,243,237,.68);margin:6px 0 0}

.reel__hold{
  pointer-events:auto;-webkit-appearance:none;appearance:none;border:0;padding:0;margin:0;
  cursor:pointer;flex:none;position:relative;
  width:28px;height:24px;border-radius:4px;
  display:flex;align-items:center;justify-content:center;
  background:rgba(243,243,237,.14);color:rgba(243,243,237,.86);
  transition:color .2s ease,background-color .2s ease;
}
.reel__hold::before{content:"";position:absolute;inset:-10px}
.reel__hold:hover{color:#F3F3ED;background:rgba(243,243,237,.24)}
.reel__hold:focus-visible{outline-color:var(--photo-accent)}
.reel__hold svg{width:14px;height:14px;display:block;fill:currentColor}
.reel__play{stroke:currentColor;stroke-width:1.6;stroke-linejoin:round}
.reel__hold .reel__play,.reel__hold.is-paused .reel__pause{display:none}
.reel__hold.is-paused .reel__play{display:block}
html:not(.js) .reel__hold{display:none}
@media (prefers-reduced-motion:reduce){.reel__hold{display:none}}

.cover{padding-top:clamp(14px,3vh,30px)}
.cover__back{
  display:inline-flex;align-items:baseline;gap:8px;font-size:14px;font-weight:500;
  letter-spacing:-.015em;color:var(--chalk);
  border-bottom:1px solid var(--flare-deep);padding-bottom:5px;
  margin-bottom:clamp(28px,5vh,54px);
  transition:color .25s ease,border-color .25s ease;
}
.cover__back:hover{color:var(--flare);border-color:var(--flare)}
.cover__back .ar{color:var(--flare);font-size:.82em}
.cover__kicker{font-size:13px;letter-spacing:-.005em;color:var(--dim-2);margin-bottom:12px}
.cover__title{
  font-size:clamp(2.6rem,8.4vw,5.6rem);line-height:.92;letter-spacing:-.035em;
  margin-bottom:12px;
}
.cover__what{
  font-size:15px;font-weight:500;letter-spacing:-.01em;color:var(--flare);
  margin-bottom:clamp(24px,4vh,42px);
}
.cover__shot{margin:0;max-width:900px}
.cover__shot img{
  display:block;width:100%;height:auto;background:var(--bg-2);
  aspect-ratio:4/3;object-fit:cover;
}

.job--page{border-top:0;padding-top:clamp(30px,5vh,56px);margin-bottom:0}
.job--page .job__grid{
  max-width:calc(230px + clamp(20px,3vw,48px) + 640px);
  margin-inline:auto;
}
.job--page .job__body{font-size:17.5px;line-height:1.66}
.job--page .job__body > p,
.job--page .job__body > p:first-child,
.job--page .job__stack,
.job--page figcaption,
.job--page .fig,
.job--page .fig--wide,
.job--page .fig--sm{max-width:none}

.job--page .fig--flow{max-width:460px;margin-inline:auto}
.fig--flow svg{display:block;width:100%;height:auto}
.flowsvg p{margin:0}

.pager{
  border-top:1px solid var(--line);margin-top:clamp(50px,8vh,92px);
  padding-top:20px;display:flex;gap:24px;align-items:flex-start;
}
.pager a{display:block;max-width:47%}
.pager a span{display:block;font-size:13px;letter-spacing:-.005em;color:var(--dim-2);margin-bottom:5px}
.pager a b{
  display:block;font-weight:600;font-size:1.18rem;letter-spacing:-.022em;
  color:var(--chalk);transition:color .2s ease;
}
.pager a:hover b{color:var(--flare)}
.pager .nx{margin-left:auto;text-align:right}