:root{--concrete:#E2DCD0;--concrete2:#D2CABB;--wall:#C4BBAA;--concreteDk:#9C958A;--asphalt:#23292A;--ink:#1E2627;--ink2:#454D4C;--teal:#0F7C7A;--tealDk:#0A5654;--cobalt:#2747A0;--ochre:#D99A2B;--brick:#B8452E;--paper:#F7F2E6;--tape:#E9DDB0;--grout:#BDB5A6;--cream:#F2E9D3;--pad:64px;--d:'Russo One',Impact,sans-serif;--t:'PT Sans',Arial,sans-serif;--n:'PT Sans Narrow','Arial Narrow',sans-serif}
*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--concrete);color:var(--ink);font:17px/1.55 var(--t);overflow-x:clip}
h1,h2,h3,p,ul,ol,dl,dd,blockquote{margin:0;padding:0}
ul,ol{list-style:none}
h1,h2,h3{font-family:var(--d);font-weight:400;line-height:1.05}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}
:focus-visible{outline:3px solid var(--ochre);outline-offset:3px}
.skip{position:absolute;left:-999px;top:8px;z-index:30;background:var(--paper);padding:10px 16px}
.skip:focus{left:8px}
.w{position:relative;width:100%;max-width:1368px;margin-inline:auto;padding-inline:var(--pad)}
/* concrete grain: 0.18 overlay, kit tile at 50% */
.gr{position:relative;overflow:clip}
.gr::after{content:"";position:absolute;inset:0;background:url(../img/grain.webp) 0 0/256px;opacity:.18;mix-blend-mode:overlay;pointer-events:none}
.chip{font:700 14px/1.55 var(--n);letter-spacing:.1em;text-transform:uppercase;color:var(--tealDk)}
.cast{position:absolute;font:400 210px/.9 var(--d);letter-spacing:-.02em;text-transform:uppercase;white-space:nowrap;color:var(--wall);opacity:.85;pointer-events:none}
.ar{flex:none;width:18px;height:18px;transition:translate .2s ease}
.lnk{font-size:17px;display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--tealDk);line-height:1.55}
.lnk.wt{color:#fff}
.lnk:hover span,.lnk:focus-visible span{text-decoration:underline}
.lnk:hover .ar,.lnk:focus-visible .ar{translate:6px 0}
.pill{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:15px 28px;border-radius:999px;background:var(--teal);color:#fff;font:700 17px/1.55 var(--t);white-space:nowrap;border:2px solid var(--teal);transition:background .2s,border-color .2s}
.pill{padding:13px 26px}
.pill:hover{background:var(--tealDk);border-color:var(--tealDk)}
.pill:hover .ar{translate:6px 0}
.pill.gh{background:none;color:var(--tealDk);border-color:var(--teal)}
.pill.gh:hover{background:var(--teal);color:#fff}
/* paper notice */
.nt{position:relative;background:var(--paper);border:1px solid var(--grout);padding:26px 24px 22px;box-shadow:2px 8px 14px rgba(30,38,39,.16);transform:rotate(var(--r,0deg));transition:transform .25s ease}
.tape{position:absolute;left:calc(50% - 42px);top:-12px;width:84px;height:24px;background:var(--tape);opacity:.9;transform:rotate(3deg)}
.nt h2{font-size:26px;color:var(--ink);margin-bottom:10px}
.nb{font-size:16px;color:var(--ink2);margin-bottom:10px}
.rows{display:flex;flex-direction:column;gap:var(--g,10px)}
.rows>div{display:flex;gap:12px;padding:7px 0;border-top:1px solid var(--grout)}
.rows dt{flex:none;width:104px;font:700 14px/1.55 var(--n);letter-spacing:.06em;text-transform:uppercase;color:var(--tealDk)}
.rows dd{flex:1;min-width:0;font-size:15px;color:var(--ink);overflow-wrap:anywhere}
.ins{flex:none;--p:14px;--R:56px;--rd:10px;display:block;width:fit-content;padding:var(--p);background:var(--wall);border-radius:var(--R) var(--R) 6px 6px}
.ins img{width:var(--z);height:var(--z);border-radius:calc(var(--R) - var(--rd)) calc(var(--R) - var(--rd)) 0 0;object-fit:cover}
.big{--z:420px}.xl{--z:460px;--R:60px}.md{--z:200px;--p:8px;--R:32px}.sm{--z:120px;--p:6px;--R:26px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:6px 10px;font:400 15px/1.55 var(--n);letter-spacing:.02em;color:var(--ink2)}
.crumbs li{display:flex;gap:10px}
.crumbs b{color:var(--ink)}
.crumbs a:hover{text-decoration:underline}
.crumbs i{font:15px var(--t);font-style:normal}
/* chrome */
.top{background:var(--concrete);border-bottom:1px solid var(--grout)}
.tp-i{display:flex;justify-content:space-between;align-items:center;padding-block:22px}
.logo{display:inline-flex;align-items:center;gap:12px;font:400 22px/1.05 var(--d);color:var(--ink)}
.logo img{width:38px;height:38px;border-radius:16px 16px 3px 3px}
.logo.lt{color:var(--concrete);flex:none}
.tabs ul{display:flex;background:var(--tealDk);border-radius:4px;padding:0 6px}
.tabs a{display:block;padding:13px 26px 10px;border-bottom:4px solid transparent;font:700 17px/1.55 var(--n);letter-spacing:.08em;text-transform:uppercase;color:var(--cream);transition:border-color .2s}
.tabs a:hover{border-color:var(--cream)}
.tabs a[aria-current]{color:#fff;border-color:var(--ochre)}
.foot{background:var(--asphalt);color:var(--concrete);padding:64px 0 40px}
.foot .w{display:flex;flex-direction:column;gap:40px}
.f-top{display:flex;align-items:center;gap:48px}
.f-top p{font-size:17px;color:var(--concrete2);max-width:560px}
.f-grid{display:grid;grid-template-columns:repeat(4,1fr);align-items:start;border-top:1px solid #3C4445;border-left:1px solid #3C4445}
.fc{padding:22px;border-right:1px solid #3C4445;border-bottom:1px solid #3C4445}
.fc .chip{font-size:13px;font-weight:700;color:var(--ochre);line-height:1.55;font-family:var(--n)}
.fc ul{display:flex;flex-direction:column;gap:10px;margin-top:10px;font-size:16px}
.fc li{overflow-wrap:anywhere}
.fc a:hover,.fc button:hover{text-decoration:underline}
.f-bot{display:flex;justify-content:space-between;gap:10px 24px;font-size:14px;color:var(--concrete2)}
/* hero: pavilion stage in mockup units */
.hero{container-type:inline-size;background:var(--concrete)}
.stage{isolation:isolate;--u:min(100cqw/1368,1.2px);--s:var(--u);position:relative;width:calc(1368*var(--u));height:calc(860*var(--u));margin-inline:auto}
.pave{position:absolute;left:0;right:0;bottom:0;height:60px;height:calc(60*min(100vw/1368,1.2px));background:var(--concrete2)}
.kerb{position:absolute;left:0;right:0;bottom:calc(58*min(100vw/1368,1.2px));height:calc(6*min(100vw/1368,1.2px));background:var(--concreteDk)}
.art,.pv{position:absolute;left:0;top:0}
.pv{left:calc(36*var(--s));top:calc(80*var(--s))}
.pv>*{position:absolute;display:block}
.p-wall{left:calc(40*var(--s));top:calc(72*var(--s));width:calc(600*var(--s));height:calc(640*var(--s));background:var(--wall);border-top-left-radius:calc(220*var(--s))}
.p-mos{left:calc(80*var(--s));top:calc(118*var(--s));width:calc(520*var(--s));height:calc(560*var(--s));max-width:none;object-fit:cover;border-top-left-radius:calc(180*var(--s))}
.p-shade{left:calc(80*var(--s));top:calc(72*var(--s));width:calc(560*var(--s));height:calc(420*var(--s));max-width:none}
.sun-off .p-shade{translate:0 calc(-40*var(--s))}
.sun-run .p-shade{transition:translate 1.4s cubic-bezier(.3,.1,.2,1)}
.p-col{left:calc(640*var(--s));top:calc(72*var(--s));width:calc(40*var(--s));height:calc(640*var(--s));background:var(--concreteDk)}
.p-rt{left:0;top:0;width:calc(880*var(--s));height:calc(30*var(--s));background:#EEE9DF;border-radius:calc(4*var(--s))}
.p-rf{left:0;top:calc(30*var(--s));width:calc(880*var(--s));height:calc(54*var(--s));background:var(--concrete2)}
.p-re{left:0;top:calc(80*var(--s));width:calc(880*var(--s));height:calc(4*var(--s));background:var(--concreteDk)}
.p-bsh{left:calc(40*var(--s));top:calc(640*var(--s));width:calc(640*var(--s));height:calc(60*var(--s));max-width:none}
.p-bt{left:calc(20*var(--s));top:calc(606*var(--s));width:calc(640*var(--s));height:calc(18*var(--s));background:#EEE9DF;border-radius:calc(3*var(--s))}
.p-bf{left:calc(20*var(--s));top:calc(624*var(--s));width:calc(640*var(--s));height:calc(22*var(--s));background:var(--concrete2)}
.sign{position:absolute;left:calc(1250*var(--u));top:calc(60*var(--u));width:calc(98*var(--u));height:calc(98*var(--u));display:grid;place-items:center;border-radius:50%;background:var(--teal);border:calc(4*var(--u)) solid #fff;font:400 calc(46*var(--u))/1 var(--d);color:#fff}
.sign i{position:absolute;z-index:-1;left:calc(40*var(--u));top:calc(56*var(--u));width:calc(10*var(--u));height:calc(740*var(--u));background:var(--concreteDk)}
.sign b{font-weight:400}
.h-t{position:absolute;left:calc(780*var(--u));top:calc(136*var(--u));width:calc(450*var(--u));display:flex;flex-direction:column;align-items:flex-start;gap:calc(22*var(--u))}
.h-t h1{font-size:calc(76*var(--u));line-height:.94;letter-spacing:-.02em;color:var(--ink)}
.h-t p{font-size:calc(20*var(--u));line-height:1.5;color:var(--ink2)}
.h-t .pill{font-size:max(15px,calc(17*var(--u)));padding:calc(15*var(--u)) calc(28*var(--u))}
.hn{position:absolute;left:calc(840*var(--u));top:calc(500*var(--u));width:calc(470*var(--u));padding:calc(24*var(--u)) calc(24*var(--u)) 0;box-shadow:1px 2px 3px rgba(30,38,39,.1)}
.hn .chip{font-size:calc(13*var(--u))}
.hn h2{font-size:calc(26*var(--u));margin:calc(12*var(--u)) 0}
.strips{display:grid;grid-template-columns:repeat(6,1fr);align-items:start}
.strips li{margin-left:-1px}
.strips a{position:relative;display:block;height:calc(196*var(--u));border:1px dashed var(--grout);background:var(--paper);transition:translate .2s ease}
.strips a:hover,.strips a:focus-visible{translate:0 calc(8*var(--u))}
.strips span{position:absolute;left:50%;bottom:calc(14*var(--u));writing-mode:vertical-rl;transform:translateX(-50%) rotate(180deg);font:700 calc(19*var(--u))/1.25 var(--n);white-space:nowrap;color:var(--ink)}
.dot{position:absolute;left:calc(50% - 4px);top:12px;width:8px;height:8px;border-radius:50%}
.dot.teal{background:var(--teal)}.dot.cobalt{background:var(--cobalt)}.dot.ochre{background:var(--ochre)}.dot.brick{background:var(--brick)}
/* home */
.sh{display:flex;flex-direction:column;gap:14px;padding-block:96px 40px}
.sh h2{font-size:56px;line-height:1;max-width:900px}
.sh p{font-size:19px;color:var(--ink2);max-width:640px}
.pick{background:var(--concrete2)}
.pick .sh{padding-top:80px}
.stop{isolation:isolate;--pi:calc(var(--pad) + 40px)}
.s1{background:var(--concrete2)}
.s2{background:var(--concrete)}
.stop:nth-of-type(n){position:relative}
.st-i{display:grid;grid-template-columns:minmax(0,600px) 448px;justify-content:space-between;padding-inline:var(--pi);min-height:620px}
.st-i.alt{grid-template-columns:448px minmax(0,600px);justify-content:start;column-gap:68px}
.st-c{position:relative;padding-top:70px}
.st-t{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:92px 0 70px}
.st-t h3{font-size:60px;line-height:1}
.st-s{font-size:19px;color:var(--ink2);max-width:540px}
.st-o{display:none}
.st-n{--g:6px;width:min(460px,100%);margin:12px 0 0 6px;padding:22px 22px 16px}
.stop .cast{z-index:-1;left:560px;top:440px}
.stop .st-i:not(.alt) .cast{left:-30px}
.st-l::after{content:"";position:absolute;inset:0;z-index:1}
.stop{cursor:pointer}
.stop:hover .st-n,.stop:focus-within .st-n{transform:none}
.stop:hover .ar,.stop:focus-within .ar{translate:6px 0}
.stop:hover .st-l span,.stop:focus-within .st-l span{text-decoration:underline}
.ups{background:var(--concrete);padding-bottom:96px}
.board li{position:relative;display:flex;align-items:center;gap:32px;padding:22px 0;border-bottom:1px solid var(--grout)}
.board li:first-child{border-top:1px solid var(--grout)}
.tag{flex:none;width:210px;white-space:nowrap;padding:8px 14px;background:var(--paper);border:1px solid var(--grout);font:400 22px/1.05 var(--d);color:var(--tealDk);box-shadow:1px 4px 8px rgba(30,38,39,.12);transform:rotate(var(--r))}
.u-n{flex:none;width:360px;font:400 26px/1.05 var(--d);color:var(--ink)}
.u-n::after{content:"";position:absolute;inset:0;z-index:1}
.board p{flex:1;font-size:17px;color:var(--ink2)}
.board .ar{width:22px;height:22px;color:var(--tealDk)}
.board li:hover .ar,.board li:focus-within .ar{translate:6px 0}
.board li:hover .u-n{text-decoration:underline}
.stm{background:var(--concrete);padding:24px 0 96px}
.wall{display:flex;flex-direction:column;align-items:flex-start;gap:24px;padding:72px 80px;background:var(--teal);border-radius:160px 6px 6px 6px;color:#fff}
.wall h2{font-size:54px;line-height:1.08;max-width:980px}
.wall p{font-size:19px;max-width:640px}
/* games */
.ghead{background:var(--concrete)}
.ghead .w{display:flex;flex-direction:column;gap:18px;padding-block:48px 56px}
.ghead .cast{left:820px;top:40px;font-size:300px;color:var(--concrete2);opacity:1}
.ghead .crumbs,.ghead h1,.ghead p{position:relative}
.ghead h1{font-size:76px;line-height:.98;max-width:900px}
.ghead p{font-size:20px;color:var(--ink2);max-width:640px}
.table{background:var(--concrete);padding-bottom:96px}
.thead,.row{display:grid;grid-template-columns:minmax(0,1fr) 150px 200px 120px 24px;column-gap:24px;align-items:center}
.thead{padding:12px 0;border-bottom:2px solid var(--ink)}
.thead .chip{color:var(--ink2);white-space:nowrap}
.row{position:relative;padding:24px 0;border-bottom:1px solid var(--grout)}
.who{display:flex;align-items:center;gap:32px}
.who>div{display:flex;flex-direction:column;gap:8px;min-width:0}
.who h2{font-size:30px}
.who p{font-size:16px;color:var(--ink2)}
.r-d,.r-u{font-size:15px}
.r-m{display:none}
.r-l span{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.r-l .ar{width:24px;height:24px}
.r-l::after{content:"";position:absolute;inset:0}
.row:hover .ar,.row:focus-within .ar{translate:6px 0}
.row:hover h2{text-decoration:underline}
/* guide */
.fo{background:var(--concrete2)}
.fo-i{display:grid;grid-template-columns:488px minmax(0,660px);column-gap:68px;align-items:start;padding-top:96px;min-height:700px;padding-bottom:64px}
.fo .crumbs{position:absolute;left:var(--pad);top:40px}
.fo .cast{left:520px;top:470px;font-size:220px;opacity:1}
.fo-t{position:relative;display:flex;flex-direction:column;gap:20px;padding-top:24px}
.fo-t h1{font-size:88px;line-height:.96}
.lead{font-size:22px;line-height:1.45}
.meta{font:400 16px/1.55 var(--n);color:var(--ink2)}
.fb{background:var(--concrete)}
.fb-i{display:flex;gap:72px;justify-content:space-between;padding-block:72px 40px}
.art-c{flex:0 1 720px;min-width:0;display:flex;flex-direction:column;gap:22px}
.art-c>h2{font-size:34px;line-height:1.1}
.art-c>p{font-size:18px;line-height:1.65}
blockquote{padding:28px 0 28px 28px;border-left:1px solid var(--teal);font:400 30px/1.25 var(--d);color:var(--tealDk)}
.keys>div{display:flex;gap:20px;padding:12px 0;border-bottom:1px solid var(--grout)}
.keys dt{flex:none;width:220px;font:700 17px/1.55 var(--n)}
.keys dd{flex:1;font-size:16px;color:var(--ink2)}
.ticks{display:flex;flex-direction:column;gap:22px}
.ticks li{display:flex;gap:14px;font-size:18px;line-height:1.55}
.ticks .ar{width:20px;height:20px;margin-top:4px;color:var(--teal)}
.ticks.bad .ar{color:var(--brick)}
.qa{display:flex;flex-direction:column;gap:22px}
.qa>div{display:flex;flex-direction:column;gap:6px;padding:14px 0;border-top:1px solid var(--grout)}
.qa h3,.ab-q h3{font:700 18px/1.55 var(--t)}
.qa p,.ab-q p{font-size:16px;color:var(--ink2)}
.side{flex:0 0 440px;display:flex;flex-direction:column;gap:40px;padding-top:10px}
.fx{width:420px;--kw:96px}
.fx .rows dt,.k80 dt{width:var(--kw,80px)}
.where{display:flex;flex-direction:column;align-items:flex-start;gap:10px;padding:20px 0;border-top:2px solid var(--ink)}
.where h2{font-size:22px}
.where p{font-size:15px;color:var(--ink2)}
.where .lnk{font-size:16px}
.sim{background:var(--concrete2)}
.sim .w{display:flex;flex-direction:column;gap:24px;padding-block:48px 96px}
.sim .w>h2{font-size:34px}
.sim-r{display:flex;gap:32px}
.sim-c{position:relative;flex:0 1 420px;display:flex;flex-direction:column;gap:12px}
.sim-c h3{font-size:24px}
.sim-c a::after{content:"";position:absolute;inset:0}
.sim-c:hover a{text-decoration:underline}
.sim-c p{font-size:15px;color:var(--ink2)}
/* about */
.ahead{background:var(--concrete2)}
.ahead .w{display:flex;flex-direction:column;gap:18px;padding-block:56px 64px}
.ah-m{position:absolute;right:58px;top:-40px;width:300px;height:360px;object-fit:cover}
.ahead h1{position:relative;font-size:76px;line-height:.98;max-width:860px}
.ahead p{position:relative;font-size:21px;max-width:680px}
.ab{background:var(--concrete)}
.ab .w{display:flex;flex-direction:column;gap:44px;padding-block:64px 40px}
.ab-r{display:flex;gap:72px;padding-bottom:32px;border-bottom:1px solid var(--grout)}
.ab-r h2{flex:0 0 380px;font-size:30px}
.ab-r>div{flex:0 1 720px;display:flex;flex-direction:column;gap:14px;font-size:18px;line-height:1.6}
.ab-q h2{font-size:30px}
.ab-q>div{display:flex;flex-direction:column;gap:6px;padding:16px 0;border-bottom:1px solid var(--grout)}
.ktc{background:var(--concrete);padding:32px 0 96px}
.kt{width:min(620px,100%)}
/* legal */
.lhead{background:var(--concrete2)}
.lhead .w{display:flex;flex-direction:column;gap:16px;padding-block:56px}
.lhead .cast{left:760px;top:30px;font-size:260px;opacity:.8}
.lhead .crumbs,.lhead h1,.lhead p{position:relative}
.lhead h1{font-size:68px}
.lhead p{font:400 16px/1.55 var(--n);color:var(--ink2)}
.lbody{background:var(--concrete)}
.lb-i{display:flex;align-items:flex-start;gap:80px;padding-block:56px 96px}
.ls{flex:0 0 380px}
.ls .nb{margin:10px 0 0}
.l-c{flex:0 1 760px;min-width:0;display:flex;flex-direction:column;gap:18px}
.l-c h2{font-size:26px}
.l-c p{font-size:17px;line-height:1.65}
.l-c a,.ab a,.rows a{text-decoration:underline}
/* cookie */
.cookie{position:fixed;right:24px;bottom:24px;z-index:20;width:min(428px,calc(100vw - 32px));max-height:calc(100dvh - 32px);overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:10px}
.cookie .chip{font-size:13px}
.cookie h2{font-size:26px;margin:0}
.ck-p{font-size:16px;color:var(--ink2)}
.ck-acts{display:flex;gap:12px;padding-top:8px}
.ck-acts .pill{padding:13px 22px}
.ck-l{font-size:14px;color:var(--tealDk);text-decoration:underline}
.ck-manage{display:flex;flex-direction:column;align-items:flex-start;gap:8px;font-size:15px;padding-top:6px}
.ck-manage label{display:flex;gap:8px;align-items:center}
.ck-manage input{accent-color:var(--teal);width:16px;height:16px}
/* below 1368 content columns compress */
@media (max-width:1367px) and (min-width:1200px){
  .stop .cast{font-size:15.4vw}
  .ghead .cast{left:60%}.lhead .cast{left:56%}
  .fb-i{gap:48px}.side{flex-basis:420px}
  .ab-r h2{flex-basis:300px}.ab-r{gap:48px}
  .st-t h3{font-size:54px}
}
/* tablet + phone share the stacked hero */
@media (max-width:1199px){
  :root{--pad:40px}
  .tp-i{padding-block:18px}
  .hero{padding-bottom:calc(68*var(--s,1px))}
  .pave,.kerb{display:none}
  .stage{--s:min(100vw/720,.8px);width:auto;height:auto}
  .art{position:relative;height:calc(712*var(--s));overflow:hidden}
  .pv{left:calc(50% - 440*var(--s));top:0}
  .sign{display:none}
  .low{display:grid;grid-template-columns:minmax(0,1fr) min(380px,42vw);gap:40px;align-items:start;padding:32px var(--pad) 40px;position:relative}
  .h-t,.hn{position:static;width:auto}
  .h-t{gap:16px}
  .h-t h1{font-size:clamp(44px,6vw,60px);line-height:.96}
  .h-t p{font-size:18px}
  .h-t .pill{font-size:17px;padding:13px 26px}
  .nt.hn{padding:22px 16px 0}
  .hn .chip{font-size:13px}.hn h2{font-size:24px;margin:6px 0 10px}
  .strips a{height:176px}
  .strips span{font-size:16px;bottom:14px}
  .sh{padding-block:64px 32px}.sh h2{font-size:44px}.sh p{font-size:17px}
  .st-i,.st-i.alt{grid-template-columns:minmax(0,1fr) 308px;column-gap:40px;justify-content:stretch;padding-inline:var(--pad);min-height:0}
  .st-i.alt{grid-template-columns:308px minmax(0,1fr)}
  .big{--z:280px;--R:44px;--rd:10px}
  .st-c{padding-top:48px}
  .st-t{padding:48px 0 64px}
  .st-t h3{font-size:40px}.st-s{font-size:17px}
  .st-n{width:100%;margin-left:0}
  .stop .cast,.stop .st-i:not(.alt) .cast{font-size:150px;left:-10px;top:auto;bottom:-16px}
  .board li{gap:20px}.tag{width:180px;font-size:18px}.u-n{width:220px;font-size:22px}.board p{font-size:15px}
  .ups{padding-bottom:64px}
  .stm{padding-bottom:64px}.wall{padding:56px;border-radius:110px 6px 6px 6px}.wall h2{font-size:38px}.wall p{font-size:17px}
  .ghead h1,.ahead h1{font-size:54px}.lhead h1{font-size:52px}
  .ghead .cast{font-size:200px;left:auto;right:-60px;top:20px}
  .lhead .cast{font-size:170px;left:auto;right:-30px;top:30px}
  .thead{display:none}
  .row{grid-template-columns:minmax(0,1fr) auto;gap:12px 24px;padding:20px 0}
  .who{grid-column:1/-1;gap:20px}
  .r-g,.r-d,.r-u{display:none}
  .r-m{display:block}
  .r-l{justify-self:end}
  .r-l span{position:static;width:auto;height:auto;clip-path:none;overflow:visible;font-size:15px}
  .r-l .ar{width:17px;height:17px}
  .r-l::after{inset:0}
  .fo-i{grid-template-columns:320px minmax(0,1fr);column-gap:40px;min-height:0;padding-top:72px;padding-bottom:48px}
  .xl{--z:292px;--R:40px;--p:14px}
  .fo .cast{display:none}
  .fo-t{padding:0;gap:14px}.fo-t h1{font-size:52px}.lead{font-size:18px}
  .fb-i{flex-direction:column;gap:32px;padding-block:48px 24px}
  .art-c{flex:none}
  .side{flex:none}
  .fx{width:min(560px,100%)}
  .ahead .w{padding-block:40px 48px}
  .ah-m{right:0;width:200px;height:240px}
  .ahead h1,.ahead p{max-width:calc(100% - 220px)}
  .ab-r{gap:36px}.ab-r h2{flex-basis:220px;font-size:26px}
  .lb-i{flex-direction:column;gap:32px}.ls{flex:none;width:min(520px,100%)}.l-c{flex:none}
  .f-top{gap:32px}.f-grid{grid-template-columns:repeat(4,1fr)}.fc{padding:18px}.fc ul{font-size:15px}
}
@media (min-width:768px) and (max-width:1199px){ .st-o{display:none} }
@media (min-width:1200px){ .logo{font-size:22px} }
@media (max-width:767px){
  :root{--pad:20px}
  body{font-size:15px}
  .tp-i{flex-direction:column;align-items:stretch;gap:14px;padding-block:16px}
  .logo{font-size:18px}
  .tabs ul{justify-content:stretch}
  .tabs li{flex:1}
  .tabs a{padding:12px 0 9px;text-align:center;font-size:16px}
  .hero{padding-bottom:34px}
  .low{display:block;padding:0}
  .art{height:calc(712*var(--s))}
  .pv{left:calc(-48*var(--s))}
  .h-t{padding:0 var(--pad)}
  .h-t h1{font-size:46px}
  .h-t p{font-size:17px}
  .nt.hn{width:min(320px,calc(100% - 40px));margin:32px 20px 0;padding:20px 10px 0}
  .hn h2{margin:10px 0}
  .h-t .pill{font-size:16px;padding:11px 20px}
  .hn h2{font-size:22px}
  .strips a{height:170px}
  .sh{padding-block:56px 28px}.pick .sh{padding-top:56px}.sh h2{font-size:34px}.sh p{font-size:16px}
  .ins{--R:40px}
  .big{--z:280px;--p:10px}
  .st-i,.st-i.alt{display:flex;flex-direction:column;align-items:flex-start;gap:16px;padding:36px var(--pad) 44px}
  .st-t{display:contents}
  .st-t .chip{order:1;position:relative}.st-c{order:2;padding:0}.st-t h3{order:3;font-size:32px;position:relative}
  .st-s{display:none}.st-o{display:block;order:4;font-size:16px;color:var(--ink2);position:relative}
  .nt.st-n{order:5;width:calc(100% - 16px);margin:0;padding:18px 16px 14px}
  .st-l{order:6}
  .nt.st-n{transform:rotate(calc(var(--r) / 2))}
  .stop:hover .nt.st-n,.stop:focus-within .nt.st-n{transform:none}
  .st-n .rows>div:nth-child(4){display:none}
  .rows dt{width:80px}
  .stop{position:relative}
  .st-l::after{inset:0}
  .stop .cast,.stop .st-i:not(.alt) .cast{font-size:120px;left:-10px;bottom:-12px}
  .nt{padding:22px 18px 18px}
  .nt h2{font-size:22px}.nb{font-size:15px}
  .ups{padding-bottom:56px}
  .board li{flex-direction:column;align-items:flex-start;gap:8px;padding:16px 0}
  .board .ar{display:none}
  .tag,.u-n{width:auto}.tag{font-size:18px}
  .stm{padding:8px 0 56px}.wall{padding:40px 24px;gap:24px;border-radius:72px 6px 6px 6px}.wall h2{font-size:30px}.wall p{font-size:16px}
  .ghead .w{padding-block:28px 32px}.ghead h1{font-size:36px}.ghead p{font-size:16px}
  .ghead .cast{font-size:120px;left:150px;right:auto;top:10px}
  .table{padding-bottom:48px}
  .row{display:flex;flex-direction:column;align-items:flex-start}
  .who{gap:14px;width:100%}.sm{--z:96px}
  .who h2{font-size:22px}.who p{font-size:15px}
  .r-l{justify-self:auto}
  .fo-i{display:flex;flex-direction:column;gap:16px;padding-block:24px 36px}
  .fo .crumbs{position:static}
  .ins.xl{--z:292px;--p:10px;--R:40px}
  .fo-t{gap:16px}.fo-t h1{font-size:40px;line-height:1.05}.lead{font-size:17px;line-height:1.55}.meta{font-size:14px}
  .fb-i{padding-block:36px 24px}
  .art-c>h2{font-size:26px}.art-c>p{font-size:16px}
  blockquote{padding:18px 0 18px 18px;font-size:22px}
  .keys dt{width:120px}
  .ticks li{font-size:16px}
  .side{gap:32px}
  .fx{width:calc(100% - 14px);--kw:96px;transform:rotate(-.8deg)}
  .sim .w{padding-block:28px 56px}.sim .w>h2{font-size:26px}
  .sim-r{flex-direction:column}.sim-c{flex:none}.md{--z:140px}
  .ahead .w{padding-block:28px 36px}.ah-m{display:none}
  .ahead h1{font-size:36px;max-width:none}.ahead p{font-size:17px;max-width:none}
  .ab .w{padding-block:32px 24px}.ab-r{flex-direction:column;gap:12px}.ab-r h2{flex:none;font-size:24px}.ab-r>div{flex:none;font-size:16px}.ab-q h2{font-size:24px}
  .ktc{padding:16px 0 56px}.kt{--r:0deg;width:100%}
  .lhead .w{padding-block:28px 32px}.lhead h1{font-size:34px}
  .lhead .cast{font-size:110px;left:170px;right:auto;top:60px}
  .lb-i{padding-block:28px 56px;gap:28px}.ls{--r:0deg;width:100%}.l-c h2{font-size:21px}.l-c p{font-size:16px}
  .foot{padding:44px 0 32px}.foot .w{gap:28px}
  .f-top{flex-direction:column;align-items:flex-start;gap:14px}.f-top p{font-size:15px}
  .f-grid{grid-template-columns:1fr 1fr}.fc{padding:16px 14px}.fc ul{font-size:14px}
  .f-bot{flex-direction:column}
  .logo.lt{font-size:18px}
  .cookie{left:16px;right:16px;bottom:16px;width:auto}
  .cookie h2{font-size:22px}.ck-p{font-size:15px}
  .ck-acts{flex-direction:column}
  .ck-acts .pill{width:fit-content;font-size:16px;padding:11px 20px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* social icons (footer) */
.fc li.soc{display:flex;gap:8px}
.sic{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;flex:none;border:1px solid #3C4445;background:#2C3334;color:var(--concrete);transition:background .15s,color .15s,border-color .15s}
.sic:hover{background:var(--teal);border-color:var(--teal);color:#fff}
.sic .si{width:18px;height:18px}