.showcase__film{
  position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  object-position:50% 45%;background:#0E0F11;
}
@media (min-width:901px){
  .showcase__film{object-fit:contain}
}

.showcase{--open:1}
.showcase__frame{
  clip-path:inset(0 0 calc((1 - var(--open)) * 100%) 0);
  transition:clip-path 1.05s cubic-bezier(.22,.61,.36,1);
}
.showcase.is-closed{--open:0}
.showcase.is-opening

.showcase{
  position:relative;isolation:isolate;overflow:hidden;background:#E5E5E5;
  height:calc(100svh - var(--ticker-h,38px));
  min-height:520px;
  display:grid;place-items:center;
}
@supports not (height:100svh){
  .showcase{height:calc(100vh - var(--ticker-h,38px))}
}

@media (max-width:900px){
  .showcase{height:calc(100svh - var(--ticker-h,38px))}

  .showcase::after{background:none}
  .showcase__frame{width:100%;height:100%}
  .showcase__frame img{
    width:100%;max-width:none;
    height:calc(100svh - var(--ticker-h,38px));
    object-fit:cover;object-position:50% 42%;
  }
}
@supports not (height:100svh){
  @media (max-width:900px){
    .showcase{height:calc(100vh - var(--ticker-h,38px))}
    .showcase__frame img{height:calc(100vh - var(--ticker-h,38px))}
  }
}

.showcase__frame{height:100%;width:100%;display:flex;align-items:center;justify-content:center;line-height:0}

.showcase__frame img{
  display:block;width:auto;max-width:100%;
  height:calc(100svh - var(--ticker-h,38px));
  object-fit:contain;
}
@supports not (height:100svh){
  .showcase__frame img{height:calc(100vh - var(--ticker-h,38px))}
}

.showcase::after{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(0deg,rgba(229,229,229,.9),rgba(229,229,229,.35) 40%,rgba(229,229,229,.5));
}

.showcase-say{background:#FFFFFF;text-align:center}
.showcase-say .shell{
  display:grid;justify-items:center;gap:.7rem;
  padding-block:clamp(2rem,5vw,3.4rem) clamp(1.2rem,3vw,2rem);
}
.showcase-say h1{
  font-size:clamp(1.6rem,1.1rem + 2.3vw,3rem);font-weight:900;letter-spacing:-.04em;
  line-height:1.14;color:var(--paper);
}
.showcase-say p{max-width:56ch;color:var(--dim);font-size:clamp(1rem,.97rem + .3vw,1.16rem);line-height:1.62}
.showcase-say .showcase__acts{
  display:flex;flex-wrap:wrap;align-items:center;justify-content:center;
  gap:clamp(1rem,3vw,2rem);padding-block:clamp(1rem,2.5vw,1.6rem) 0;
}

.hero{
  position:relative;isolation:isolate;overflow:hidden;background:#0E0F11;
  min-height:clamp(540px,82svh,880px);
  display:flex;flex-direction:column;justify-content:flex-end;
  padding-block:clamp(4.5rem,10vw,7rem) 0;
}
.hero__stage{position:absolute;inset:0;z-index:-2}

@keyframes pass{0%,68%{left:-45%}100%{left:135%}}

@media (prefers-reduced-motion:reduce){

}

.hero.is-in .hero__title .ln:last-child > span::after,
.lines.is-in .ln:last-child > span::after{transform:scaleX(1)}

@keyframes scrollcue{0%{top:-40%}60%,100%{top:100%}}
@media (min-width:900px){}
@media (prefers-reduced-motion:reduce){}

@media (max-width:900px){
  .hero{min-height:clamp(480px,74svh,760px);padding-block:clamp(2.5rem,8vw,3.5rem) 0}

}

.spec{
  position:relative;z-index:1;background:#FFFFFF;
  border-top:1px solid var(--line);box-shadow:0 -18px 40px -30px rgba(109,109,109,.5);
}
.spec__row{display:grid;grid-template-columns:repeat(2,1fr)}
@media (min-width:820px){.spec__row{grid-template-columns:repeat(4,1fr)}}
.spec__cell{
  padding:clamp(1rem,2vw,1.6rem) clamp(.5rem,1.5vw,1.2rem);
  border-inline-start:1px solid var(--line);
  text-align:center;display:flex;flex-direction:column;justify-content:center;align-items:center;
}
.spec__cell:first-child{border-inline-start:0}
@media (max-width:819px){
  .spec__cell:nth-child(odd){border-inline-start:0}
  .spec__cell:nth-child(-n+2){border-bottom:1px solid var(--line)}
}
.spec__v{
  font-family:var(--serif);font-weight:900;font-size:clamp(1.4rem,1rem + 1.75vw,2.2rem);
  color:var(--paper);line-height:1.18;letter-spacing:-.042em;text-align:center;
}
.spec__v a{color:inherit}
.spec__k{
  display:block;margin-top:.55rem;font-family:var(--mono);font-size:.78rem;font-weight:400;
  letter-spacing:.02em;color:var(--mute);
}
@media (max-width:520px){.spec__cell a[href^="mailto"]{font-size:.86rem;word-break:break-all}}

.idx{display:grid;gap:clamp(1.5rem,4vw,3.5rem);grid-template-columns:1fr}
@media (min-width:980px){.idx{grid-template-columns:.72fr 1.28fr}}
.idx__side{align-self:start}
@media (min-width:980px){.idx__side{position:sticky;top:120px}}

.rows{border-top:1px solid var(--line)}
.rows__item{display:block;border-bottom:1px solid var(--line);position:relative;background:transparent;transition:background-color var(--t-mid)}
.rows__item:hover{background:rgba(17,18,20,.02)}
.rows__link{display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-4);align-items:baseline;padding:clamp(1.1rem,2.2vw,1.6rem) var(--s-2);width:100%;text-align:start;cursor:pointer}
.rows__n{font-family:var(--mono);font-size:.78rem;font-weight:500;color:var(--mute);letter-spacing:.06em;transition:color var(--t-fast)}
.rows__item:hover .rows__n{color:var(--spark)}
.rows__t{font-family:var(--serif);font-weight:800;color:var(--paper);font-size:clamp(1.2rem,1rem + 1.1vw,1.92rem);line-height:1.22;letter-spacing:-.034em}
.rows__go{font-family:var(--mono);font-size:.78rem;font-weight:500;letter-spacing:.02em;color:var(--mute);white-space:nowrap;transition:color var(--t-fast),transform var(--t-mid) var(--e-out)}
.rows__item:hover .rows__go{color:var(--paper);transform:translateX(-6px)}
.rows__sub{padding:0 var(--s-2) clamp(1.1rem,2.2vw,1.5rem);max-width:60ch;margin-inline-start:clamp(1.8rem,4vw,3.4rem);color:var(--dim);font-size:.98rem}

.peek{
  position:fixed;top:0;inset-inline-start:0;width:230px;z-index:var(--z-sticky);pointer-events:none;
  opacity:0;transform:translate(-50%,-50%) scale(.94);
  transition:opacity .3s var(--e-out),transform .45s var(--e-out);
}
.peek.is-on{opacity:1;transform:translate(-50%,-50%) scale(1)}
@media (hover:none),(max-width:980px){.peek{display:none}}

.map{display:grid;gap:clamp(1.5rem,4vw,3rem);grid-template-columns:1fr;align-items:center}
@media (min-width:940px){.map{grid-template-columns:1.25fr .75fr}}
.map__stage{position:relative;border:1px solid var(--line);background:radial-gradient(80% 80% at 50% 40%,rgba(17,18,20,.05),transparent 70%),var(--carbon);padding:clamp(1rem,3vw,2.5rem)}
.map svg{width:100%;height:auto}
.map .zone{fill:rgba(17,18,20,.06);stroke:var(--line-2);stroke-width:1;cursor:pointer;transition:fill .3s var(--e-out),stroke .3s}
.map .zone:hover{fill:rgba(109,109,109,.28);stroke:var(--paper)}
.map .zone[aria-pressed="true"]{fill:rgba(109,109,109,.75);stroke:var(--ink-strong)}

