@font-face{font-family:"Michroma";src:url(../fonts/Michroma-latin.woff2) format("woff2");font-weight:400;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(../fonts/InstrumentSans-latin.woff2) format("woff2");font-weight:400 700;font-display:swap}
@font-face{font-family:"Fraunces";src:url(../fonts/Fraunces-latin.woff2) format("woff2");font-weight:300 600;font-display:swap}

:root{
  --bg:#17181a;--bg2:#1e1f21;--field:#26272b;
  --text:#cfd0d4;--head:#f1f1f2;--muted:#8e8f94;--line:rgba(244,244,245,.18);--line2:rgba(244,244,245,.32);
  --silver:#b6b6b9;--hi:#ffffff;--solid:#ffffff;--solid-ink:#1e1f21;--dash:#8e8f94;
  /* board / film surfaces: always dark */
  --dk:#17181a;--dk2:#1e1f21;--dk-line:rgba(244,244,245,.18);--dk-text:#cfd0d4;
  /* mark drawing */
  --b-top:#222326;--b-side:#111214;--b-side2:#0d0e0f;--b-edge:rgba(196,196,200,.62);--seam:rgba(244,244,245,.10);
  --pc:#c4c4c7;--pc-sh:rgba(0,0,0,.26);--pc-d:#0c0d0e;--pc-d-stroke:#b6b6b9;--sq:rgba(214,214,218,.72);--link:rgba(214,214,218,.5);
  --sans:"Instrument Sans",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;
  --mi:"Michroma","Instrument Sans",system-ui,sans-serif;
  --gut:20px;--gap:24px;
  --wedge:linear-gradient(135deg,#e2e2e5,#8e8f94);
  color-scheme:dark;
}
:root[data-theme="light"]{
  --bg:#fafafa;--bg2:#ffffff;--field:#f1f1f2;
  --text:#1e1f21;--head:#141517;--muted:#5a5b60;--line:rgba(30,31,33,.20);--line2:rgba(30,31,33,.42);
  --hi:#141517;--solid:#1e1f21;--solid-ink:#ffffff;--dash:#5a5b60;
  --b-top:#1f2023;--b-side:#101113;--b-side2:#0b0c0d;--b-edge:rgba(30,31,33,.0);--seam:rgba(244,244,245,.10);
  --pc:#c9c9cc;--pc-sh:rgba(0,0,0,.24);--pc-d:#0c0d0e;--pc-d-stroke:#9a9ba0;
  color-scheme:light;
}
@media (min-width:760px){:root{--gut:40px}}
@media (min-width:1100px){:root{--gut:56px}}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:18px;line-height:1.55;
  -webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;counter-reset:sec;overflow-x:hidden}
@media (min-width:1100px){body{font-size:19px}}
img,svg,video{display:block;max-width:100%}
figure{margin:0}
p{margin:0 0 1em}
h1,h2,h3{margin:0;font-weight:500;color:var(--head)}
a{color:inherit;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.24em;text-decoration-color:var(--line2)}
a:hover{text-decoration-color:currentColor}
:focus-visible{outline:2px solid var(--hi);outline-offset:3px}
button{font:inherit;color:inherit}
.nw{white-space:nowrap}
.sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

.wrap{max-width:1440px;margin:0 auto;padding:0 var(--gut)}
.mi{font-family:var(--mi);font-weight:400;letter-spacing:.22em}

/* ---------- header ---------- */
.top{padding:18px 0 0}
.top .wrap{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--head)}
.mark-s{width:58px;height:auto;flex:none;margin:0 2px 0 0}
.brand-words{display:flex;flex-direction:column;gap:7px}
.wordmark{height:15px;width:auto;fill:var(--head)}
.estate{white-space:nowrap;font-family:var(--mi);font-size:8.5px;letter-spacing:.3em;color:var(--muted);line-height:1}
.toggle{display:flex;align-items:center;gap:9px;background:none;border:0;padding:10px 0 10px 10px;cursor:pointer;color:var(--muted);
  font-family:var(--mi);font-size:9px;letter-spacing:.24em}
.toggle:hover{color:var(--head)}
.toggle i{width:13px;height:13px;border:1px solid currentColor;position:relative;overflow:hidden;display:block}
.toggle i::after{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(100% 0,100% 100%,0 100%)}

/* ---------- sections ---------- */
.sec{position:relative;padding:64px 0 88px;overflow-x:clip}
.sec+.sec{border-top:1px solid var(--line)}
.sec .wrap{position:relative}
.sec[data-n]{counter-increment:sec}
.num{font-family:var(--mi);font-size:11px;letter-spacing:.2em;color:var(--muted);margin:0 0 28px;line-height:1.6}
.num::before{content:counter(sec,decimal-leading-zero)}
.grid>*{min-width:0}
.col{max-width:40rem}
.h2{font-size:clamp(31px,7.6vw,64px);line-height:1.06;letter-spacing:-.022em;font-weight:500;text-wrap:balance;max-width:17em}
.lead{font-size:clamp(20px,2.1vw,25px);line-height:1.45;color:var(--text);max-width:30em}
.small{font-size:15px;color:var(--muted)}
.after-h{margin-top:28px}

/* superscript card numbers */
.ref{all:unset;box-sizing:border-box;cursor:pointer;position:relative;display:inline-block;font-family:var(--mi);font-weight:400;
  font-size:max(11px,.26em);letter-spacing:.04em;line-height:1;vertical-align:super;color:var(--muted);padding:.15em .28em;margin-left:.08em;
  border:1px solid var(--line);transform:translateY(-.15em)}
.ref::after{content:"";position:absolute;inset:-12px -8px}
.ref:hover,.ref[aria-expanded="true"]{color:var(--head);border-color:var(--line2)}
.ref:focus-visible{outline:2px solid var(--hi);outline-offset:2px}
h1 .ref,.h2 .ref,.big .ref{font-size:max(11px,.2em)}

/* margin rail (tablet up) */
.rail{display:none}
.stub{all:unset;box-sizing:border-box;position:absolute;left:0;right:0;cursor:pointer;display:block;padding:12px 14px 13px;
  border:1px solid var(--line);background:var(--bg);transition:opacity .5s ease,border-color .2s}
