/* Rove Legal redesign, version 4 "Skyline"
   with Rove's content and colours. The whole layout scales with the viewport,
   so everything here is in rem and the root size follows the window: 1rem = 16px at 1512px.
   At 1512: text column 96 to 1416, h1 72/72 light serif, h2 60 and 40,
   h3 24, body 18/25, UI 16 with .02em tracking, 46px pill buttons, 6px radii, 160px sections.
   Demo fonts (licence before going live): Cambon Light (display), CoFo Gothic (text). */

@font-face{font-family:"cambon";src:url(../../assets/fonts/cambon-400.woff2) format("woff2");font-weight:100 600;font-style:normal;font-display:swap}
@font-face{font-family:"cofoGothic";src:url(../../assets/fonts/cofoGothic-400.woff2) format("woff2");font-weight:100 600;font-style:normal;font-display:swap}

:root{
  --night:#010B1F; --night-2:#020F28; --card-d:rgba(255,255,255,.05); --line-d:rgba(255,255,255,.12); --dim:rgba(255,255,255,.66); --dim-2:rgba(255,255,255,.44);
  --stone:#F9F8F3; --stone-2:#F0EFEA; --rule:#ECEBE7; --rule-2:#DAD9D2; --ink:#020F28; --grey:#5B6377; --grey-2:#8B92A3;
  --amber:#FFB850; --amber-t:#FFF1D6; --royal:#083FD5; --inkblue:#0B2A6B; --slate:#4B5A7C; --sky:#D8E5FF; --sky-2:#EDF2FF;
  --serif:"cambon","Iowan Old Style",Georgia,"Times New Roman",serif;
  --sans:"cofoGothic","Helvetica Neue",Helvetica,Arial,sans-serif;
  --out:cubic-bezier(.42,0,0,1); --io:cubic-bezier(.4,0,.2,1); --acc:cubic-bezier(.62,0,.32,1);
  --r:.375rem; --gut:6rem; --gap:1.5rem; --hdr:4.4375rem;
}
html{font-size:clamp(13.6px,1.0582vw,20.3px);-webkit-text-size-adjust:100%;scroll-behavior:smooth;scroll-padding-top:6rem}
*,*::before,*::after{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:400 1.125rem/1.4 var(--sans);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:clip}
img,canvas,svg{display:block;max-width:100%}
img{height:auto}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:inherit}
ul,ol{margin:0;padding:0;list-style:none}
h1,h2,h3,h4,p,figure,blockquote{margin:0}
::selection{background:var(--amber);color:var(--night)}
:focus-visible{outline:2px solid var(--royal);outline-offset:3px;border-radius:3px}
.on-dark :focus-visible,.hero :focus-visible,.phero :focus-visible,.pq :focus-visible,.fcta :focus-visible,.ftr :focus-visible,.ct__l :focus-visible,.panel :focus-visible,.mcard :focus-visible,.hdr:not(.is-solid) :focus-visible{outline-color:var(--amber)}
.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* type */
.h1,.h1x,.h2,.h2m,.h2c,.h3,.serif{font-family:var(--serif);font-weight:300;text-wrap:balance}
.h1{font-size:4.5rem;line-height:1;letter-spacing:-.018em}
.h1x{font-size:4.25rem;line-height:1;letter-spacing:-.018em}
.h2{font-size:3.75rem;line-height:1.08;letter-spacing:-.018em}
.h2c{font-size:3.125rem;line-height:1;letter-spacing:-.01em}
.h2m{font-size:2.5rem;line-height:1.08;letter-spacing:-.018em}
.h3{font-size:1.5rem;line-height:1.3;letter-spacing:-.02em}
.h4{font:400 1.25rem/1.3 var(--sans)}
.lead{font-size:1.25rem;line-height:1.3}
.ui{font-size:1rem;line-height:1.1;letter-spacing:0}
.grey{color:var(--grey)} .on-dark .grey{color:var(--dim)}
p{text-wrap:pretty}