.map .hint{font-family:var(--mono);font-size:9px;fill:var(--mute);letter-spacing:.1em}
.map__read{min-height:210px}
.map__read h3{margin-bottom:var(--s-3)}
.map__read p{color:var(--dim);max-width:44ch}
.map__meta{display:flex;gap:var(--s-5);margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--line)}
.map__meta div{display:grid;gap:.3rem}
.map__meta b{font-family:var(--serif);font-size:1.4rem;color:var(--paper);font-weight:900;line-height:1.15;letter-spacing:-.032em}
.map__fade{animation:mapin .45s var(--e-out)}
@keyframes mapin{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}

.compare__face{position:absolute;inset:0;display:flex;align-items:flex-end;padding:clamp(1rem,2.5vw,1.8rem)}
.compare__face[data-face="before"]{
  background:
    linear-gradient(160deg,#1A1C1F,#101113);
  padding-inline-start:52%;
}
.compare__face[data-face="after"]{
  clip-path:inset(0 0 0 50%);padding-inline-end:52%;
  background:
    linear-gradient(160deg,#23262B,#131417);
}
.compare__tag{
  position:absolute;top:clamp(.7rem,2vw,1.1rem);
  font-family:var(--mono);font-size:.74rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;
  padding:.28rem .6rem;border:1px solid var(--line-2);background:rgba(17,18,20,.72);color:var(--paper);
}
.compare__face[data-face="before"] .compare__tag{inset-inline-end:clamp(.7rem,2vw,1.1rem)}
.compare__face[data-face="after"] .compare__tag{inset-inline-start:clamp(.7rem,2vw,1.1rem);color:#fff;border-color:rgba(247,247,246,.45)}
.compare__cap{position:relative;z-index:2}
.compare__cap b{display:block;font-family:var(--serif);font-weight:800;font-size:clamp(1rem,2.2vw,1.28rem);color:var(--paper);letter-spacing:-.028em}
.compare__cap span{font-family:var(--mono);font-size:.78rem;font-weight:400;letter-spacing:.01em;color:var(--dim)}
.compare__bar{position:absolute;inset-block:0;inset-inline-start:50%;width:1px;background:var(--paper);pointer-events:none;box-shadow:0 0 20px rgba(17,18,20,.35)}
.compare__grip{
  position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);
  width:44px;height:44px;border-radius:50%;background:var(--paper);color:var(--void);
  display:grid;place-items:center;box-shadow:0 8px 26px rgba(0,0,0,.55);
}
.compare__grip svg{width:20px;height:20px}

.essay{display:grid;grid-template-columns:1fr;gap:var(--s-5)}
@media (min-width:1000px){.essay{grid-template-columns:.24fr .76fr;gap:clamp(2rem,5vw,4.5rem)}}
.essay__aside{align-self:start}
@media (min-width:1000px){.essay__aside{position:sticky;top:130px}}
.essay__text{max-width:60ch;font-size:clamp(1.04rem,1rem + .35vw,1.18rem)}
.essay__text > p + p{margin-top:1.3em}

.pull{
  margin-block:clamp(2rem,5vw,3.5rem);padding-inline-start:var(--s-5);
  border-inline-start:2px solid var(--spark);
  font-family:var(--serif);font-weight:800;font-size:clamp(1.28rem,1rem + 1.45vw,2rem);
  line-height:1.34;color:var(--paper);letter-spacing:-.034em;max-width:24ch;
}
.pull cite{display:block;margin-top:var(--s-4);font:500 .8rem/1.4 var(--mono);letter-spacing:.08em;color:var(--mute);font-style:normal;text-transform:uppercase}

.rail{border-top:1px solid var(--line)}
.rail__item{display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2.5rem);padding-block:clamp(1.4rem,3vw,2.2rem);border-bottom:1px solid var(--line)}
.rail__k{font-family:var(--mono);font-size:.84rem;font-weight:600;letter-spacing:.04em;color:var(--spark);padding-top:.45em;white-space:nowrap}
.rail__item h3{margin-bottom:var(--s-2)}
.rail__item p{max-width:56ch}

.svc{display:grid;grid-template-columns:1fr;gap:var(--s-6)}
@media (min-width:1000px){.svc{grid-template-columns:1fr .9fr;gap:clamp(2rem,5vw,4rem)}}
.svc__stage{display:none}
@media (min-width:1000px){
  .svc__stage{display:block;position:sticky;top:130px;align-self:start}
}
.svc__frame{position:relative;aspect-ratio:4/5;border:1px solid var(--line);overflow:hidden;background:var(--carbon)}
.svc__frame > div{
  position:absolute;inset:0;opacity:0;transition:opacity .5s var(--e-out),transform .8s var(--e-out);
  transform:scale(1.04);display:flex;align-items:flex-end;padding:var(--s-5);
  background:linear-gradient(180deg,#1B1E22,#0D0E10);
}
.svc__frame > div.is-on{opacity:1;transform:none}
.svc__frame h3{font-family:var(--serif);font-weight:900;font-size:clamp(1.3rem,2vw,1.85rem);letter-spacing:-.035em}
.svc__list{border-top:1px solid var(--line)}
.svc__row{display:block;border-bottom:1px solid var(--line);padding-block:clamp(1.3rem,2.6vw,2rem);transition:padding-inline-start var(--t-mid) var(--e-out)}
.svc__row:hover{padding-inline-start:var(--s-3)}
.svc__row .top{display:flex;align-items:baseline;gap:var(--s-4)}
.svc__row h2{font-size:clamp(1.4rem,1rem + 1.6vw,2.4rem);transition:color var(--t-fast)}
.svc__row:hover h2{color:var(--spark)}
.svc__row p{margin-top:var(--s-3);max-width:58ch;color:var(--dim)}
.svc__tags{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-4)}
.svc__tags span{font-family:var(--mono);font-size:.78rem;font-weight:400;letter-spacing:0;color:var(--mute);border:1px solid var(--line);padding:.3rem .62rem}

.phead{position:relative;border-bottom:1px solid var(--line);padding-block:clamp(3rem,7vw,6.5rem) clamp(2rem,4vw,3.5rem);overflow:hidden}
.phead::before{
  content:"";position:absolute;inset:0;z-index:-1;
  background:radial-gradient(70% 90% at 88% 0%,rgba(216,217,218,.35),transparent 60%);
}
.crumb{display:flex;align-items:center;gap:var(--s-3);margin-bottom:var(--s-5);font-family:var(--mono);font-size:.8rem;font-weight:500;letter-spacing:.03em;color:var(--mute)}
.crumb a:hover{color:var(--paper)}
.phead h1{max-width:16ch}
.phead__say{margin-top:var(--s-5);max-width:52ch;font-size:clamp(1.06rem,1rem + .45vw,1.3rem);line-height:1.62;letter-spacing:-.014em;color:var(--dim)}

.work2{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,4rem)}
@media (min-width:1000px){.work2{grid-template-columns:1.35fr .65fr}}
.specplate{align-self:start;border:1px solid var(--line);padding:clamp(1.2rem,2.5vw,1.8rem)}
@media (min-width:1000px){.specplate{position:sticky;top:130px}}
.specplate h3{font-size:1.05rem;margin-bottom:var(--s-4)}
.specplate dl > div{display:flex;justify-content:space-between;gap:var(--s-4);padding-block:.6rem;border-bottom:1px solid var(--line)}
.specplate dt{font-family:var(--mono);font-size:.82rem;font-weight:400;letter-spacing:.01em;color:var(--mute)}
.specplate dd{font-weight:500;color:var(--paper);font-size:.92rem;text-align:end}

