/* homepage only; loads after site.css */
:root{
  --ease-out:cubic-bezier(.16,1,.3,1); --ease-in:cubic-bezier(.11,0,.5,0); --ease-in-out:cubic-bezier(.65,0,.35,1);
  --ease-stamp:cubic-bezier(.34,1.56,.64,1);
  --dark:#0D0D0D; --snow:#FAFAF9; --dim:#9AA6A9; --amber:#F2A65A; --ring:#9FD3DF; --stamp:#EDE6D8;
  --safe-b:calc(100lvh - 100svh + 24px + env(safe-area-inset-bottom, 0px));
  --gut:16px;
  --noise: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");
  --wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 200 28' preserveAspectRatio='none'%3E%3Cpath d='M0 14C50 0 50 0 100 14S150 28 200 14V28H0Z'/%3E%3C/svg%3E");
}
@media(min-width:40rem){:root{--gut:var(--pad)}}
html{background:var(--dark)}
body{overflow-x:clip}
main.lab{position:relative}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.lab .label{color:var(--muted)}
.lab h2{font-size:clamp(1.75rem,3.6vw,3rem);letter-spacing:-.03em;line-height:1.04;font-weight:500}
.lab h3{font-size:1.25rem;font-weight:500;letter-spacing:-.02em;line-height:1.2}

