:root{--display:"Bricolage Grotesque", ui-sans-serif, system-ui, sans-serif;--text:"Geist", ui-sans-serif, system-ui, sans-serif;--margin:clamp(20px,4.5vw,64px);--gap:clamp(12px,1.6vw,24px);--maxw:1440px;--bar:clamp(64px,10vh,88px);--ease:cubic-bezier(.2,.7,.2,1);--p1:#d9f99d;--p2:#a3d9ff;--p3:#f98649;--p4:#fbcfe8;--p5:#d8c8fd;--p6:#53c898;--p7:#fdcf00;--pill:14%;--ink:#17191c;--bg:#14161a;--fg:#edeef0;--muted:#a3a8af;--guide:#262930;--guide-hi:#3a3e46}:root[data-theme=light]{--p1:#66762b;--p2:#3d62b8;--p3:#b5513e;--p4:#a84b72;--p5:#7552b0;--p6:#2f7d58;--p7:#95661d;--pill:11%;--bg:#f5f6f7;--fg:#17191c;--muted:#5a5f66;--guide:#e2e5e9;--guide-hi:#c9cdd3}
*{box-sizing:border-box;margin:0;padding:0}html,body{overflow-x:hidden}@supports (overflow:clip){html,body{overflow-x:clip}}body{background:var(--bg);color:var(--fg);font-family:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;transition:background-color .5s var(--ease),color .5s var(--ease);font-size:16px;line-height:1.5}a,button{color:inherit;font:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--fg);outline-offset:4px;border-radius:4px}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page{grid-template-rows:var(--bar) 1fr var(--bar);min-height:100dvh;padding:0 max(var(--margin),env(safe-area-inset-left)) env(safe-area-inset-bottom) max(var(--margin),env(safe-area-inset-right));display:grid;position:relative}.grid{width:100%;max-width:var(--maxw);column-gap:var(--gap);grid-template-columns:repeat(12,minmax(0,1fr));margin:0 auto;display:grid}.guides{pointer-events:none;grid-template-rows:var(--bar) 1fr var(--bar);padding:inherit;display:grid;position:absolute;inset:0}.guides .grid{grid-row:1/-1;height:100%}.guides .v{border-left:1px solid var(--guide);grid-row:1}.guides .v.l{grid-column:1/2}.guides .v.r{border-left:0;border-right:1px solid var(--guide);grid-column:12/13}.guides .v.a{border-right:0;grid-column:8/13}.guides .h1,.guides .h2{background:var(--guide);height:1px;position:absolute;left:0;right:0}.guides .h1{top:var(--bar)}.guides .h2{bottom:calc(var(--bar) + env(safe-area-inset-bottom))}header{z-index:2;grid-row:1;align-items:center;position:relative}.logo{white-space:nowrap;grid-column:1/7;justify-self:start;align-items:center;gap:12px;min-height:44px;display:flex}.logo svg{flex:none;width:28px;height:28px}.logo svg *{transition:transform .6s var(--ease);transform-box:fill-box;transform-origin:50%}.logo:hover .t1,.logo:focus-visible .t1{transform:rotate(90deg)}.logo:hover .t2,.logo:focus-visible .t2{transform:rotate(-90deg)}.logo:hover .t3,.logo:focus-visible .t3{transform:scale(.7)}.logo:hover .t4,.logo:focus-visible .t4{transform:rotate(180deg)}@media (prefers-reduced-motion:reduce){.logo svg *{transition:none}body .logo:hover .t1,body .logo:hover .t2,body .logo:hover .t3,body .logo:hover .t4,body .logo:focus-visible .t1,body .logo:focus-visible .t2,body .logo:focus-visible .t3,body .logo:focus-visible .t4{transform:none}}.logo span{font-family:var(--display);letter-spacing:-.015em;font-size:18px;font-weight:600}nav{grid-column:7/13;justify-self:end;align-items:center;gap:clamp(16px,2.4vw,34px);display:flex}nav a.link{color:var(--muted);align-items:center;min-height:44px;font-size:15px;transition:color .25s;display:inline-flex;position:relative}nav a.link.cv[data-kj=nav-resume]:before{inset:-5px}nav a.link:hover,nav a.link:focus-visible{color:var(--fg)}nav a.link:after{content:"";background:var(--c);width:6px;height:6px;transition:transform .3s var(--ease);position:absolute;bottom:7px;left:50%;transform:translate(-50%)scale(0)rotate(45deg)}nav a.link:hover:after,nav a.link:focus-visible:after{transform:translate(-50%)scale(1)rotate(45deg)}.icon-btn{width:44px;height:44px;color:var(--muted);border-radius:50%;flex:none;place-items:center;transition:color .2s,background-color .2s;display:grid;position:relative}.icon-btn:hover,.icon-btn:focus-visible{color:var(--fg);background:color-mix(in srgb,var(--fg) 8%,transparent)}.icon-btn svg{width:18px;height:18px}.menu-btn{display:none}nav .icon-btn{margin-right:-12px}[data-tip]:before{content:attr(data-tip);white-space:nowrap;font:500 12.5px/1 var(--text);color:var(--bg);background:var(--fg);opacity:0;pointer-events:none;transition:opacity .2s,transform .2s var(--ease);z-index:5;border-radius:6px;padding:7px 10px;position:absolute;bottom:calc(100% + 6px);left:50%;transform:translate(-50%,4px)}[data-tip]:hover:before,[data-tip]:focus-visible:before,[data-tip].tip-on:before{opacity:1;transform:translate(-50%)}body.tips-off [data-tip]:not(.tip-on):before{opacity:0!important}header [data-tip]:before{top:calc(100% + 6px);bottom:auto;transform:translate(-50%,-4px)}@media (max-width:900px){header .theme-desk[data-tip]:before{left:auto;right:0;transform:translateY(-4px)}header .theme-desk[data-tip]:hover:before,header .theme-desk[data-tip]:focus-visible:before{transform:translate(0)}}.social [data-tip]:first-child:before{left:0;transform:translateY(4px)}.social [data-tip]:first-child:hover:before,.social [data-tip]:first-child:focus-visible:before{transform:translate(0)}.right [data-tip]:last-child:before{left:auto;right:0;transform:translateY(4px)}.right [data-tip]:last-child:hover:before,.right [data-tip]:last-child:focus-visible:before{transform:translate(0)}footer.grid{z-index:2;grid-row:3;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:0;position:relative}footer .social{grid-column:1;justify-self:start;align-items:center;gap:2px;margin-left:-12px;display:flex}footer .footer-line{white-space:nowrap;background:var(--bg);z-index:1;grid-column:2;justify-self:center;margin-right:0;padding:0 14px;position:relative}footer .right{white-space:nowrap;grid-column:3;justify-self:end;align-items:center;gap:6px;margin-right:-12px;display:flex}footer .signoff{color:var(--muted);font-size:13px}@media (max-width:809px){footer .footer-line,footer .signoff{display:none}}.totop{bottom:calc(clamp(16px,3vh,28px) + env(safe-area-inset-bottom) + var(--totop-lift,0px))}.sheet{z-index:10;background:var(--bg);padding:0 var(--margin);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),visibility .3s;flex-direction:column;display:flex;position:fixed;inset:0}.sheet.open{opacity:1;visibility:visible}.sheet .top{height:var(--bar);justify-content:space-between;align-items:center;display:flex}.sheet nav{flex-direction:column;align-items:flex-start;gap:2px;margin-top:5vh}.sheet a.big{font-family:var(--display);letter-spacing:-.03em;align-items:center;gap:16px;min-height:64px;font-size:clamp(40px,11vw,56px);font-weight:500;display:flex}.sheet a.big i{background:var(--c);width:12px;height:12px;transform:rotate(45deg)}
.page{grid-template-rows:var(--bar) auto var(--bar)}.guides .v.a{display:none}nav a.link[aria-current=page]{color:var(--fg)}nav a.link[aria-current=page]:after{transform:translate(-50%)scale(1)rotate(45deg)}main{z-index:1;--pc:var(--p3);grid-row:2;position:relative}b,strong{color:var(--fg);font-weight:500}.back{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:14px;transition:color .2s;display:inline-flex}.back:hover,.back:focus-visible{color:var(--fg)}.back i{background:var(--pc);width:7px;height:7px;transform:rotate(45deg)}.cs-head{padding:clamp(16px,3.5vh,40px) 0 0}.eyebrow{color:var(--muted);margin-top:clamp(10px,2vh,20px);font-size:15px}h1{font-family:var(--display);letter-spacing:-.03em;max-width:30ch;margin-top:8px;font-size:clamp(34px,min(4.4vw,7.5vh),64px);font-weight:500;line-height:1.02}h1 .w{white-space:nowrap;display:inline-block}h1 .ch{text-align:center;font-variation-settings:"wght" var(--w,500),"wdth" var(--d,100),"opsz" 96;transform:translateY(var(--y,0px));color:color-mix(in srgb,var(--p3) var(--m,0%),var(--fg));font-weight:400;display:inline-block}.subtitle{color:var(--muted);max-width:70ch;margin-top:14px;font-size:clamp(16px,1.3vw,20px);line-height:1.45}.meta{border-top:1px solid var(--guide);flex-wrap:wrap;gap:8px 28px;margin-top:clamp(16px,2.5vh,24px);padding-top:14px;font-size:14px;display:flex}.meta span{color:var(--fg)}.meta i{color:var(--muted);margin-right:6px;font-style:normal}.cover .img.real .frame{background:#cdd2d7}.img{margin:0;position:relative}.img .frame{background:color-mix(in srgb,var(--fg) 4%,var(--bg));border:1px solid var(--guide);border-radius:12px;position:absolute;inset:0;overflow:hidden}.img .frame svg{width:100%;height:100%;color:var(--fg);display:block}.img .ph{color:var(--muted);border:1px dashed var(--guide-hi);background:var(--bg);white-space:nowrap;border-radius:999px;padding:6px 12px;font-size:13px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.img figcaption{color:var(--muted);margin-top:10px;font-size:13px;position:absolute;top:100%;left:0;right:0}.figure{margin:32px 0 44px}.img.real .frame{background:#fff;position:relative;inset:auto}.img.real img{width:100%;height:auto;display:block}.img.real figcaption{margin-top:10px;position:static}.pair .img.real img{aspect-ratio:16/10;object-fit:contain}.cs-body{padding-bottom:clamp(56px,10vh,120px)}.toc{flex-direction:column;grid-column:1/4;place-self:start;align-items:flex-start;gap:0;padding-top:clamp(40px,7vh,72px);display:flex;position:sticky;top:24px}.toc p{color:var(--muted);margin-bottom:10px;font-size:12.5px}.toc a{min-height:44px;color:var(--muted);align-items:center;gap:10px;font-size:14px;transition:color .2s;display:flex}.toc a span{font-family:var(--display);width:18px;color:var(--muted);font-size:12px}.toc a:hover,.toc a:focus-visible,.toc a.on{color:var(--fg)}.toc a.on span{color:var(--pc)}.content{grid-column:4/13;min-width:0}.col{max-width:720px}.glance{padding-top:clamp(40px,7vh,72px)}.glance .row{border-top:1px solid var(--guide);grid-template-columns:120px minmax(0,1fr);gap:16px;max-width:860px;padding:16px 0;display:grid}.glance .row h3{color:var(--muted);font-size:14px;font-weight:500;font-family:var(--text);letter-spacing:0;margin-top:0;padding-top:3px}.glance .row p{font-size:clamp(16px,1.25vw,18px);line-height:1.6}.stats{border-top:1px solid var(--guide);grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px;padding-top:24px;display:grid}.stat .v{font-family:var(--display);letter-spacing:-.02em;font-size:clamp(28px,2.7vw,42px);font-weight:500;line-height:1}.stat .l{color:var(--muted);margin-top:8px;font-size:14px;line-height:1.4}.chapter{border-top:1px solid var(--guide);margin-top:clamp(40px,6vh,64px);padding-top:clamp(56px,9vh,96px);scroll-margin-top:16px}.chead{align-items:baseline;gap:18px;display:flex}.chead .num{font-family:var(--display);color:var(--pc);min-width:26px;font-size:clamp(16px,1.3vw,18px)}h2{font-family:var(--display);letter-spacing:-.024em;font-size:clamp(28px,2.8vw,44px);font-weight:500;line-height:1.08}.inshort{color:var(--fg);max-width:46ch;margin:14px 0 0 44px;font-size:clamp(17px,1.4vw,21px);line-height:1.45}.inshort:before{content:"In short. ";color:var(--muted)}.body{margin-left:44px}h3{font-family:var(--display);letter-spacing:-.014em;margin-top:44px;font-size:clamp(20px,1.7vw,26px);font-weight:500;line-height:1.2}.prose p{color:color-mix(in srgb,var(--fg) 84%,var(--bg));max-width:68ch;margin-top:16px;font-size:clamp(16px,1.2vw,18px);line-height:1.7}ul.dots{max-width:68ch;margin-top:16px;list-style:none}ul.dots li{color:color-mix(in srgb,var(--fg) 84%,var(--bg));margin-top:10px;padding-left:22px;font-size:clamp(16px,1.2vw,18px);line-height:1.6;position:relative}ul.dots li:before{content:"";background:var(--pc);width:6px;height:6px;position:absolute;top:.62em;left:2px;transform:rotate(45deg)}.callout{border-left:2px solid var(--pc);max-width:62ch;margin:36px 0;padding:4px 0 4px 20px}.callout p{font-family:var(--display);letter-spacing:-.012em;font-size:clamp(20px,1.9vw,28px);line-height:1.3}.callout cite{color:var(--muted);margin-top:10px;font-size:13.5px;font-style:normal;display:block}.shift{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:720px;margin-top:24px;display:grid}.shift div{border:1px solid var(--guide);border-radius:12px;padding:14px 16px}.shift div b{font-family:var(--display);font-size:19px;font-weight:500;display:block}.shift div span{color:var(--muted);margin-top:4px;font-size:14px;line-height:1.45;display:block}.shift.to div{border-color:color-mix(in srgb,var(--pc) 55%,var(--guide));background:color-mix(in srgb,var(--pc) var(--pill),transparent)}.arrow{color:var(--muted);margin:12px 0;font-size:13px}.roles,.list{counter-reset:r;max-width:720px;margin-top:20px}.roles .r,.list .r{border-top:1px solid var(--guide);grid-template-columns:44px minmax(0,1fr);padding:16px 0;display:grid}.roles .r:before,.list .r:before{counter-increment:r;content:counter(r,decimal-leading-zero);font-family:var(--display);color:var(--pc);padding-top:3px;font-size:15px}.r h4{font-size:17px;font-weight:500}.r p{color:var(--muted);margin-top:4px;font-size:15px;line-height:1.55}.methods{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.method{border:1px solid var(--guide);border-radius:12px;padding:18px}.method b{font-family:var(--display);font-size:20px;font-weight:500;display:block}.method p{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.5}.chart{border:1px solid var(--guide);border-radius:12px;max-width:720px;margin-top:24px;padding:20px 20px 14px}.chart .t{font-size:14px;font-weight:500}.chart .s{color:var(--muted);margin-top:2px;font-size:13px}.bars{margin-top:16px}.bar{grid-template-columns:120px minmax(0,1fr) 44px;align-items:center;gap:12px;padding:6px 0;display:grid;position:relative}.bar .k{color:var(--muted);font-size:14px}.bar .track{background:color-mix(in srgb,var(--fg) 5%,transparent);border-radius:0 4px 4px 0;height:14px}.bar .fill{background:color-mix(in srgb,var(--fg) 34%,var(--bg));border-radius:0 4px 4px 0;height:100%}.bar.hi .fill{background:var(--pc)}.bar.hi .k,.bar.hi .n{color:var(--fg);font-weight:500}.bar .n{color:var(--muted);text-align:right;font-variant-numeric:tabular-nums;font-size:14px}.bar .tip{background:var(--fg);color:var(--bg);opacity:0;pointer-events:none;white-space:nowrap;z-index:3;border-radius:6px;padding:5px 8px;font-size:12.5px;transition:opacity .15s;position:absolute;top:-28px;left:132px}.bar:hover .tip,.bar:focus-visible .tip{opacity:1}.bar:hover .fill{filter:brightness(1.12)}.chart .foot{color:var(--muted);margin-top:10px;font-size:12.5px}details{border:1px solid var(--guide);border-radius:12px;max-width:720px;margin-top:18px}summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:14px 16px;font-size:15px;font-weight:500;list-style:none;display:flex}summary::-webkit-details-marker{display:none}summary:after{content:"";border-right:1.5px solid var(--muted);border-bottom:1.5px solid var(--muted);width:8px;height:8px;transition:transform .25s var(--ease);transform:rotate(45deg)translateY(-2px)}details[open] summary:after{transform:rotate(-135deg)translateY(-2px)}details .dbody{padding:0 16px 16px}details .dbody li,details .dbody p{color:var(--muted);font-size:15px;line-height:1.6}details ol{padding-left:20px}details ol li{margin-top:6px}.formula{font-family:var(--display);flex-wrap:wrap;align-items:center;gap:10px;margin:28px 0;font-size:clamp(18px,1.6vw,24px);display:flex}.formula span{border:1px solid var(--guide);border-radius:999px;padding:8px 14px}.formula span.res{border-color:var(--pc);background:color-mix(in srgb,var(--pc) var(--pill),transparent)}.formula em{color:var(--muted);font-style:normal}.solution{border-top:1px solid var(--guide);margin-top:56px;padding-top:40px}.solution:first-of-type{margin-top:36px}.solution .tag{color:var(--muted);margin-bottom:8px;font-size:13px;display:inline-block}.solution .tag b{color:var(--fg)}.solution h3{margin-top:0}.result{background:color-mix(in srgb,var(--pc) var(--pill),transparent);border-radius:12px;max-width:68ch;margin-top:20px;padding:12px 14px;font-size:15px;line-height:1.55}.outcomes{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 28px;max-width:820px;margin-top:24px;display:grid}.outcome{border-top:1px solid var(--guide);padding:18px 0}.outcome .v{font-family:var(--display);letter-spacing:-.015em;font-size:clamp(24px,2.2vw,34px);font-weight:500;line-height:1.1}.outcome .l{color:var(--muted);margin-top:6px;font-size:14px;line-height:1.45}.quotes{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:24px;display:grid}.q{border:1px solid var(--guide);border-radius:12px;padding:20px}.q p{font-size:16px;line-height:1.6}.q cite{color:var(--muted);margin-top:14px;font-size:13.5px;font-style:normal;display:block}.q cite b{color:var(--fg);display:block}.uat{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:20px;display:grid}.uat .q p{font-family:var(--display);font-size:18px;line-height:1.35}.next{border-top:1px solid var(--guide);border-bottom:1px solid var(--guide);--pc:var(--p6);margin-top:clamp(56px,9vh,96px);padding:clamp(24px,4vh,36px) 0;display:block}.next small{color:var(--muted);font-size:13px}.next h3{transition:transform .4s var(--ease);margin-top:8px;font-size:clamp(22px,2.2vw,32px)}.next span{text-underline-offset:6px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--fg) 35%,transparent);text-decoration-color:color-mix(in srgb,var(--fg) 35%,transparent);margin-top:12px;font-size:15px;font-weight:500;transition:text-decoration-color .25s;display:inline-block}.next:hover h3,.next:focus-visible h3{transform:translate(6px)}.next:hover span,.next:focus-visible span{-webkit-text-decoration-color:var(--pc);text-decoration-color:var(--pc)}.lede{color:var(--fg);max-width:60ch;margin-top:10px;font-size:clamp(17px,1.35vw,20px);line-height:1.5}.dl{max-width:720px;margin-top:22px}.dl .row{border-top:1px solid var(--guide);grid-template-columns:128px minmax(0,1fr);gap:16px;padding:16px 0;display:grid}.dl .row h4{color:var(--muted);padding-top:3px;font-size:13.5px;font-weight:500}.dl .row p,.dl .row li{color:color-mix(in srgb,var(--fg) 84%,var(--bg));font-size:clamp(15.5px,1.15vw,17px);line-height:1.65}.dl .row p+p,.dl .row ul+p,.dl .row p+ul{margin-top:10px}.dl .row ul.dots{margin-top:0}.dl .row ul.dots li{margin-top:6px}.dl .row ul.dots li:first-child{margin-top:0}.solmap{flex-wrap:wrap;gap:8px;max-width:760px;margin-top:22px;list-style:none;display:flex}.solmap a{border:1px solid var(--guide);min-height:40px;color:var(--fg);border-radius:999px;align-items:center;gap:8px;padding:0 14px;font-size:14px;transition:border-color .2s,background-color .2s;display:inline-flex}.solmap a span{font-family:var(--display);color:var(--pc);font-size:12.5px}.solmap a:hover,.solmap a:focus-visible{border-color:color-mix(in srgb,var(--pc) 55%,var(--guide));background:color-mix(in srgb,var(--pc) var(--pill),transparent)}.solution{scroll-margin-top:24px}.solution .figure,.solution .pair{margin:28px 0 8px}.beyond{border-top:1px solid var(--guide);margin-top:64px;padding-top:40px}.beyond h3{margin-top:0}.mini{color:var(--muted);margin-top:28px;font-size:14px}.chips{flex-wrap:wrap;gap:8px;max-width:760px;margin-top:12px;list-style:none;display:flex}.chips li{background:color-mix(in srgb,var(--fg) 6%,var(--bg));border-radius:999px;padding:8px 12px;font-size:14px}@media (max-width:809px){.dl .row{grid-template-columns:1fr;gap:6px}}.fig{min-width:0;margin:0}.plate{all:unset;box-sizing:border-box;width:100%;aspect-ratio:var(--ar,16/10);background:color-mix(in srgb,var(--fg) 4.5%,var(--bg));border:1px solid var(--guide);cursor:zoom-in;border-radius:12px;transition:border-color .25s;display:block;position:relative;overflow:hidden;container-type:inline-size}.plate:hover{border-color:var(--guide-hi)}.plate:focus-visible{outline:2px solid var(--pc);outline-offset:3px}.plate img{width:auto;max-width:calc(100% - 8cqi);height:auto;max-height:calc(100% - 8cqi);box-shadow:0 0 0 1px color-mix(in srgb,var(--fg) 12%,transparent),0 18px 40px -18px #00000080;transition:transform .5s var(--ease);border-radius:6px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plate.flat img{box-shadow:none;filter:drop-shadow(0 10px 22px #00000047);border-radius:0}.plate:hover img{transform:translate(-50%,-50%)scale(1.015)}.fig figcaption{color:var(--muted);margin-top:10px;font-size:13px;line-height:1.45}.ba{z-index:1;background:var(--bg);color:var(--fg);border:1px solid var(--guide);border-radius:999px;padding:6px 9px;font-size:12px;font-weight:500;line-height:1;position:absolute;top:10px;left:10px}.ba.after{background:color-mix(in srgb,var(--pc) var(--pill),var(--bg));border-color:color-mix(in srgb,var(--pc) 55%,var(--guide))}.pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;max-width:720px;margin:28px 0 44px;display:grid}.pair .plate{--ar:5/4!important}.figure{max-width:720px;margin:32px 0 44px}.hero-fig{margin:0}.hero-plate{aspect-ratio:16/7;border:1px solid var(--guide);background:radial-gradient(110% 120% at 72% 18%,color-mix(in srgb,var(--p3) 30%,var(--bg)) 0%,color-mix(in srgb,var(--p3) 9%,var(--bg)) 62%,var(--bg) 100%);border-radius:12px;position:relative;overflow:hidden}.hero-plate:before{content:"";background:repeating-linear-gradient(90deg,color-mix(in srgb,var(--fg) 7%,transparent) 0 1px,transparent 1px calc(100%/12));pointer-events:none;position:absolute;inset:0}.hero-plate img{object-fit:cover;object-position:50% 48%;width:100%;height:calc(100% - 46px);position:absolute;inset:46px 0 0}@media (max-width:809px){.hero-plate img{height:calc(100% - 40px);top:40px}}dialog.lb{border:1px solid var(--guide);background:var(--bg);width:fit-content;max-width:min(1400px,94vw);height:fit-content;max-height:92vh;color:var(--fg);border-radius:12px;margin:auto;padding:14px;position:fixed;inset:0}dialog.lb::backdrop{background:#08090bc7}dialog.lb img{border-radius:6px;width:auto;max-width:100%;height:auto;max-height:calc(92vh - 90px);margin:0 auto;display:block}dialog.lb p{color:var(--muted);margin-top:10px;padding-right:48px;font-size:13.5px}dialog.lb .x{all:unset;min-width:44px;min-height:32px;color:var(--fg);border:1px solid var(--guide);cursor:pointer;border-radius:999px;place-items:center;font-size:13px;display:grid;position:absolute;bottom:10px;right:12px}dialog.lb .x:focus-visible{outline:2px solid var(--pc);outline-offset:2px}@media (max-width:809px){.pair{grid-template-columns:1fr}.hero-plate{aspect-ratio:16/10}.plate.flat{--ar:16/9!important}.plate img{max-width:calc(100% - 6cqi);max-height:calc(100% - 6cqi)}}.cs-head{row-gap:0;padding:clamp(16px,3.5vh,40px) 0 0}.cs-head .back{grid-column:1/-1;justify-self:start}.hd-main{grid-column:1/9;min-width:0}.hd-main h1{-webkit-hyphens:none;hyphens:none;max-width:23ch}.hd-main h1 .w:nth-child(3){white-space:nowrap}.hd-main .subtitle{max-width:60ch}.hd-meta{grid-column:10/13;align-self:end;margin:0}.hd-meta div{border-top:1px solid var(--guide);justify-content:space-between;gap:16px;padding:10px 0;font-size:14.5px;display:flex}.hd-meta div:last-child{border-bottom:1px solid var(--guide)}.hd-meta dt{color:var(--muted)}.hd-meta dd{color:var(--fg);text-align:right;margin:0}.hd-read{justify-content:center;margin-top:clamp(20px,3vh,28px);display:flex}.hd-main,.hd-meta{margin-bottom:clamp(8px,1.5vh,16px)}.vswitch{border:1px solid var(--guide-hi);background:color-mix(in srgb,var(--fg) 3%,var(--bg));border-radius:999px;gap:4px;padding:4px;display:inline-flex}.vswitch button{all:unset;cursor:pointer;min-height:44px;color:var(--muted);border-radius:999px;align-items:center;gap:10px;padding:0 20px;font-size:15.5px;font-weight:500;transition:background-color .25s,color .25s;display:inline-flex}.vswitch button .t{background:color-mix(in srgb,var(--fg) 8%,transparent);color:var(--muted);border-radius:999px;padding:2px 8px;font-size:12.5px;font-weight:400}.vswitch button:hover{color:var(--fg)}.vswitch button[aria-selected=true]{background:var(--fg);color:var(--bg)}.vswitch button[aria-selected=true] .t{background:color-mix(in srgb,var(--bg) 18%,transparent);color:color-mix(in srgb,var(--bg) 75%,var(--fg))}.vswitch button:focus-visible{outline:2px solid var(--pc);outline-offset:3px}.hd-hint{color:var(--muted);max-width:48ch;font-size:14px}.cover{grid-column:1/13;margin:clamp(20px,3vh,28px) 0 36px}.hero-plate img{box-sizing:border-box;padding:4% 5%;object-fit:contain!important;object-position:50% 50%!important;height:100%!important;top:0!important}@media (max-width:1023px),(max-width:1199px) and (orientation:portrait){.hd-main,.hd-meta{grid-column:1/-1}.hd-meta{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:24px;margin-top:24px;display:grid}.hd-meta div:nth-last-child(2){border-bottom:1px solid var(--guide)}}@media (max-width:809px){.hd-read,.hd-meta{margin-top:16px}.hd-meta div{padding:6px 0}.cs-head .subtitle{margin-top:10px;font-size:16px}.vswitch{box-sizing:border-box;width:100%}.vswitch button{flex:1;justify-content:center;padding:0 10px;font-size:14.5px}.vswitch .long{display:none}.hd-meta div{flex-direction:column;gap:2px}.hd-meta dd{text-align:left}.hd-hint{display:none}}[hidden]{display:none!important}.tocswitch{border:1px solid var(--guide);border-radius:999px;gap:2px;margin-bottom:22px;padding:3px;display:flex}.tocswitch button{all:unset;cursor:pointer;min-height:44px;color:var(--muted);border-radius:999px;align-items:center;padding:0 12px;font-size:13px;font-weight:500;transition:background-color .2s,color .2s;display:inline-flex}.tocswitch button:hover{color:var(--fg)}.tocswitch button[aria-pressed=true]{background:color-mix(in srgb,var(--fg) 12%,transparent);color:var(--fg)}.tocswitch button:focus-visible{outline:2px solid var(--pc);outline-offset:2px}.toclist{flex-direction:column;align-items:flex-start;display:flex}#summary>.chapter:first-child,#detailed>.chapter:first-child{border-top:0;margin-top:0;padding-top:clamp(40px,7vh,72px)}#summary .glance{margin-top:22px;padding-top:0}#summary .glance .row{max-width:860px}#summary .pair,#summary .list{max-width:720px}#summary .outcomes{max-width:820px}#summary .r .more{min-height:44px;color:var(--fg);text-underline-offset:5px;text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--fg) 35%,transparent);text-decoration-color:color-mix(in srgb,var(--fg) 35%,transparent);align-items:center;margin-top:2px;font-size:14px;font-weight:500;display:inline-flex}#summary .r .more:hover,#summary .r .more:focus-visible{-webkit-text-decoration-color:var(--pc);text-decoration-color:var(--pc)}.squote{max-width:72ch;margin-top:32px}.squote p{font-size:clamp(17px,1.5vw,22px);line-height:1.45}.scta{flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:clamp(40px,6vh,56px);margin-left:44px;display:flex}.cta-detail{all:unset;cursor:pointer;background:var(--fg);min-height:48px;color:var(--bg);transition:transform .3s var(--ease);border-radius:999px;align-items:center;gap:10px;padding:0 22px;font-size:15px;font-weight:500;display:inline-flex}.cta-detail i{transition:transform .3s var(--ease);font-style:normal}.cta-detail:hover i,.cta-detail:focus-visible i{transform:translate(4px)}.cta-detail:focus-visible{outline:2px solid var(--pc);outline-offset:3px}.scta p{color:var(--muted);max-width:44ch;font-size:14px}@media (max-width:809px){.vs-wrap{margin-bottom:-28px}.scta{margin-left:0}}@media (max-width:1023px),(max-width:1199px) and (orientation:portrait){.toc{display:none}.content,.cs-head .in{grid-column:1/-1}.guides .v.a{display:none}}@media (max-width:809px){nav a.link,nav .theme-desk{display:none}.menu-btn{display:grid}.signoff{display:none}.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.shift,.methods,.outcomes,.quotes,.uat{grid-template-columns:1fr}.glance .row{grid-template-columns:1fr;gap:4px}.inshort,.body{margin-left:0}.bar{grid-template-columns:96px minmax(0,1fr) 40px}.bar .tip{white-space:normal;top:-34px;left:104px;right:0}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.logo{gap:0;min-width:44px;margin-right:-8px;padding-right:8px}.logo .hello{white-space:nowrap;width:0;transition:width .9s cubic-bezier(.22,.8,.24,1);display:inline-block;overflow:hidden}.logo .hello>span{font-family:var(--text);letter-spacing:0;color:var(--muted);opacity:0;padding-left:12px;font-size:15px;font-weight:400;transition:opacity .45s,transform .8s cubic-bezier(.22,.8,.24,1);display:inline-block;transform:translate(-10px)}.logo .hello>span b{color:var(--fg);font-weight:500}.logo .hello.on>span{opacity:1;transform:none}nav a.link{transform:translate(var(--mx,0px),var(--my,0px));transition:color .25s,transform .5s cubic-bezier(.22,.8,.24,1)}#sky{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}.page{z-index:1;position:relative}.skip-link{z-index:100;box-sizing:border-box;background:var(--fg);min-height:44px;color:var(--bg);border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;transition:top .2s;display:inline-flex;position:absolute;top:-60px;left:16px}.skip-link:focus{outline:2px solid var(--p3);outline-offset:2px;top:12px}nav a.link{justify-content:center;min-width:44px}header{z-index:20;transition:transform .35s var(--ease);position:sticky;top:0}header:before{content:"";z-index:-1;background:color-mix(in srgb,var(--bg) 90%,transparent);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--guide);opacity:0;width:100vw;transition:opacity .3s var(--ease);position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}html.hdr-solid header:before{opacity:1}html.hdr-hide header{transform:translateY(-100%)}.toc{top:calc(var(--hdr-off,0px) + 24px);transition:top .35s var(--ease)}.totop{all:unset;box-sizing:border-box;right:max(var(--margin),env(safe-area-inset-right));bottom:calc(clamp(16px,3vh,28px) + env(safe-area-inset-bottom) + var(--totop-lift,0px));z-index:19;cursor:pointer;width:48px;height:48px;color:var(--fg);background:color-mix(in srgb,var(--bg) 80%,transparent);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--guide-hi);opacity:0;visibility:hidden;transition:opacity .3s var(--ease),transform .3s var(--ease),visibility .3s,border-color .25s;border-radius:50%;place-items:center;display:grid;position:fixed;transform:translateY(10px);box-shadow:0 10px 30px -14px #00000080}.totop svg{width:18px;height:18px;transition:transform .3s var(--ease)}.totop.show{opacity:1;visibility:visible;transform:none}.totop:hover,.totop:focus-visible{border-color:var(--fg)}.totop:hover svg{transform:translateY(-2px)}.totop:focus-visible{outline:2px solid var(--fg);outline-offset:4px}@media (prefers-reduced-motion:reduce){header,.totop,.toc{transition:none}}.coffee{border-top:1px solid var(--guide);text-align:center;z-index:1;position:relative;padding:clamp(80px,16vh,176px) 0!important}.coffee .cf-col{flex-direction:column;grid-column:3/11;align-items:center;max-width:none;display:flex}.coffee .cup{width:56px;height:56px;margin-bottom:22px}.coffee h2{font-family:var(--display);letter-spacing:-.035em;color:var(--fg);margin:0;font-size:clamp(44px,6.4vw,104px);font-weight:500;line-height:.98}.coffee .sub2{color:color-mix(in srgb,var(--fg) 82%,var(--bg));max-width:48ch;margin:24px 0 0;font-size:clamp(17px,1.35vw,20px);line-height:1.6}.coffee .clock{color:var(--muted);background:color-mix(in srgb,var(--fg) 5%,var(--bg));border-radius:999px;align-items:center;gap:10px;margin-top:22px;padding:8px 14px;font-size:14px;display:inline-flex}.coffee .clock i{background:var(--muted);border-radius:50%;width:7px;height:7px}.coffee .clock b{color:var(--fg);font-variant-numeric:tabular-nums;font-weight:500}.coffee .acts{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.coffee .note{min-height:1.4em;color:var(--muted);margin-top:14px;font-size:14px}.coffee .btn{all:unset;box-sizing:border-box;cursor:pointer;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:15px;font-weight:500;transition:background-color .25s,color .25s,border-color .25s;display:inline-flex}.coffee .btn.solid{background:var(--fg);color:var(--bg)}.coffee .btn.line{border:1px solid var(--guide-hi);color:var(--fg)}.coffee .btn.line:hover,.coffee .btn.line:focus-visible{border-color:var(--p2)}.coffee .btn:focus-visible{outline:2px solid var(--p2);outline-offset:3px}.coffee .btn .st{color:var(--muted);font-weight:400}@media (max-width:1023px),(max-width:1199px) and (orientation:portrait){.coffee .cf-col{grid-column:1/-1;max-width:none}}nav a.link.cv{border:1px solid var(--guide-hi);min-height:36px;color:var(--fg);border-radius:999px;gap:8px;margin-left:4px;padding:0 14px 0 16px;font-weight:500}nav a.link.cv:before{content:"";position:absolute;inset:-4px}nav a.link.cv:after{display:none}nav a.link.cv:hover,nav a.link.cv:focus-visible{border-color:var(--c);background:color-mix(in srgb,var(--c) 10%,transparent)}nav a.link.cv .dl{flex:none;width:15px;height:15px;margin:0;transition:transform .3s cubic-bezier(.22,.8,.24,1)}nav a.link.cv:hover .dl,nav a.link.cv:focus-visible .dl{transform:translateY(2px)}a.big.cv .dl{width:28px;height:28px;color:var(--muted);flex:none;margin:0 0 0 4px}@media (prefers-reduced-motion:reduce){nav a.link.cv .dl{transition:none}}.soon-toast{left:50%;bottom:calc(24px + env(safe-area-inset-bottom,0px));z-index:200;background:var(--fg);max-width:calc(100vw - 32px);color:var(--bg);border-radius:999px;padding:10px 16px;font-size:14px;position:fixed;transform:translate(-50%);box-shadow:0 12px 30px -12px #00000080}
@font-face{font-family:Bricolage Grotesque;src:url(/fonts/BricolageGrotesque-latin-variable.woff2)format("woff2");font-weight:200 800;font-stretch:75% 100%;font-style:normal;font-display:swap}@font-face{font-family:Geist;src:url(/fonts/Geist-latin-variable.woff2)format("woff2");font-weight:100 900;font-style:normal;font-display:swap}
.page.home{grid-template-rows:var(--bar) 1fr var(--bar)}.home header.grid{z-index:2;position:relative;top:auto;transform:none}.home header:before{display:none}.home main{grid-row:2}.home .guides .v.a{display:block}.home main#main{z-index:1;grid-row:2;grid-template-rows:minmax(0,1fr);min-height:0;display:grid;position:relative}.home main#main>.hero{grid-row:1}.home .hero{z-index:1;grid-row:2;align-items:center;min-height:0;position:relative}.home .copy{grid-area:1/1/auto/8;max-width:780px;padding:clamp(16px,3vh,40px) 0}.home .eyebrow{color:var(--muted);min-height:1.6em;margin-top:0;margin-bottom:clamp(14px,2.8vh,28px);font-size:clamp(14px,min(1.2vw,2vh),17px)}.home .eyebrow .role{background:color-mix(in srgb,var(--roleBg,var(--p7)) var(--pill),transparent);color:var(--fg);-webkit-box-decoration-break:clone;box-decoration-break:clone;border-radius:999px;padding:.14em .6em;font-weight:400;transition:background-color .35s}.home .eyebrow .role:empty{padding:0}.home .caret{vertical-align:-.17em;background:var(--roleC,var(--fg));width:2px;height:1.05em;margin-left:3px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.home h1{font-family:var(--display);letter-spacing:-.03em;max-width:none;margin-top:0;font-size:clamp(34px,min(5.5vw,9vh),88px);font-weight:500;line-height:1}.home h1 .w{white-space:nowrap;display:inline-block}.home h1 .ch{text-align:center;font-variation-settings:"wght" var(--w,500),"wdth" var(--d,100),"opsz" 96;transform:translateY(var(--y,0px));color:color-mix(in srgb,var(--roleC,var(--fg)) var(--m,0%),var(--fg));font-weight:400;display:inline-block}.home .sub{max-width:52ch;margin-top:clamp(16px,3.2vh,36px)}.home .sub .lead{letter-spacing:-.01em;font-size:clamp(15px,min(1.35vw,2.3vh),20px);font-weight:500;line-height:1.4}.home .sub .rest{color:var(--muted);margin-top:clamp(6px,1.2vh,12px);font-size:clamp(14px,min(1.2vw,2.1vh),18px);line-height:1.5}.home .acts{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:clamp(10px,2vh,22px);display:flex}.home .acts .cta{margin-top:0}.home .cta{min-height:44px;color:var(--fg);text-underline-offset:6px;text-decoration:underline;text-decoration-thickness:1px;-webkit-text-decoration-color:color-mix(in srgb,var(--fg) 35%,transparent);text-decoration-color:color-mix(in srgb,var(--fg) 35%,transparent);align-items:center;font-size:clamp(14px,min(1.2vw,2.1vh),16px);font-weight:500;transition:text-decoration-color .25s,text-underline-offset .25s;display:inline-flex}.home .cta:hover,.home .cta:focus-visible{-webkit-text-decoration-color:var(--roleC,var(--fg));text-decoration-color:var(--roleC,var(--fg));text-underline-offset:8px}.home .avail{white-space:nowrap;min-height:32px;color:var(--fg);background:color-mix(in srgb,var(--p6) 11%,transparent);border:1px solid color-mix(in srgb,var(--p6) 38%,transparent);border-radius:999px;align-items:center;gap:9px;padding:0 14px 0 12px;font-size:13.5px;line-height:1;text-decoration:none;transition:background-color .3s,border-color .3s;display:inline-flex;position:relative}.home .avail:after{content:"";position:absolute;inset:-7px -3px}.home .avail i{background:var(--p6);width:8px;height:8px;box-shadow:0 0 8px 1px color-mix(in srgb,var(--p6) 65%,transparent);border-radius:50%;flex:none;animation:2.4s ease-in-out 2 availGlow}.home .avail:hover,.home .avail:focus-visible{background:color-mix(in srgb,var(--p6) 20%,transparent);border-color:color-mix(in srgb,var(--p6) 60%,transparent)}.home .avail:focus-visible{outline:2px solid var(--fg);outline-offset:4px}@keyframes availGlow{0%,to{box-shadow:0 0 0 0 color-mix(in srgb,var(--p6) 55%,transparent),0 0 8px 1px color-mix(in srgb,var(--p6) 65%,transparent)}50%{box-shadow:0 0 0 6px transparent,0 0 14px 3px color-mix(in srgb,var(--p6) 85%,transparent)}}.home .art{grid-area:1/8/auto/13;align-self:stretch;place-items:center;min-height:0;display:grid;position:relative;container-type:size}.home .stage{aspect-ratio:1;width:min(100cqw,82cqh);position:relative}.home .stage canvas{touch-action:manipulation;cursor:crosshair;width:132%;height:132%;position:absolute;inset:-16%}.home .persp{z-index:2;flex-direction:row-reverse;align-items:center;gap:16px;display:flex;position:absolute;bottom:clamp(0px,1vh,12px);left:50%;transform:translate(-50%)}.home .persp p{font-variant-numeric:tabular-nums;color:var(--muted);white-space:nowrap;opacity:0;transition:opacity .6s var(--ease),transform .6s var(--ease);font-size:13.5px;transform:translateY(4px)}.home .persp p.on{opacity:1;transform:none}@media (max-width:1023px),(max-width:1199px) and (orientation:portrait){.home .guides .v.a{display:none}.home .hero{grid-template-rows:auto minmax(0,1fr);align-items:stretch}.home .copy{grid-area:1/1/auto/-1;padding:clamp(12px,3vh,32px) 0 8px}.home .art{--sw:min(calc((100vw - 2 * var(--margin)) / 1.7),330px);min-height:calc(var(--sw) * 1.7 + 56px);flex-direction:column;grid-area:2/1/auto/-1;align-items:center;display:flex;overflow:hidden;container-type:normal}.home .stage{width:var(--sw)}.home .stage canvas{width:170%;height:170%;inset:-35%}.home h1{letter-spacing:-.025em;font-size:clamp(32px,min(7.2vw,7vh),72px)}.home .sub .lead{font-size:clamp(15px,2.2vw,20px)}.home .sub .rest{font-size:clamp(14px,2vw,18px)}.home .eyebrow{font-size:clamp(14px,1.9vw,17px)}.home .persp{flex-wrap:wrap;justify-content:center;margin:clamp(12px,3vh,24px) 0 8px;position:static;transform:none}.home .acts{margin-bottom:clamp(12px,3vh,24px)}}@media (min-width:1024px) and (max-width:1279px) and (orientation:landscape){.home .stage canvas{width:116%;height:116%;inset:-8%}}@container (max-height:150px){.home .stage{display:none}}@media (prefers-reduced-motion:reduce){.home .avail i{animation:none}}
#cosmos{z-index:0;pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}