.steps{counter-reset:st;display:grid;gap:0;border-top:1px solid var(--line)}
.steps > li{
  counter-increment:st;display:grid;grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2.2rem);
  padding-block:clamp(1.3rem,2.6vw,2rem);border-bottom:1px solid var(--line);
}
.steps > li::before{
  content:counter(st,decimal-leading-zero);
  font-family:var(--mono);font-size:.84rem;font-weight:600;color:var(--spark);letter-spacing:.04em;padding-top:.45em;
}
.steps h3{margin-bottom:var(--s-2)}
.steps p{max-width:58ch}

.gal{display:grid;gap:clamp(1rem,2.5vw,2rem);grid-template-columns:1fr}
@media (min-width:820px){
  .gal{grid-template-columns:repeat(12,1fr)}
  .gal__a{grid-column:span 7}
  .gal__b{grid-column:span 5;align-self:end}
  .gal__c{grid-column:span 5}
  .gal__d{grid-column:span 7;align-self:start}

}

.story{position:relative}
.story__track{
  position:sticky;top:0;height:100svh;display:grid;grid-template-columns:1fr;align-content:center;
  gap:var(--s-5);pointer-events:none;
}
@media (min-width:1000px){.story__track{grid-template-columns:.42fr .58fr;align-items:center}}
.story__stage{position:relative;height:min(52svh,420px);border:1px solid var(--line);overflow:hidden;background:var(--carbon)}
.story__panel{
  position:absolute;inset:0;opacity:0;transform:scale(1.03);
  transition:opacity .6s var(--e-out),transform 1.2s var(--e-out);
  display:flex;align-items:flex-end;padding:var(--s-5);
}
.story__panel.is-on{opacity:1;transform:none}
.story__panel[data-tone="1"]{background:linear-gradient(160deg,#191B1F,#0C0D0F)}
.story__panel[data-tone="2"]{background:linear-gradient(160deg,#22262B,#0E1013)}
.story__panel[data-tone="3"]{background:linear-gradient(160deg,#1D1F23,#0C0D0F)}
.story__panel[data-tone="4"]{background:linear-gradient(160deg,#202329,#0D0E11)}
.story__panel span{font-family:var(--mono);font-size:.8rem;font-weight:600;letter-spacing:.06em;color:var(--paper);position:relative;z-index:2}
.story__copy{position:relative;min-height:clamp(230px,36vh,320px)}
.story__step{position:absolute;inset-inline:0;top:0}
.story__copy .n{font-family:var(--mono);font-size:.84rem;font-weight:600;letter-spacing:.06em;color:var(--spark);display:block;margin-bottom:var(--s-3)}
.story__copy h2{margin-bottom:var(--s-4)}
.story__copy p{max-width:48ch}
.story__step{opacity:0;transition:opacity .45s var(--e-out)}
.story__step.is-on{opacity:1}
.story__spacer{height:100svh}
.story__meter{position:absolute;top:0;bottom:0;inset-inline-end:calc(var(--gutter) / 2);width:1px;background:var(--line)}
.story__meter i{position:absolute;top:0;inset-inline:0;background:var(--primer);height:var(--p,0%)}

.qa{border-top:1px solid var(--line)}
.qa__item{border-bottom:1px solid var(--line)}
.qa__q{
  width:100%;display:grid;grid-template-columns:auto 1fr auto;gap:var(--s-4);align-items:baseline;
  text-align:start;padding:clamp(1.1rem,2.2vw,1.6rem) var(--s-1);cursor:pointer;
  font-family:var(--serif);font-weight:700;font-size:clamp(1.06rem,1rem + .52vw,1.34rem);letter-spacing:-.026em;color:var(--paper);
  transition:color var(--t-fast);
}
.qa__q:hover{color:var(--spark)}
.qa__q .n{font-family:var(--mono);font-size:.8rem;color:var(--mute);letter-spacing:.04em;font-weight:500}
.qa__q .pm{width:22px;height:22px;position:relative;align-self:center}
.qa__q .pm::before,.qa__q .pm::after{content:"";position:absolute;top:50%;left:50%;background:var(--primer);transform:translate(-50%,-50%);transition:transform .35s var(--e-out)}
.qa__q .pm::before{width:12px;height:1.5px}
.qa__q .pm::after{width:1.5px;height:12px}
.qa__item.is-open .pm::after{transform:translate(-50%,-50%) rotate(90deg)}
.qa__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .42s var(--e-out)}
.qa__item.is-open .qa__a{grid-template-rows:1fr}
.qa__a > div{overflow:hidden}
.qa__a p{padding:0 var(--s-1) clamp(1.2rem,2.4vw,1.7rem);max-width:70ch;margin-inline-start:clamp(1.6rem,4vw,3rem)}

.check{border-top:1px solid var(--line)}
.check__item{display:grid;grid-template-columns:auto 1fr;gap:var(--s-4);align-items:start;padding-block:clamp(1rem,2.2vw,1.5rem);border-bottom:1px solid var(--line);cursor:pointer}

.check__bar{display:flex;align-items:center;gap:var(--s-4);margin-top:var(--s-5)}
.check__bar .track{flex:1;height:2px;background:var(--line)}
.check__bar .track i{display:block;height:100%;background:var(--primer);width:var(--p,0%);transition:width .4s var(--e-out)}

.article{max-width:66ch}
.article h2{margin-top:clamp(2.2rem,5vw,3.4rem);margin-bottom:var(--s-4)}
.article p+p{margin-top:1.15em}
.article ol,.article ul{margin-top:var(--s-4);display:grid;gap:var(--s-3);padding-inline-start:1.1rem}
.article li{padding-inline-start:.3rem}
.article li::marker{color:var(--spark);font-family:var(--mono);font-size:.8em}

.contact{display:grid;grid-template-columns:1fr;gap:clamp(2rem,5vw,4rem)}
@media (min-width:1000px){.contact{grid-template-columns:1.05fr .95fr}}
.contact--single{grid-template-columns:1fr!important;max-width:min(900px,100%)}
.docket{border:1px solid var(--line);background:linear-gradient(180deg,rgba(17,18,20,.025),transparent)}
.docket__head{display:flex;align-items:center;justify-content:space-between;gap:var(--s-4);padding:var(--s-4) var(--s-5);border-bottom:1px solid var(--line)}
.docket__body{padding:clamp(1.2rem,3vw,2rem) clamp(1.2rem,3vw,2rem) clamp(1.5rem,3vw,2.2rem);display:grid;gap:var(--s-5)}
.docket__grid{display:grid;gap:var(--s-5)}
@media (min-width:620px){.docket__grid{grid-template-columns:1fr 1fr}}
.docket__foot{display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-4);justify-content:space-between;padding-top:var(--s-4);border-top:1px solid var(--line)}
.notice{
  display:flex;gap:var(--s-3);align-items:flex-start;padding:var(--s-4);
  border-inline-start:2px solid var(--spark);background:var(--carbon);
  font-size:.92rem;color:var(--dim);
}
.notice svg{width:18px;height:18px;color:var(--paper);flex:none;margin-top:.15rem}
.status{font-family:var(--mono);font-size:.7rem;letter-spacing:.1em;min-height:1.4em}
.status[data-tone="ok"]{color:var(--paper)}
.status[data-tone="err"]{color:#B3261E}

.reach{display:grid;gap:0;border-top:1px solid var(--line)}
.reach__row{display:grid;grid-template-columns:auto 1fr;gap:var(--s-4);align-items:center;padding-block:clamp(.9rem,2vw,1.3rem);border-bottom:1px solid var(--line)}
.reach__row svg{width:18px;height:18px;color:var(--spark)}
.reach__k{font-family:var(--mono);font-size:.78rem;font-weight:400;letter-spacing:.02em;color:var(--mute);display:block}
.reach__v{font-family:var(--sans);font-weight:700;color:var(--paper);font-size:1.08rem;letter-spacing:-.022em}

.mapslot{position:relative;aspect-ratio:16/10;border:1px solid var(--line);overflow:hidden;background:var(--carbon)}
.mapslot::before{
  content:"";position:absolute;inset:0;
  background-image:
    linear-gradient(to left,var(--line) 1px,transparent 1px),
    linear-gradient(to bottom,var(--line) 1px,transparent 1px);
  background-size:44px 44px;
}
.mapslot::after{
  content:"";position:absolute;top:50%;left:50%;width:10px;height:10px;background:var(--primer);
  transform:translate(-50%,-50%) rotate(45deg);box-shadow:0 0 0 8px rgba(196,200,206,.35);
}
.mapslot span{position:absolute;bottom:var(--s-4);inset-inline-start:var(--s-4)}

@media (min-width:900px){}

.next{display:grid;grid-template-columns:1fr;border-top:1px solid var(--line)}
@media (min-width:760px){.next{grid-template-columns:1fr 1fr}}
.next a{
  display:grid;gap:var(--s-2);padding:clamp(1.4rem,3vw,2.2rem) 0;
  border-bottom:1px solid var(--line);transition:padding-inline-start var(--t-mid) var(--e-out)
}
.next a:hover{padding-inline-start:var(--s-3)}
.next a:first-child{border-inline-end:1px solid var(--line);padding-inline-end:var(--s-5)}
@media (min-width:760px){.next a:last-child{padding-inline-start:var(--s-5)}.next a:last-child:hover{padding-inline-start:calc(var(--s-5) + var(--s-3))}}
.next h3{font-family:var(--serif);font-weight:800;font-size:clamp(1.16rem,1rem + .9vw,1.58rem);letter-spacing:-.032em;transition:color var(--t-fast)}
.next a:hover h3{color:var(--spark)}

@media (min-width:820px){.two-up{grid-template-columns:1fr 1fr!important}}

@keyframes heroDrift{from{transform:scale(1.04)}to{transform:scale(1.11)}}
@media (prefers-reduced-motion:reduce){}

@media (max-width:1000px){

}

.phead{isolation:isolate}
.phead--photo{min-height:min(54svh,520px);display:flex;align-items:flex-end;padding-block:clamp(4rem,10vw,8rem) clamp(2rem,4vw,3.2rem)}
.phead--photo > .shell{width:100%}
.phead__photo{position:absolute;inset:0;z-index:-1;overflow:hidden}
.phead__photo img{width:100%;height:100%;object-fit:cover;transform:scale(1.03)}
.phead__photo::after{content:"";position:absolute;inset:0}

.phead__photo[data-tone="shop"] img{filter:saturate(.72) contrast(1.04) brightness(.78);object-position:50% 55%}
.phead__photo[data-tone="shop"]::after{background:
  linear-gradient(to left,rgba(17,18,20,.86),rgba(17,18,20,.42) 60%,rgba(17,18,20,.6)),
  linear-gradient(0deg,rgba(17,18,20,.9) 2%,transparent 62%),
  radial-gradient(70% 80% at 88% 0%,rgba(216,217,218,.16),transparent 62%)}

.phead__photo[data-tone="booth"] img{filter:saturate(.42) contrast(1.06) brightness(.72);object-position:50% 60%}
.phead__photo[data-tone="booth"]::after{background:
  linear-gradient(to left,rgba(17,18,20,.82),rgba(17,18,20,.38) 58%,rgba(17,18,20,.56)),
  linear-gradient(0deg,rgba(17,18,20,.88) 3%,transparent 60%),
  radial-gradient(60% 70% at 50% 20%,rgba(216,217,218,.14),transparent 60%)}

.phead__photo[data-tone="paper"] img{filter:saturate(.3) contrast(1.1) brightness(.4);object-position:50% 45%}
.phead__photo[data-tone="paper"]::after{background:
  linear-gradient(to left,rgba(17,18,20,.95),rgba(17,18,20,.62) 58%,rgba(17,18,20,.82)),
  linear-gradient(0deg,var(--void) 2%,transparent 60%),
  radial-gradient(70% 80% at 86% 4%,rgba(216,217,218,.16),transparent 60%)}

.phead__photo[data-tone="cold"] img{filter:grayscale(.8) contrast(1.18) brightness(.46)}
.phead__photo[data-tone="cold"]::after{background:
  linear-gradient(to left,rgba(17,18,20,.94),rgba(17,18,20,.6) 58%,rgba(17,18,20,.84)),
  linear-gradient(0deg,var(--void) 2%,transparent 62%),
  radial-gradient(70% 80% at 80% 0%,rgba(216,217,218,.12),transparent 60%)}

.phead__photo[data-tone="metal"] img{filter:saturate(.55) contrast(1.08) brightness(1.05);object-position:50% 50%}
.phead__photo[data-tone="metal"]::after{background:
  linear-gradient(to left,rgba(17,18,20,.82),rgba(17,18,20,.22) 64%,rgba(17,18,20,.4)),
  linear-gradient(0deg,rgba(17,18,20,.85) 2%,transparent 68%)}

.phead--photo .crumb,.phead--photo h1,.phead--photo .phead__say{text-shadow:0 2px 24px rgba(17,18,20,.65)}

.band--photo{position:relative;isolation:isolate;overflow:hidden}
.band__bg{position:absolute;inset:0;z-index:-1;overflow:hidden}
.band__bg img{width:100%;height:100%;object-fit:cover;filter:grayscale(1) contrast(1.04);opacity:.13}
.band__bg::after{
  content:"";position:absolute;inset:0;
  background:linear-gradient(0deg,rgba(255,255,255,.9),rgba(255,255,255,.82));
}
.band__bg--soft img{filter:grayscale(1) contrast(1.02);opacity:.08}
.band__bg--soft::after{background:linear-gradient(0deg,rgba(255,255,255,.92),rgba(255,255,255,.88))}

.compare__face img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.compare__face[data-face="before"] img{filter:saturate(.65) contrast(1.04) brightness(.85)}
.compare__face[data-face="after"] img{filter:saturate(.95) contrast(1.02) brightness(1)}
.compare__face::before{
  content:"";position:absolute;inset:0;z-index:1;
  background:linear-gradient(0deg,rgba(17,18,20,.7),rgba(17,18,20,.04) 52%);
}
.compare__face[data-face="after"]::before{
  background:linear-gradient(0deg,rgba(17,18,20,.7),rgba(17,18,20,.04) 52%);
}

.story__panel img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.5) contrast(1.12) brightness(.62)}
.story__panel::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,18,20,.9),rgba(17,18,20,.15) 60%)}
.story__panel span{position:relative;z-index:2}

.svc__frame > div img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.8) contrast(1.02) brightness(.9)}
.svc__frame > div::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(17,18,20,.76),rgba(17,18,20,.04) 58%)}
.svc__frame > div > div{position:relative;z-index:2}