.stub:hover,.stub.on{border-color:var(--line2)}
.stub .k-head{margin-bottom:9px}
.stub b{display:block;font-weight:500;font-size:14.5px;line-height:1.32;color:var(--head)}
.stub small{display:block;margin-top:8px;font-size:12px;line-height:1.35;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.js .stub.pre{opacity:0}

/* the card object (shared by stubs, popover, example card, demo) */
.kc{position:relative;background:var(--bg2);border:1px solid var(--line)}
.kc::before,.stub::before{content:"";position:absolute;top:-1px;right:-1px;width:22px;height:22px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%)}
.stub::before{width:14px;height:14px}
.k-head{display:flex;align-items:center;gap:12px;padding-right:18px}
.layer{font-family:var(--mi);font-size:8.5px;letter-spacing:.26em;line-height:1;padding:5px 6px 5px 8px;border:1px solid var(--silver);color:var(--head)}
.layer.proven{background:var(--solid);color:var(--solid-ink);border-color:var(--solid)}
.layer.believed{border-style:dashed;border-color:var(--dash);color:var(--muted)}
.k-no{font-family:var(--mi);font-size:9px;letter-spacing:.2em;color:var(--muted)}

/* ---------- 01 arrival ---------- */
.arrival{padding-top:40px;padding-bottom:72px}
h1{font-size:clamp(36px,9.4vw,88px);line-height:1.02;letter-spacing:-.03em;font-weight:500;color:var(--text)}
h1 .s1{display:block;text-wrap:balance}
h1 .s2{display:block;margin-top:.32em;color:var(--hi);font-weight:600}
.hero-board{margin:32px calc(var(--gut) * -1) 0}
.mark-xl{width:100%;height:auto}
.hero-lead{font-size:clamp(20px,2.2vw,25px);line-height:1.45;max-width:24em;margin-top:24px}
.filmlink{display:inline-flex;align-items:baseline;gap:.6em;margin-top:8px;font-size:17px;color:var(--head);text-decoration:none;
  border-bottom:1px solid var(--line2);padding:6px 0 5px}
.filmlink:hover{border-color:var(--head)}
.filmlink span{font-family:var(--mi);font-size:10px;letter-spacing:.2em;color:var(--muted)}