.site-head .nav-toggle,.site-head .nav-links{display:none!important}
.site-head .nav-quote{display:inline-flex!important}
.site-head .nav-quote .nq-l{display:inline!important}
.site-head .nav-quote .nq-s{display:none!important}
.site-head::before{content:"";position:absolute;left:0;right:0;top:0;height:calc(var(--head-h) + 48px);pointer-events:none;z-index:-1;opacity:0;
  background:linear-gradient(#12223C,#12223C var(--head-h),rgba(18,34,60,0));transition:opacity .25s}
.js.lab-over-dark .site-head[data-overlay],.js.lab-over-dark .site-head[data-overlay].is-solid{background:transparent;border-bottom-color:transparent}
.js.lab-over-dark .site-head::before{opacity:1}
.js:not([data-lab-mode="reduced"]) .site-head{opacity:0}
.js.lab-intro .site-head,.js[data-lab-mode="reduced"] .site-head{opacity:1;transition:opacity .5s .6s,background-color .25s,border-color .25s}

.track{position:relative;height:750lvh;background:#12223C;color:var(--snow);isolation:isolate}
.stage{position:sticky;top:0;height:100vh;height:100lvh;width:100%;overflow:hidden;background:#12223C;contain:strict}
.poster,.poster img,.canvas{position:absolute;inset:0;width:100%;height:100%;display:block}
.poster img{object-fit:cover;max-width:none}
.canvas{opacity:0}
.stage.is-live .canvas{opacity:1;transition:opacity .6s var(--ease-out)}
.stage.is-live .poster{visibility:hidden;transition:visibility 0s .65s}
.film{position:absolute;inset:0;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,rgba(0,0,0,0) 60%,rgba(0,0,0,.22) 100%)}
.film::after{content:"";position:absolute;inset:0;background:var(--noise);background-size:160px 160px;opacity:.03}
.ov{position:absolute;inset:0;pointer-events:none}
.hud{position:absolute;left:8px;bottom:8px;z-index:5;font:11px/1.5 var(--mono);color:#fff;background:rgba(0,0,0,.6);padding:6px 8px;white-space:pre;pointer-events:none}

.sections{position:relative;margin-top:-100lvh;pointer-events:none;z-index:2}
.s{position:relative}
.s0{height:100lvh}.s1{height:150lvh}.s2{height:200lvh}.s3{height:150lvh}.s4{height:150lvh}
.s .inner{position:sticky;top:0;height:100lvh}
.s3 .inner{position:static;height:auto}
.still{display:none}
.s0-in{position:absolute;left:var(--gut);right:var(--gut);bottom:14lvh}
.s0::before{content:"";position:absolute;left:0;bottom:0;width:48%;height:60%;pointer-events:none;
  background:radial-gradient(ellipse 100% 100% at 0% 100%,rgba(13,13,13,.55),rgba(13,13,13,0) 70%)}
.kicker{display:inline-block;font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--snow);margin-bottom:1.1rem;padding:5px 8px;border-radius:4px;background:rgba(10,14,16,.85);border:1px solid rgba(255,255,255,.14)}
.h1{font-size:clamp(2.4rem,6vw,5.25rem);font-weight:500;letter-spacing:-.03em;line-height:1.04;color:var(--snow);text-wrap:balance;max-width:8.2em}
.h1 .w{display:inline-block;overflow:hidden;vertical-align:bottom;padding:0 .04em 0 0;margin-right:-.04em}
.h1 .w span{display:inline-block}
.js:not([data-lab-mode="reduced"]) .h1 .w span{transform:translateY(105%)}
.js:not([data-lab-mode="reduced"]) .kicker{opacity:0}
.lab-intro .h1 .w span{transform:none!important;transition:transform .6s var(--ease-out)}
.lab-intro .kicker{opacity:1!important;transition:opacity .3s}
.lab-intro .h1 .w:nth-child(2) span{transition-delay:.06s}.lab-intro .h1 .w:nth-child(3) span{transition-delay:.12s}
.lab-intro .h1 .w:nth-child(4) span{transition-delay:.18s}.lab-intro .h1 .w:nth-child(5) span{transition-delay:.24s}
.lab-intro .h1 .w:nth-child(6) span{transition-delay:.3s}.lab-intro .h1 .w:nth-child(7) span{transition-delay:.36s}
.lab-intro .h1 .w:nth-child(8) span{transition-delay:.42s}
.cue{position:absolute;left:var(--gut);bottom:var(--safe-b);display:flex;align-items:center;gap:.75rem;opacity:0;transition:opacity .2s}
.lab-intro .cue{opacity:1;transition:opacity .3s 1.1s}
.cue.is-off{opacity:0!important;transition:opacity .2s!important}
.cue i{display:block;width:1px;height:32px;background:#DCE3E5;transform-origin:top;animation:cue 1.6s var(--ease-in-out) infinite}
.cue span{font-family:var(--mono);font-size:.6875rem;letter-spacing:.14em;text-transform:uppercase;color:#C9D1D3}
@keyframes cue{0%{transform:scaleY(0);opacity:1}60%{transform:scaleY(1);opacity:1}100%{transform:scaleY(1);opacity:0}}

.cap{position:absolute;left:var(--gut);right:var(--gut);bottom:14lvh;max-width:14em;color:var(--snow);text-wrap:balance;z-index:1}
.cap .ln{display:block}
.s .inner::before{content:"";position:absolute;left:0;bottom:0;width:62%;height:60%;pointer-events:none;
  background:radial-gradient(ellipse 100% 100% at 0% 100%,rgba(13,13,13,.58),rgba(13,13,13,.46) 50%,rgba(13,13,13,0) 100%)}
.s3 .inner::before{display:none}
.s2 .inner::before{width:60%;height:50%;background:radial-gradient(ellipse 100% 100% at 0% 100%,rgba(13,13,13,.62),rgba(13,13,13,.4) 50%,rgba(13,13,13,0) 100%)}
.s2 .dim{position:absolute;left:var(--gut);bottom:9.5lvh;display:inline-block;max-width:calc(100% - 2 * var(--gut));padding:5px 8px;border-radius:4px;background:rgba(10,14,16,.85);border:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:.75rem;line-height:1.5;letter-spacing:.1em;text-transform:uppercase;color:#C9D1D3}
.s2 .grades{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;margin:0;padding:0;list-style:none}
.s3 .delivered{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.s4 .close{position:absolute;left:var(--gut);right:var(--gut);top:calc(var(--head-h) + 6vh);max-width:36em;pointer-events:auto;z-index:1}
.s4 .inner{overflow:clip}
.lab .s4 .inner::before,.end::after{content:"";position:absolute;left:0;right:0;top:0;bottom:auto;height:50%;width:auto;z-index:-1;pointer-events:none;
  background:linear-gradient(rgba(11,26,51,.62),rgba(11,26,51,.6) 50%,rgba(11,26,51,.55) 68%,rgba(11,26,51,.42) 78%,rgba(11,26,51,.26) 86%,rgba(11,26,51,.11) 94%,rgba(11,26,51,0))}
.lab .s4 .inner::before{z-index:0}
.s4 .cap{position:static}
.s4 .cta{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.4rem}
.s4 .btn{min-height:44px}

.tag,.lbl,.legend,.meter,.rail{position:absolute;left:0;top:0}
.tag{opacity:0;visibility:hidden;transform:translate3d(0,0,0);will-change:transform,opacity;display:flex;flex-direction:column;align-items:center}
.tag i{position:relative;display:block;width:1px;height:var(--tick,24px);background:rgba(250,250,249,.6);transform-origin:50% 100%;transform:translate(var(--tx,0px),var(--ty,0px)) rotate(var(--rot,0rad))}
.tag i::after{content:"";position:absolute;left:-1.5px;bottom:-2px;width:4px;height:4px;border-radius:50%;background:var(--snow)}
.tag span{display:block;padding:5px 8px;border-radius:4px;background:rgba(10,14,16,.85);border:1px solid rgba(255,255,255,.14);font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--snow);white-space:nowrap}
.tag.in{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out)}
.tag.out{opacity:0;visibility:visible;transition:opacity .2s var(--ease-in)}
.tag.clip{opacity:0;transition:opacity .2s var(--ease-in)}
.lbl{visibility:hidden;will-change:transform}
.lbl .lead{position:absolute;left:0;bottom:0;width:1px;background:rgba(250,250,249,.55);transform-origin:bottom;transform:scaleY(0)}
.lbl .lead::after{content:"";position:absolute;left:-1.5px;bottom:-2px;width:4px;height:4px;border-radius:50%;background:var(--snow)}
.lbl .chip{position:absolute;left:0;bottom:0;transform:translate(-50%,8px);opacity:0;display:flex;flex-direction:column;gap:1px;padding:6px 8px;border-radius:4px;background:rgba(10,14,16,.85);border:1px solid rgba(255,255,255,.14);white-space:nowrap}
.lbl .chip b{font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--snow)}
.lbl .chip span{font-family:var(--mono);font-size:.75rem;font-weight:400;color:var(--dim)}
.lbl .num{display:none;position:absolute;left:0;bottom:0;transform:translate(-50%,0);font-family:var(--mono);font-size:.6875rem;font-weight:500;letter-spacing:.1em;color:var(--snow);padding:2px 5px;border-radius:3px;background:rgba(10,14,16,.85);border:1px solid rgba(255,255,255,.14);opacity:0}
.lbl.in{visibility:visible}
.lbl.in .lead{transform:scaleY(1);transition:transform .25s var(--ease-out)}
.lbl.in .chip{opacity:1;transform:translate(-50%,0);transition:opacity .3s var(--ease-out) .15s,transform .3s var(--ease-out) .15s}
.lbl.in .num{opacity:1;transition:opacity .3s var(--ease-out)}
.lbl.out{visibility:visible}
.lbl.out .lead{transform:scaleY(0);transition:transform .2s var(--ease-in)}
.lbl.out .chip,.lbl.out .num{opacity:0;transition:opacity .2s var(--ease-in)}
.legend{display:none;top:auto;left:var(--gut);right:var(--gut);bottom:var(--safe-b);grid-template-columns:1fr 1fr;gap:10px 12px;padding-top:40px;opacity:0;visibility:hidden;isolation:isolate}
.legend::before{content:"";position:absolute;left:-16px;right:-16px;top:-40px;bottom:-200px;z-index:-1;pointer-events:none;background:linear-gradient(rgba(10,14,16,0),rgba(10,14,16,.85) 40px,rgba(10,14,16,.88))}
.legend .cell{opacity:0}
.legend .cell.in{opacity:1;transition:opacity .3s var(--ease-out)}
.legend .cell.out{opacity:0;transition:opacity .2s var(--ease-in)}
.legend .cell b{display:block;font-family:var(--mono);font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;color:var(--snow)}
.legend .cell span{display:block;font-family:var(--mono);font-size:.75rem;color:var(--dim)}
.legend.in{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out)}
.legend.out{opacity:0;visibility:visible;transition:opacity .2s var(--ease-in)}
.meter{left:var(--gut);bottom:calc(14lvh + 12px);top:auto;display:flex;align-items:flex-end;gap:clamp(1rem,2.4vw,2.2rem);opacity:0;visibility:hidden;isolation:isolate}
.meter::before{content:"";position:absolute;left:-60px;right:-40%;top:-50%;bottom:-120px;z-index:-1;pointer-events:none;background:radial-gradient(ellipse 100% 100% at 10% 100%,rgba(13,13,13,.55),rgba(13,13,13,0) 70%)}
.meter.in{opacity:1;visibility:visible;transition:opacity .3s var(--ease-out)}
.meter.out{opacity:0;visibility:visible;transition:opacity .2s var(--ease-in)}
.counter{display:flex;flex-direction:column;gap:.35rem}
.counter .k,.counter .u{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:#B6C0C3}
.counter .u{font-size:.875rem}
.counter .n{font-family:var(--mono);font-weight:500;font-size:clamp(2.5rem,5vw,4.5rem);letter-spacing:-.03em;line-height:.95;color:var(--amber);font-variant-numeric:tabular-nums}
.bdn{position:relative;display:flex;align-items:center;gap:.8rem;padding:.75rem .95rem .75rem .85rem;border:1px solid rgba(250,250,249,.18);border-radius:12px;background:rgba(10,14,16,.6);margin-bottom:.2rem}
.bdn .doc{width:26px;height:32px;fill:none;stroke:rgba(250,250,249,.6);stroke-width:1.2;flex:none}
.bdn b{display:block;font-size:.9375rem;font-weight:500;color:var(--snow);line-height:1.2;white-space:nowrap}
.bdn em{display:block;font:400 .6875rem/1.5 var(--mono);letter-spacing:.1em;text-transform:uppercase;font-style:normal;color:var(--dim)}
.stamp{position:absolute;right:-1rem;top:-1.7rem;display:inline-flex;align-items:center;gap:.4rem;padding:.4rem .6rem;font:500 .8125rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--stamp);border:double 6px var(--stamp);border-radius:4px;background:rgba(13,13,13,.5);opacity:0;transform:rotate(-6deg) scale(1.25);transform-origin:50% 50%;white-space:nowrap}
.stamp::after{content:"";position:absolute;inset:-6px;background:var(--noise);background-size:120px 120px;opacity:.15;mix-blend-mode:multiply;border-radius:4px;pointer-events:none}
.stamp svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.stamp.in{opacity:1;transform:rotate(-3deg) scale(1);transition:opacity .32s var(--ease-stamp),transform .32s var(--ease-stamp)}
.stamp.out{opacity:0;transition:opacity .2s var(--ease-in)}
.rail{left:auto;right:18px;top:30%;height:40%;width:1px;background:rgba(250,250,249,.18);display:flex;flex-direction:column;justify-content:space-between;opacity:0}
.lab-intro .rail{opacity:1;transition:opacity .5s .6s}
.rail i{display:block;width:5px;height:5px;margin-left:-2px;border-radius:50%;background:rgba(250,250,249,.35);transition:background .3s,transform .3s}
.rail i.on{background:var(--sea-lift);transform:scale(1.5)}
.track .rail{color:#5A8C99}
.rail i.on{background:#5A8C99}

@media (max-aspect-ratio: 4/5),(max-width:40rem){
  .site-head::before{height:calc(var(--head-h) + 12px)}
  .s0-in,.cap,.s4 .close{top:calc(var(--head-h) + 20px);bottom:auto;max-width:none}
  .s0::before{left:0;right:0;top:0;bottom:auto;width:auto;height:34%;background:linear-gradient(rgba(13,13,13,0),rgba(13,13,13,.4) 20%,rgba(13,13,13,.4) 76%,rgba(13,13,13,0))}
  .s4 .cap{position:static}
  .lab .cap{font-size:min(1.75rem,7vw)}
  .s .inner::before{left:0;right:0;top:0;bottom:auto;width:auto;height:44%;background:linear-gradient(rgba(13,13,13,0),rgba(13,13,13,.5) 16%,rgba(13,13,13,.5) 72%,rgba(13,13,13,0))}
  .s2 .dim{bottom:auto;top:calc(var(--head-h) + 20px + 5.4em);}
  .s2 .cap{max-width:9em}
  .cue{left:50%;transform:translateX(-50%)}
  .lbl .chip,.lbl .lead{display:none}
  .lbl .num{display:block}
  .tag span{font-size:.6875rem;padding:4px 7px}
  .legend{display:grid}
  .meter{bottom:var(--safe-b);flex-direction:column;align-items:flex-start;gap:.9rem}
  .meter::before{left:-16px;right:-16px;top:-40%;bottom:-40px;background:linear-gradient(rgba(13,13,13,0),rgba(13,13,13,.55) 40%)}
  .counter .n{font-size:2.5rem}
  .bdn{padding:.6rem .75rem;gap:.6rem}
  .bdn .doc{width:22px;height:27px}
  .bdn b{font-size:.875rem}
  .stamp{font-size:.75rem;right:-.6rem;top:-1.55rem;border-width:5px;padding:.35rem .5rem}
  .rail{right:0;left:0;top:calc(var(--head-h) + 12px);height:2px;width:100%;background:rgba(250,250,249,.12);display:block}
  .rail i{display:none}
  .rail::after{content:"";position:absolute;left:0;top:0;height:100%;width:100%;background:#5A8C99;transform-origin:left;transform:scaleX(var(--p,0))}
}
@media (min-width:23.5rem) and (max-aspect-ratio: 4/5){.meter{flex-direction:row;align-items:flex-end}}

.paper{background:var(--paper);color:var(--ink);position:relative;padding-block:clamp(4rem,10vh,7rem)}
.paper .label{margin-bottom:.9rem}
.paper h2{max-width:14em}
.pay{margin-top:-28px;z-index:3;padding-top:calc(clamp(4rem,10vh,7rem) + 28px);
  -webkit-mask-image:var(--wave),linear-gradient(#000,#000);mask-image:var(--wave),linear-gradient(#000,#000);
  -webkit-mask-size:50% 28px,100% calc(100% - 27px);mask-size:50% 28px,100% calc(100% - 27px);
  -webkit-mask-repeat:repeat-x,no-repeat;mask-repeat:repeat-x,no-repeat;
  -webkit-mask-position:var(--wx,0%) 0,0 27px;mask-position:var(--wx,0%) 0,0 27px}
@media(max-width:40rem){.pay{-webkit-mask-size:50% 16px,100% calc(100% - 15px);mask-size:50% 16px,100% calc(100% - 15px);-webkit-mask-position:var(--wx,0%) 0,0 15px;mask-position:var(--wx,0%) 0,0 15px}}
@property --wx{syntax:"<percentage>";inherits:false;initial-value:0%}
@supports (animation-timeline: view()){
  .pay{animation:wl linear both;animation-timeline:view();animation-range:entry 0% entry 100%}
  @keyframes wl{from{--wx:0%}to{--wx:20%}}
}
.cards{display:grid;gap:1rem;margin-top:clamp(2rem,4.5vw,3rem)}
@media(min-width:48rem){.cards{grid-template-columns:repeat(3,1fr)}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;min-height:12rem;display:flex;flex-direction:column;gap:1rem}
.card p{font-size:1.0625rem;line-height:1.45;color:var(--ink)}
.card .card-h{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.card .rows{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.5rem}
.card .rows li{font-family:var(--mono);font-size:.875rem;color:var(--ink);display:flex;align-items:center;gap:.6rem}
.card .rows li::before{content:"";width:14px;height:14px;flex:none;border-radius:50%;border:1px solid var(--sea);
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23406E7A' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 8.5l2.8 2.6L12 5'/%3E%3C/svg%3E") center/10px no-repeat}
.card .clock{width:44px;height:44px;fill:none;stroke:var(--sea);stroke-width:1.6;stroke-linecap:round}
.pop-item{opacity:0;transform:scale(.8) translateY(80px)}
.pop-item.photo{transform:scale(.94)}
.pop-item.in{opacity:1;transform:none;transition:opacity .35s var(--ease-out),transform .35s var(--ease-out)}
.pop-item.in:nth-child(2){transition-delay:.08s}.pop-item.in:nth-child(3){transition-delay:.16s}

.process{padding:0;height:240lvh}
.proc-stage{position:sticky;top:0;height:100lvh;overflow:hidden}
.proc-in{height:100%;display:grid;grid-template-rows:auto 1fr;padding-top:calc(var(--head-h) + 1.5rem);padding-bottom:2rem;position:relative}
.proc-head{margin-bottom:1rem}
.proc-pics{position:relative;overflow:hidden;border-radius:var(--rl);background:var(--surface);border:1px solid var(--line)}
.pic{position:absolute;inset:0;width:100%;height:100%;opacity:0;transform:scale(1.06);margin:0}
.pic.on{opacity:1;transform:none;transition:opacity .4s,transform 1s var(--ease-in-out)}
.pic.off{opacity:0;transition:opacity .4s}
.pic text{font-family:var(--mono);font-size:12px;letter-spacing:.12em;fill:var(--ink-2)}
.pic .pill text{fill:var(--sea-deep)}
.pic rect,.pic path,.pic circle{fill:none;stroke:var(--sea-deep);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
.pic .dots circle{fill:var(--sea-deep);stroke:none}
.pic .rows path{stroke:var(--line);stroke-width:1.5}
.pic .note{font-size:10px;fill:var(--muted)}
.pic.photo picture,.pic.photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;max-width:none}
.mini-bdn{position:absolute;right:1rem;bottom:1rem;display:flex;align-items:center;gap:.5rem;padding:.5rem .7rem;border-radius:8px;background:rgba(10,14,16,.72);color:#fff;font-size:.8125rem;font-weight:500}
.mini-bdn svg{width:18px;height:22px;fill:none;stroke:rgba(255,255,255,.75);stroke-width:1.4}
.steps{list-style:none;margin:0;padding:0;position:relative}
.step{position:absolute;inset:0;display:flex;flex-direction:column;gap:.5rem;opacity:0;transform:translateY(40px);pointer-events:none}
.step.on{opacity:1;transform:none;transition:opacity .6s var(--ease-out) .2s,transform .6s var(--ease-out) .2s;pointer-events:auto}
.step.off{opacity:0;transform:translateY(40px);transition:opacity .3s var(--ease-in),transform .3s var(--ease-in)}
.step .n{font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;color:var(--sea)}
.step p:not(.n){color:var(--ink-2);font-size:1.0625rem;line-height:1.5;max-width:24em}
.proc-rail{position:relative;height:1px;background:var(--line);margin-top:1rem}
.proc-rail .fill{position:absolute;left:0;top:0;height:100%;width:100%;background:var(--sea);transform-origin:left;transform:scaleX(var(--p,0))}
.proc-rail b{position:absolute;top:-3px;width:7px;height:7px;border-radius:50%;background:var(--line);margin-left:-3px}
.proc-rail b:nth-of-type(1){left:0}.proc-rail b:nth-of-type(2){left:33.33%}.proc-rail b:nth-of-type(3){left:66.66%}.proc-rail b:nth-of-type(4){left:100%}
.proc-rail b.on{background:var(--sea)}
@media(min-width:64rem){
  .proc-in{grid-template-columns:7fr 5fr;grid-template-rows:auto 1fr auto;column-gap:2.5rem;padding-bottom:3rem}
  .proc-head{grid-column:1/-1}
  .proc-pics{grid-row:2/4}
  .steps{align-self:end;padding-bottom:1.5rem}
  .step{position:absolute;inset:auto 0 0 0}
  .proc-rail{grid-column:2}
}
@media(max-width:63.99rem){
  .proc-in{grid-template-rows:auto 52% auto 1fr;padding-top:calc(var(--head-h) + .75rem)}
  .proc-head{margin-bottom:.6rem}
  .proc-head h2{font-size:1.5rem}
  .proc-rail{order:3;margin:1rem 0 .9rem}
  .steps{order:4}
  .step p:not(.n){font-size:.9375rem}
  .step h3{font-size:1.1rem}
}

.big{display:flex;align-items:baseline;gap:.4rem;margin-top:1.8rem;font-family:var(--mono);font-weight:500;letter-spacing:-.04em;line-height:.9}
.big .num{font-size:clamp(4.5rem,12vw,9rem);color:var(--ink)}
.big .unit{font-size:clamp(1.1rem,2.4vw,1.5rem);letter-spacing:.06em;color:var(--ink-2)}
.notice .avg{margin:.9rem 0 2rem}
.range{width:100%;max-width:40rem;border-collapse:collapse;position:relative}
.range th{text-align:left;font-family:var(--mono);font-size:.8125rem;font-weight:400;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-2);padding:.6rem 0;width:7.5rem;white-space:nowrap}
.range td{position:relative;height:2.4rem;padding:0}
.range tbody{position:relative}
.range td::before{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:var(--hair)}
.range .bar{position:absolute;top:50%;height:14px;margin-top:-7px;left:calc(var(--a) * 7.2%);width:calc((var(--b) - var(--a)) * 7.2%);transform:scaleX(0);transform-origin:left;border-radius:7px;background:var(--sea);overflow:hidden}
.range .bar.in{transform:none;transition:transform .6s var(--ease-out)}
.range tr:nth-child(2) .bar.in{transition-delay:.08s}.range tr:nth-child(3) .bar.in{transition-delay:.16s}.range tr:nth-child(4) .bar.in{transition-delay:.24s}
.range .val{position:absolute;z-index:1;top:50%;transform:translateY(-50%);left:calc(var(--b) * 7.2% + .5rem);padding:0 .3rem;background:var(--paper);font-family:var(--mono);font-size:.8125rem;color:var(--ink);white-space:nowrap}
.range tbody::after{content:"";position:absolute;top:0;bottom:0;left:calc(7.5rem + (100% - 7.5rem) * .612);border-left:1px dashed var(--muted);pointer-events:none}
.axis{display:grid;grid-template-columns:7.5rem 72fr 28fr;max-width:40rem;margin-top:.5rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.axis span{grid-row:1;grid-column:2}
.axis span:last-child{grid-column:3;justify-self:start;padding-left:.4rem;border-left:1px solid var(--muted);margin-left:-1px}
@media(max-width:40rem){.range th{width:5.2rem;font-size:.75rem}.range tbody::after{left:calc(5.2rem + (100% - 5.2rem) * .612)}.axis{grid-template-columns:5.2rem 72fr 28fr}.range .val{font-size:.75rem}}

.tiles{display:grid;gap:1rem;margin-top:clamp(2rem,4.5vw,3rem)}
@media(min-width:40rem){.tiles{grid-template-columns:repeat(3,1fr)}}
.tile .ph{border-radius:var(--r);overflow:hidden;aspect-ratio:3/2;background:var(--surface)}
.tile img{width:100%;height:100%;object-fit:cover}
@media (hover:hover){.tile img{transition:transform 1s var(--ease-out)}.tile:hover img{transform:scale(1.05)}}
.tile .city{margin-top:1rem;font-family:var(--mono);font-size:.8125rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--ink)}
.tile .dim{font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.more{display:inline-flex;align-items:center;min-height:44px;margin-top:1.8rem;color:var(--sea);font-weight:500;text-decoration:underline;text-underline-offset:3px}

.end{position:relative;min-height:100lvh;display:flex;align-items:flex-start;background:#12223C;color:var(--snow);overflow:hidden;isolation:isolate}
.end-bg,.end-bg img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:72% 50%;max-width:none;z-index:-2}
@media (max-aspect-ratio: 4/5){.end-bg img{object-position:85% 50%}}
.end-in{position:relative;width:100%;padding-top:calc(var(--head-h) + 6vh);padding-bottom:clamp(5rem,14vh,8rem)}
.end-box{position:relative;max-width:34rem}
@media (max-aspect-ratio: 4/5),(max-width:40rem){.end-in{padding-top:calc(var(--head-h) + 20px)}}
.end::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:var(--noise);background-size:160px 160px;opacity:.03}
.end h2{color:var(--snow);max-width:11em}
.end .mono{margin-top:1.2rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:#C9D1D3}
.end .mono .g{white-space:nowrap}
@media (max-width:40rem){.end .mono .g{display:block}.end .mono .sep{display:none}}
.end .btn{margin-top:1.8rem;min-height:44px}

:root{--qf-err:#B3261E}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){--qf-err:#F2A19A}}
:root[data-theme="dark"]{--qf-err:#F2A19A}
.quote{z-index:3}
.quote-in{display:grid;gap:2.2rem}
@media(min-width:64rem){.quote-in{grid-template-columns:5fr 7fr;column-gap:4rem;align-items:start}}
.quote-head h2{max-width:11em}
.quote-head h2:focus-visible{outline-offset:6px}
.quote-p{margin-top:1.1rem;font-size:1.0625rem;line-height:1.55;color:var(--ink-2);max-width:26em}
.qf{display:grid;gap:1.75rem;min-width:0}
.qf-fuel{margin:0;min-width:0;padding:1.1rem 1.1rem 1.2rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.qf-legend{float:left;width:100%;padding:0;margin-bottom:1rem;font-family:var(--mono);font-size:.75rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-2)}
.qf-rows{display:grid;gap:.9rem;clear:both}
.qf-row{display:grid;grid-template-columns:minmax(0,1fr) 48px;gap:.6rem .75rem;align-items:start;padding-bottom:.9rem;border-bottom:1px solid var(--hair)}
.qf-row:has(.qf-remove[hidden]){grid-template-columns:minmax(0,1fr)}
.qf-row:last-child{padding-bottom:0;border-bottom:0}
.qf-row .qf-grade{grid-area:1/1}
.qf-row .qf-remove{grid-area:1/2;margin-top:1.62rem}
.qf-row .qf-qty{grid-area:2/1/3/-1;max-width:12rem}
.qf-field{display:flex;flex-direction:column;gap:.4rem;min-width:0}
.qf-field label{font-size:.9375rem;font-weight:500;line-height:1.3;color:var(--ink)}
.req{color:var(--sea);font-weight:500}
.qf input,.qf select,.qf textarea{width:100%;min-height:48px;margin:0;padding:.6rem .9rem;border:1px solid var(--muted);border-radius:10px;background:var(--surface);color:var(--ink);font:inherit;font-size:1rem;line-height:1.3;-webkit-appearance:none;appearance:none}
.qf input::placeholder,.qf textarea::placeholder{color:var(--muted)}
.qf select{padding-right:2.4rem;cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%236E7376' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3.5 6l4.5 4.5L12.5 6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .85rem center;background-size:14px}
.qf select:has(option[value=""]:checked){color:var(--ink-2)}
.qf textarea{min-height:6rem;resize:vertical}
.qf input:focus-visible,.qf select:focus-visible,.qf textarea:focus-visible{outline:2px solid var(--sea);outline-offset:0;border-color:var(--sea)}
.qf [aria-invalid="true"]{border-color:var(--qf-err);box-shadow:inset 0 0 0 1px var(--qf-err)}
.qf-err{font-size:.875rem;line-height:1.35;font-weight:500;color:var(--qf-err)}
.qf-err:empty{display:none}
.qf-remove{width:48px;height:48px;padding:0;border:1px solid var(--muted);border-radius:50%;background:var(--surface);color:var(--ink-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}
.qf-remove svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
.qf-remove:hover{border-color:var(--ink-2);color:var(--ink)}
.qf-add{display:inline-flex;align-items:center;gap:.5rem;min-height:44px;margin-top:.9rem;padding:0 1rem 0 .85rem;border:1px dashed var(--line);border-radius:var(--pill);background:transparent;color:var(--sea);font:inherit;font-size:.9375rem;font-weight:500;cursor:pointer;transition:border-color .15s}
.qf-add span{font-size:1.2rem;line-height:1}
.qf-add:hover{border-color:var(--sea)}
.qf-grid{display:grid;gap:1.1rem}
.qf-more summary{display:inline-flex;align-items:center;gap:.55rem;min-height:44px;cursor:pointer;color:var(--sea);font-size:.9375rem;font-weight:500;list-style:none}
.qf-more summary::-webkit-details-marker{display:none}
.qf-more summary::before{content:"";width:8px;height:8px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:translateY(-2px) rotate(45deg);transition:transform .2s}
.qf-more[open] summary::before{transform:translateY(2px) rotate(-135deg)}
.qf-more .qf-grid{margin-top:.6rem}
.qf-foot{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem}
.qf-foot .btn{min-height:48px;padding-inline:1.7rem;font-size:1rem}
.qf-privacy{font-size:.875rem;line-height:1.5;color:var(--ink-2)}
.qf-privacy a{text-decoration:underline;text-underline-offset:3px}
.qf-note{font-size:.9375rem;line-height:1.5;font-weight:500;color:var(--ink)}
.qf-note:empty{display:none}
.qf-note.err{color:var(--qf-err)}
.qf-ok{font-size:1.125rem;line-height:1.5;font-weight:500;color:var(--ink);max-width:30em;padding:1.2rem 1.3rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.qf-nojs{font-size:.9375rem;color:var(--ink-2)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
@media(min-width:40rem){
  .qf-row{grid-template-columns:minmax(0,1fr) calc(50% - .875rem - 48px) 48px}
  .qf-row:has(.qf-remove[hidden]){grid-template-columns:minmax(0,1fr) calc(50% - .125rem)}
  .qf-row .qf-grade,.qf-row .qf-remove,.qf-row .qf-qty{grid-area:auto}
  .qf-row .qf-qty{max-width:none}
  .qf-grid{grid-template-columns:1fr 1fr;gap:1.1rem 1.25rem}
  .qf-wide{grid-column:1/-1}
}

html:not([data-lab-mode="3d"]) .track{height:auto}
html:not([data-lab-mode="3d"]) .stage{position:relative;contain:none}
html:not([data-lab-mode="3d"]) .canvas,
html:not([data-lab-mode="3d"]) .ov{display:none}
html:not([data-lab-mode="3d"]) .s{height:auto}
html:not([data-lab-mode="3d"]) .s0{height:100lvh}
html:not([data-lab-mode="3d"]) .s .inner{position:static;height:auto;padding:clamp(2.5rem,6vw,4rem) var(--gut) 0;max-width:72rem;margin:0 auto}
html:not([data-lab-mode="3d"]) .s .inner::before{display:none}
html:not([data-lab-mode="3d"]) .still{display:block;border-radius:var(--rl);overflow:hidden;aspect-ratio:16/10;background:#12223C}
html:not([data-lab-mode="3d"]) .still img{width:100%;height:100%;object-fit:cover}
@media (max-aspect-ratio: 4/5){html:not([data-lab-mode="3d"]) .still{aspect-ratio:4/5}}
html:not([data-lab-mode="3d"]) :is(.cap,.s4 .close,.s2 .dim){position:static;margin-top:1.2rem;max-width:none}
html:not([data-lab-mode="3d"]) .s .cap{max-width:16em}
html:not([data-lab-mode="3d"]) .s2 .dim{margin-top:.8rem}
html:not([data-lab-mode="3d"]) .s2 .grades,
html:not([data-lab-mode="3d"]) .s3 .delivered{position:static;width:auto;height:auto;overflow:visible;clip:auto;clip-path:none;white-space:normal;margin-top:1.2rem}
html:not([data-lab-mode="3d"]) .s2 .grades{display:grid;gap:.4rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.04em;color:#C9D1D3;max-width:34em}
html:not([data-lab-mode="3d"]) .s3 .delivered .n{font-family:var(--mono);font-weight:500;font-size:clamp(1.8rem,4vw,3rem);color:var(--amber);display:block}
html:not([data-lab-mode="3d"]) .s3 .delivered .st{font-family:var(--mono);font-size:.8125rem;letter-spacing:.14em;text-transform:uppercase;color:var(--stamp);display:inline-block;margin-top:.8rem;padding:.4rem .6rem;border:double 6px var(--stamp);border-radius:4px}
html:not([data-lab-mode="3d"]) .s4 .inner{padding-bottom:clamp(3rem,8vw,5rem)}
html:not([data-lab-mode="3d"]) .pay{margin-top:0}
html:not([data-lab-mode="3d"]) .cue{display:none}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .pop-item,:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .range .bar{opacity:1;transform:none;transition:none}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .process{height:auto;padding-block:clamp(4rem,10vh,7rem)}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .proc-stage{position:static;height:auto;overflow:visible}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .proc-in{display:block;height:auto;padding-top:0}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .proc-pics{position:relative;aspect-ratio:440/300;max-width:34rem;margin-top:1.5rem}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .pic{display:none}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .pic[data-pic="2"]{display:block;opacity:1;transform:none}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .proc-rail{display:none}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .steps{display:grid;gap:1.75rem;margin-top:1rem}
@media(min-width:56rem){:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .steps{grid-template-columns:repeat(4,1fr)}}
:is([data-lab-mode="reduced"],html:not([data-lab-mode])) .step{position:static;opacity:1;transform:none;pointer-events:auto;border-top:1px solid var(--line);padding-top:1rem}
[data-lab-mode="reduced"] .pic,[data-lab-mode="reduced"] .tile img{transition:none!important}
@media (prefers-reduced-motion:reduce){.lab *{animation:none!important;transition:opacity .15s!important}}
.lab-bake .ov,.lab-bake .sections .s > *,.lab-bake .film,.lab-bake .site-head,.lab-bake .hud{display:none!important}
.anchor{display:block;height:0;scroll-margin-top:5rem}
.notice .late-cta{margin-top:1.4rem;min-height:48px}
.desk .desk-list{display:grid;gap:1rem;margin-top:2rem}
@media(min-width:48rem){.desk .desk-list{grid-template-columns:repeat(3,1fr)}}
.desk-note{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.25rem 1.35rem;display:flex;flex-direction:column;gap:.55rem}
.desk-note:hover{border-color:var(--muted)}
.desk-note h3{font-size:1.15rem;font-weight:600;letter-spacing:-.012em;line-height:1.3}
.desk-note h3 a{color:inherit;text-decoration:none}
.desk-note h3 a::after{content:"";position:absolute;inset:0;border-radius:inherit}
.desk-note h3 a:focus-visible{outline:none}
.desk-note:focus-within{outline:2px solid var(--sea);outline-offset:3px}
.desk-note p:not(.label){color:var(--ink-2);font-size:.9375rem;line-height:1.55}
.desk-all{display:inline-flex;align-items:center;min-height:44px;margin-top:1rem;color:var(--sea)}
.story-pair{display:grid;gap:1rem;margin-top:clamp(2rem,4.5vw,3rem)}
@media(min-width:40rem){.story-pair{grid-template-columns:1fr 1fr}}
.story-pair .ph{position:relative;border-radius:var(--r);overflow:hidden;aspect-ratio:4/3;background:var(--surface)}
.story-pair img{width:100%;height:100%;object-fit:cover}
.story-pair .yr{position:absolute;left:.9rem;bottom:.8rem;font-family:var(--mono);font-size:.8125rem;letter-spacing:.14em;color:#fff;background:rgba(13,13,13,.55);padding:.25rem .5rem;border-radius:6px}
.story-pair figcaption{margin-top:.8rem;font-size:.9375rem;color:var(--ink-2);line-height:1.5}
.story-copy{margin-top:1.6rem;max-width:36rem;font-size:1.0625rem;line-height:1.6;color:var(--ink-2)}
.offices-btn{margin-top:1.8rem;min-height:48px}
.offices .odet{margin-top:.6rem;display:flex;flex-direction:column;gap:.15rem;font-size:.9375rem}
.offices .odet .addr{color:var(--ink-2);line-height:1.5}
.offices .odet a{color:var(--sea);text-decoration:underline;text-underline-offset:3px;font-family:var(--mono);font-size:.875rem;min-height:44px;display:inline-flex;align-items:center}
.oerr{margin-top:.6rem;color:#B3261E;font-size:.9375rem}
.oerr:empty{display:none}