.peek .slot img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.6) contrast(1.08) brightness(.8)}

.rail__item--media{grid-template-columns:auto 1fr;gap:clamp(1rem,3vw,2.5rem)}
.rail__media{margin-top:var(--s-5);grid-column:1 / -1}
@media (min-width:900px){
  .rail__item--media{grid-template-columns:auto 1.15fr .85fr;align-items:start}
  .rail__media{margin-top:0;grid-column:auto}
}

@media (min-width:1100px){

}

.fleet__head{display:grid;gap:var(--s-4);margin-bottom:clamp(1.6rem,3vw,2.4rem)}
@media (min-width:900px){.fleet__head{grid-template-columns:1fr 1fr;align-items:end;gap:clamp(2rem,4vw,3rem)}}

.fleet__card{
  scroll-snap-align:start;flex:0 0 auto;
  width:clamp(268px,78vw,360px);
  border:1px solid var(--line);background:var(--carbon);
  display:flex;flex-direction:column;user-select:none;
  transition:border-color var(--t-mid),background-color var(--t-mid);
}
.fleet__card:hover{border-color:var(--line-2);background:#FFFFFF;box-shadow:0 18px 50px -30px rgba(109,109,109,.6)}

.car{width:100%;height:auto;pointer-events:none}

.swatch{width:11px;height:11px;background:var(--car);border:1px solid rgba(17,18,20,.28);display:inline-block}

@media (min-width:1100px){}

.map__stage{position:relative;overflow:hidden;padding:0;border:1px solid var(--line);background:var(--carbon)}
.map__photo{display:block;width:100%;height:auto;filter:contrast(1.02) brightness(1.03)}
.map__hit{position:absolute;inset:0;width:100%;height:100%}
.map__hit .zone{
  fill:rgba(17,18,20,.04);stroke:rgba(255,255,255,.75);stroke-width:1.5;stroke-dasharray:7 6;
  cursor:pointer;transition:fill .25s var(--e-out),stroke .2s,stroke-width .2s;
}
.map__hit .zone:hover{fill:rgba(17,18,20,.34);stroke:#fff;stroke-dasharray:none;stroke-width:2}
.map__hit .zone[aria-pressed="true"]{fill:rgba(17,18,20,.55);stroke:#fff;stroke-dasharray:none;stroke-width:2.5}
.map__hit .zone:focus-visible{outline:none;stroke:#FFE234;stroke-width:3;stroke-dasharray:none}
.map__note{
  position:absolute;bottom:.6rem;inset-inline-start:.7rem;z-index:2;
  font-family:var(--mono);font-size:.72rem;letter-spacing:.04em;color:#fff;
  background:rgba(17,18,20,.6);padding:.3rem .6rem;pointer-events:none;
}
@media (hover:none){.map__hit .zone{fill:rgba(17,18,20,.1)}}

@media (max-width:900px){
  .spec{background:#FFFFFF;position:relative;z-index:2}
}

.cf{
  position:relative;margin-top:clamp(1rem,3vw,2rem);
  padding-block:clamp(1rem,3vw,2rem) clamp(2.5rem,5vw,3.5rem);
  overflow:hidden;user-select:none;touch-action:pan-y;
}
.cf__stage{
  position:relative;height:clamp(340px,44vw,470px);
  perspective:1600px;transform-style:preserve-3d;cursor:grab;
}
.cf.is-drag .cf__stage{cursor:grabbing}

.cf__item{
  position:absolute;top:0;left:50%;
  width:clamp(230px,38vw,460px);
  display:grid;gap:var(--s-4);justify-items:center;
  transform-origin:50% 60%;
  transition:transform .62s var(--e-out),opacity .5s var(--e-out),filter .5s var(--e-out);
  will-change:transform,opacity;
}
.cf__item[data-state="far"]{opacity:0;pointer-events:none}
.cf__item[data-state="side"]{opacity:.55;filter:saturate(.55) brightness(.92);cursor:pointer}
.cf__item[data-state="side"]:hover{opacity:.8}
.cf__item[data-state="center"]{opacity:1;z-index:3}

.cf__pic{position:relative;margin:0;width:100%;display:grid;place-items:center}
.cf__pic img{width:100%;height:auto;display:block;filter:drop-shadow(0 26px 26px rgba(109,109,109,.4))}

.cf__pic::after{
  content:"";position:absolute;bottom:-4%;inset-inline:8%;height:14%;z-index:-1;
  background:radial-gradient(closest-side,rgba(109,109,109,.26),transparent 75%);
}

.cf__meta{
  display:grid;gap:.5rem;justify-items:center;text-align:center;width:min(100%,320px);
  opacity:0;transform:translateY(10px);transition:opacity .45s var(--e-out) .1s,transform .45s var(--e-out) .1s;
}
.cf__item[data-state="center"] .cf__meta{opacity:1;transform:none}
.cf__meta h3{font-size:clamp(1.15rem,1rem + .7vw,1.5rem);letter-spacing:-.03em;margin-bottom:-.2rem}

.cf__dots{display:flex;justify-content:center;gap:.5rem;margin-top:clamp(.4rem,1.2vw,.9rem);position:relative;z-index:6}
.cf__dot{
  width:9px;height:9px;border-radius:50%;cursor:pointer;padding:0;
  background:var(--line-3);border:0;transition:background-color .25s,transform .25s var(--e-out);
}
.cf__dot:hover{background:var(--mute)}
.cf__dot[aria-current="true"]{background:var(--primer);transform:scale(1.4)}

@media (prefers-reduced-motion:reduce){
  .cf__item,.cf__meta{transition:none}
}

.loader{position:fixed;inset:0;z-index:200;pointer-events:none;display:none;contain:strict}
html.is-intro .loader{display:block}
.loader__box{position:absolute;inset-inline:0;top:0;height:100%;background:#0F1114}
.loader__logo{
  position:absolute;inset:0;display:grid;place-content:center;justify-items:center;
  padding-inline:1.5rem;text-align:center;
}

.loader__stage{position:relative;display:grid;place-items:center}

.loader__frame{
  position:absolute;display:block;
  inset:clamp(-1.1rem,-2.2vw,-.75rem) clamp(-1.6rem,-3.2vw,-1rem);
  opacity:0;
}
.loader__frame i{
  position:absolute;display:block;background:#fff;
}
.loader__frame i:nth-child(1){top:0;left:0;right:0;height:1px;
  transform:scaleX(0);transform-origin:left center}
.loader__frame i:nth-child(2){top:0;bottom:0;right:0;width:1px;
  transform:scaleY(0);transform-origin:center top}
.loader__frame i:nth-child(3){bottom:0;left:0;right:0;height:1px;
  transform:scaleX(0);transform-origin:right center}
.loader__frame i:nth-child(4){top:0;bottom:0;left:0;width:1px;
  transform:scaleY(0);transform-origin:center bottom}

.loader__word{
  direction:ltr;
  position:relative;display:grid;justify-items:center;
  gap:clamp(.2rem,.7vw,.34rem);
  font-family:'Archivo',system-ui,sans-serif;font-variation-settings:'wdth' 112;
  text-transform:uppercase;color:#fff;line-height:1;
}
.loader__line{margin:0;display:flex;justify-content:center;align-items:baseline}
.loader__line i{display:inline-block;width:.42em}

.loader__line--hi{
  font-weight:600;font-size:clamp(.72rem,2.6vw,1.06rem);
  letter-spacing:.26em;padding-inline-start:.26em;
}
.loader__line--to{
  font-weight:600;font-size:clamp(.58rem,1.7vw,.76rem);
  letter-spacing:.3em;padding-inline-start:.3em;
}
.loader__line--name{
  font-weight:700;font-variation-settings:'wdth' 115;
  font-size:clamp(1.24rem,5.1vw,2.5rem);
  letter-spacing:.16em;padding-inline-start:.16em;
}

.loader__line span{
  display:inline-block;
  opacity:.16;
  will-change:opacity;
}

html.is-intro.is-run .loader__line span{
  animation:ldr-lift-in .34s linear forwards;
  animation-delay:calc(var(--d) + var(--i) * var(--step));
}
.loader__line--hi{--step:.035s}
.loader__line--to{--step:.035s}
.loader__line--name{--step:.04s}

html.is-intro.is-run .loader__frame{opacity:1}
html.is-intro.is-run .loader__frame i{
  animation:ldr-draw-x .15s cubic-bezier(.4,0,.2,1) forwards;
}
html.is-intro.is-run .loader__frame i:nth-child(1){animation-delay:1.30s}
html.is-intro.is-run .loader__frame i:nth-child(2){animation-name:ldr-draw-y;animation-delay:1.45s}
html.is-intro.is-run .loader__frame i:nth-child(3){animation-delay:1.60s}
html.is-intro.is-run .loader__frame i:nth-child(4){animation-name:ldr-draw-y;animation-delay:1.75s}
html.is-intro.is-run .loader__box{
  animation:ldr-lift .4s cubic-bezier(.86,0,.07,1) forwards;animation-delay:2.10s;
}
html.is-intro.is-run .loader__logo{
  animation:ldr-out .3s cubic-bezier(.86,0,.07,1) forwards;animation-delay:2.10s;
}

@keyframes ldr-lift-in{from{opacity:.16}to{opacity:1}}
@keyframes ldr-draw-x{from{transform:scaleX(0)}to{transform:scaleX(1)}}
@keyframes ldr-draw-y{from{transform:scaleY(0)}to{transform:scaleY(1)}}

@keyframes ldr-lift{to{height:0}}
@keyframes ldr-out{to{opacity:0;visibility:hidden}}

html.is-intro #hero{transform:translate3d(0,60px,0)}
html.is-intro #hero .overlay{
  position:absolute;inset:0;z-index:6;background:#0F1114;pointer-events:none;
}

html.is-intro.is-run #hero{
  animation:hero-settle .4s cubic-bezier(.86,0,.07,1) forwards;animation-delay:2.10s;
}
html.is-intro.is-run #hero .overlay{
  animation:hero-curtain .4s cubic-bezier(.86,0,.07,1) forwards;animation-delay:2.10s;
}

@keyframes hero-settle{to{transform:translate3d(0,0,0)}}
@keyframes hero-curtain{to{transform:translate3d(0,-110%,0)}}
@keyframes hero-cap{to{opacity:1;transform:none}}

@media (prefers-reduced-motion:reduce){
  .loader{display:none!important}
  html.is-intro #hero .overlay{display:none}
}

.fade__up,.slide__up{opacity:0;transform:translate3d(0,60px,0);
  transition:opacity 1s cubic-bezier(.23,1,.32,1),transform 1s cubic-bezier(.23,1,.32,1)}
.slide__up{transform:translate3d(0,110px,0)}
.fade__up.animate,.slide__up.animate{opacity:1;transform:none}
.delay__1{transition-delay:.12s}.delay__2{transition-delay:.24s}
.delay__3{transition-delay:.36s}.delay__4{transition-delay:.48s}
.delay__5{transition-delay:.6s}
@media (prefers-reduced-motion:reduce){
  .fade__up,.slide__up{opacity:1;transform:none;transition:none}
}

.brands{padding-block:clamp(3rem,7vw,5.5rem) clamp(3rem,7vw,5.5rem);background:#fff;overflow:hidden}
.brands__kicker{
  text-align:center;font-size:clamp(1.05rem,.9rem + .8vw,1.6rem);font-weight:600;
  letter-spacing:-.02em;color:var(--paper);margin-bottom:clamp(1.8rem,4.5vw,2.8rem);
}
.brands__rail{position:relative}
.brands__run{align-items:center}
.brands__i{
  height:clamp(28px,4vw,40px);width:auto;flex:none;
  opacity:.9;transition:opacity .3s var(--e-out),transform .3s var(--e-out);
}

.brands__i--m{
  width:clamp(28px,4vw,40px);height:clamp(28px,4vw,40px);background-color:var(--c,#101010);
  -webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;
  -webkit-mask-position:center;mask-position:center;
  -webkit-mask-size:contain;mask-size:contain;
}
@media (hover:hover) and (pointer:fine){
  .brands__i:hover{opacity:1;transform:translateY(-2px)}
}

.showcase{position:relative;height:100svh;min-height:520px;background:#111214;overflow:hidden}
.showcase__frame{position:absolute;inset:0;clip-path:none;transition:none;height:auto;display:block}
.showcase__film{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 45%;filter:saturate(1.34) contrast(1.09) brightness(1.06)}
@media (min-width:901px){.showcase__film{object-fit:cover}}
.showcase__veil{
  position:absolute;inset:0;z-index:2;pointer-events:none;
  background:
    radial-gradient(120% 78% at 50% 46%,rgba(17,18,20,.42) 0%,rgba(17,18,20,0) 62%),
    linear-gradient(180deg,rgba(17,18,20,.44) 0%,rgba(17,18,20,.04) 30%,rgba(17,18,20,.06) 58%,rgba(17,18,20,.66) 100%);
}

@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){

}

.scroll__btn{
  position:absolute;z-index:6;bottom:clamp(1.4rem,4vh,2.6rem);inset-inline:0;
  width:36px;height:52px;margin-inline:auto;display:grid;place-items:center;
}
.scroll__btn span{
  display:block;width:12px;height:12px;border-inline-end:1.5px solid rgba(255,255,255,.75);
  border-block-end:1.5px solid rgba(255,255,255,.75);transform:rotate(-45deg);
  animation:nudge 2.2s var(--e-out) infinite;
}
@keyframes nudge{0%,100%{transform:rotate(-45deg) translate(0,0);opacity:.5}
                 50%{transform:rotate(-45deg) translate(4px,4px);opacity:1}}
@media (prefers-reduced-motion:reduce){.scroll__btn span{animation:none}}

.brands__t{
  flex:none;font-family:'Archivo',system-ui,sans-serif;font-variation-settings:'wdth' 110;
  font-weight:600;font-size:clamp(.85rem,1.6vw,1.05rem);letter-spacing:.1em;
  color:var(--mute);opacity:.62;white-space:nowrap;text-transform:uppercase;
}

.brands__i--w{max-width:clamp(96px,11vw,150px);object-fit:contain;object-position:center}
.brands__t{align-self:center}

.mapslot--photo{background:#111214}
.mapslot--photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 55%}
.mapslot--photo::before{opacity:.35}
.mapslot--photo::after{display:none}
.mapslot--photo span{
  z-index:2;color:#fff;background:rgba(17,18,20,.55);padding:.4rem .7rem;
  backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
}

.hero__sub,

.showcase__wall{position:absolute;inset:0;z-index:0;overflow:hidden;display:none;background:#0D0E10}
.showcase__wall img{
  width:100%;height:100%;object-fit:cover;
  filter:saturate(1.3) brightness(.5);transform:scale(1.06);
}
.showcase__frame{z-index:1}

.showcase__wall{display:none}
.showcase__film{object-fit:cover;object-position:50% 46%}

@media (min-width:901px){
  .showcase__wall{display:block}
  .showcase__film{object-fit:contain;object-position:50% 50%}
}

.cf__dots{z-index:30}
.cf__item{z-index:1}

.cf__item{
  transition:transform .72s cubic-bezier(.22,1,.32,1),
             opacity .45s cubic-bezier(.22,1,.32,1),
             filter .45s cubic-bezier(.22,1,.32,1);
  backface-visibility:hidden;
}
.cf__meta{
  transition:opacity .4s cubic-bezier(.22,1,.32,1) .18s,
             transform .4s cubic-bezier(.22,1,.32,1) .18s;
}

.cf__item[data-state="side"]{pointer-events:auto}
.cf__item[data-state="far"]{pointer-events:none}
@media (prefers-reduced-motion:reduce){
  .cf__item,.cf__meta{transition:none}
}

.cf{touch-action:pan-y}
.cf__stage{touch-action:pan-y;cursor:grab}
.cf.is-drag .cf__stage{cursor:grabbing}
.cf.is-drag .cf__item{transition:none}
.cf.is-drag .cf__meta{transition:opacity .2s linear}
.cf__item{will-change:transform,opacity}
.cf__pic img{pointer-events:none;-webkit-user-drag:none;user-select:none}

.cf,.cf__stage,.cf__item,.cf__pic,.cf__meta{touch-action:pan-y}
.cf__item,.cf__pic,.cf__meta{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}

.posts{display:grid;gap:1px;background:var(--line);border:1px solid var(--line)}
@media (min-width:700px){.posts{grid-template-columns:1fr 1fr}}
@media (min-width:1100px){.posts{grid-template-columns:1fr 1fr 1fr}}
.post{
  display:block;background:var(--void);padding:clamp(1.3rem,2.6vw,1.9rem);
  transition:background-color var(--t-mid),transform var(--t-mid);
}
.post:hover{background:var(--carbon)}
.post__k{
  display:block;font-size:.7rem;font-weight:600;letter-spacing:.16em;
  text-transform:uppercase;color:var(--spark);
}
.post__t{
  margin-top:.7rem;font-size:clamp(1.05rem,1rem + .5vw,1.28rem);
  font-weight:800;letter-spacing:-.025em;color:var(--paper);line-height:1.3;
}
.post__s{margin-top:.55rem;font-size:.94rem;color:var(--dim);line-height:1.65}
.post__m{
  display:block;margin-top:1rem;font-size:.72rem;letter-spacing:.12em;
  text-transform:uppercase;color:var(--mute);
}
.post:hover .post__t{color:var(--ink-strong)}

.legal ul{margin:.9rem 0 1.4rem;padding-inline-start:1.15rem;display:grid;gap:.55rem}
.legal ul li{color:var(--dim);line-height:1.7}
.legal ul li::marker{color:var(--spark)}
.legal .lead{
  font-size:clamp(1.08rem,1rem + .5vw,1.32rem);font-weight:400;color:var(--paper);
  line-height:1.65;margin-bottom:1.8rem;
}
.legal h2{margin-top:2.2rem}
.legal a{color:var(--wave);text-decoration:underline;text-underline-offset:3px}
.legal a:hover{color:var(--spark)}

.cf__meta{width:min(100%,340px);gap:0}
.cf__name{
  font-family:'Archivo',system-ui,sans-serif;font-variation-settings:'wdth' 112;
  font-weight:600;font-size:clamp(.95rem,.9rem + .45vw,1.22rem);
  letter-spacing:.15em;text-transform:uppercase;color:var(--paper);
  white-space:nowrap;
}
.cf__pic img{
  filter:drop-shadow(0 22px 22px rgba(20,24,28,.22));
  transition:filter .4s var(--e-out),transform .4s var(--e-out);
}
.cf__item[data-state="center"] .cf__pic img{
  filter:drop-shadow(0 26px 26px rgba(20,24,28,.3));
}
@media (hover:hover) and (pointer:fine){
  .cf__item[data-state="center"]:hover .cf__pic img{transform:scale(1.035)}
  .cf__item[data-state="side"]:hover{opacity:.82}
}
.cf__pic::after{
  bottom:-2%;inset-inline:14%;height:11%;
  background:radial-gradient(closest-side,rgba(20,24,28,.18),transparent 72%);
}
.cf__dots{margin-top:clamp(.4rem,1.2vw,.9rem)}
.cf__dot{width:8px;height:8px}
.cf__dot[aria-current="true"]{transform:scale(1.4)}

.showcase{isolation:isolate}
.hero__mark{
  position:absolute;z-index:5;pointer-events:none;
  font-family:'Archivo',system-ui,sans-serif;font-variation-settings:'wdth' 122;
  text-transform:uppercase;color:#fff;
  text-shadow:0 2px 14px rgba(0,0,0,.5);
  top:50%;inset-inline:0;transform:translateY(-50%);
  display:grid;justify-items:center;text-align:center;
  gap:.06em;line-height:.94;padding-inline:clamp(1rem,4vw,2.5rem);
}
.hero__mark__row{display:block;white-space:nowrap;direction:ltr;unicode-bidi:isolate}
.hero__mark__row--a{font-weight:700;font-size:clamp(2.9rem,11.5vw,7.4rem);letter-spacing:.1em}
.hero__mark__row--b{font-weight:500;font-size:clamp(1.5rem,6vw,3.5rem);letter-spacing:.26em;color:rgba(255,255,255,.9)}

@media (prefers-reduced-motion:reduce){
  .hero__mark__l{opacity:1!important;filter:none;transform:none;animation:none}
}
@media (max-width:560px){
  .hero__mark{max-width:100vw}
  .hero__mark__row--a{font-size:clamp(2.3rem,12.5vw,3.6rem);letter-spacing:.06em}
  .hero__mark__row--b{font-size:clamp(1.15rem,6.4vw,1.9rem);letter-spacing:.2em}
}

.hero__mark__gap{display:inline-block;width:.34em}

.hero__mark__l{
  display:inline-block;
  opacity:0;filter:blur(8px);transform:translate3d(8px,0,0);
  transition:opacity .7s cubic-bezier(.22,1,.32,1) var(--d,0s),
             filter .7s cubic-bezier(.22,1,.32,1) var(--d,0s),
             transform .7s cubic-bezier(.22,1,.32,1) var(--d,0s);
}
html.letters-in .hero__mark__l{opacity:1;filter:blur(0);transform:none}
@media (prefers-reduced-motion:reduce){
  .hero__mark__l{opacity:1;filter:none;transform:none;transition:none}
}

.hero__mark{text-shadow:0 3px 26px rgba(0,0,0,.6),0 1px 4px rgba(0,0,0,.5)}

.cf{padding-block:clamp(1rem,2.6vw,1.8rem) clamp(.6rem,1.6vw,1.1rem)}
.cf__dots{margin-top:clamp(.4rem,1.2vw,.9rem)!important}

.cf__stage{height:clamp(240px,34vw,360px)!important}
.cf__item{align-content:start}
.cf__meta{margin-top:.2rem}
.cf{padding-block:clamp(.8rem,2vw,1.4rem) clamp(.4rem,1.2vw,.8rem)!important}

.ba{display:grid;gap:clamp(2rem,4vw,3.2rem);margin-top:clamp(2rem,4vw,3rem)}
.ba__case{display:grid;gap:1rem}
.ba__pair{display:grid;grid-template-columns:1fr 1fr;gap:clamp(.7rem,1.6vw,1.2rem)}
.ba__side{display:grid;gap:.55rem;margin:0}
.ba__slot{
  position:relative;aspect-ratio:4/3;display:grid;place-items:center;
  background:
    repeating-linear-gradient(135deg,transparent 0 11px,rgba(17,18,20,.035) 11px 22px),
    var(--wash,#F2F2F1);
  border:1px solid var(--line-2,#D8D9DA);
}
.ba__wait{
  font-family:var(--mono);font-size:.72rem;font-weight:500;letter-spacing:.14em;
  color:var(--mute);text-transform:uppercase;
}
/* once a photo is dropped in from the panel the hatching and the placeholder go */
[data-cms-slot]{position:relative}
.slot__img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover}
.ba__slot.is-filled{background:var(--wash,#F2F2F1)}
.ba__slot.is-filled .ba__wait{display:none}
.ba__tag{
  font-family:var(--mono);font-size:.72rem;font-weight:600;letter-spacing:.16em;
  color:var(--mute);text-transform:uppercase;
}
.ba__tag--after{color:var(--ink,#111214)}
.ba__meta h3{font-size:1.12rem;font-weight:600;letter-spacing:-.02em;margin:0}
.ba__meta p{margin-top:.3rem;font-size:.92rem;color:var(--mute)}
@media (min-width:900px){
  .ba{grid-template-columns:repeat(3,1fr);gap:clamp(1.4rem,2.6vw,2.2rem)}
}

.rail__row{
  display:grid;gap:clamp(1rem,2.4vw,1.8rem);align-items:center;
  padding-block:clamp(1.4rem,3vw,2.2rem);border-bottom:1px solid var(--line);
}
.rail__pic{margin:0;overflow:hidden;background:var(--wash,#F2F2F1)}
.rail__pic img{
  display:block;inline-size:100%;block-size:100%;
  aspect-ratio:4/3;object-fit:cover;object-position:center;
}
.rail__row h3{margin-bottom:var(--s-2)}
.rail__row p{max-width:56ch}
@media (min-width:760px){
  .rail__row{grid-template-columns:minmax(220px,34%) 1fr}
  .rail__pic img{aspect-ratio:5/4}
}

.contact{grid-template-columns:1fr!important;gap:0!important}
.contact > .docket{max-width:760px;margin-inline:auto;width:100%}
.contact .docket__body{padding-block:clamp(1.2rem,2.4vw,1.8rem)!important}
.contact .docket__grid{gap:clamp(.9rem,2vw,1.3rem)!important}
.contact .field{margin-block:0}
.contact .field + .field{margin-top:clamp(.9rem,2vw,1.3rem)}
.contact .docket__foot{margin-top:clamp(1.2rem,2.4vw,1.7rem)!important}

section.band:has(> .shell > .contact){
  padding-block:clamp(1.6rem,3.4vw,2.6rem) clamp(2rem,4vw,3rem)!important;
}

.upload--under{margin-top:clamp(1.1rem,2.4vw,1.6rem)}
.upload--under .upload__hint:first-of-type{margin-top:.45rem;font-weight:500}

.status[data-state="ok"]{font-variant-numeric:tabular-nums}

.contact .field__err{min-height:0;line-height:0;transition:none}
.contact .field[data-state="error"] .field__err{min-height:1em;line-height:1.4;margin-top:.3rem}
.contact .upload .field__err{min-height:0;line-height:0}
.contact .upload[data-state="error"] .field__err{min-height:1em;line-height:1.4;margin-top:.3rem}

.contact .docket__grid{gap:clamp(.7rem,1.5vw,1rem)!important}
.contact .field + .field{margin-top:clamp(.7rem,1.5vw,1rem)}
.contact .field label,
.contact .field > span:first-child{margin-bottom:.3rem}
.contact .upload--under{margin-top:clamp(.9rem,1.9vw,1.25rem)}
.contact .upload__drop{padding-block:clamp(.9rem,2vw,1.3rem)}
.contact .field__count{margin-top:.25rem}
.contact .docket__foot{margin-top:clamp(.9rem,2vw,1.3rem)!important}
.contact .chips{margin-top:.15rem}

.contact .field{gap:4px}
.contact .field > label,
.contact .field > span:first-child{margin-bottom:2px}
.contact .field input,
.contact .field select{padding-block:.7rem;min-height:44px}
.contact .field textarea{padding-block:.7rem}

@media (max-width:999px){
  .essay__aside .lead{max-width:none!important;text-wrap:nowrap}
}
@media (max-width:400px){
  .essay__aside .lead{font-size:.92rem}
}

.showcase__frame img.showcase__film,
.showcase__film{
  position:absolute;inset:0;width:100%!important;max-width:none!important;
  height:100%!important;
  object-fit:cover!important;object-position:50% 50%!important;
  filter:none!important;
}
@media (max-width:900px){
  .showcase__frame img.showcase__film{
    height:100%!important;object-fit:cover!important;object-position:50% 50%!important;
  }
}
.showcase__wall,.showcase__veil{display:none!important}
.showcase__frame picture{display:contents}

.nav.is-over .nav__row{opacity:0;visibility:hidden;pointer-events:none}
.nav.is-over .nav__row{transition:opacity .3s var(--e-out),visibility 0s linear .3s}
.nav:not(.is-over) .nav__row{transition:opacity .3s var(--e-out),visibility 0s}

.ipnotice{
  background:var(--graphite);color:#fff;
  border-block:2px solid var(--spark-lt);
  padding-block:clamp(1.6rem,4vw,2.6rem);
}
.ipnotice .shell{display:grid;gap:clamp(.7rem,1.8vw,1rem)}
.ipnotice p{
  margin:0;max-width:none;
  font-size:clamp(.86rem,.78rem + .35vw,1rem);line-height:1.85;
  color:rgba(255,255,255,.92);text-align:justify;text-wrap:pretty;
}
.ipnotice p:last-child{
  color:#fff;font-weight:600;
  padding-top:clamp(.6rem,1.6vw,.9rem);
  border-top:1px solid rgba(255,255,255,.18);
}

.about-lead__say{
  margin-top:clamp(.7rem,1.8vw,1rem);
  font-family:'Archivo','Assistant',system-ui,sans-serif;
  font-weight:600;font-size:clamp(1.02rem,.92rem + .5vw,1.32rem);
  line-height:1.45;letter-spacing:-.01em;color:var(--spark);
}
.about-lead__body{
  margin-top:clamp(1.6rem,3.4vw,2.4rem);
  display:grid;gap:clamp(1rem,2.4vw,1.6rem);
  color:var(--dim);
}
.about-lead__body p{margin:0;max-width:62ch;line-height:1.85}
@media (min-width:900px){
  .about-lead__body{grid-template-columns:1fr 1fr;column-gap:clamp(2rem,4vw,3.4rem)}

  .about-lead__body p:first-child{grid-column:1 / -1;max-width:78ch}
}

.offer__list{
  margin:clamp(1.8rem,4vw,2.6rem) 0 0;padding:0;list-style:none;
  display:grid;gap:clamp(.9rem,2vw,1.25rem);
}
@media (min-width:820px){
  .offer__list{grid-template-columns:1fr 1fr;column-gap:clamp(2rem,4vw,3.2rem)}
}
.offer__list li{
  position:relative;padding-inline-start:2.1rem;
  font-size:clamp(1rem,.94rem + .3vw,1.16rem);line-height:1.6;
  color:var(--paper);
}
.offer__list li::before{
  content:"";position:absolute;inset-inline-start:0;top:.3em;
  width:1.05rem;height:.56rem;

  border-left:2px solid var(--spark);
  border-bottom:2px solid var(--spark);
  transform:rotate(-45deg);
}

.phead--photo .crumb{color:rgba(255,255,255,.78);font-weight:600}
.phead--photo .crumb a{color:rgba(255,255,255,.9);text-decoration:underline;
  text-underline-offset:3px;text-decoration-thickness:1px}
.phead--photo .crumb a:hover{color:#fff}
.phead--photo .crumb span{color:#fff}
.phead--photo .crumb span[style]{color:#fff!important}

.insurers .shell{text-align:center}

.insurers .marker{justify-content:flex-start}
.insurers .marker__r{max-width:none;flex:1 1 auto}
.insurers h2{margin-inline:auto}
.insurers .shell > p{margin-inline:auto}

#hero::before{
  content:"";position:absolute;inset-inline:0;top:0;height:clamp(120px,17vh,190px);
  z-index:4;pointer-events:none;
  background:linear-gradient(180deg,rgba(14,16,18,.55),rgba(14,16,18,.28) 46%,transparent);
}