/* board drawing classes */
.mark .b-top{fill:var(--b-top)}
.mark .b-side{fill:var(--b-side)}
.mark .b-side2{fill:var(--b-side2)}
.mark .b-edge{fill:none;stroke:var(--b-edge);stroke-width:1.4;stroke-linejoin:round}
.mark .b-top.b-edge{fill:var(--b-top)}
.mark .b-edge-s{stroke-width:9}
.mark .w-edge{stroke:#fff;stroke-width:1.2;opacity:.75}
.mark .seam{stroke:var(--seam);stroke-width:1.2}
.mark .link{stroke:var(--link);stroke-width:1.2}
.mark .sq{fill:none;stroke:var(--sq);stroke-width:1.5}
.mark .nd{fill:none;stroke:var(--sq);stroke-width:1.5}
.mark .pc{fill:var(--pc)}
.mark .pc-sh{fill:var(--pc-sh)}
.mark .pc-ridge{stroke:rgba(255,255,255,.35);stroke-width:1}
.mark .pc-d{fill:var(--pc-d);stroke:var(--pc-d-stroke);stroke-width:1.4;stroke-linejoin:round}
.mark .star-glow{opacity:.55}
.mark-s .star-glow{opacity:.35}
@media (prefers-reduced-motion:no-preference){
  .star-flash .star-glow{animation:flash 2.4s ease-out .5s both}
  .star-flash>path{animation:pop 2.4s ease-out .5s both;transform-box:fill-box;transform-origin:center}
}
@keyframes flash{0%{opacity:0}28%{opacity:1}100%{opacity:.55}}
@keyframes pop{0%{opacity:.35}28%{opacity:1}100%{opacity:1}}

/* ---------- 02 film ---------- */
.film-frame{margin:36px calc(var(--gut) * -1) 0;background:var(--dk);border-top:1px solid var(--dk-line);border-bottom:1px solid var(--dk-line);padding:20px var(--gut) 14px}
.player{position:relative;width:min(100%,calc(80vh * 9 / 16),460px);aspect-ratio:9/16;margin:0 auto;background:#000}
.player video{width:100%;height:100%;object-fit:cover}
.plate{display:flex;gap:14px;align-items:baseline;margin-top:12px;font-size:14px;line-height:1.4;color:var(--muted)}
.plate b{font-family:var(--mi);font-weight:400;font-size:9px;letter-spacing:.24em;white-space:nowrap;color:var(--muted)}
.film-frame .plate{color:#8e8f94;justify-content:center}
.film-frame .plate b{color:#8e8f94}
.explain{margin-top:40px}
details.ex{border-top:1px solid var(--line)}
details.ex:last-child{border-bottom:1px solid var(--line)}
details.ex summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;
  font-size:21px;line-height:1.3;font-weight:500;color:var(--head)}
details.ex summary::-webkit-details-marker{display:none}
details.ex summary i{flex:none;width:14px;height:14px;position:relative}
details.ex summary i::before,details.ex summary i::after{content:"";position:absolute;left:0;right:0;top:50%;height:1px;background:currentColor}
details.ex summary i::after{transform:rotate(90deg);transition:transform .2s}
details.ex[open] summary i::after{transform:rotate(0)}
.ex-body{padding:0 0 26px}
.ex-body>p{max-width:30em}
.duel{margin:26px 0 22px;display:grid;grid-template-columns:minmax(0,1fr);gap:0}
.duel .kc{padding:16px 16px 14px}
.duel .kc h4{margin:12px 0 6px;font-size:16.5px;line-height:1.3;font-weight:600;color:var(--head)}
.duel .kc p{font-size:15px;line-height:1.5;margin:0;color:var(--text)}
.edge{position:relative;height:58px;display:flex;align-items:center;justify-content:center}
.edge::before{content:"";position:absolute;top:0;bottom:0;left:50%;border-left:1px solid var(--line2)}
.edge span{position:relative;background:var(--bg);padding:4px 10px;font-family:var(--mi);font-size:9px;letter-spacing:.26em;color:var(--muted)}
.believe{all:unset;box-sizing:border-box;cursor:pointer;display:inline-flex;align-items:center;gap:10px;margin-top:14px;padding:8px 12px 8px 10px;
  border:1px dashed var(--dash);font-family:var(--mi);font-size:9px;letter-spacing:.24em;color:var(--muted)}
.believe i{width:12px;height:12px;border:1px solid currentColor;position:relative;display:block}
.believe[aria-pressed="true"]{border-style:solid;border-color:var(--head);color:var(--head)}
.believe[aria-pressed="true"] i::after{content:"";position:absolute;inset:2px;background:currentColor}
.believe:focus-visible{outline:2px solid var(--hi);outline-offset:2px}
.duel-note{font-size:16px;color:var(--muted);max-width:28em;margin:22px 0 0}
.seebelow{color:var(--head)}
.travel{margin:56px 0 0}
.lbl{font-family:var(--mi);font-size:9px;letter-spacing:.24em;color:var(--muted);margin:0 0 14px}
.travel ul{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.travel li{padding:14px 0 15px;border-bottom:1px solid var(--line);color:var(--head);max-width:34em}
.you{margin:48px 0 0;color:var(--head)}
.quiet{font-size:17px;color:var(--muted);max-width:32em;margin-top:6px}
.decisions .record{margin-top:44px}
.foot .oss{color:var(--text);margin-bottom:18px}
.numline{margin:-4px 0 0;font-size:16px;color:var(--muted);max-width:34em}
.duel-wrap{margin-top:40px}
.table{--bg:#141517;--bg2:#26272b;--line:rgba(244,244,245,.26);--line2:rgba(244,244,245,.42);--head:#f4f4f5;--text:#cfd0d4;--muted:#9a9ba0;--silver:#b6b6b9;--dash:#8e8f94;--hi:#ffffff;
  margin:0 calc(var(--gut) * -1);padding:22px var(--gut) 24px;color:var(--text);background-color:#141517;border-top:1px solid rgba(244,244,245,.14);border-bottom:1px solid rgba(244,244,245,.14);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32'%3E%3Cpath d='M32 0H0V32' fill='none' stroke='%23ffffff' stroke-opacity='.045'/%3E%3C/svg%3E")}
.table .duel{margin:0}
.table .kc{background:var(--bg2)}

/* ---------- 03 why ---------- */
.big{font-size:clamp(30px,6.6vw,62px);line-height:1.08;letter-spacing:-.022em;font-weight:500;color:var(--head);margin:0;max-width:17em;text-wrap:balance}
.big+.big{margin-top:.55em}
.big.dim{color:var(--muted)}
.estates .small{margin-top:36px}

/* ---------- 04 game ---------- */
.moves{list-style:none;margin:40px 0 0;padding:0;counter-reset:mv}
.moves li{display:grid;grid-template-columns:44px minmax(0,1fr);border-top:1px solid var(--line);padding:22px 0 8px}
.moves li:last-child{border-bottom:1px solid var(--line)}
.moves .mn{font-family:var(--mi);font-size:11px;letter-spacing:.1em;color:var(--muted);padding-top:9px}
.moves h3{font-size:24px;line-height:1.2;font-weight:600;margin:0 0 8px}
.moves p{max-width:32em}
.record{margin:56px 0 0;font-size:clamp(21px,2.4vw,28px);line-height:1.38;color:var(--head);max-width:24em;letter-spacing:-.01em}
.plate1{margin:64px calc(var(--gut) * -1) 0 0}
.plate1 img{width:100%;height:auto}
:root:not([data-theme="light"]) .plate1 img{filter:brightness(.88)}
.plate1 .plate{padding-right:var(--gut)}
.sky{margin:28px 0 0;font-size:clamp(24px,3.4vw,40px);line-height:1.18;letter-spacing:-.018em;font-weight:500;color:var(--head);max-width:18em}

/* forms */
.form-block{margin-top:72px;padding-top:40px;border-top:1px solid var(--line)}
.h3{font-size:clamp(26px,3.6vw,40px);line-height:1.1;letter-spacing:-.018em;font-weight:500}
.form{margin-top:28px;max-width:40rem}
.fields{display:grid;grid-template-columns:minmax(0,1fr);gap:0 28px}
.f{display:block;margin:0 0 22px}
.f span{display:block;font-size:14px;color:var(--muted);margin-bottom:4px}
.f span em{font-style:normal;opacity:.85}
.f input,.f textarea{width:100%;font:inherit;font-size:18px;color:var(--head);background:transparent;border:0;border-bottom:1px solid var(--line2);
  padding:8px 0 10px;border-radius:0;outline:none}
.f textarea{resize:vertical;min-height:96px;line-height:1.45}
.f input:focus,.f textarea:focus{border-bottom-color:var(--head)}
.f input:focus-visible,.f textarea:focus-visible{outline:2px solid var(--hi);outline-offset:4px}
.hp{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden}
.send{cursor:pointer;margin-top:6px;background:var(--head);color:var(--bg);border:1px solid var(--head);padding:15px 26px 14px;font-size:16.5px;font-weight:600;
  letter-spacing:.005em;border-radius:0;display:inline-flex;align-items:center;gap:14px}
.send::after{content:"";width:9px;height:9px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%)}
.send:hover{background:transparent;color:var(--head)}
.send[disabled]{opacity:.6;cursor:default}
.form-msg{margin:14px 0 0;font-size:16px;color:var(--muted);min-height:1.5em}
.done{font-size:clamp(21px,2.4vw,26px);color:var(--head);margin:28px 0 0}

/* ---------- 05 card ---------- */
.example{margin-top:40px}
.example .kc{padding:22px 18px 18px}
.claim{font-size:clamp(23px,3vw,34px);line-height:1.18;letter-spacing:-.015em;font-weight:500;color:var(--head);margin:22px 0 26px;max-width:20em}
.fields3{display:grid;grid-template-columns:minmax(0,1fr);gap:12px}
.fld{padding:14px 14px 16px;min-height:100%}
.fld .layer{display:inline-block;margin-bottom:12px}
.fld p{margin:0;font-size:16px;line-height:1.45}
.fld.proven{background:var(--solid);color:var(--solid-ink)}
.fld.proven .layer{border-color:var(--solid-ink);color:var(--solid-ink)}
.fld.said{border:1px solid var(--silver)}
.fld.believed{border:1px dashed var(--dash);color:var(--muted)}
.ex-line{margin:16px 0 0;font-family:var(--mi);font-size:9px;letter-spacing:.24em;color:var(--muted)}

/* ---------- 06 board ---------- */
.boardwin{margin:40px calc(var(--gut) * -1) 0;background:var(--dk2);border-top:1px solid var(--dk-line);border-bottom:1px solid var(--dk-line);padding:10px}
.boardwin img{width:100%;height:auto}
.boardwin .plate{padding:2px 4px 0;color:#8e8f94}
.boardwin .plate b{color:#8e8f94}

/* ---------- 09 close ---------- */
.close-s{padding:120px 0 104px}
.sec.boardsec{padding-bottom:0}
.boardsec .boardwin{border-bottom:0}
.closing{font-size:clamp(40px,10vw,112px);line-height:1;letter-spacing:-.034em;font-weight:500;color:var(--head);max-width:12em;text-wrap:balance}
.mark-end{width:min(100%,560px);height:auto;margin-top:56px}

/* ---------- card index ---------- */
.cardlist{padding:56px 0 64px}
.cl-h{font-size:22px;font-weight:500;margin:0 0 22px}
.cl{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.cl li{border-bottom:1px solid var(--line)}
.cl button{all:unset;box-sizing:border-box;cursor:pointer;width:100%;display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:12px;align-items:baseline;padding:15px 0 14px}
.cl button:hover .t{color:var(--head);text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:.24em}
.cl button:focus-visible{outline:2px solid var(--hi);outline-offset:2px}
.cl .n{font-family:var(--mi);font-size:10px;letter-spacing:.14em;color:var(--muted)}
.cl .t{font-size:17px;line-height:1.35;color:var(--text)}
.cl .layer{align-self:center}

/* ---------- footer ---------- */
.foot{border-top:1px solid var(--line);padding:36px 0 48px;font-size:14.5px;color:var(--muted)}
.foot p{margin:0 0 10px}
.foot .pe{font-family:"Fraunces",Georgia,serif;font-size:16px;font-weight:400;color:var(--head);letter-spacing:.005em}
.foot .row{display:flex;flex-wrap:wrap;gap:8px 28px}
#privacy{margin-top:22px;max-width:36em}
#privacy b{font-family:var(--mi);font-weight:400;font-size:9px;letter-spacing:.24em;margin-right:12px}

/* ---------- popover / sheet ---------- */
.pop{position:absolute;z-index:40;width:min(420px,calc(100vw - 32px));display:none}
.pop.open{display:block}
.pop .kc{padding:20px 20px 16px;background:var(--bg2);border-color:var(--line2);box-shadow:0 0 0 8px var(--bg)}
.pop .x{all:unset;cursor:pointer;margin-left:auto;width:32px;height:32px;display:grid;place-items:center;margin-right:-8px;margin-top:-6px;color:var(--muted)}
.pop .x:hover{color:var(--head)}
.pop .x:focus-visible{outline:2px solid var(--hi)}
.pop .x svg{width:12px;height:12px}
.pop h3{font-size:21px;line-height:1.25;font-weight:600;margin:14px 0 10px}
.pop .kb p{font-size:16px;line-height:1.5;margin:0 0 .7em}
.pop dl{margin:14px 0 0;padding-top:12px;border-top:1px solid var(--line);display:grid;grid-template-columns:auto minmax(0,1fr);gap:6px 16px;font-size:13.5px;line-height:1.4}
.pop dt{font-family:var(--mi);font-size:8.5px;letter-spacing:.22em;color:var(--muted);padding-top:3px}
.pop dd{margin:0;color:var(--text);overflow-wrap:anywhere}
.pop dd.id{font-family:var(--mi);font-size:10px;letter-spacing:.14em}
.scrim{display:none}
@media (max-width:759.98px){
  .pop{position:fixed;left:0;right:0;bottom:0;top:auto!important;width:auto;max-height:82vh;overflow:auto;overscroll-behavior:contain}
  .pop .kc{border-left:0;border-right:0;border-bottom:0;box-shadow:none;padding:22px var(--gut) calc(22px + env(safe-area-inset-bottom))}
  .scrim{position:fixed;inset:0;z-index:39;background:rgba(10,10,11,.6)}
  .scrim.open{display:block}
}
@media (prefers-reduced-motion:no-preference){
  .pop.open .kc{animation:rise .18s ease-out}
  @media (max-width:759.98px){.pop.open .kc{animation:sheet .24s ease-out}}
}
@keyframes rise{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes sheet{from{transform:translateY(40px);opacity:.4}to{transform:none;opacity:1}}

/* =============== tablet and up: editorial grid with margin =============== */
@media (min-width:760px){
  .grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);position:relative}
  .grid>*{grid-column:1 / span 8}
  .grid>.num,.grid>.full{grid-column:1 / -1}
  .grid>.rail{display:block;position:absolute;top:0;bottom:0;left:0;right:0;grid-column:9 / -1;grid-row:auto}
  .sec{padding:96px 0 120px}
  .num{margin-bottom:40px}
  .hero-board{grid-column:3 / -1;margin:24px calc(var(--gut) * -1) 0 0}
  .mark-xl{width:100%}
  .film-frame{grid-column:1 / span 8;margin-left:0;margin-right:0;border:1px solid var(--dk-line);padding:24px 24px 14px}
  .plate1{grid-column:1 / -1}
  .boardwin{grid-column:1 / -1;margin-left:0;margin-right:0;border:1px solid var(--dk-line)}
  .table{margin:0;border:1px solid rgba(244,244,245,.14);padding:28px}
  .example{grid-column:1 / span 8}
  .fields{grid-template-columns:repeat(2,minmax(0,1fr))}
  .fields .wide{grid-column:1 / -1}
  .cl button{grid-template-columns:56px minmax(0,1fr) auto}
}
@media (min-width:760px) and (max-width:1099.98px){
  h1{font-size:6.4vw}
  .h2{font-size:5.8vw}
  .big{font-size:5.2vw}
  .closing{font-size:8.4vw}
}
/* desktop: number in col 1, text cols 2-8, margin cols 10-12 */
@media (min-width:1100px){
  .objection .grid>.duel-wrap{grid-column:2 / -1}
  .table .duel{grid-template-columns:minmax(0,1fr) 120px minmax(0,1fr);align-items:stretch}
  .table .duel-card{display:flex;flex-direction:column;align-items:flex-start}
  .table .duel-card .kc{flex:1;align-self:stretch}
  .table .edge{height:auto;align-self:stretch}
  .table .edge::before{top:50%;bottom:auto;left:0;right:0;border-left:0;border-top:1px solid var(--line2)}
  .grid>*{grid-column:2 / span 7}
  .grid>.num{grid-column:1 / span 1;grid-row:1;margin:0;padding-top:.9em}
  .grid>.num+*{grid-row:1}
  .grid>.rail{grid-column:10 / -1}
  .arrival .grid>h1{grid-column:2 / span 8}
  .hero-row{grid-column:2 / -1;display:grid;grid-template-columns:repeat(11,minmax(0,1fr));column-gap:var(--gap);align-items:end;margin-top:12px}
  .hero-text{grid-column:1 / span 4;grid-row:1;padding-bottom:7%;position:relative;z-index:1}
  .hero-board{grid-column:4 / -1;grid-row:1;margin:0 calc(var(--gut) * -1) 0 0}
  .mark-xl{width:100%}
  /* film breaks the grid to the left; explainers between film and margin */
  .film .grid>.film-frame{grid-column:1 / span 5;grid-row:2 / span 2;margin-top:48px;margin-left:calc(var(--gut) * -1);border-left:0;padding:28px 28px 14px var(--gut)}
  .film .grid>.explain{grid-column:6 / span 4;grid-row:2;margin-top:48px}
  .player{width:min(100%,calc(80vh * 9 / 16),440px)}
  .plate1{grid-column:1 / span 8;margin-left:calc(var(--gut) * -1)}
  .plate1 .plate{padding-left:calc(var(--gut) + (100% - var(--gut) - 7 * var(--gap)) / 8 + var(--gap))}
  .example{grid-column:2 / span 9}
  .fields3{grid-template-columns:repeat(3,minmax(0,1fr))}
  .boardwin{grid-column:1 / -1;margin-left:calc(var(--gut) * -1);margin-right:calc(var(--gut) * -1);border-left:0;border-right:0;padding:14px var(--gut) 12px}
  .boardwin .plate{padding-left:calc((100% - 11 * var(--gap)) / 12 + var(--gap))}
  .close-s .grid>.closing{grid-column:2 / span 10}
  .close-s .grid>.mark-end{grid-column:2 / span 6;width:100%;max-width:660px}
  .sky{margin-top:44px}
  .cardlist .grid>*{grid-column:2 / span 8}
  .foot .grid>*{grid-column:2 / -1}
}
@media (min-width:1300px){
  .h2{font-size:68px}
}

/* ================= site shell & subpage vocabulary ================= */
.top-r{display:flex;align-items:center;gap:18px}
.toplink{font-family:var(--mi);font-size:9px;letter-spacing:.24em;color:var(--muted);text-decoration:none;padding:10px 0}
.toplink:hover{color:var(--head)}
.herolinks{display:flex;flex-wrap:wrap;gap:10px 26px;margin:8px 0 0}
.herolinks .filmlink{margin-top:0}
.readon{margin:28px 0 0}
.readon a,.textlink{font-size:17px;color:var(--head);text-decoration:none;border-bottom:1px solid var(--line2);padding:4px 0 3px}
.readon a:hover,.textlink:hover{border-color:var(--head)}
.readon a::after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%);vertical-align:.2em}

/* field clips (homepage board section and subpages) */
.clips{margin-top:44px}
.clip{margin:0 0 40px}
.clip-frame{background:#0d0e0f;border:1px solid var(--dk-line);padding:6px}
.clip video{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;background:#000;display:block}
.clip figcaption{margin-top:12px;font-size:15px;line-height:1.45;color:var(--muted);max-width:30em}
.clip figcaption b{display:block;font-family:var(--mi);font-weight:400;font-size:9px;letter-spacing:.24em;color:var(--head);margin-bottom:6px}
.clips-foot{margin-top:8px}
.clips-foot .quiet{margin:0 0 10px}
.clips-foot p{margin:0}
.clips-foot .readon{margin-top:18px}
.boardsec .boardwin{margin-top:56px}

/* subpages */
.sub .intro{padding-top:40px}
.prose.intro .grid>.lead{margin-top:28px}
.sub h1{font-size:clamp(34px,8.4vw,76px);line-height:1.04;letter-spacing:-.028em;font-weight:500;color:var(--head);text-wrap:balance;max-width:15em}
.prose .grid>p,.prose .grid>ul,.prose .grid>ol{margin:0 0 1em;max-width:34em}
.prose .grid>h2+*{margin-top:30px}
.h3s{font-size:23px;line-height:1.25;font-weight:600;margin:36px 0 10px}
.prose .grid>ul:not(.rows),.prose .grid>ol{padding-left:1.2em}
.prose .grid>ul:not(.rows) li::marker,.prose .grid>ol li::marker{color:var(--muted)}
.prose li+li{margin-top:.4em}
p.setoff{margin:44px 0 44px!important;font-size:clamp(22px,2.6vw,30px);line-height:1.34;color:var(--head);letter-spacing:-.01em;max-width:24em!important}
p.quiet{font-size:16px;color:var(--muted)}
p.label{font-family:var(--mi);font-size:9px;letter-spacing:.24em;color:var(--muted);margin:36px 0 12px!important}
p.label+ul,p.label+ol,p.label+p{margin-top:0!important}
ul.rows{list-style:none;padding:0;margin:0 0 1em;border-top:1px solid var(--line);max-width:36em}
ul.rows li{padding:13px 0 14px;border-bottom:1px solid var(--line);color:var(--head);margin:0!important}
div.coming{margin:44px 0 0;padding:20px 0 6px;border-top:1px dashed var(--line2);max-width:36em}
div.coming p.label{margin-top:0!important}
div.coming ul{list-style:none;padding:0;margin:0}
div.coming li{padding:10px 0;border-bottom:1px solid var(--line);color:var(--text);margin:0!important}
div.coming li:last-child{border-bottom:0}
.sub blockquote{margin:36px 0;padding:2px 0 2px 22px;border-left:1px solid var(--silver);max-width:32em}
.sub blockquote p{font-size:21px;line-height:1.42;color:var(--head);margin:0 0 .6em}
.sub blockquote cite,.sub blockquote footer{display:block;font-style:normal;font-size:14px;color:var(--muted)}
.tablewrap{margin:32px 0;overflow-x:auto;-webkit-overflow-scrolling:touch;max-width:100%}
.tablewrap table{border-collapse:collapse;width:100%;min-width:min(100%,520px);font-size:16px;line-height:1.45}
.tablewrap th{font-family:var(--mi);font-weight:400;font-size:9px;letter-spacing:.2em;color:var(--muted);text-align:left;padding:10px 16px 10px 0;border-bottom:1px solid var(--line2);vertical-align:bottom}
.tablewrap td{padding:12px 16px 12px 0;border-bottom:1px solid var(--line);vertical-align:top;color:var(--text)}
.tablewrap td:first-child{color:var(--head)}

/* example cards on subpages */
.card-example{margin:36px 0;max-width:34em}
.ce{padding:18px 18px 16px}
.ce h3{font-size:21px;line-height:1.25;font-weight:600;margin:14px 0 8px;color:inherit}
.ce p{margin:0 0 .6em;font-size:16px;line-height:1.5}
.ce p:last-child{margin-bottom:0}
.ce-proven{background:var(--solid);color:var(--solid-ink);border-color:var(--solid)}
.ce-proven h3{color:var(--solid-ink)}
.ce-proven .k-no{color:var(--solid-ink);opacity:.7}
.ce-proven .layer{border-color:var(--solid-ink);color:var(--solid-ink)}
.ce-said{border:1px solid var(--silver)}
.ce-experience{border:4px double var(--silver)}
.ce-experience .layer{border:3px double var(--silver);padding:4px 6px 4px 8px}
.ce .k-head{gap:14px}

/* film chapters */
.film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 14px;margin:36px 0}
.film-solo{margin:36px 0;max-width:300px}
.film{margin:0}
.film-head{display:flex;align-items:baseline;gap:10px;margin:0 0 10px;font-size:15px;line-height:1.3;color:var(--head);min-height:2.6em}
.film-head b{font-family:var(--mi);font-weight:400;font-size:10px;letter-spacing:.14em;color:var(--muted);flex:none}
.film-head span{flex:1;min-width:0}
.film-head i{font-style:normal;font-family:var(--mi);font-size:9px;letter-spacing:.12em;color:var(--muted);flex:none}
.fplayer{aspect-ratio:9/16;background:#000;border:1px solid var(--dk-line)}
.fplayer video{width:100%;height:100%;object-fit:cover;display:block}
.film figcaption{margin-top:8px;font-size:14px;color:var(--muted);line-height:1.4}

/* contents */
.contents{padding:56px 0 64px}
.toc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}
.toc li{border-bottom:1px solid var(--line)}
.toc a{display:grid;grid-template-columns:40px minmax(0,1fr);gap:2px 12px;padding:14px 0 15px;text-decoration:none;color:var(--text)}
.toc .n{font-family:var(--mi);font-size:10px;letter-spacing:.14em;color:var(--muted);grid-row:1 / span 2;padding-top:5px}
.toc .t{font-size:18px;color:var(--head);font-weight:500}
.toc .d{font-size:15px;color:var(--muted);line-height:1.4}
.toc a:hover .t{text-decoration:underline;text-decoration-color:var(--line2);text-underline-offset:.24em}
.toc a[aria-current="page"] .t::after{content:"";display:inline-block;width:7px;height:7px;margin-left:10px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%);vertical-align:.25em}
.cardlist[hidden]{display:none}
.nf{padding:120px 0 140px}

@media (min-width:760px){
  .film-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px 20px}
  .toc a{grid-template-columns:56px minmax(0,15em) minmax(0,1fr);align-items:baseline;gap:16px}
  .toc .n{grid-row:auto;padding-top:0}
  .grid>.clips{grid-column:1 / -1}
  .sub .grid>.wide{grid-column:1 / -1}
}
@media (min-width:1100px){
  .sub .grid>.intro-h,.sub .intro .grid>h1{grid-column:2 / span 8}
  .sub .grid>.wide{grid-column:2 / -1}
  .sub .grid>figure.clip.wide{grid-column:2 / span 9}
  .film-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
  .contents .grid>*{grid-column:2 / span 10}
  .contents .grid>.cl-h{grid-column:2 / span 8}
  /* homepage clips: alternating rhythm with captions beside the frames */
  .clips{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);row-gap:72px;margin-top:64px}
  .clips .clip{display:contents}
  .clips .clip-frame{grid-column:1 / span 8;margin-left:calc(var(--gut) * -1);border-left:0;padding-left:0}
  .clips .clip figcaption{grid-column:9 / span 3;align-self:end;margin:0 0 6px}
  .clips .clip:nth-of-type(2) .clip-frame{grid-column:5 / -1;margin-left:0;margin-right:calc(var(--gut) * -1);border-left:1px solid var(--dk-line);border-right:0;padding-left:6px;padding-right:0}
  .clips .clip:nth-of-type(2) figcaption{grid-column:2 / span 3;grid-row:2}
  .clips .clip:nth-of-type(2) .clip-frame{grid-row:2}
  .clips .clip:nth-of-type(3) .clip-frame{grid-column:2 / span 7;margin-left:0;border-left:1px solid var(--dk-line);padding-left:6px;grid-row:3}
  .clips .clip:nth-of-type(3) figcaption{grid-column:9 / span 3;grid-row:3}
  .clips .clip:nth-of-type(1) .clip-frame,.clips .clip:nth-of-type(1) figcaption{grid-row:1}
  .clips-foot{grid-column:2 / span 7;grid-row:4;margin-top:-24px}
}
@media (min-width:1300px){
  .film-grid{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width:759.98px){
  .top-r{flex-direction:column;align-items:flex-end;gap:0;margin-top:-6px}
  .top-r .toplink,.top-r .toggle{padding:7px 0 7px 10px}
}
@media (max-width:359.98px){
  .brand{gap:9px}
  .mark-s{width:44px}
  .wordmark{height:13px}
  .estate{font-size:7.5px;letter-spacing:.26em}
}
@media (min-width:1100px){.sub .intro{padding-top:88px}}

.keyshow{display:block;margin:10px 0;padding:10px 12px;border:1px solid var(--line,currentColor);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;overflow-wrap:anywhere;user-select:all}

/* ================= homepage v2: guided tour ================= */
.home .sec.t-st,.home .t-arrival,.home .t-close{overflow-x:clip}
.t-split{display:grid;grid-template-columns:minmax(0,1fr);gap:40px}
.t-split>*{min-width:0}
.t-text{max-width:36rem}
.t-h2{font-size:clamp(34px,8vw,72px);line-height:1.04;letter-spacing:-.026em;font-weight:500;color:var(--head);text-wrap:balance}
.t-h2-long{font-size:clamp(28px,5.6vw,52px);line-height:1.1}
.t-h2 .ref{font-size:max(11px,.22em)}
.t-body{margin:26px 0 0;font-size:clamp(19px,1.7vw,22px);line-height:1.5;color:var(--text);max-width:31em}
.t-label{display:flex;align-items:baseline;gap:10px;margin:0 0 30px;font-family:var(--mi);font-size:10px;letter-spacing:.24em;color:var(--muted);line-height:1}
.t-label b{font-family:var(--sans);font-weight:500;font-size:30px;letter-spacing:-.02em;color:var(--head)}
.t-label .t-of{margin-left:-8px;margin-right:6px}

/* arrival */
.t-arrival{padding:44px 0 64px}
.t-arrival h1{font-size:clamp(40px,10vw,92px);line-height:1;letter-spacing:-.034em;font-weight:500;color:var(--head);text-wrap:balance}
.t-lead{margin:26px 0 0;font-size:clamp(19px,1.9vw,24px);line-height:1.48;max-width:29em;color:var(--text)}
.t-pitch{margin:0}
.t-pitch-frame{position:relative;width:min(100%,360px);aspect-ratio:9/16;margin:0 auto;background:#000;border:1px solid var(--dk-line);box-shadow:0 0 0 10px var(--bg2),0 0 0 11px var(--line)}
.t-pitch-frame::after{content:"";position:absolute;top:-11px;right:-11px;width:44px;height:44px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%);pointer-events:none}
.t-pitch-frame video{width:100%;height:100%;object-fit:cover}
.t-pitch figcaption{margin:24px auto 0;text-align:center;font-size:15px;color:var(--muted)}
.t-strip{margin:40px 0 0}
.t-strip-h{margin:0 0 12px;font-size:15px;color:var(--muted)}
.t-strip ol,.t-rail ol{list-style:none;margin:0;padding:0}
.t-strip ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid var(--line)}
.t-strip li{border-bottom:1px solid var(--line)}
.t-strip a{display:flex;align-items:center;gap:12px;min-height:48px;padding:6px 0;text-decoration:none;color:var(--head);font-size:17px}
.t-strip a b,.t-rail a b{font-family:var(--mi);font-weight:400;font-size:10px;color:var(--muted);letter-spacing:.1em}
.t-strip a:hover b{color:var(--head)}

/* sticky tour rail (desktop) */
.t-rail{display:none}
@media (min-width:900px){
  .t-rail{display:block;position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .t-rail ol{display:flex;gap:0}
  .t-rail li{flex:1}
  .t-rail a{position:relative;display:flex;align-items:center;gap:10px;height:52px;padding:0 4px;text-decoration:none;color:var(--muted);font-size:15px;transition:color .2s}
  .t-rail a:hover{color:var(--head)}
  .t-rail a::after{content:"";position:absolute;left:0;right:12px;bottom:-1px;height:2px;background:transparent}
  .t-rail a[aria-current="step"]{color:var(--head)}
  .t-rail a[aria-current="step"]::after{background:var(--head)}
  .t-rail a[aria-current="step"] b{color:var(--head)}
  .t-st{scroll-margin-top:52px}
  .t-label .t-of{display:none}
}

/* stations */
.home .sec.t-st{padding:72px 0 88px}
.t-b{background:var(--bg2)}
.t-st::before{content:"";position:absolute;top:0;right:0;width:clamp(56px,9vw,120px);aspect-ratio:1;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%);opacity:.14;pointer-events:none}
.t-cta{display:flex;flex-wrap:wrap;align-items:center;gap:14px 22px;margin:34px 0 0}
.t-btn{display:inline-flex;align-items:center;gap:14px;min-height:50px;padding:0 24px;background:var(--head);color:var(--bg);border:1px solid var(--head);text-decoration:none;font-size:16.5px;font-weight:600}
.t-btn::after{content:"";width:9px;height:9px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%)}
.t-btn:hover{background:transparent;color:var(--head)}
.t-note{font-size:15px;color:var(--muted)}
.t-st .readon a,.t-close a,.t-tile-a{display:inline-block;min-height:44px;line-height:36px}

/* film chapter frames */
.t-chap{width:min(100%,300px)}
.t-chap .fplayer{box-shadow:0 18px 40px -24px rgba(0,0,0,.6)}
.t-chap .film-head{min-height:0}
.t-chap-s{width:min(100%,200px)}

/* station 1 */
.t-vis-card{display:grid;grid-template-columns:minmax(0,1fr);gap:36px;align-items:start}
.t-vis-card .example{margin:0}
.t-vis-card .fields3{grid-template-columns:minmax(0,1fr)}

/* station 2: board */
.t-split-board{align-items:end}
.t-board{margin-top:44px}
.t-still{margin:0 calc(var(--gut) * -1);background:#0d0e0f;padding:8px;border-top:1px solid var(--dk-line);border-bottom:1px solid var(--dk-line)}
.t-still img{width:100%;height:auto;aspect-ratio:16/10;object-fit:cover;transition:opacity .25s}
.t-still img.swap{opacity:.35}
.t-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:minmax(0,1fr)}
.t-steps button{all:unset;box-sizing:border-box;cursor:pointer;display:grid;grid-template-columns:36px minmax(0,1fr);gap:4px;width:100%;min-height:56px;padding:16px 0 16px;border-bottom:1px solid var(--line);color:var(--muted);font-size:16px;line-height:1.4;position:relative}
.t-steps button b{font-family:var(--mi);font-weight:400;font-size:11px;letter-spacing:.06em;padding-top:4px}
.t-steps button::before{content:"";position:absolute;left:0;right:0;top:-1px;height:2px;background:transparent}
.t-steps button:hover{color:var(--text)}
.t-steps button[aria-pressed="true"]{color:var(--head)}
.t-steps button[aria-pressed="true"]::before{background:var(--head)}
.t-steps button:focus-visible{outline:2px solid var(--hi);outline-offset:2px}
.t-other{display:flex;flex-wrap:wrap;align-items:center;gap:14px 18px;margin:28px 0 0}
.t-other p{margin:0;font-size:15px;color:var(--muted);flex-basis:100%}
.t-thumb{all:unset;box-sizing:border-box;cursor:pointer;display:flex;align-items:center;gap:12px;min-height:44px;font-size:15px;color:var(--head)}
.t-thumb img{width:96px;height:60px;object-fit:cover;border:1px solid var(--line2)}
.t-thumb:hover span{text-decoration:underline;text-underline-offset:.24em}
.t-thumb:focus-visible{outline:2px solid var(--hi);outline-offset:3px}
.t-lightbox{border:0;padding:0;background:transparent;max-width:min(96vw,1440px);width:100%}
.t-lightbox::backdrop{background:rgba(10,10,11,.86)}
.t-lightbox img{width:100%;height:auto;border:1px solid var(--dk-line)}
.t-lightbox form{display:flex;justify-content:flex-end;margin:0 0 8px}
.t-lb-x{cursor:pointer;background:none;border:1px solid rgba(244,244,245,.4);color:#f1f1f2;min-height:44px;padding:0 18px;font-size:15px}

/* station 3 */
.t-moves{list-style:none;margin:30px 0 0;padding:0;border-top:1px solid var(--line)}
.t-moves li{padding:14px 0;border-bottom:1px solid var(--line);font-size:17px;line-height:1.45}
.t-moves b{color:var(--head);font-weight:600;margin-right:.3em}
.t-live{margin:34px 0 0}
.t-live-h{margin:0 0 12px;font-size:15px;color:var(--muted)}
.t-live-list{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.t-live-list a{display:block;position:relative;padding:14px 34px 14px 16px;background:var(--bg2);border:1px solid var(--line);text-decoration:none;color:var(--head)}
.t-live-list a::before{content:"";position:absolute;top:-1px;right:-1px;width:16px;height:16px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%)}
.t-live-list .k-head{margin-bottom:8px}
.t-live-list strong{display:block;font-weight:500;font-size:16px;line-height:1.35}
.t-live-list small{display:block;margin-top:6px;font-size:13px;color:var(--muted)}
.t-form{margin-top:64px}

/* station 4 */
.t-duel{margin-top:52px}
.t-duel-h{margin:0 0 18px;font-size:17px;color:var(--head);max-width:34em}

/* station 5 */
.t-text-c{margin-bottom:40px}
.longfilm{min-height:40px}

/* station 6 */
.t-join{background:linear-gradient(180deg,var(--bg2),var(--bg) 85%)}
.t-tiles{list-style:none;margin:44px 0 0;padding:0;display:grid;grid-template-columns:minmax(0,1fr);gap:14px}
.t-tiles li{position:relative;display:flex;flex-direction:column;padding:24px 22px 18px;background:var(--bg);border:1px solid var(--line2);min-height:100%}
.t-tiles li::before{content:"";position:absolute;top:-1px;right:-1px;width:26px;height:26px;background:var(--wedge);clip-path:polygon(0 0,100% 0,100% 100%)}
.t-tn{font-size:44px;font-weight:500;letter-spacing:-.03em;line-height:1;color:var(--muted)}
.t-tiles b{display:block;margin:22px 0 8px;font-size:22px;line-height:1.2;font-weight:600;color:var(--head)}
.t-tiles p{margin:0 0 18px;font-size:16px;line-height:1.45;flex:1}
.t-tile-a{align-self:flex-start;color:var(--head);text-decoration:none;border-bottom:1px solid var(--line2);font-size:16.5px;line-height:1.3;padding:10px 0 4px;min-height:44px;box-sizing:border-box}
.t-tile-a:hover{border-color:var(--head)}
.t-thinkers{margin:28px 0 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.t-thinkers summary{cursor:pointer;list-style:none;display:flex;align-items:center;min-height:56px;font-size:19px;font-weight:500;color:var(--head)}
.t-thinkers summary::-webkit-details-marker{display:none}
.t-thinkers summary::after{content:"+";margin-left:auto;font-size:24px;font-weight:300;color:var(--muted)}
.t-thinkers[open] summary::after{content:"\2212"}
.t-thinkers .form{margin:8px 0 28px}

/* close */
.home .sec.t-close{padding:120px 0 100px;text-align:left}
.t-close .t-h2{max-width:14em}
.t-closelinks{list-style:none;margin:40px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:8px 36px}
.t-closelinks a{font-size:18px;color:var(--head);text-decoration:none;border-bottom:1px solid var(--line2)}
.t-closelinks a:hover{border-color:var(--head)}

@media (min-width:640px){
  .t-tiles{grid-template-columns:repeat(2,minmax(0,1fr))}
  .t-vis-card{grid-template-columns:minmax(0,1fr) 200px}
}
@media (min-width:760px){
  .t-still{margin:0;border:1px solid var(--dk-line);padding:10px}
  .t-steps{grid-template-columns:repeat(4,minmax(0,1fr));column-gap:20px}
  .t-steps button{border-bottom:0;padding-top:18px}
  .t-steps li{border-top:1px solid var(--line)}
  .t-live-list{grid-template-columns:repeat(3,minmax(0,1fr))}
  .t-strip ol{grid-template-columns:repeat(3,minmax(0,1fr))}
}
@media (min-width:900px){
  .t-split{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:var(--gap);align-items:center}
  .t-split>.t-text{grid-column:1 / span 6}
  .t-split>.t-vis,.t-split>.t-chap,.t-split>.t-pitch{grid-column:8 / -1;justify-self:end}
  .t-flip .t-split>.t-text{grid-column:7 / -1;grid-row:1}
  .t-flip .t-split>.t-vis{grid-column:1 / span 5;grid-row:1;justify-self:start}
  .t-split>.t-vis{width:100%}
  .t-flip .t-vis{display:flex;justify-content:flex-start}
  .t-flip .t-vis .t-chap{width:min(100%,340px)}
  .t-arrival .t-split>.t-text{grid-column:1 / span 7}
  .t-arrival .t-split>.t-pitch{grid-column:8 / -1;justify-self:center}
  .t-pitch-frame{width:min(380px,calc((100vh - 230px) * 9 / 16))}
  .t-pitch figcaption{margin-top:22px}
  .t-arrival{padding:36px 0 72px}
  .home .sec.t-st{padding:100px 0 120px}
  .t-tiles{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
  .t-join .t-h2{font-size:clamp(44px,5.6vw,80px)}
}
@media (min-width:1100px){
  .t-vis-card{grid-template-columns:minmax(0,1fr) 220px}
  .t-strip ol{grid-template-columns:repeat(6,auto);justify-content:start;column-gap:26px}
  .t-strip li{border-bottom:0}
  .t-strip ol{border-top:0}
  .t-strip a{font-size:16px}
  .t-board{margin-top:56px}
}
@media (min-width:900px) and (max-width:1099.98px){
  .t-vis-card .t-chap{display:none}
}
@media (prefers-reduced-motion:reduce){.t-still img,.t-rail a{transition:none}}
/* v2 fixes */
.t-strip a{white-space:nowrap}
.t-form .numline{margin:14px 0 0}
.t-vis-card .example{grid-column:auto}
.t-join .t-text{max-width:56rem}
@media (min-width:900px){
  .t-st .t-split{align-items:start}
  .t-st .t-split>.t-text{padding-top:6px}
  .t-vis-card{grid-column:7 / -1!important}
  .t-split-board{align-items:start!important}
  .t-arrival .t-split{align-items:center}
}
@media (min-width:1100px){
  .t-strip ol{grid-template-columns:repeat(3,auto);column-gap:40px}
  .t-strip li{border-bottom:1px solid var(--line)}
}
.t-arrival .t-strip{margin-top:8px}
.t-chap-s{width:150px}
@media (min-width:900px){
  .t-arrival .t-split{row-gap:0}
  .t-arrival .t-split>.t-text{grid-row:1;align-self:end}
  .t-arrival .t-split>.t-strip{grid-column:1 / span 7;grid-row:2;align-self:start;margin-top:40px}
  .t-arrival .t-split>.t-pitch{grid-row:1 / span 2}
  .t-chap-s{width:200px}
}