/* layout */
.wrap{width:100%;max-width:94.5rem;margin-inline:auto;padding-inline:var(--gut)}
.g{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap)}
.g>*{grid-column:var(--c,1/-1);min-width:0}
.sec{padding-block:10rem}
.sec--t6{padding-top:6rem}.sec--b0{padding-bottom:0}.sec--t0{padding-top:0}
.on-dark{background:var(--night);color:#fff}
.on-stone{background:var(--stone)}
.rule{height:1px;background:var(--rule);border:0;margin:0}
.center{text-align:center;display:grid;justify-items:center}

/* buttons: pills */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.6rem;height:2.875rem;padding:0 1.25rem;border-radius:999px;font:400 1rem/1.1 var(--sans);letter-spacing:0;white-space:nowrap;border:1px solid transparent;transition:background-color .2s var(--io),color .2s var(--io),border-color .2s var(--io)}
.btn svg{width:.5rem;height:.6875rem;flex:none}
.btn--white{background:#fff;color:var(--night)} .btn--white:hover{background:var(--amber)}
.btn--ink{background:var(--night);color:#fff} .btn--ink:hover{background:var(--inkblue)}
.btn--line{border-color:var(--rule-2);color:var(--ink);background:transparent} .btn--line:hover{background:var(--stone-2)}
.btn--line-d{border-color:rgba(255,255,255,.26);color:#fff} .btn--line-d:hover{background:rgba(255,255,255,.1)}
.btn--glass{height:2.5rem;padding:0 1rem;background:rgba(255,255,255,.12);color:#fff} .btn--glass:hover{background:rgba(255,255,255,.22)}
.btn--sm{height:2.25rem;padding:0 1rem}
.btn--full{width:100%}
.tlink{display:inline-flex;align-items:center;gap:.6rem;height:2.875rem;font:400 1rem/1.1 var(--sans);letter-spacing:0;transition:color .2s var(--io)}
.tlink svg{width:.5rem;height:.6875rem}
.tlink:hover{color:var(--amber)} .on-light .tlink:hover,.tlink--ink:hover{color:var(--royal)}
.btns{display:flex;flex-wrap:wrap;align-items:center;gap:.75rem 1.5rem}

/* the dash label: a short bar and a hairline */
.dash{display:inline-flex;align-items:center;gap:.75rem;font:400 1rem/1.4 var(--sans)}
.dash::before{content:"";flex:none;width:1.25rem;height:.25rem;background:linear-gradient(currentColor,currentColor) left center/.5rem .25rem no-repeat,linear-gradient(currentColor,currentColor) right center/.875rem 1px no-repeat}
.chip{display:inline-flex;align-items:center;height:1.5rem;padding:0 .5rem;border-radius:.25rem;background:var(--stone-2);font:400 .8125rem/1 var(--sans);color:var(--grey);white-space:nowrap}
.chip--d{background:rgba(255,255,255,.12);color:#fff}
.chip--glass{background:rgba(2,15,40,.55);color:#fff;backdrop-filter:blur(6px)}
.tag{display:inline-flex;align-items:center;height:1.5rem;padding:0 .5rem;border-radius:.25rem;font:400 .8125rem/1 var(--sans);background:rgba(255,184,80,.18);color:var(--amber);white-space:nowrap}
.tag--light{background:var(--sky);color:var(--inkblue)}
.tag--mute{background:rgba(255,255,255,.1);color:var(--dim)}

/* reveal: long ease-out */
.js [data-reveal]{opacity:0;transform:translateY(1.75rem);transition:opacity .8s var(--out),transform .85s var(--out);transition-delay:calc(var(--i,0)*80ms)}
.js [data-reveal].in{opacity:1;transform:none}

/* header */
.hdr{position:fixed;inset:0 0 auto 0;z-index:100;height:var(--hdr);display:flex;align-items:center;color:#fff;transition:transform .5s var(--io),background-color .2s var(--io),color .2s var(--io),border-color .2s var(--io);border-bottom:1px solid transparent}
.hdr__in{display:flex;align-items:center;gap:4.25rem}
.hdr__logo img{height:1.75rem;width:auto;filter:brightness(0) invert(1)}
.hdr__nav{display:flex;gap:1.5rem;font:400 1rem/1.1 var(--sans);letter-spacing:0}
.hdr__nav a{padding:.5rem 0;opacity:.92;transition:color .2s var(--io),opacity .3s var(--io)}
.hdr__nav a:hover,.hdr__nav a[aria-current]{color:var(--amber);opacity:1}
.hdr__r{margin-left:auto;display:flex;align-items:center;gap:1.5rem;font:400 1rem/1.1 var(--sans);letter-spacing:0}
.hdr__r>a:first-child{transition:color .2s var(--io)} .hdr__r>a:first-child:hover{color:var(--amber)}
.hdr.is-solid{background:#fff;color:var(--ink);border-bottom-color:var(--rule)}
.hdr.is-solid .hdr__logo img{filter:none}
.hdr.is-solid .hdr__nav a:hover,.hdr.is-solid .hdr__nav a[aria-current],.hdr.is-solid .hdr__r>a:first-child:hover{color:var(--royal)}
.hdr.is-solid .btn--line-d{border-color:var(--rule-2);color:var(--ink)} .hdr.is-solid .btn--line-d:hover{background:var(--stone-2)}
.hdr.is-hidden{transform:translateY(-101%)}
.hdr__burger{display:none;width:2.75rem;height:2.75rem;margin-left:auto;position:relative}
.hdr__burger span{position:absolute;left:.7rem;right:.7rem;height:1.5px;background:currentColor;transition:transform .35s var(--io),top .35s var(--io)}
.hdr__burger span:first-child{top:1.1rem}.hdr__burger span:last-child{top:1.6rem}
.hdr__burger[aria-expanded="true"] span:first-child{top:1.35rem;transform:rotate(45deg)}
.hdr__burger[aria-expanded="true"] span:last-child{top:1.35rem;transform:rotate(-45deg)}

/* home hero */
.hero{position:relative;background:var(--night);color:#fff;min-height:60rem;padding:7.4375rem 0 3.75rem;overflow:hidden;display:flex;flex-direction:column;text-align:center;isolation:isolate}
.hero__top{display:grid;justify-items:center}
.hero h1 .line{display:block}
.swap{position:relative;display:inline-grid;vertical-align:top;padding:0 .12em;margin:0 -.12em}
.swap__w{grid-area:1/1;text-align:center;visibility:hidden}
.swap__w.is-on{visibility:visible}
.swap__bar{position:absolute;inset:.06em 0 -.02em;background:var(--amber);transform:scaleX(0);transform-origin:left;pointer-events:none;-webkit-mask-image:repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 5px),linear-gradient(90deg,#000 0,#000 62%,transparent 62%);-webkit-mask-composite:source-over;mask-image:linear-gradient(90deg,#000 0,#000 62%,transparent 62%),repeating-linear-gradient(90deg,#000 0 3px,transparent 3px 5px)}
.swap.is-cover .swap__bar{transform:scaleX(1);transition:transform .55s var(--io)}
.swap.is-uncover .swap__bar{transform:scaleX(0);transform-origin:right;transition:transform .6s var(--out)}
.hero__p{margin-top:1.5rem;max-width:31rem;font-size:1.25rem;line-height:1.3;color:var(--dim)}
.hero .btn{margin-top:2rem}
.hero__globe{position:absolute;left:50%;top:22.5rem;width:68rem;height:44rem;margin-left:-34rem;z-index:-1;pointer-events:none}
.hero__globe canvas{width:100%;height:100%;-webkit-mask-image:linear-gradient(180deg,#000 40%,transparent 69%);mask-image:linear-gradient(180deg,#000 40%,transparent 69%)}
.hero__pin{position:absolute;left:0;top:0;display:flex;align-items:center;gap:.75rem;height:3.25rem;padding:0 1.1rem 0 .9rem;border-radius:.5rem;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font:400 .9375rem/1.2 var(--sans);text-align:left;opacity:0;transition:opacity .6s var(--io);will-change:transform}
.hero__pin b{font-weight:400;display:block}
.hero__pin small{display:block;font-size:.75rem;color:var(--dim)}
.hero__pin i{width:.5rem;height:.5rem;background:var(--amber);border-radius:1px}
.hero__logos{margin-top:auto;padding-top:4rem}
.logorow{display:flex;align-items:center;justify-content:space-between;gap:2rem}
.logorow img{height:1.75rem;width:auto;max-width:none;filter:brightness(0) invert(1);opacity:.8}
.logorow--ink img{filter:brightness(0);opacity:.55}

/* fan of cards */
.fan{position:relative;margin-top:5.5rem;height:34.5rem}
.fan__stage{position:absolute;inset:0 0 auto 0;height:27rem;overflow:hidden}
.fan__card{position:absolute;left:50%;top:0;width:16.375rem;height:20.625rem;margin-left:-8.1875rem;border-radius:var(--r);overflow:hidden;transform-origin:50% 114rem;transform:rotate(calc(var(--p,0)*12deg));transition:transform 1.2s var(--out),opacity .7s var(--io);background:var(--stone-2);display:block}
.fan__card img{width:100%;height:100%;object-fit:cover}
.fan__card .chip{position:absolute;left:.75rem;top:.75rem;opacity:0;transition:opacity .5s var(--io)}
.fan__card[data-on] .chip{opacity:1}
.fan__card[data-far]{opacity:0;pointer-events:none}
.fan__fade{position:absolute;left:0;right:0;top:12rem;height:15rem;background:linear-gradient(180deg,rgba(255,255,255,0),#fff 72%);pointer-events:none;-webkit-mask-image:linear-gradient(90deg,#000 calc(50% - 34rem),transparent calc(50% - 33rem),transparent calc(50% + 33rem),#000 calc(50% + 34rem));mask-image:linear-gradient(90deg,#000 calc(50% - 34rem),transparent calc(50% - 33rem),transparent calc(50% + 33rem),#000 calc(50% + 34rem))}
.fan__meta{position:absolute;left:50%;top:21.5rem;width:16.375rem;margin-left:-8.1875rem;display:grid}
.fan__chips{grid-area:1/1;display:flex;flex-wrap:wrap;gap:.375rem;align-content:start;opacity:0;visibility:hidden;transition:opacity .3s var(--io),visibility 0s .3s}
.fan__chips.is-on{opacity:1;visibility:visible;transition:opacity .6s var(--io) .35s,visibility 0s}
.fan .ticks{position:absolute;left:0;right:0;bottom:0;justify-content:center}
.on-stone .fan__fade{background:linear-gradient(180deg,rgba(249,248,243,0),var(--stone) 62%)}

/* tick pagination */
.ticks{display:flex;align-items:flex-end;gap:1.625rem;height:2rem}
.ticks button{position:relative;width:.75rem;height:2rem;display:flex;align-items:flex-end;justify-content:center}
.ticks button::after{content:"";width:1px;height:.8rem;background:currentColor;opacity:.4;transition:height .5s var(--out),width .3s var(--io),opacity .3s var(--io)}
.ticks button:hover::after{opacity:.8}
.ticks button[aria-selected="true"]::after{height:1.9rem;width:2px;opacity:1}
.ticks--v{flex-direction:column;align-items:flex-start;height:auto;gap:.5rem}
.ticks--v button{width:2.6rem;height:.5rem;align-items:center;justify-content:flex-start}
.ticks--v button::after{height:1px;width:.9rem;transition:width .5s var(--out),height .3s var(--io),opacity .3s var(--io)}
.ticks--v button[aria-selected="true"]::after{width:2.5rem;height:2px}

/* feature rows: label and text on one side, a deep object panel on the other */
.feat{padding-top:6rem}
.feat__in{align-items:stretch}
.feat__copy{display:flex;flex-direction:column;justify-content:space-between;min-height:31.25rem}
.feat__txt{display:grid;gap:1.5rem;justify-items:start;max-width:23.75rem;padding-bottom:.5rem}
.feat__panel{min-height:31.25rem}
.feat + .rulewrap{margin-top:6rem}

/* panels */
.panel{position:relative;border-radius:var(--r);overflow:hidden;isolation:isolate;color:#fff;background:var(--night-2);display:grid;place-items:center;padding:2.5rem}
.panel--royal{background:var(--royal)} .panel--inkblue{background:var(--inkblue)} .panel--slate{background:var(--slate)} .panel--night{background:var(--night)}
.panel--sky{background:var(--sky);color:var(--ink)} .panel--sky2{background:var(--sky-2);color:var(--ink)} .panel--stone{background:var(--stone);color:var(--ink)} .panel--stone2{background:var(--stone-2);color:var(--ink)}
.panel--photo>img.bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.panel--photo::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(1,11,31,.05),rgba(1,11,31,.28))}
.panel--ticks::before{content:"";position:absolute;inset:0 0 auto 34%;height:42%;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,255,255,.2) 0 1px,transparent 1px .9rem);-webkit-mask-image:linear-gradient(105deg,transparent 12%,#000 70%),linear-gradient(180deg,#000,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(105deg,transparent 12%,#000 70%),linear-gradient(180deg,#000,transparent);mask-composite:intersect}
.panel--bars::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-linear-gradient(90deg,rgba(255,184,80,.5) 0 2px,transparent 2px .5rem);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0,#000 calc(50% - 18.6rem),transparent calc(50% - 17.4rem),transparent calc(50% + 17.4rem),#000 calc(50% + 18.6rem),rgba(0,0,0,.35) 100%);mask-image:linear-gradient(90deg,rgba(0,0,0,.35) 0,#000 calc(50% - 18.6rem),transparent calc(50% - 17.4rem),transparent calc(50% + 17.4rem),#000 calc(50% + 18.6rem),rgba(0,0,0,.35) 100%);opacity:.55;height:8.4rem;top:calc(50% - 4.2rem)}

/* objects (flat cards carrying real facts) */
.o{width:min(100%,27rem);border-radius:var(--r);background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);color:#fff;font:400 .9375rem/1.35 var(--sans)}
.o--light{background:#fff;border-color:var(--rule);color:var(--ink)}
.o--solid{background:var(--night);border-color:rgba(255,255,255,.16)}
.o--wide{width:min(100%,34rem)}
.o__hd{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.1rem;border-bottom:1px solid rgba(255,255,255,.16);font-size:1rem}
.o--light .o__hd{border-bottom-color:var(--rule)}
.o__hd small{font-size:.8125rem;color:var(--dim)} .o--light .o__hd small{color:var(--grey)}
.o__bd{padding:.4rem 1.1rem 1rem}
.o__row{display:flex;align-items:baseline;gap:.6rem;padding:.7rem 0;border-top:1px solid rgba(255,255,255,.1)}
.o__row:first-child{border-top:0}
.o--light .o__row{border-top-color:var(--rule)}
.o__row>span:first-child{white-space:nowrap}
.o__row .lead-dots{flex:1;border-bottom:1px dotted currentColor;opacity:.32;transform:translateY(-.25em)}
.o__row .v{white-space:nowrap;text-align:right}
.o__row svg{width:.9rem;height:.9rem;flex:none;color:var(--amber);align-self:center}
.o--light .o__row svg{color:var(--royal)}
.o__big{font-family:var(--serif);font-weight:300;font-size:3.5rem;line-height:1;letter-spacing:-.02em}
.o__note{font-size:.8125rem;color:var(--dim)} .o--light .o__note{color:var(--grey)}
.js [data-seq]>*{opacity:0;transform:translateY(.5rem);transition:opacity .7s var(--out),transform .9s var(--out);transition-delay:calc(var(--k,0)*120ms + .2s)}
.js .in [data-seq]>*,.js [data-seq].in>*,.js .is-on [data-seq]>*{opacity:1;transform:none}

/* stage strip */
.stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:1.5rem;border-bottom:1px solid var(--line-d);font:400 1rem/1.3 var(--sans)}
.stages button{display:flex;align-items:center;gap:.75rem;min-height:3.25rem;padding:.5rem 0;color:var(--dim-2);transition:color .2s var(--io)}
.stages button::before{content:"";flex:none;width:1.25rem;height:.25rem;background:linear-gradient(currentColor,currentColor) left center/.875rem 1px no-repeat}
.stages button:hover{color:#fff}
.stages button.is-done{color:var(--dim)}
.stages button.is-done::before{color:var(--amber);background:linear-gradient(currentColor,currentColor) left center/.5rem .25rem no-repeat,linear-gradient(currentColor,currentColor) right center/.875rem 1px no-repeat}
.stages button[aria-selected="true"]{color:#fff}
.stages button[aria-selected="true"]::before{color:#fff;background:linear-gradient(currentColor,currentColor) left center/.5rem .25rem no-repeat,linear-gradient(currentColor,currentColor) right center/.875rem 1px no-repeat}
.stages button[aria-disabled="true"]{cursor:default}
.stagebox{width:min(100%,63.25rem);margin-inline:auto;border-radius:var(--r);border:1px solid var(--line-d);background:rgba(255,255,255,.03);padding:.5rem 2rem 2.5rem;text-align:left}
.stagebox__body{display:grid;margin-top:2.5rem;min-height:17.5rem}
.stagebox--check .stagebox__body{min-height:0}
.stagepane{grid-area:1/1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;align-items:center;opacity:0;visibility:hidden;transition:opacity .4s var(--io),visibility 0s .4s}
.stagepane.is-on{opacity:1;visibility:visible;transition:opacity .8s var(--out) .25s,visibility 0s}
.stagepane__txt{display:grid;gap:1rem;justify-items:start;padding:0}
.stagepane__txt p{color:var(--dim);max-width:22rem}
.stagepane__obj{display:grid;justify-items:end;padding:0}
.stagepane__obj>.o{width:min(100%,27rem)}

/* captions */
.caps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);grid-template-rows:auto 1fr;row-gap:1rem}
.cap{display:grid;grid-template-rows:subgrid;grid-row:span 2}
.cap p{color:var(--grey);max-width:21.5rem}
.on-dark .cap p{color:var(--dim)}
.cap .num{font-family:var(--serif);font-weight:300;font-size:3.75rem;line-height:1;letter-spacing:-.02em}
.caps--num{grid-template-rows:auto auto 1fr}
.caps--num .cap{grid-row:span 3}
.caps--ruled .cap{border-top:1px solid var(--rule);padding-top:1.5rem}

/* two-up tiles with captions */
.duo{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:var(--gap);grid-template-rows:auto auto 1fr;row-gap:0}
.duo__item{display:grid;grid-template-rows:subgrid;grid-row:span 3}
.duo__tile{position:relative;height:28rem;border-radius:var(--r);background:var(--stone);display:grid;place-items:center;overflow:hidden}
.duo__tile .chip{position:absolute;left:1.25rem;top:1.25rem;background:var(--stone-2)}
.duo__tile img{height:11rem;width:auto;border-radius:.25rem}
.duo__item h3{margin-top:1.75rem}
.duo__item p{margin-top:1rem;color:var(--ink);max-width:31rem}

/* dark object cards */
.dcards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);grid-auto-rows:auto}
.dcard{border-radius:var(--r);background:var(--card-d);display:grid;grid-template-rows:20.5rem auto;overflow:hidden}
.dcard__art{position:relative;display:grid;place-items:center;padding:2rem}
.dcard__art>.o{width:min(100%,25rem);font-size:1rem}
.dcard__art .stack-docs{transform:scale(1.12)}
.dcard__cap{padding:0 1.75rem 2rem;display:grid;gap:1rem;align-content:start}
.dcard__cap p{color:var(--dim);max-width:31rem}
.stack-docs{position:relative;width:30rem;height:13.5rem}
.doc{position:absolute;width:10.75rem;border-radius:.2rem;background:#172543;border:1px solid rgba(255,255,255,.14);padding:.8rem .9rem;font:400 .75rem/1.35 var(--sans);color:var(--dim)}
.doc b{display:block;font-weight:400;color:#fff;font-size:.8125rem;margin-bottom:.45rem}
.doc i{display:block;height:1px;background:rgba(255,255,255,.16);margin:.35rem 0}
.doc .tag{margin-top:.5rem}
.statrow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);margin-top:7.5rem}
.stat{position:relative;padding-top:1.75rem;border-top:1px solid var(--line-d);display:grid;gap:.75rem;align-content:start}
.stat::after{content:"";position:absolute;left:0;right:0;top:.75rem;height:.75rem;background:repeating-linear-gradient(90deg,rgba(255,255,255,.22) 0 1px,transparent 1px .75rem);-webkit-mask-image:linear-gradient(90deg,#000,transparent 85%);mask-image:linear-gradient(90deg,#000,transparent 85%);display:none}
.stat b{font-family:var(--serif);font-weight:300;font-size:4.5rem;line-height:1;letter-spacing:-.02em;font-variant-numeric:tabular-nums}
.stat span{color:var(--dim)}
.on-light .stat{border-top-color:var(--rule-2)} .on-light .stat span{color:var(--grey)}

/* full-bleed photo quote */
.pq{position:relative;height:min(47rem,100vh);min-height:34rem;color:#fff;isolation:isolate;overflow:hidden;background:var(--night)}
.pq>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}
.pq::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(1,11,31,.86) 0%,rgba(1,11,31,.5) 45%,rgba(1,11,31,.05) 80%),linear-gradient(0deg,rgba(1,11,31,.6),rgba(1,11,31,0) 40%)}
.pq__in{height:100%;display:flex;flex-direction:column;justify-content:space-between;padding-block:2.5rem 2rem}
.pq__top{font:400 1.125rem/1.2 var(--sans);display:flex;align-items:baseline;gap:.6rem}
.pq__top b{font-family:var(--serif);font-weight:300;font-size:1.75rem}
.pq__mid{display:grid;gap:1.5rem;justify-items:start;max-width:36rem;margin-top:auto;margin-bottom:3.5rem}
.pq__quotes{display:grid}
.pq__q{grid-area:1/1;display:grid;gap:1.25rem;opacity:0;visibility:hidden;transition:opacity .35s var(--io),visibility 0s .35s}
.pq__q.is-on{opacity:1;visibility:visible;transition:opacity .8s var(--out) .3s,visibility 0s}
.pq__q blockquote{font-family:var(--serif);font-weight:400;font-size:2.5rem;line-height:1.15;letter-spacing:-.018em}
.pq__q cite{font:400 1rem/1.2 var(--sans);font-style:normal;color:var(--dim)}

/* wheel */
.wheelsec{min-height:52rem;display:flex;align-items:center;padding-block:6rem}
.wheel__copy{display:grid;gap:3rem;align-content:center}
.dashlist{display:grid}
.dashlist__item{border-bottom:1px solid var(--rule-2);position:relative}
.dashlist__q{width:100%;display:flex;align-items:center;gap:.9rem;padding:1.25rem 0;font:400 1.125rem/1.4 var(--sans);color:var(--grey);transition:color .5s var(--io)}
.dashlist__q::before{content:"";flex:none;width:1.25rem;height:.25rem;background:linear-gradient(currentColor,currentColor) left center/.875rem 1px no-repeat;transition:background-size .4s var(--io)}
.dashlist__item.is-open .dashlist__q{color:var(--ink)}
.dashlist__item.is-open .dashlist__q::before{background:linear-gradient(currentColor,currentColor) left center/.5rem .25rem no-repeat,linear-gradient(currentColor,currentColor) right center/.875rem 1px no-repeat}
.dashlist__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .62s var(--acc)}
.dashlist__item.is-open .dashlist__a{grid-template-rows:1fr}
.dashlist__a>div{overflow:hidden;min-height:0}
.dashlist__a p{padding:0 0 1.5rem;max-width:21.75rem;color:var(--grey)}
.panel .dashlist__a p,.on-dark .dashlist__a p{color:inherit}
.panel--sky .dashlist__a p,.panel--stone .dashlist__a p,.panel--stone2 .dashlist__a p{color:var(--grey)}
.dashlist__item::after{content:"";position:absolute;left:0;bottom:-1px;height:1px;width:0;background:var(--ink)}
.dashlist__item.is-open.is-timed::after{width:100%;transition:width var(--dwell,6s) linear}
.on-dark .dashlist__item,.panel .dashlist__item{border-bottom-color:rgba(255,255,255,.16)}
.on-dark .dashlist__q,.panel .dashlist__q{color:var(--dim)}
.on-dark .dashlist__item.is-open .dashlist__q,.panel .dashlist__item.is-open .dashlist__q{color:#fff}
.panel .dashlist__item::after{background:var(--amber)}
.panel--sky .dashlist__q,.panel--stone .dashlist__q,.panel--stone2 .dashlist__q{color:var(--grey)}
.panel--sky .dashlist__item.is-open .dashlist__q,.panel--stone .dashlist__item.is-open .dashlist__q,.panel--stone2 .dashlist__item.is-open .dashlist__q{color:var(--ink)}
.panel--sky .dashlist__item,.panel--stone .dashlist__item,.panel--stone2 .dashlist__item{border-bottom-color:rgba(2,15,40,.14)}
.panel--sky .dashlist__item::after,.panel--stone .dashlist__item::after,.panel--stone2 .dashlist__item::after{background:var(--ink)}
.wheel{position:relative;height:34rem;overflow:hidden;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 22%,#000 78%,transparent 100%)}
.wheel__track{position:absolute;left:0;right:0;top:50%;transition:transform 1s var(--out)}
.wheel__item{height:5.6rem;display:flex;align-items:center;font:400 2.75rem/1.1 var(--sans);letter-spacing:-.01em;white-space:nowrap;transform-origin:left center;transition:transform 1s var(--out),filter 1s var(--out),opacity 1s var(--out);opacity:.5;filter:blur(3px);transform:scale(.8)}
.wheel__item[data-d="0"]{opacity:1;filter:none;transform:none}
.wheel__item[data-d="1"]{opacity:.72;filter:blur(1.2px);transform:scale(.9)}
.wheel__count{font:400 1rem/1 var(--sans);color:var(--grey);font-variant-numeric:tabular-nums}

/* closing headline with scattered photos */

/* card rail */
.rail{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding-inline:max(var(--gut),calc((100vw - 82.5rem)/2));scroll-padding-inline:max(var(--gut),calc((100vw - 82.5rem)/2))}
.rail::-webkit-scrollbar{display:none}
.rcard{flex:0 0 26rem;scroll-snap-align:start;border-radius:var(--r);background:var(--stone);padding:.5rem .5rem 1.5rem;display:grid;grid-template-rows:auto auto 1fr auto;row-gap:0;transition:background-color .2s var(--io)}
a.rcard:hover{background:var(--stone-2)}
.rcard__img{height:17.5rem;border-radius:.25rem;overflow:hidden;background:var(--stone-2)}
.rcard__img img{width:100%;height:100%;object-fit:cover}
.rcard .chip{margin:1.25rem .75rem 0;justify-self:start;background:var(--stone-2)}
.rcard h3{margin:.9rem .75rem 0}
.rcard p{margin:.75rem .75rem 0;font-size:1rem;color:var(--grey)}
.railnav{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:2.5rem}
.railnav .arr{width:2rem;height:2rem;display:grid;place-items:center;color:var(--grey);transition:color .2s var(--io)}
.railnav .arr:hover{color:var(--ink)} .railnav .arr[disabled]{opacity:.3;cursor:default}
.railnav svg{width:.5rem;height:.75rem}
.guides{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));column-gap:var(--gap);grid-template-rows:auto 1fr}
.guides a{display:grid;grid-template-rows:subgrid;grid-row:span 2;grid-template-columns:minmax(0,1fr) auto;column-gap:1.5rem;row-gap:.6rem;border-top:1px solid var(--rule-2);padding:1.4rem 0 0;transition:color .2s var(--io)}
.guides a:hover{color:var(--royal)}
.guides span{grid-column:1/-1;font-size:1rem;color:var(--grey)}
.guides h4{max-width:17em}
.guides svg{width:.5rem;height:.6875rem;margin-top:.7rem}

/* closing call to action and footer */
.fcta{position:relative;background:var(--night);color:#fff;padding:9rem 0 6rem}
.fcta__in{position:relative;padding-left:5.5rem}
.fcta__in h2{max-width:13em}
.fcta__in p.note{margin-top:1.5rem;font-family:var(--serif);font-weight:300;font-size:1.375rem;line-height:1.2;letter-spacing:-.02em}
.fcta__in .btns{margin-top:5.25rem}
.fcta__in .fee{margin-top:.9rem;font-size:1rem;color:var(--dim)}
.sideticks{position:absolute;top:0;bottom:0;width:1.25rem;display:flex;flex-direction:column;justify-content:space-between;padding-block:.8rem .9rem}
.sideticks i{height:1px;width:.625rem;background:var(--dim-2)}
.sideticks i.on{height:.25rem;width:1.25rem;background:linear-gradient(#fff,#fff) left center/.5rem .25rem no-repeat,linear-gradient(#fff,#fff) right center/.875rem 1px no-repeat}
.sideticks--l{left:0} .sideticks--r{right:0;align-items:flex-end}
.ftr{background:var(--night);color:#fff;padding:5rem 0 76px;overflow:hidden}
.ftr__logo img{height:1.75rem;width:auto;filter:brightness(0) invert(1)}
.ftr address{font-style:normal;margin-top:1.75rem;font-size:1rem;line-height:1.6;color:var(--dim)}
.ftr address a{transition:color .2s var(--io)} .ftr address a:hover{color:var(--amber)}
.ftr h4{font:400 1rem/1.1 var(--sans);letter-spacing:0;color:var(--grey-2);margin-bottom:1.6rem}
.ftr__col a{display:block;font:400 1rem/1.1 var(--sans);letter-spacing:0;padding:.36rem 0;transition:color .2s var(--io)}
.ftr__col a:hover{color:var(--amber)}
.ftr__badges{display:flex;gap:.6rem;margin-top:1.75rem}
.ftr__badges span{height:4.25rem;padding:.4rem;border-radius:.25rem;background:var(--stone);display:inline-flex}
.ftr__badges img{height:100%;width:auto;border-radius:.15rem}
.ftr__base{margin-top:4.5rem}
.ftr__ticks{height:.75rem;background:repeating-linear-gradient(90deg,rgba(255,255,255,.28) 0 1px,transparent 1px .75rem);-webkit-mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.25));mask-image:linear-gradient(90deg,#000,rgba(0,0,0,.25))}
.ftr__legal{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.5rem 2rem;margin-top:1.4rem;font:400 1rem/1.5 var(--sans);color:var(--grey-2)}
.ftr__legal a{color:var(--dim);transition:color .2s var(--io)} .ftr__legal a:hover{color:var(--amber)}

/* inner page hero */
.phero{position:relative;background:var(--night);color:#fff;padding:9.6rem 0 6.5rem;text-align:center;overflow:hidden;isolation:isolate}
.phero__top{display:grid;justify-items:center}
.phero .dash{color:rgba(255,255,255,.8);margin-bottom:2.1rem}
.phero h1{max-width:13em}
.phero__p{margin-top:2rem;max-width:33rem;font-size:1.25rem;line-height:1.3;color:var(--dim)}
.phero .btns{margin-top:2.25rem;justify-content:center}
.phero .stagebox{margin-top:4.5rem}
.wedge{position:absolute;top:0;height:60rem;width:14.75rem;z-index:-1;background:repeating-linear-gradient(180deg,rgba(255,184,80,.5) 0 1px,transparent 1px 1.62rem);opacity:.55}
.wedge--l{left:0;clip-path:polygon(0 0,7% 0,100% 62%,60% 100%,0 100%);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000);mask-image:linear-gradient(90deg,rgba(0,0,0,.15),#000)}
.wedge--r{right:0;clip-path:polygon(100% 0,93% 0,0 62%,40% 100%,100% 100%);-webkit-mask-image:linear-gradient(270deg,rgba(0,0,0,.15),#000);mask-image:linear-gradient(270deg,rgba(0,0,0,.15),#000)}
.phero .caps{margin:5rem auto 0;text-align:left;width:min(100%,63.25rem)}
.phero .cap p{color:var(--dim)}
.phero .cap h4{display:flex;align-items:center;gap:.75rem}
.phero .cap h4 svg{width:1.1rem;height:1.1rem;flex:none}

/* arc selector */
.arc{position:relative;height:42.5rem;margin-top:4rem}
.arc svg.arcline{position:absolute;left:50%;top:0;width:82.5rem;height:27.5rem;margin-left:-41.25rem;overflow:visible}
.arc__words{position:absolute;left:0;right:0;top:22.75rem;height:6rem}
.arc__w{position:absolute;left:50%;top:0;font-family:var(--serif);font-weight:300;font-size:4.5rem;line-height:1.1;letter-spacing:-.018em;white-space:nowrap;transform:translate(-50%,0) translateX(calc(var(--x,0)*23rem)) translateY(calc(var(--y,0)*.75rem)) scale(var(--s,1));color:var(--ink);opacity:var(--o,1);transition:transform 1.1s var(--out),opacity .8s var(--io)}
.arc__w[data-pos="-1"]{--x:-1;--y:1;--s:.667;--o:.4}
.arc__w[data-pos="1"]{--x:1;--y:1;--s:.667;--o:.4}
.arc__w[data-pos="2"],.arc__w[data-pos="-2"]{--s:.5;--o:0;--y:3}
.arc__w[data-pos="2"]{--x:2}.arc__w[data-pos="-2"]{--x:-2}
.arc__descs{position:absolute;left:50%;top:28.75rem;width:22rem;margin-left:-11rem;display:grid;text-align:center}
.arc__d{grid-area:1/1;opacity:0;visibility:hidden;transition:opacity .3s var(--io),visibility 0s .3s}
.arc__d.is-on{opacity:1;visibility:visible;transition:opacity .7s var(--out) .35s,visibility 0s}
.tickruler{position:absolute;left:50%;bottom:0;width:44.5rem;margin-left:-22.25rem}
.tickruler__t{display:flex;justify-content:space-between;align-items:flex-end;height:1.4rem}
.tickruler__t i{width:1px;height:.5rem;background:var(--rule-2);transition:height .6s var(--out),background-color .5s var(--io),width .3s}
.tickruler__t i.maj{height:.8rem;background:var(--grey-2)}
.tickruler__t i.in{background:var(--ink)}
.tickruler__t i.mark{height:1.4rem;width:2px;background:var(--ink)}
.tickruler__l{display:flex;justify-content:space-between;margin-top:.6rem;font:400 .8125rem/1 var(--sans);color:var(--grey)}

/* side-nav stack */
.stk__nav{position:sticky;top:6.5rem;align-self:start;display:grid;gap:.1rem}
.stk__nav a{display:flex;align-items:center;gap:1rem;padding:.2rem 0;font:400 1rem/1.4 var(--sans);color:#565f76;transition:color .4s var(--io)}
.stk__nav a::before{content:"";flex:none;width:1.25rem;height:.25rem;background:linear-gradient(currentColor,currentColor) left center/.75rem 1px no-repeat;opacity:.6}
.stk__nav a.is-on{color:var(--ink)}
.stk__nav a.is-on::before{opacity:1;background:linear-gradient(currentColor,currentColor) left center/.5rem .25rem no-repeat,linear-gradient(currentColor,currentColor) right center/.875rem 1px no-repeat}
.stk__nav a:hover{color:var(--ink)}
.part{border-top:1px solid var(--rule);padding-top:5rem;margin-top:5rem;scroll-margin-top:6rem}
.part:first-child{border-top:0;padding-top:0;margin-top:0}
.part>h3{max-width:14em;margin-bottom:2.5rem}
.part .panel{min-height:33.75rem;padding:1.5rem}
.part .caps{margin-top:2.5rem}
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:1.5rem;width:100%;height:100%;align-items:center;place-self:stretch}
.split__l{display:grid;align-content:center;padding:0 1.5rem 0 .25rem}
.split__r{display:grid;justify-items:end;gap:.75rem;padding-right:.25rem}
.split__r>.o,.split__r>.faqpanes{width:min(100%,25rem)}
.split__r>.o--wide{width:min(100%,28rem)}
.pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--gap);grid-template-rows:auto auto 1fr}
.pair__c{border-radius:var(--r);background:var(--sky);display:grid;grid-template-rows:subgrid;grid-row:span 3;padding:0 1.5rem 1.75rem;row-gap:.8rem}
.pair__c--2{background:var(--sky-2)}
.pair__art{height:19rem;display:grid;place-items:center;margin-inline:-1.5rem;padding:1.5rem}
.pair__c h4{font:400 1.125rem/1.4 var(--sans)}
.pair__c p{color:var(--grey)}
.lic{width:min(100%,19rem);aspect-ratio:1.6;border-radius:.5rem;background:#fff;border:1px solid rgba(2,15,40,.12);padding:1.1rem 1.2rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);font:400 .8125rem/1.3 var(--sans)}
.lic--d{background:var(--night-2);color:#fff;border-color:rgba(255,255,255,.16)}
.lic b{font-family:var(--serif);font-weight:300;font-size:1.6rem;line-height:1.1;letter-spacing:-.02em;display:block}
.lic small{color:var(--grey);font-size:.8125rem} .lic--d small{color:var(--dim)}
.lic__ft{display:flex;flex-wrap:wrap;gap:.3rem}
.widepanel{margin-top:var(--gap);min-height:17rem!important;padding:2.5rem}
.widepanel .split__l{gap:1rem}

/* proof */
.proof__hd{display:flex;align-items:flex-end;justify-content:space-between;gap:2rem}
.proof__hd h2{max-width:10.5em}
.proof__bd{margin-top:5.5rem;align-items:stretch}
.proof__photo{height:25rem;border-radius:var(--r);overflow:hidden}
.proof__photo img{width:100%;height:100%;object-fit:cover}
.proof__r{display:flex;flex-direction:column}
.proof__mark{display:flex;align-items:baseline;gap:.6rem;padding-bottom:1.5rem;border-bottom:1px solid var(--rule-2);font-size:1rem;color:var(--grey)}
.proof__mark b{font-family:var(--serif);font-weight:300;font-size:1.75rem;color:var(--ink)}
.proof__quotes{display:grid;flex:1;margin-top:3rem}
.proof__q{grid-area:1/1;display:flex;flex-direction:column;justify-content:space-between;gap:2rem;opacity:0;visibility:hidden;transition:opacity .35s var(--io),visibility 0s .35s}
.proof__q.is-on{opacity:1;visibility:visible;transition:opacity .8s var(--out) .3s,visibility 0s}
.proof__q blockquote{font-family:var(--serif);font-weight:300;font-size:1.75rem;line-height:1.2;letter-spacing:-.02em;max-width:32.5rem}
.proof__q cite{font-style:normal;display:grid;gap:.2rem}
.proof__q cite span{font-size:1rem;letter-spacing:0;color:var(--grey)}

/* listed accordion beside an object panel (FAQ) */
.faqrow{align-items:stretch}
.faqrow__l{display:flex;flex-direction:column;justify-content:space-between;gap:3rem}
.faqrow .panel{min-height:34rem;padding:3rem}
.faqrow .faqpanes{width:min(100%,40rem)}
.faqrow .o{width:100%;font-size:1.0625rem}
.faqrow .o--wide{padding:1.75rem!important}
.faqrow .bar5__t{height:3.4rem}
.faqrow .bar5__t i{font-size:.9375rem;padding-left:1rem}
.faqrow .lic{width:min(62%,22rem)}
.faqrow .lic b{font-size:1.9rem}
.faqpanes{display:grid;width:100%;justify-items:center}
.faqpane{grid-area:1/1;display:grid;justify-items:stretch;align-content:center;align-self:center;gap:.75rem;width:100%;opacity:0;visibility:hidden;transform:translateY(1rem);transition:opacity .35s var(--io),transform .5s var(--io),visibility 0s .35s}
.faqpane.is-on{opacity:1;visibility:visible;transform:none;transition:opacity .8s var(--out) .25s,transform 1s var(--out) .25s,visibility 0s}

/* "more" rail of coloured cards */
.more{align-items:start}
.more__l{display:grid;gap:8.5rem;align-content:start}
.more__list{display:grid;justify-items:start}
.more__list button{display:flex;align-items:center;gap:.9rem;padding:.85rem 0;font:400 1rem/1.4 var(--sans);color:var(--grey);border-bottom:1px solid var(--rule-2);min-width:11rem;transition:color .4s var(--io),border-color .4s var(--io)}
.more__list button::before{content:"";flex:none;width:1.25rem;height:.25rem;background:linear-gradient(currentColor,currentColor) left center/.75rem 1px no-repeat}
.more__list button.is-on{color:var(--ink);border-bottom-color:var(--ink)}
.more__list button.is-on::before{background:linear-gradient(currentColor,currentColor) left center/.5rem .25rem no-repeat,linear-gradient(currentColor,currentColor) right center/.875rem 1px no-repeat}
.more__rail{display:flex;gap:var(--gap);overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:calc(var(--gut)*-1);padding-right:var(--gut)}
.more__rail::-webkit-scrollbar{display:none}
.mcard{flex:0 0 40.4rem;height:33.4rem;scroll-snap-align:start;border-radius:var(--r);padding:.5rem;color:#fff;display:grid;grid-template-rows:1fr auto;background:var(--inkblue)}
.mcard--royal{background:var(--royal)} .mcard--slate{background:var(--slate)} .mcard--night{background:var(--night-2)}
.mcard__art .lic{width:min(100%,24rem)}
.mcard__art .stack-docs{transform:scale(1.22)}
.mcard__art .lic b{font-size:2rem}
.mcard__art{border-radius:.25rem;background:rgba(1,11,31,.22);display:grid;place-items:center;padding:1.5rem;position:relative;overflow:hidden}
.mcard__cap{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.5rem 1rem 1.25rem}
.mcard__cap h3{max-width:24rem}

/* about: timeline */
.tl{position:relative;padding-bottom:6rem}
.tl__bar{position:sticky;top:0;z-index:5;height:.5rem;margin:0 var(--gut);background:repeating-linear-gradient(90deg,rgba(255,255,255,.14) 0 1px,transparent 1px 1.3rem)}
.tl__bar i{display:block;height:100%;width:calc(var(--p,0)*100%);background:repeating-linear-gradient(90deg,var(--amber) 0 .6rem,transparent .6rem 1.3rem);-webkit-mask-image:linear-gradient(90deg,rgba(0,0,0,.25),#000 60%);mask-image:linear-gradient(90deg,rgba(0,0,0,.25),#000 60%)}
.tl__rows{position:relative}
.tl__rows::before{content:"";position:absolute;left:0;top:0;bottom:0;width:.75rem;background:repeating-linear-gradient(180deg,rgba(255,255,255,.2) 0 1px,transparent 1px 1.3rem)}
.tl__row{min-height:29rem;align-items:center}
.tl__year{display:flex;align-items:center;gap:1.25rem;font:400 1rem/1 var(--sans);color:var(--dim);font-variant-numeric:tabular-nums}
.tl__year::before{content:"";width:2rem;height:.25rem;background:linear-gradient(var(--amber),var(--amber)) left center/.8rem .25rem no-repeat,linear-gradient(rgba(255,184,80,.6),rgba(255,184,80,.6)) right center/1.2rem 1px no-repeat}
.tl__img{justify-self:center;width:13rem;height:11.25rem;border-radius:var(--r);overflow:hidden;background:var(--stone);display:grid;place-items:center}
.tl__img img{width:100%;height:100%;object-fit:cover}
.tl__img--badge img{width:auto;height:76%;object-fit:contain;border-radius:.2rem}
.tl__txt{display:grid;gap:.6rem;max-width:21rem}
.tl__txt p{font-size:1rem;line-height:1.5;color:var(--dim)}
.prose{display:grid;gap:1.6rem;max-width:34rem}
.prose p{color:var(--dim)}
.on-light .prose p{color:var(--grey)}

/* about: team-card tiles */
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--gap)}
.tile{border-radius:var(--r);background:var(--stone);padding:1rem;min-height:23.5rem;display:flex;flex-direction:column;justify-content:space-between}
.tile__pic{width:6.5rem;height:6.5rem;border-radius:.25rem;overflow:hidden;background:#fff;display:grid;place-items:center}
.tile__pic img{width:100%;height:100%;object-fit:cover}
.tile__pic--badge img{width:auto;height:84%;object-fit:contain}
.tile__ft{display:grid;gap:.4rem}
.tile__ft small{font-size:.875rem;color:var(--grey)}
.tile__ft p{font-size:1rem;color:var(--grey);margin-top:.5rem;max-width:23rem}
.founder{align-items:stretch}
.clist{display:grid;border-top:1px solid var(--rule-2)}
.clist a,.clist div{display:grid;grid-template-columns:8rem 1fr;gap:1rem;padding:.9rem 0;border-bottom:1px solid var(--rule-2);font-size:1.0625rem}
.clist span:first-child{color:var(--grey)}
.clist a{transition:color .2s var(--io)} .clist a:hover{color:var(--royal)}
.on-dark .clist,.on-dark .clist a,.on-dark .clist div{border-color:var(--line-d)} .on-dark .clist span:first-child{color:var(--dim)} .on-dark .clist a:hover{color:var(--amber)}

/* FAQ accordion (plain) */
.acc__item{border-bottom:1px solid var(--rule-2)}
.acc__item:first-child{border-top:1px solid var(--rule-2)}
.acc__q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1.4rem 0;font-family:var(--serif);font-weight:300;font-size:1.5rem;line-height:1.3;letter-spacing:-.02em;transition:color .2s var(--io)}
.acc__q:hover{color:var(--royal)}
.acc__q i{position:relative;width:1rem;height:1rem;flex:none}
.acc__q i::before,.acc__q i::after{content:"";position:absolute;left:0;top:calc(50% - .5px);width:1rem;height:1px;background:currentColor;transition:transform .62s var(--acc)}
.acc__q i::after{transform:rotate(90deg)}
.is-open>.acc__q i::after{transform:rotate(0)}
.acc__a{display:grid;grid-template-rows:0fr;transition:grid-template-rows .62s var(--acc)}
.is-open>.acc__a{grid-template-rows:1fr}
.acc__a>div{overflow:hidden;min-height:0}
.acc__a p{padding:0 3rem 1.6rem 0;color:var(--grey);max-width:38rem}

/* waffle, rulers, checklist */
.waffle{display:grid;grid-template-columns:repeat(10,1fr);gap:.2rem;width:100%}
.waffle i{aspect-ratio:1;border-radius:1px;background:rgba(255,255,255,.16);outline:1px solid transparent;outline-offset:-1px;transition:background-color .5s var(--io),outline-color .5s var(--io);transition-delay:calc(var(--k,0)*8ms + .25s)}
.in .waffle i,.waffle.in i,.is-on .waffle i{background:var(--amber)}
.in .waffle i.off,.waffle.in i.off,.is-on .waffle i.off{background:transparent;outline-color:rgba(255,255,255,.32)}
.figs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;width:100%}
.fig{border-radius:var(--r);border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.05);padding:1rem;display:grid;gap:.9rem;align-content:start}
.fig p{font-size:.875rem;line-height:1.35;color:var(--dim)}
.fig p b{display:block;font-weight:400;font-size:1rem;color:#fff}
.bar5{width:100%;display:grid;gap:.7rem}
.bar5__t{display:grid;grid-template-columns:repeat(10,1fr);height:2.6rem;border-radius:.25rem;overflow:hidden;background:rgba(255,255,255,.1)}
.bar5__t i{font:400 .8125rem/1 var(--sans);font-style:normal;display:flex;align-items:center;padding-left:.7rem;white-space:nowrap;clip-path:inset(0 100% 0 0);transition:clip-path 1.3s var(--out)}
.in .bar5__t i,.bar5.in .bar5__t i,.is-on .bar5__t i{clip-path:inset(0)}
.bar5__t .a{grid-column:1/6;background:#fff;color:var(--night)}
.bar5__t .b{grid-column:6/11;background:var(--sky);color:var(--night);transition-delay:.7s}
.bar5__y{display:flex;justify-content:space-between;font:400 .75rem/1 var(--sans);color:var(--dim)}
.bar5__end{display:flex;justify-content:flex-end;align-items:center;gap:.5rem;font-size:.8125rem}
.checklist{width:min(100%,27rem);display:grid;gap:0;text-align:left}
.checklist button{display:grid;grid-template-columns:2rem 1fr;align-items:center;gap:.4rem;padding:1rem 0;border-bottom:1px solid rgba(255,255,255,.14);font:400 1.0625rem/1.3 var(--sans);color:#fff}
.checklist button .bx{width:1.25rem;height:1.25rem;border:1px solid rgba(255,255,255,.5);border-radius:.2rem;display:grid;place-items:center;transition:background-color .2s var(--io),border-color .2s var(--io)}
.checklist button .bx svg{width:.75rem;height:.75rem;color:var(--night);opacity:0;transition:opacity .25s var(--io)}
.checklist button[aria-pressed="true"] .bx{background:var(--amber);border-color:var(--amber)}
.checklist button[aria-pressed="true"] .bx svg{opacity:1}
.checklist button:hover .bx{border-color:var(--amber)}
.checkout{display:grid;margin-top:1.25rem;min-height:6.5rem}
.checkout>div{grid-area:1/1;display:grid;gap:.9rem;justify-items:start;align-content:start;opacity:0;visibility:hidden;transition:opacity .3s var(--io),visibility 0s .3s}
.checkout>div.is-on{opacity:1;visibility:visible;transition:opacity .7s var(--out) .2s,visibility 0s}
.checkout p{color:var(--dim);font-size:1rem}
.checkout b{font-family:var(--serif);font-weight:300;font-size:1.75rem;line-height:1.15;letter-spacing:-.02em}

/* contact */
.ct{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:100vh}
.ct__l{position:relative;background:var(--night);color:#fff;padding:1.75rem 4.75rem 2.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;overflow:hidden}
.ct__l::before{content:"";position:absolute;left:2.2rem;top:1.5rem;bottom:1.5rem;width:.5rem;background:repeating-linear-gradient(180deg,var(--dim-2) 0 1px,transparent 1px 1.9rem)}
.ct__back{align-self:flex-start;margin-left:1.5rem;width:3.1rem;height:2.25rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);display:grid;place-items:center;transition:background-color .2s var(--io)}
.ct__back:hover{background:rgba(255,255,255,.1)} .ct__back svg{width:.4rem;height:.6rem}
.ct__logo{height:2.1rem;width:auto;filter:brightness(0) invert(1);margin-top:.25rem}
.ct__l h1{margin-top:1.75rem;font-size:3.5rem;line-height:1.02;max-width:9em}
.ct__rate{margin-top:1.25rem;font-size:1rem;color:var(--dim)} .ct__rate b{font-weight:400;color:#fff}
.ct__cards{position:relative;width:min(100%,33rem);height:16.5rem;margin-top:2.75rem}
.ct__card{position:absolute;left:50%;top:1rem;width:16.25rem;height:14.5rem;margin-left:-8.125rem;border-radius:var(--r);background:#0f1c36;padding:1.25rem 1.1rem;display:flex;flex-direction:column;justify-content:space-between;text-align:left;font-size:1.0625rem;line-height:1.3;transition:transform 1s var(--out),opacity .8s var(--io),background-color .8s var(--io)}
.ct__card svg{width:1.6rem;height:1.6rem;color:var(--amber)}
.ct__card[data-pos="0"]{transform:translateY(-.9rem) scale(1.04);z-index:2;background:#16264a}
.ct__card[data-pos="-1"]{transform:translateX(-8.4rem);opacity:.45}
.ct__card[data-pos="1"]{transform:translateX(8.4rem);opacity:.45}
.ct__l .ticks{margin-top:1.25rem;justify-content:center}
.ct__l .logorow{margin-top:auto;padding-top:2.5rem;width:100%;justify-content:center;gap:3rem}
.ct__l .logorow img{height:1.4rem;max-width:7.5rem}
.ct__r{position:relative;display:grid;place-items:center;padding:3.5rem 2rem;isolation:isolate}
.ct__r>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-1}
.form{width:min(100%,31.5rem);background:#fff;padding:2rem 2rem 2rem;display:grid;gap:1.4rem;border-radius:.125rem}
.form h2{font:400 1.25rem/1.3 var(--sans)}
.seg{display:grid;gap:.5rem}
.seg>span{font-size:.9375rem}
.seg__opts{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:.25rem;padding:.25rem;border-radius:999px;background:var(--stone-2)}
.seg__opts button{height:2.25rem;border-radius:999px;text-align:center;font:400 .9375rem/1 var(--sans);color:var(--grey);transition:background-color .2s var(--io),color .2s var(--io)}
.seg__opts button:hover{color:var(--ink)}
.seg__opts button[aria-selected="true"]{background:var(--night);color:#fff}
.fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem .75rem}
.fld{display:grid;gap:.5rem}
.fld--full{grid-column:1/-1}
.fld label{font-size:.9375rem}
.fld input,.fld select,.fld textarea{width:100%;height:3rem;padding:0 .8rem;border:1px solid #E3E2DC;border-radius:.2rem;background:#fff;font:400 1rem/1.3 var(--sans);color:var(--ink);appearance:none;transition:border-color .2s var(--io)}
.fld textarea{height:6.5rem;padding:.7rem .8rem;resize:vertical}
.fld select{background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8' fill='none' stroke='%23020F28' stroke-width='1.3'%3E%3Cpath d='M1 1.5l5 5 5-5'/%3E%3C/svg%3E") right .9rem center/.7rem no-repeat;padding-right:2.4rem}
.fld input::placeholder,.fld textarea::placeholder{color:#A9ADB8}
.fld input:hover,.fld select:hover,.fld textarea:hover{border-color:var(--grey-2)}
.fld input:focus,.fld select:focus,.fld textarea:focus{outline:none;border-color:var(--ink)}
.form__note{font-size:.875rem;line-height:1.45;color:var(--grey)}
.form__note a{border-bottom:1px solid currentColor}
.placeholder{border:1px dashed var(--grey-2);border-radius:.25rem;padding:3rem 1.5rem;display:grid;gap:.75rem;justify-items:center;text-align:center;background:var(--stone)}
.placeholder p{font-size:1rem;color:var(--grey);max-width:22rem}
.callbox{display:grid;gap:1rem;justify-items:start;padding:1rem 0}
.callbox a.tel{font-family:var(--serif);font-weight:300;font-size:2.6rem;line-height:1;letter-spacing:-.02em;transition:color .2s var(--io)}
.callbox a.tel:hover{color:var(--royal)}
.callbox p{color:var(--grey);font-size:1rem}
[data-when]{display:none}
[data-when].is-on{display:revert}
.fld[data-when].is-on{display:grid}
.ctinfo{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));column-gap:var(--gap)}
.ctinfo>div{border-top:1px solid var(--rule-2);padding-top:1.5rem;display:grid;gap:.6rem;align-content:start}
.ctinfo span{font-size:1rem;color:var(--grey)}
.ctinfo a{transition:color .2s var(--io)} .ctinfo a:hover{color:var(--royal)}

/* polish pass: composed pieces */
.combo{position:relative;width:min(100%,27rem)}
.combo>.o:first-child{width:100%}
.combo{margin-top:2.5rem}
.combo__tile{position:absolute;right:-4.75rem;top:-4.25rem;width:11.5rem;padding:1rem 1.1rem}
.scatter{position:relative;height:54rem}
.scatter figure{position:absolute;margin:0;border-radius:var(--r);overflow:hidden;will-change:transform}
.scatter figure img{width:100%;height:100%;object-fit:cover}
.scatter__c{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;text-align:center;gap:1.5rem;padding:0}
.scatter__c p{max-width:28rem}
.halfp{display:grid;grid-template-columns:5fr 6fr;padding:0!important;place-items:stretch}
.halfp__img{position:relative;min-height:33.75rem}
.halfp__img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 62%}
.halfp__body{padding:2.5rem;display:grid;gap:2.25rem;align-content:center}
.halfp__body .lead{max-width:22rem}
.halfp__body .o{width:100%}
.part__lede{color:var(--grey);max-width:32rem;margin:-1.5rem 0 2.5rem}
.tile--person{padding:.5rem .5rem 1.25rem;justify-content:flex-start;gap:1.25rem;min-height:0}
.tile--person .tile__media{aspect-ratio:1/1.02;border-radius:.25rem;overflow:hidden;background:var(--stone-2)}
.tile--person .tile__media img{width:100%;height:100%;object-fit:cover;object-position:50% 12%}
.tile--person .tile__ft{padding:0 .75rem}
.tiles--rows{grid-template-rows:auto auto auto 1fr}
.tiles--rows .tile{display:grid;grid-template-rows:subgrid;grid-row:span 4;row-gap:0;min-height:0;padding:1rem 1rem 1.5rem;justify-content:stretch}
.tiles--rows .tile__top{height:11rem}
.tiles--rows small{font-size:.875rem;color:var(--grey);align-self:end}
.tiles--rows h3{margin-top:.4rem}
.tiles--rows p{font-size:1rem;color:var(--grey);margin-top:.9rem;max-width:23rem}
.form__done{display:grid;gap:1.25rem;justify-items:start;padding:2.5rem 0 1rem;background:none;border:0;border-radius:0;font-size:1.125rem;outline:none}
.form__done[hidden]{display:none}
.form.is-done>h2,.form.is-done>.seg{display:none}
.form.is-done .form__done{padding:.75rem 0 .5rem}
.form__tick{width:3rem;height:3rem;border-radius:999px;background:var(--night);color:var(--amber);display:grid;place-items:center}
.form__tick svg{width:1.2rem;height:1.2rem}
.form__done h3{font-size:2rem;line-height:1.1}
.form__done p{color:var(--grey);max-width:22rem}
.fld input:focus-visible,.fld select:focus-visible,.fld textarea:focus-visible{outline:2px solid var(--royal);outline-offset:-1px;border-color:var(--royal)}

/* tablet and phone */
@media (max-width:1100px){
  html{font-size:16px}
  :root{--gut:1.25rem;--gap:1rem;--hdr:4rem}
  .h1,.h1x{font-size:2.6rem;line-height:1.02}
  .h2{font-size:2.25rem}.h2c{font-size:2.1rem;line-height:1.05}.h2m{font-size:1.9rem}
  .sec{padding-block:5rem}.sec--t6{padding-top:3.5rem}.sec--b0{padding-bottom:0}.sec--t0{padding-top:0}
  .g>*{grid-column:1/-1}
  .g{row-gap:2rem}
  .hdr__in{gap:1rem}
  .hdr__burger{display:block}
  .hdr__r{display:none}
  .hdr__nav{position:fixed;inset:var(--hdr) 0 0 0;background:var(--night);color:#fff;flex-direction:column;gap:0;padding:1rem var(--gut) 2rem;font-family:var(--serif);font-weight:300;font-size:2rem;letter-spacing:-.018em;opacity:0;visibility:hidden;transform:translateY(-.75rem);transition:opacity .35s var(--io),transform .45s var(--io),visibility 0s .35s;overflow:auto}
  .hdr__nav a{padding:1.1rem 0;border-bottom:1px solid var(--line-d);opacity:1}
  .hdr.is-open{background:var(--night);color:#fff;transform:none!important}
  .hdr.is-open .hdr__logo img{filter:brightness(0) invert(1)}
  .hdr.is-open .hdr__nav{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--io),transform .45s var(--io),visibility 0s}
  .hdr__nav .btn{display:flex;margin-top:1.5rem;font-family:var(--sans);border-bottom:0}
  .hero{min-height:0;padding:6.5rem 0 2.5rem}
  .hero__p{font-size:1.125rem}
  .hero__globe{top:19rem;width:44rem;height:30rem;margin-left:-22rem}
  .hero__logos{padding-top:17rem}
  .logorow{display:grid;grid-template-columns:repeat(6,auto);justify-content:space-between;align-items:center;gap:1.5rem 1.25rem}
  .logorow img{max-height:1.7rem;max-width:6.5rem;object-fit:contain}
  .hero .logorow img:nth-child(n+7){display:none}
  .fan{height:27rem;margin-top:3.5rem}
  .fan__card{width:11.5rem;height:14.5rem;margin-left:-5.75rem;transform-origin:50% 60rem;transform:rotate(calc(var(--p,0)*13deg))}
  .fan__meta{top:15.25rem;width:17rem;margin-left:-8.5rem}
  .fan__chips{justify-content:center}
  .fan__fade{top:9rem;height:9rem}
  .feat{padding-top:3.5rem}
  .feat__copy{min-height:0;gap:1.5rem}
  .feat__panel{min-height:24rem;order:2}
  .feat + .rulewrap{margin-top:3.5rem}
  .panel{padding:1.5rem 1rem}
  .duo,.dcards,.statrow,.caps,.guides,.tiles,.pair,.ctinfo,.figs{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .duo__item,.cap,.pair__c{grid-row:auto;grid-template-rows:none}
  .duo__item{margin-bottom:2.5rem}
  .duo__tile{height:20rem}
  .cap{gap:.75rem;margin-bottom:1.75rem}
  .dcard{grid-template-rows:17rem auto}
  .statrow{row-gap:2.5rem;margin-top:4rem}
  .stat b{font-size:3.5rem}
  .pq{height:auto;min-height:36rem}
  .pq__in{min-height:36rem}
  .pq__q blockquote{font-size:1.75rem}
  .wheelsec{min-height:0;padding-block:5rem}
  .wheel{height:19rem}
  .wheel__item{height:3.4rem;font-size:1.5rem}
  .rail{padding-inline:var(--gut);scroll-padding-inline:var(--gut)}
  .rcard{flex-basis:82vw}
  .rcard__img{height:13rem}
  .guides a{min-height:0;padding-bottom:1.5rem}
  .fcta{padding:5rem 0 4rem}
  .fcta__in{padding-left:0}
  .sideticks{display:none}
  .ftr__art{height:9rem;margin-top:3rem}
  .ftr__bot{margin-top:-2rem}
  .phero{padding:7rem 0 4rem}
  .phero__p{font-size:1.125rem}
  .wedge{display:none}
  .stagebox{padding:.75rem .9rem 1.25rem}
  .stages{justify-content:flex-start;gap:.5rem .6rem;font-size:.875rem}
  .stages i{width:.75rem}
  .stagepane{grid-template-columns:minmax(0,1fr);display:none}
  .stagepane.is-on{display:grid}
  .figs{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .stagepane__txt{padding:.5rem 0}
  .stagepane__obj{padding:0}
  .stagebox__body{min-height:0}
  .phero .caps{padding-inline:0;margin-top:3rem}
  .arc{height:26rem;margin-top:2rem}
  .arc svg.arcline{display:none}
  .arc__words{top:3rem}
  .arc__w{font-size:2.6rem;transform:translate(-50%,0) translateX(calc(var(--x,0)*9.5rem)) translateY(calc(var(--y,0)*.5rem)) scale(var(--s,1))}
  .arc__w[data-pos="-1"],.arc__w[data-pos="1"]{--s:.5;--o:.3}
  .arc__descs{top:8.5rem;width:19rem;margin-left:-9.5rem}
  .tickruler{width:calc(100vw - 2.5rem);margin-left:calc(-50vw + 1.25rem)}
  .stk__nav{display:none}
  .part{padding-top:3rem;margin-top:3rem}
  .part .panel{min-height:0}
  .split{grid-template-columns:minmax(0,1fr);gap:2rem}
  .split__l{padding:0}
  .pair__art{height:15rem}
  .proof__hd{flex-direction:column;align-items:flex-start}
  .proof__bd{margin-top:2.5rem}
  .proof__photo{height:16rem}
  .ticks--v{flex-direction:row;align-items:flex-end;height:2rem;gap:1.2rem}
  .ticks--v button{width:.75rem;height:2rem;align-items:flex-end;justify-content:center}
  .ticks--v button::after{width:1px;height:.8rem}
  .ticks--v button[aria-selected="true"]::after{width:2px;height:1.9rem}
  .proof__quotes{margin-top:2rem}
  .proof__q blockquote{font-size:1.5rem}
  .faqrow .panel{min-height:22rem}
  .more__rail{margin-right:calc(var(--gut)*-1);padding-right:var(--gut)}
  .mcard{flex-basis:84vw;height:27rem}
  .mcard__cap{flex-direction:column;align-items:flex-start;gap:1rem;padding:1.25rem .75rem 1rem}
  .more__list{display:none}
  .tl__bar{margin:0 var(--gut)}
  .tl__row{min-height:0;padding:3rem 0 3rem 1.75rem;row-gap:1.25rem}
  .tl__img{justify-self:start}
  .tile{min-height:17rem}
  .ct{grid-template-columns:minmax(0,1fr);min-height:0}
  .ct__l{padding:1.25rem 1.25rem 2.5rem}
  .ct__l::before{display:none}
  .ct__back{margin-left:0}
  .ct__l h1{font-size:2.6rem}
  .ct__card[data-pos="-1"]{transform:translateX(-5.5rem)}
  .ct__card[data-pos="1"]{transform:translateX(5.5rem)}
  .ct__l .logorow{gap:1.5rem 2rem}
  .ct__r{padding:1.5rem 1rem 2.5rem}
  .form{padding:1.5rem 1.25rem}
  .fields{grid-template-columns:minmax(0,1fr)}
  .seg__opts{border-radius:.9rem}
  .seg__opts button{height:auto;min-height:2.6rem;padding:.3rem .4rem;font-size:.875rem;line-height:1.15;border-radius:.7rem;white-space:normal}
  .ctinfo>div{padding-bottom:1.25rem}
  .acc__a p{padding-right:0}
  .acc__q{font-size:1.3rem}
  .clist a,.clist div{grid-template-columns:1fr;gap:.15rem}
  .combo{margin:0;display:grid;gap:.75rem}
  .combo__tile{position:static;width:100%;display:flex;align-items:baseline;gap:.75rem}
  .combo__tile .o__note{margin:0!important}
  .scatter{height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.75rem}
  .scatter figure{position:static;width:auto!important;height:auto!important;aspect-ratio:4/5;transform:none!important}
  .scatter figure img{object-position:50% 85%}
  .scatter figure:nth-of-type(n+5){display:none}
  .scatter__c{position:static;grid-column:1/-1;grid-row:1;padding:0 0 2.5rem}
  .halfp{grid-template-columns:minmax(0,1fr)}
  .halfp__img{min-height:16rem}
  .halfp__body{padding:1.5rem 1rem}
  .part__lede{margin-top:-1rem}
  .tiles--rows{grid-template-rows:none}
  .tiles--rows .tile{grid-row:auto;grid-template-rows:none}
  .tiles--rows .tile__top{height:8.5rem}
  .stages{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:1rem;font-size:.9375rem}
  .stages button{min-height:2.75rem}
  .stagebox{padding:.25rem 1rem 1.5rem}
  .stagebox__body{margin-top:1.5rem}
  .stagepane__obj{justify-items:stretch}
  .stagepane__obj>.o{width:100%}
  .split__r{justify-items:stretch;padding-right:0}
  .split__r>.o,.split__r>.faqpanes,.split__r>.o--wide{width:100%}
  .faqrow .panel{padding:1.25rem 1rem}
  .faqrow .o--wide{padding:1.1rem!important}
  .faqrow .lic{width:min(78%,19rem)}
  .guides{grid-template-rows:none}
  .guides a{grid-row:auto;grid-template-rows:none;padding-bottom:1.4rem}
  .ftr__base{margin-top:3rem}
  .ct__cards{width:calc(100% + 2.5rem);margin-inline:-1.25rem;height:auto;display:flex;gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0 1.25rem;scroll-padding-inline:1.25rem}
  .ct__cards::-webkit-scrollbar{display:none}
  .ct__card,.ct__card[data-pos]{position:static;flex:0 0 15.5rem;height:11.5rem;margin:0;transform:none!important;opacity:1!important;scroll-snap-align:start;background:#16264a}
  .ct__l .ticks{display:none}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important;transition-delay:0s!important}
  .js [data-reveal],.js [data-seq]>*{opacity:1;transform:none}
  .bar5__t i{clip-path:none}
}

.waffle--w.waffle i{background:rgba(255,255,255,.16)}
.in .waffle--w i,.is-on .waffle--w i{background:rgba(255,255,255,.85)}
.in .waffle--w i.off,.is-on .waffle--w i.off{background:transparent}

/* contact page has its own top bar */
.is-contact .hdr{display:none}
.is-contact .ct__l{padding-top:1.75rem}

@media (max-width:1100px){.hero__pin{display:none}}

@media (max-width:600px){
  .scatter{grid-template-columns:repeat(2,minmax(0,1fr))}
  .logorow{grid-template-columns:repeat(3,auto);justify-items:center}
  .ct__l .logorow{grid-template-columns:repeat(2,auto);justify-content:space-evenly}
}