@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../media/bricolage-grotesque-vietnamese-standard-normal.133kd1f9tboda.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../media/bricolage-grotesque-latin-ext-standard-normal.3dp_t610gef-l.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;font-stretch:75% 100%;src:url(../media/bricolage-grotesque-latin-standard-normal.1rpa4hul3gyzd.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Roobert;src:url(/fonts/roobert-vf.woff2)format("woff2-variations"),url(/fonts/roobert-vf.woff2)format("woff2");font-weight:300 900;font-style:normal;font-display:swap}
:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;--display:"Roobert","Helvetica Neue",Helvetica,Arial,sans-serif;--body:var(--display);--type-statement:clamp(44px,24.7px + 4.95vw,96px);--type-section:clamp(30px,23.3px + 1.71vw,48px);--type-card:clamp(24px,21px + .76vw,32px);--type-intro:clamp(18px,17.3px + .19vw,20px);--type-reading:clamp(17px,16.6px + .1vw,18px);--type-compact:16px;--type-control:16px;--type-label:13px;--type-small:14px;--type-number:clamp(56px,44.1px + 3.05vw,88px);--type-scene:clamp(11px,10.6px + .1vw,12px);--track-statement:-.05em;--track-section:-.045em;--track-card:-.03em;--track-number:-.045em;--track-label:.1em;--leading-statement:.98;--leading-section:1.03;--leading-card:1.1;--leading-intro:1.45;--leading-reading:1.55;--leading-compact:1.5;--leading-control:1.2;--leading-small:1.4;--weight-heading:700;--weight-control:600;--weight-label:700;--icon:20px;--icon-pictogram:24px;--icon-small:16px;--white:#fff;--paper:#f7f4ec;--surface:#f1eee5;--surface-deep:#e9e4d6;--sand:#e4dcc8;--sand-edge:#c4b89a;--paper-edge:#d6cdb6;--line:#ddd8ca;--dot:#ddd8cb;--dash:#d8d3c5;--dash-deep:#bdb7a7;--muted-soft:#6f6b60;--field-line:var(--muted-soft);--muted:#646056;--ink:#17222b;--ink-deep:#000;--ink-hover:#2a3743;--coral-text:#c4372a;--coral-accent:#b43226;--sea-light:#e0f5f1;--sea-soft:#8ed8cc;--sea:#00b39e;--sea-key:#00857a;--sea-deep:#00766b;--coral-light:#ffe9e5;--coral-soft:#ffab9f;--coral:#ff5946;--coral-key:#d93a27;--coral-deep:var(--coral-text);--salmon-light:#fbede7;--salmon-soft:#f3b39b;--salmon:#e67959;--salmon-key:#b3533b;--salmon-deep:#9c4733;--sea-horizon:#d4f2ec;--coral-horizon:#ffe3dc;--yellow-horizon:#f7e7bf;--salmon-horizon:#f8e1d0;--logo-dot:var(--coral);--kan-dot:var(--yellow);--kan-dot-sea:var(--sea);--kan-dot-coral:var(--coral);--compact-mark-ink:#fdfbf6;--yellow-50:#fff8e7;--yellow-100:#ffe8af;--yellow-200:#ffd16b;--mark:#ffe7a3;--yellow-light:#ffcb65;--yellow:#ffb627;--yellow-600:#d9960f;--yellow-800:#8a5700;--yellow-950:#563600;--success:#225c43;--success-surface:#edf3ee;--success-line:#c9d9cc;--warning:#754b00;--warning-surface:#fff2d6;--warning-line:#e3d2a7;--error:#a12d27;--error-surface:#faefec;--error-line:#e6cbc6;--info:#28516b;--info-surface:#eef2f4;--info-line:#cad8df;--water:#1d3f4b;--sky-top:#72dbee;--sky-mid:#94e5f4;--sky-low:#bdf1f9;--grass:#387d59;--grass-deep:#2f8256;--hero-ground:#006046;--head-sea:#00766b;--head-coral:var(--coral-text);--head-water:var(--water);--radius-mark:4px;--radius-control:12px;--radius-key:12px;--radius-key-compact:10px;--radius-card:24px;--radius-sheet:40px;--radius-pill:999px;--radius-circle:50%;--panel:1280px;--page:1920px;--cols:4;--col-gap:16px;--gutter:20px;--frame-edge:calc(max(0px,(100% - var(--page)) / 2) + var(--gutter));--bar-pad:clamp(12px,2vw,32px);--space-hair:4px;--space-tight:8px;--space-in:12px;--space-near:16px;--space-between:24px;--space-wide:32px;--space-group:48px;--space-section:64px;--space-chapter:96px;--shadow-near:0 6px 10px -4px #14120f80;--shadow-float:0 18px 35px -25px #51463b60;--shadow-deep:0 30px 70px -30px #14120f8c;--ring:0 0 0 3px;--focus-glow:0 0 0 4px #ffb627b3,0 0 24px 8px #ffb62773;--focus-glow-quiet:0 0 30px 8px #17222b33;--focus-glow-light:0 0 28px 8px #ffffff80;--hairline:0 0 0 1px #14120f14;--key-radius:var(--radius-key);--key-radius-compact:var(--radius-key-compact)}@media (min-width:600px){:root{--cols:8;--col-gap:24px;--gutter:32px}}@media (min-width:1024px){:root{--cols:12;--col-gap:24px;--gutter:48px}}@media (min-width:1440px){:root{--col-gap:32px;--gutter:64px}}@media (min-width:1920px){:root{--gutter:96px}}
:root{--card:var(--white);--slide:var(--surface);--hover:var(--surface);--muted-light:var(--muted-soft);--sea-dark:var(--sea-deep);--mint:var(--sea-light);--peach:var(--coral-light);--cream:var(--yellow-50);--rust:var(--coral-text);--object:var(--surface-deep);color:var(--ink);background:var(--paper);font-family:var(--body);-webkit-font-smoothing:antialiased;font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:24px;font-size:16px}*{box-sizing:border-box}body{margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit}button,a:focus-visible{outline-offset:6px}button:focus-visible,a:focus-visible{outline:2px solid}::selection{background:var(--yellow);color:var(--ink)}[hidden]{display:none!important}.sr-only{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.skip-link{background:var(--ink);color:var(--paper);z-index:100;padding:12px 20px;position:fixed;top:-80px;left:20px}.skip-link:focus{top:12px}.site-header{z-index:5;justify-content:space-between;align-items:center;max-width:1600px;margin:auto;padding:37px 5.4vw 26px;display:flex;position:relative}.wordmark{font-family:var(--display);font-variation-settings:"wght" 800,"wdth" 92,"opsz" 96;letter-spacing:-.065em;align-items:baseline;font-size:53px;line-height:1.05;text-decoration:none;display:inline-flex}.logo-a{position:relative}.logo-a:after{content:"";background:var(--yellow);transform-origin:50%;border-radius:1px;width:16px;height:5px;transition:transform .4s cubic-bezier(.2,1.5,.4,1);position:absolute;top:-2px;left:15px;transform:rotate(-28deg)}.wordmark:hover .logo-a:after{transform:rotate(-10deg)translateY(-3px)}.logo-dot{background:var(--ink);border-radius:50%;width:9px;height:9px;margin-left:5px}.site-header nav{align-items:center;gap:38px;font-size:16px;display:flex}.site-header nav a{align-items:center;gap:24px;min-height:44px;text-decoration:none;display:flex}.site-header nav a:hover{text-underline-offset:5px;text-decoration:underline}.nav-discover{border-bottom:1px solid var(--ink)}.nav-discover span{font-size:23px}.hero{grid-template-columns:44% 56%;max-width:1600px;min-height:720px;margin:auto;padding:26px 5.4vw 0;display:grid;position:relative}.hero-copy{z-index:2;pointer-events:none;padding-top:35px;position:relative}.hero-copy a{pointer-events:auto}.eyebrow{align-items:center;gap:12px;margin:0;font-size:14px;line-height:1.4;display:flex}.small-orbit{background:var(--ink);width:9px;height:9px;box-shadow:5px -4px 0 -1px var(--yellow);border-radius:50%}h1,h2,h3{font-family:var(--display);font-variation-settings:"opsz" 72;font-weight:var(--weight-heading)}h1{letter-spacing:-.045em;max-width:7ch;margin:31px 0 24px;font-size:clamp(78px,8.2vw,132px);line-height:.94}.more{z-index:0;display:inline-block;position:relative}.more:after{content:"";background:var(--yellow);z-index:-1;border-radius:2px;height:.14em;position:absolute;bottom:-.04em;left:0;right:-.03em;transform:rotate(-3deg)}.title-dot{color:var(--ink)}.hero-intro{margin:30px 0 14px;font-size:23px;line-height:1.35}.hero-description{color:var(--muted);margin:0 0 26px;font-size:17px;line-height:1.55}.text-link{align-items:center;gap:24px;min-height:44px;font-size:17px;font-weight:600;text-decoration:none;display:inline-flex}.link-arrow{background:var(--ink);width:35px;height:35px;color:var(--paper);border-radius:50%;place-items:center;font-size:20px;transition:transform .25s;display:inline-grid}.text-link:hover .link-arrow{transform:rotate(45deg)}.scene-shell{align-self:stretch;min-width:0;min-height:620px;margin-left:-48px;margin-right:-4.5vw;position:relative}.scene-surface{touch-action:pan-y;position:absolute;inset:-8px 0 18px;overflow:hidden}.scene-surface canvas{width:100%;height:100%;display:block;position:absolute;inset:0}.scene-fallback{transition:opacity .3s;position:absolute;inset:15% 4% 8%}.scene-shell[data-ready] .scene-fallback{opacity:0;pointer-events:none}.fallback-shadow{background:radial-gradient(#00000020,#0000 67%);height:12%;position:absolute;bottom:25%;left:10%;right:7%}.fallback-pivot{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#676767,var(--ink) 75%);border-radius:50%;width:12%;position:absolute;bottom:32%;left:36%}.fallback-beam{background:linear-gradient(#ffcb65,#ffb627 50%,#d89317);border-radius:13px;height:7%;position:absolute;bottom:44%;left:10%;right:10%;transform:rotate(-11deg);box-shadow:0 30px 22px -15px #00000017}.fallback-ball{aspect-ratio:1;background:radial-gradient(circle at 30% 25%,#fff,#e6e6e6 50%,#bbb);border-radius:50%;width:19%;position:absolute;bottom:53%;left:68%;box-shadow:8px 22px 15px -15px #00000035}.fallback-small{aspect-ratio:1;background:var(--ink);border-radius:50%;width:5%;position:absolute;bottom:43%;left:21%}.fallback-grains{background-image:radial-gradient(var(--yellow) 28%,transparent 33%);background-size:13px 13px;border-radius:50%;width:24%;height:16%;position:absolute;top:21%;left:16%;transform:rotate(-12deg)}.scene-caption{color:var(--muted);pointer-events:none;align-items:center;gap:10px;font-size:13px;display:flex;position:absolute;bottom:69px;left:19%}.caption-line{background:currentColor;width:26px;height:1px}.scene-controls{align-items:center;gap:15px;display:flex;position:absolute;bottom:10px;left:19%}.scene-button{border:1px solid var(--line);background:var(--paper);color:var(--ink);cursor:pointer;border-radius:40px;align-items:center;gap:11px;min-height:44px;padding:10px 18px;font-size:14px;display:flex}.scene-button:hover{border-color:var(--ink)}.scene-button>span{font-size:21px}.pause-button{color:var(--muted);text-underline-offset:3px;cursor:pointer;background:0 0;border:none;min-height:44px;font-size:14px;text-decoration:underline}.hero-foot{border-top:1px solid var(--line);color:var(--muted);grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:56px;padding:18px 0;font-size:13px;display:flex}.hero-foot a{min-width:44px;min-height:44px;color:var(--ink);place-items:center;font-size:24px;text-decoration:none;display:grid}.perspective{max-width:1600px;margin:0 auto;padding:94px 5.4vw 106px}.section-top{justify-content:space-between;align-items:center;margin-bottom:57px;display:flex}.section-index{color:var(--muted);font-size:13px}.perspective-grid{grid-template-columns:1fr 1fr;gap:11%;display:grid}.perspective h2{letter-spacing:-.035em;margin:0;font-size:clamp(43px,4.8vw,72px);line-height:1.05}.perspective h2>span{-webkit-text-decoration:line-through #aaa69d;text-decoration:line-through #aaa69d;text-decoration-thickness:2px}.perspective h2>em{font-style:normal;display:inline-block;position:relative}.perspective h2>em:after{content:"";background:var(--yellow);width:100%;height:7px;position:absolute;bottom:-10px;left:0;transform:rotate(-3deg)}.perspective-copy{max-width:470px;padding-top:5px}.perspective-copy .lead{color:var(--ink);margin:0 0 24px;font-size:25px;line-height:1.35}.perspective-copy p{color:var(--muted);margin:0 0 20px;font-size:18px;line-height:1.6}.whole{background:var(--ink);color:var(--paper);padding:75px max(5.4vw,50vw - 713.5px) 80px;position:relative;overflow:hidden}.whole-heading{justify-content:space-between;align-items:flex-start;gap:40px;max-width:1427px;margin:0 auto 60px;display:flex}.whole .eyebrow{color:#bcb9b1}.whole h2{letter-spacing:-.03em;max-width:8.5em;margin:0;font-size:clamp(42px,5vw,76px);line-height:1.02}.whole h2>span{color:var(--yellow)}.working-parts{border-top:1px solid #46443f;grid-template-columns:1fr 1fr 1fr;gap:0;max-width:1427px;margin:auto;display:grid}.working-part{padding:30px 32px 0 0;position:relative}.working-part+.working-part{border-left:1px solid #46443f;padding-left:32px}.part-number{color:#bcb9b1;margin:20px 0 22px;font-size:13px;display:block}.working-part h3{letter-spacing:-.025em;margin:0 0 15px;font-size:29px}.working-part p{color:#c4c1b9;max-width:28ch;margin:0;font-size:17px;line-height:1.5}.part-symbol{width:94px;height:65px;margin-bottom:20px;display:block;position:relative}.symbol-look i{border:2px solid var(--object);border-radius:50%;width:43px;height:43px;position:absolute;top:11px;left:0}.symbol-look i+i{border-color:var(--yellow);left:30px}.symbol-grain{background-image:radial-gradient(var(--yellow) 20%,transparent 27%);background-size:10px 10px;border-radius:8px;width:60px;height:60px;transform:rotate(-12deg)}.symbol-lever i{background:var(--object);border-radius:50%;width:23px;height:23px;position:absolute;top:33px;left:28px}.symbol-lever i+i{background:var(--yellow);border-radius:3px;width:86px;height:9px;top:26px;left:0;transform:rotate(-16deg)}.prototype-footer{background:var(--ink);color:#bcb9b1;border-top:1px solid #46443f;justify-content:space-between;gap:20px;padding:24px 5.4vw;font-size:12px;display:flex}@media (min-width:1600px){.scene-shell{margin-right:-60px}.site-header,.hero,.perspective{padding-left:86px;padding-right:86px}}@media (max-width:1000px){.hero{grid-template-columns:48% 52%;min-height:640px}.hero-copy{padding-top:20px}h1{font-size:94px}.scene-shell{min-height:595px;margin-left:-76px}.scene-caption,.scene-controls{left:22%}.hero-intro{font-size:21px}.hero-description{font-size:16px}.perspective-grid{gap:6%}.whole-heading{display:block}.whole-heading h2{margin-top:25px}.working-part h3{font-size:24px}}@media (max-width:700px){.site-header{padding:25px 6vw 17px}.wordmark{font-size:44px}.logo-a:after{width:13px;height:4px;top:-2px;left:12px}.logo-dot{width:7px;height:7px}.site-header nav{gap:0}.site-header nav>a:first-child{display:none}.site-header nav a{gap:13px;font-size:14px}.hero{flex-direction:column;min-height:0;padding:21px 6vw 0;display:flex}.hero-copy{pointer-events:auto;padding:0}.eyebrow{font-size:12px}h1{max-width:none;margin:24px 0 22px;font-size:clamp(64px,18vw,116px);line-height:.93}h1 br{display:block}h1 .more{margin-left:.02em}.hero-intro{margin:22px 0 11px;font-size:21px}.hero-description{margin:0 0 13px;font-size:16px}.text-link{font-size:15px}.scene-shell{align-self:auto;width:calc(100% + 12vw);min-height:400px;margin:1px -6vw 0}.scene-surface{inset:-6px 0 50px}.scene-caption{font-size:12px;bottom:60px;left:6vw}.scene-controls{bottom:0;left:6vw}.scene-button{font-size:13px}.hero-foot{gap:20px;width:100%;margin-top:24px;padding:10px 0;font-size:11px}.hero-foot>span{max-width:27ch}.perspective{padding:58px 6vw 65px}.section-top{margin-bottom:32px}.perspective-grid{grid-template-columns:1fr;gap:42px}.perspective h2{font-size:48px}.perspective-copy .lead{font-size:23px}.perspective-copy p{font-size:17px}.whole{padding:50px 6vw 52px}.whole-heading{margin-bottom:34px}.whole h2{font-size:46px}.working-parts{grid-template-columns:1fr}.working-part,.working-part+.working-part{border-bottom:1px solid #46443f;border-left:0;min-height:145px;padding:25px 0 27px 91px}.part-symbol{transform-origin:0 0;position:absolute;top:32px;left:0;transform:scale(.7)}.symbol-grain{transform:scale(.7)rotate(-12deg)}.part-number{margin:0 0 10px}.working-part h3{margin-bottom:10px;font-size:24px}.working-part p{max-width:none;font-size:16px}.prototype-footer{flex-direction:column;gap:7px;padding:23px 6vw}}.world-edition .site-header{border-bottom:0;max-width:none;margin:0 4vw;padding:25px 0 22px}.world-edition .hero{max-width:none;min-height:0;padding:36px 0 0;display:block;overflow:hidden}.world-edition .hero-copy{grid-template-columns:1.3fr 1fr;align-items:end;column-gap:9%;padding:0 6vw;display:grid}.world-edition .hero-copy>.eyebrow{grid-column:1/-1;margin-bottom:17px}.world-edition h1{letter-spacing:-.055em;max-width:8ch;margin:0;font-size:clamp(86px,8.4vw,136px);line-height:.9}.world-edition h1 br{display:block}.world-edition h1 .more{margin-left:0}.world-edition .hero-aside{max-width:350px;padding-bottom:10px}.world-edition .hero-intro{margin:0 0 14px;font-size:24px}.world-edition .hero-description{margin-bottom:16px}.world-edition .scene-shell{isolation:isolate;width:100%;height:clamp(510px,43vw,680px);min-height:0;margin:-70px 0 0}.world-edition .scene-surface{inset:0 0 28px;-webkit-mask-image:linear-gradient(#0000,#000 9% 88%,#0000);mask-image:linear-gradient(#0000,#000 9% 88%,#0000)}.world-edition .scene-caption{color:var(--ink);font-size:15px;bottom:46px;left:6vw}.world-edition .scene-controls{z-index:3;bottom:30px;left:auto;right:6vw}.world-edition .scene-button{background:var(--ink);color:var(--paper);border-color:var(--ink);padding:12px 22px}.world-coordinate{letter-spacing:.13em;color:var(--muted);pointer-events:none;z-index:2;justify-content:space-between;font-size:10px;display:flex;position:absolute;top:100px;left:6vw;right:6vw}.world-edition .hero-foot{margin:0 6vw;padding:12px 0}.world-edition .perspective{padding-top:110px;padding-bottom:120px;position:relative}.world-edition .perspective:before{content:"";background:linear-gradient(var(--yellow),transparent);width:1px;height:64px;position:absolute;top:0;left:49%}.world-edition .scene-fallback{perspective:900px;inset:0}.fallback-land{background:linear-gradient(145deg,#f7f4ec,#e6e6e6);border-top:1px solid #fff;position:absolute;inset:33% -8% 12%;transform:rotateX(45deg)rotate(-9deg);box-shadow:0 34px #d3d3d3}.fallback-arch{border:30px solid var(--ink);border-bottom:none;border-radius:50% 50% 0 0;width:19%;height:45%;position:absolute;transform:skewY(12deg)}.arch-one{top:10%;left:8%}.arch-two{border-color:#d3d3d3;top:2%;right:9%;transform:scale(.7)skewY(12deg)}.fallback-route{background:var(--yellow);width:140%;height:12px;position:absolute;top:67%;left:-20%;transform:rotate(-9deg)}.world-edition .fallback-beam{z-index:2;height:5%;bottom:38%;left:35%;right:27%}.world-edition .fallback-pivot{z-index:2;width:6%;bottom:27%;left:44%}.world-edition .fallback-ball{z-index:2;width:9%;bottom:47%;left:62%}.world-edition .fallback-small{z-index:3;width:2%;bottom:44%;left:39%}.world-edition .fallback-grains{z-index:2;width:16%;top:36%;left:26%}@media (min-width:1700px){.world-edition .hero-copy{max-width:1700px;margin:auto}}@media (max-width:900px){.world-edition .hero-copy{grid-template-columns:1.1fr 1fr;column-gap:5%}.world-edition .hero-intro{font-size:20px}.world-edition .hero-description{font-size:15px}.world-edition .scene-shell{height:540px}.world-coordinate{top:55px}.world-coordinate span:last-child{display:none}}@media (max-width:700px){.world-edition .site-header{margin:0 6vw;padding:22px 0 18px}.world-edition .hero{padding-top:29px}.world-edition .hero-copy{display:block}.world-edition .hero-copy>.eyebrow{margin-bottom:20px}.world-edition h1{letter-spacing:-.05em;max-width:7ch;font-size:clamp(76px,21vw,130px);line-height:.91}.world-edition h1 br{display:block}.world-edition .hero-aside{max-width:none;margin-top:28px;padding:0}.world-edition .hero-intro{font-size:21px}.world-edition .hero-description{font-size:16px}.world-edition .scene-shell{width:100%;height:490px;margin:-10px 0 0}.world-edition .scene-surface{inset:0 -34% 100px}.world-coordinate{font-size:9px;top:32px}.world-edition .scene-caption{font-size:12px;bottom:89px;right:6vw}.world-edition .scene-controls{bottom:22px;left:6vw;right:auto}.world-edition .hero-foot{font-size:11px}.world-edition .perspective{padding-top:72px;padding-bottom:75px}.world-edition .perspective:before{height:36px}.fallback-arch{border-width:18px}}.world-edition .view-button{color:var(--ink);background:0 0;border-color:#bbb8b0}@media (min-width:901px) and (max-height:800px){.world-edition .hero{padding-top:24px}.world-edition h1{font-size:100px}.world-edition .scene-shell{height:470px;margin-top:-90px}.world-edition .hero-intro{font-size:21px}.world-edition .world-coordinate{top:110px}.world-edition .hero-aside{padding-bottom:0}}@media (max-width:700px){.world-edition .scene-controls{gap:8px}.world-edition .scene-button{padding:10px 14px;font-size:12px}.world-edition .view-button{padding:10px 12px}.world-edition .pause-button{font-size:12px}.world-edition .world-coordinate{top:32px}.world-edition .hero-foot{width:auto}.world-edition .scene-shell{height:520px}.world-edition .scene-surface{bottom:130px}.world-edition .scene-caption{bottom:119px}.world-edition .scene-controls{flex-wrap:wrap;row-gap:0;max-width:88vw}.world-edition .pause-button{min-height:36px}.world-edition .scene-controls:has(.pause-button:not([hidden])){padding-bottom:32px}.world-edition .pause-button{position:absolute;bottom:0;left:0}}.world-edition .scene-shell{height:clamp(600px,48vw,760px);margin-top:-35px}.world-edition .scene-surface{-webkit-mask-image:linear-gradient(#0000,#000 5% 87%,#0000);mask-image:linear-gradient(#0000,#000 5% 87%,#0000)}@media (min-width:901px) and (max-height:800px){.world-edition .scene-shell{height:570px;margin-top:-50px}}@media (max-width:700px){.world-edition .scene-shell{height:680px;margin-top:0}.world-edition .scene-surface{inset:0 0 135px}.world-edition .scene-caption{bottom:119px}}.skip-link:not(:focus){clip-path:inset(50%)}.world-edition .scene-fallback picture,.world-edition .scene-fallback img{object-fit:cover;width:100%;height:100%;display:block}.world-edition .scene-button{border-radius:var(--radius-control)}.title-dot{background:var(--ink);color:#0000;vertical-align:baseline;border-radius:50%;width:.16em;height:.16em;line-height:0;display:inline-block;overflow:hidden}.machine-entry-dot{z-index:60;pointer-events:none;background:color-mix(in srgb,var(--ink) calc(var(--flight,0) * 100%),var(--dot,var(--coral)));border-radius:50%;position:fixed;transform:translate(-50%,-50%)}.machine-entry-dot[hidden]{display:none}.hero .scene-caption,.hero .scene-controls{display:none!important}.hero-machine-rail{pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.hero-machine-rail path{fill:none;stroke:var(--yellow);stroke-width:5px;stroke-linecap:round;stroke-linejoin:round}@media (min-width:701px){.world-edition .hero.hero .scene-shell{margin-top:-80px}.hero-aside{z-index:2;position:relative}}@media (max-width:700px){.hero-machine-rail path{stroke-width:3px}.hero-machine-rail{z-index:0}}.world-edition .hero.hero{padding-top:28px}.world-edition .hero.hero .hero-copy{z-index:2;pointer-events:none;grid-template-columns:1.12fr 1fr;align-items:start;min-height:390px;position:relative}.world-edition .hero.hero .hero-copy>.eyebrow{margin-bottom:0}.world-edition .hero.hero h1{max-width:8ch;margin:70px 0 0;font-size:clamp(76px,7.5vw,118px);position:relative}.world-edition .hero.hero .hero-aside{justify-self:end;max-width:380px;margin-top:-25px;padding:0}.world-edition .hero.hero .hero-intro{font-size:clamp(23px,2vw,30px)}.world-edition .hero.hero .hero-description{font-size:17px;line-height:1.5}.world-edition .hero.hero .scene-shell{height:820px;margin-top:-255px}.world-edition .hero.hero .scene-surface{inset:0;-webkit-mask-image:linear-gradient(#000 90%,#0000);mask-image:linear-gradient(#000 90%,#0000)}.world-edition .hero.hero .more:after{height:.11em;bottom:-.055em;right:-.48em;transform:rotate(-3deg);box-shadow:0 5px #cf8e16,0 12px 14px #78591a18}.world-edition .hero.hero .more:before{content:"";z-index:-1;background:linear-gradient(90deg,#c6c6bc,#eeede6);width:6px;height:96px;position:absolute;top:calc(100% + 8px);left:24%;transform:skewY(-3deg)}.world-edition .hero.hero .hero-foot{margin-top:-30px;position:relative}@media (min-width:1600px){.world-edition .hero.hero .scene-shell{height:940px;margin-top:-290px}.world-edition .hero.hero .hero-copy{min-height:440px}}@media (max-width:900px) and (min-width:701px){.world-edition .hero.hero h1{font-size:76px}.world-edition .hero.hero .hero-aside{max-width:300px}.world-edition .hero.hero .scene-shell{height:720px;margin-top:-150px}}@media (max-width:700px){.world-edition .hero.hero .hero-copy{min-height:0;display:block}.world-edition .hero.hero h1{max-width:8ch;margin:28px 0 0;font-size:clamp(70px,20vw,110px)}.world-edition .hero.hero .hero-aside{max-width:32ch;margin:75px 0 0 12%}.world-edition .hero.hero .hero-intro{font-size:22px}.world-edition .hero.hero .hero-description{font-size:16px}.world-edition .hero.hero .scene-shell{height:530px;margin-top:-15px}.world-edition .hero.hero .more:before{height:62px}.world-edition .hero.hero .hero-foot{margin-top:-20px}}.hero-machine-rail path{stroke-width:8px;stroke:#ffcb55;filter:drop-shadow(0 4px #cc901f)}.hero-machine-rail .rail-base{stroke:#e8a423;stroke-width:14px;filter:drop-shadow(2px 8px 5px #55442a18)}@media (max-width:700px){.hero-machine-rail{z-index:1}.hero-machine-rail path{stroke-width:5px}.hero-machine-rail .rail-base{stroke-width:9px}.world-edition .hero.hero .hero-aside{margin-top:55px}}.world-edition .hero.hero{isolation:isolate;background:linear-gradient(180deg,var(--paper) 0px,#dceef2 130px,#e7f1ef 40%,#f1f3e9 72%,var(--paper) 98%)}.hero-sky{pointer-events:none;z-index:0;position:absolute;inset:0;overflow:hidden}.hero-sky span{filter:blur(.4px);background:#ffffff80;border-radius:100px;width:190px;height:48px;position:absolute}.hero-sky span:before,.hero-sky span:after{content:"";background:inherit;border-radius:50%;position:absolute}.hero-sky span:before{width:90px;height:85px;bottom:5px;left:28px}.hero-sky span:after{width:72px;height:65px;bottom:4px;right:22px}.hero-sky span:first-child{opacity:.65;top:85px;left:46%;transform:scale(.7)}.hero-sky span:nth-child(2){opacity:.65;top:460px;right:-35px;transform:scale(1.4)}.world-edition .hero.hero h1{isolation:isolate}.headline-cloud{z-index:-1;pointer-events:none;filter:drop-shadow(0 12px 15px #739ca314);width:140%;height:170%;position:absolute;top:-27%;left:-17%;overflow:visible}.headline-cloud path{fill:var(--white)}.world-edition .hero.hero .more:after{height:.14em;box-shadow:none;bottom:-.04em;right:-.03em;transform:rotate(-3deg)}.world-edition .hero.hero .more:before{display:none}@media (max-width:700px){.headline-cloud{width:118%;height:148%;top:-20%;left:-9%}.hero-sky span:first-child{top:42px;left:70%;transform:scale(.45)}.hero-sky span:nth-child(2){top:710px;right:-60px;transform:scale(.8)}}.world-edition .scene-shell[data-ready] .scene-fallback{visibility:hidden}@media (max-width:700px){.headline-cloud{width:130%;height:170%;top:-32%;left:-15%}}.headline-cloud canvas{width:100%;height:100%;display:block}.cloud-fallback{object-fit:fill;width:100%;height:100%;position:absolute;inset:0}.headline-cloud[data-ready] .cloud-fallback{display:none}.hero-sky span{background:linear-gradient(165deg,#ffffffd9,#d4e3e7c9);box-shadow:0 8px 15px #7898a010}.hero-sky span:before,.hero-sky span:after{background:radial-gradient(circle at 30% 20%,#fffef9,#e2ecec 75%,#cbdde1)}@media (max-width:700px){.headline-cloud{width:132%;height:194%;top:-39%;left:-18%}}.hero-world-action{z-index:4;position:absolute;top:81%;left:68%;transform:translate(-50%,-50%)}.hero-world-action a{background:var(--yellow);color:var(--ink);white-space:nowrap;gap:30px;min-height:64px;padding:16px 26px;font-size:18px;font-weight:700;transition:transform .2s,box-shadow .2s;box-shadow:0 5px #ca8b13,0 18px 26px -10px #45351655}.hero-world-action a:hover{transform:translateY(-3px);box-shadow:0 6px #ca8b13,0 22px 30px -10px #45351655}.hero-world-action a:focus-visible{outline:3px solid var(--ink);outline-offset:7px}.hero-world-action a span.action-orbit{font-size:28px}@media (max-width:700px){.hero-world-action a{gap:20px;min-height:56px;padding:13px 19px;font-size:16px}.hero-world-action{top:85%;left:62%}}.hero-world-action a .action-orbit{background:var(--ink);width:38px;height:38px;color:var(--yellow);border-radius:50%;flex:0 0 38px;place-items:center;transition:transform .2s;display:grid}.hero-world-action .action-orbit svg{width:var(--icon);height:var(--icon);transition:transform .2s}.hero-world-action a:hover .action-orbit{transform:none}.hero-world-action a:hover .action-orbit svg{transform:translate(2px)}@media (max-width:700px){.hero-world-action a .action-orbit{flex-basis:34px;width:34px;height:34px}}[data-icon]{vertical-align:middle;flex-shrink:0;display:inline-block}.scene-button>[data-scene-play-label]{font-size:inherit}.world-edition .hero.hero h1{width:fit-content;max-width:none}.headline-cloud{width:158%;height:210%;top:-37%;left:-29%}.world-edition .hero.hero .hero-aside{justify-self:start;max-width:390px;margin-top:15px;margin-left:20px}.world-edition .hero.hero .hero-intro{margin-bottom:22px}.world-edition .hero.hero .hero-copy>.eyebrow{z-index:3;position:relative}@media (max-width:900px) and (min-width:701px){.world-edition .hero.hero .hero-aside{max-width:300px;margin-left:0}}@media (max-width:700px){.world-edition .hero.hero h1{margin:52px 0 0 10px;font-size:clamp(64px,18vw,100px)}.headline-cloud{width:154%;height:209%;top:-34%;left:-27%}.world-edition .hero.hero .hero-aside{max-width:32ch;margin:48px 0 0 8%}.world-edition .hero.hero .hero-intro{margin-bottom:17px}.world-edition .hero.hero .scene-shell{margin-top:-140px}}@media (min-width:1100px){.world-edition .hero.hero .hero-aside{width:20%;max-width:340px;margin:0;position:absolute;top:90px;left:40%}.world-edition .hero.hero .hero-intro{font-size:25px}}.world-edition .hero.hero .hero-copy{min-height:0;display:block}.world-edition .hero.hero .hero-aside{width:350px;max-width:100%;margin:65px 0 0;padding:0;position:relative;top:auto;left:auto}.world-edition .hero.hero .hero-description{margin:0;font-size:19px;line-height:1.55}.world-edition .hero.hero .scene-shell{width:calc(100% - 80px);margin-top:-450px;margin-left:80px}@media (min-width:1600px){.world-edition .hero.hero .scene-shell{margin-top:-490px}}@media (max-width:1099px) and (min-width:701px){.world-edition .hero.hero .hero-aside{width:300px}.world-edition .hero.hero .hero-description{font-size:17px}.world-edition .hero.hero .scene-shell{width:calc(100% - 30px);margin-top:-320px;margin-left:30px}}@media (max-width:700px){.world-edition .hero.hero h1{margin-top:52px}.world-edition .hero.hero .hero-aside{width:calc(100% - 20px);max-width:33ch;margin:44px 0 0 10px}.world-edition .hero.hero .hero-description{font-size:17px;line-height:1.5}.world-edition .hero.hero .scene-shell{width:100%;margin-top:-105px;margin-left:0}}@media (min-width:1100px){.world-edition .hero.hero .hero-aside{margin-top:55px}.world-edition .hero.hero .scene-shell{width:calc(100% - 240px);margin-left:240px}}@media (min-width:1100px) and (max-width:1250px){.world-edition .hero.hero .scene-shell{margin-top:-340px}}@media (min-width:1251px) and (max-width:1599px){.world-edition .hero.hero .scene-shell{margin-top:-430px}}.world-edition .hero.hero h1{font-size:clamp(64px,6vw,96px)}@media (max-width:700px){.world-edition .hero.hero h1{font-size:clamp(43px,13.5vw,80px)}}.hero-wordmark{--wordmark-size:1em;white-space:nowrap;display:inline-block}.hero-sky span{animation:18s ease-in-out -4.5s infinite alternate sky-drift}.hero-sky span:nth-child(2){animation-duration:23s;animation-delay:-8s}.headline-cloud{transform-origin:50% 60%;animation:5s ease-in-out -1.25s infinite alternate headline-float}@keyframes sky-drift{0%{translate:-45px 4px}to{translate:65px -12px}}@keyframes headline-float{0%{translate:-10px 12px;rotate:-1deg}to{translate:12px -14px;rotate:1deg}}.world-edition .hero.hero .hero-aside{width:390px;margin-top:38px}.hero-aside .hero-world-action{width:fit-content;margin-top:26px;position:relative;top:auto;left:auto;transform:none}.hero-aside .hero-world-action a{min-height:60px;padding:14px 24px;font-size:17px;box-shadow:0 3px #ca8b13,0 10px 22px -12px #45351655}.world-edition .hero.hero h1{margin-top:75px}@media (min-width:1100px){.world-edition .hero.hero .scene-shell{width:calc(100% - 240px);margin-top:-475px;margin-left:240px}}@media (max-width:700px){.world-edition .hero.hero h1{margin-top:48px}.world-edition .hero.hero .hero-aside{width:calc(100% - 20px);margin-top:30px}.world-edition .hero.hero .scene-shell{margin-top:-25px}.hero-aside .hero-world-action{margin-top:22px}.hero-aside .hero-world-action a{min-height:54px;font-size:16px}}@media (min-width:701px){.world-edition .hero.hero .scene-surface{-webkit-mask-composite:source-in;-webkit-mask-image:linear-gradient(90deg,#0000,#000 14%),linear-gradient(#000 95%,#0000 100%);mask-image:linear-gradient(90deg,#0000,#000 14%),linear-gradient(#000 95%,#0000 100%);-webkit-mask-composite:source-in;mask-composite:intersect}}@media (min-width:1100px){.world-edition .hero.hero h1{margin-top:90px}.world-edition .hero.hero .hero-aside{width:370px;margin-top:52px}.world-edition .hero.hero .scene-shell{margin-top:-580px}.hero-aside .hero-world-action{margin-top:32px}}@media (min-width:1500px){.world-edition .hero.hero h1{margin-top:100px}.world-edition .hero.hero .hero-aside{margin-top:58px}.world-edition .hero.hero .scene-shell{margin-top:-620px}}.scene-shell:not([data-ready]) .scene-surface>canvas{visibility:hidden}@media (min-width:701px){.world-edition .hero.hero .scene-shell{width:100%;margin-left:0}.world-edition .hero.hero .scene-surface{-webkit-mask-image:linear-gradient(#000 95%,#0000 100%);mask-image:linear-gradient(#000 95%,#0000 100%)}.world-edition .hero.hero .hero-description{color:#292c22}}.world-edition .hero.hero .hero-description{color:var(--ink);text-shadow:0 0 3px #f7f4ecd9,0 0 14px #f7f4ecf2,0 0 28px #f7f4ecb3}.hero-world-action{flex-wrap:wrap;align-items:center;display:flex}.world-edition .hero.hero h1{line-height:1.02}@media (max-width:700px){.world-edition .hero.hero h1{line-height:1}}.hero-sky span{aspect-ratio:591/354;width:230px;height:auto;box-shadow:none;filter:none;opacity:.92;background:url(/headline-cloud.webp) 50%/contain no-repeat;border-radius:0;animation:70s linear infinite alternate sky-travel}.hero-sky span:before,.hero-sky span:after{content:none}.hero-sky span:first-child{top:66px;left:44%;right:auto;transform:scale(.72)}.hero-sky span:nth-child(2){opacity:.8;animation-duration:95s;animation-delay:-30s;top:150px;left:auto;right:7%;transform:scale(.5)}.hero-sky span:nth-child(3){opacity:.7;animation-duration:120s;animation-delay:-60s;top:24px;left:27%;transform:scale(.36)}@keyframes sky-travel{0%{translate:-70px}to{translate:110px -6px}}@media (max-width:700px){.hero-sky span:first-child{top:84px;left:60%;transform:scale(.36)}.hero-sky span:nth-child(2){top:560px;right:-60px;transform:scale(.5)}.hero-sky span:nth-child(3){top:600px;left:-30px;transform:scale(.42)}}.hero-description-short,.label-short{display:none}@media (max-width:700px){.headline-cloud,.world-edition .hero.hero .hero-description:not(.hero-description-short){display:none}.world-edition .hero.hero .hero-description-short{display:block}.world-edition .hero.hero{height:calc(100svh - var(--nav-height,88px));min-height:560px;padding-top:0;position:relative}.world-edition .hero.hero .hero-copy{padding-top:0;position:static}.world-edition .hero.hero .scene-shell{--scene-zoom:.88;--scene-follow:1.45;height:auto;margin:0;position:absolute;inset:0}.world-edition .hero.hero .scene-surface{inset:27% -34% 0}.world-edition .hero.hero h1{z-index:3;box-sizing:border-box;width:100%;color:var(--white);text-shadow:0 2px #00000014,0 10px 30px #1d3a2a73;--logo-ink:var(--white);padding:0 4vw;font-size:clamp(52px,16.5vw,80px);line-height:.98;position:absolute;top:26px;left:0;right:0;text-align:center!important;max-width:none!important;margin:0!important}.world-edition .hero.hero .hero-aside{margin:0;position:static}.world-edition .hero.hero .hero-description-short{z-index:3;text-align:center;max-width:26ch;color:var(--white);text-shadow:0 1px 12px #1d3a2aa6;margin:0 auto;font-size:16px;position:absolute;top:calc(26px + 2.1*clamp(52px,16.5vw,80px));left:0;right:0}.world-edition .hero.hero .hero-world-action{z-index:5;flex-wrap:nowrap;justify-content:center;gap:10px;width:auto;margin:0;position:absolute;bottom:18px;left:4vw;right:4vw}.world-edition .hero.hero .hero-world-action a{white-space:nowrap;flex:0 auto;justify-content:center;gap:9px;min-height:50px;padding:0 15px;line-height:1.2;font-size:clamp(13px,3.75vw,15px)!important}.world-edition .hero.hero .hero-world-action a span{font-size:inherit}.world-edition .hero.hero .hero-world-action a .action-orbit{display:none}@media (max-width:349px){.world-edition .hero.hero .hero-world-action{flex-wrap:wrap;gap:12px}}.label-long{display:none}.label-short{display:inline}.world-edition .hero.hero h1 .hero-wordmark{--logo-ink:var(--ink);color:var(--ink);text-shadow:0 0 18px #fff6}.hero-sky span:first-child{top:46%;left:-40px}.world-edition .hero.hero .hero-foot{display:none}.world-edition .hero.hero .hero-sky{background:linear-gradient(#7fb4c9 0,#b9d8df 30%,#0000 56%)}}
.world-edition h1,.world-edition h2,.world-edition h3{font-family:var(--display);font-weight:var(--weight-heading);font-variation-settings:"opsz" 72;color:var(--ink)}.world-edition h1{font-size:var(--type-statement);line-height:var(--leading-statement);letter-spacing:var(--track-statement)}.world-edition h2{font-size:var(--type-section);line-height:var(--leading-section);letter-spacing:var(--track-section)}.world-edition h3{font-size:var(--type-card);line-height:var(--leading-card);letter-spacing:var(--track-card)}.world-edition .hero-description{font-size:var(--type-reading);line-height:var(--leading-reading)}.eyebrow-label{font:var(--weight-label) var(--type-label)/1.2 var(--body);letter-spacing:var(--track-label);text-transform:uppercase;color:var(--coral-accent);align-items:center;gap:10px;display:inline-flex}.eyebrow-label:before{content:"";background:radial-gradient(circle at 9.5px 5.5px,var(--label-dot,var(--yellow)) 4.6px,var(--label-ground,var(--paper)) 5px,var(--label-ground,var(--paper)) 5.9px,transparent 6.3px),radial-gradient(circle at 5px 5.5px,var(--kan-dot-sea) 4.7px,transparent 5.1px),radial-gradient(circle at 14px 5.5px,var(--kan-dot-coral) 4.7px,transparent 5.1px);flex:none;width:19px;height:11px}[data-ground=yellow] .eyebrow-label{--label-dot:var(--ink);--label-ground:var(--yellow)}:where([data-ground=white]) .eyebrow-label{--label-ground:var(--white)}.accent-word{color:var(--coral-accent)}
.kan-grid,.kan-row{grid-template-columns:repeat(var(--cols),minmax(0,1fr));column-gap:var(--col-gap);display:grid}.kan-grid{max-width:var(--page);padding-inline:var(--gutter);margin-inline:auto}.kan-grid>*,.kan-row>*{grid-column:1/-1;min-width:0}.kan-grid-overlay{z-index:90;pointer-events:none;position:fixed;inset:0}.kan-grid-overlay>div{grid-template-rows:100%;grid-auto-rows:0;height:100%;overflow:hidden}.kan-grid-overlay span{background:#e679591f;grid-column:auto}.kan-grid-overlay small{border-radius:var(--radius-pill);background:var(--ink);color:#fff;font:600 12px/1 var(--body);padding:6px 10px;position:fixed;bottom:12px;left:12px}
.site-page{max-width:var(--page);margin-inline:max(0px,calc((100% - var(--page)) / 2)) auto;padding:0 var(--gutter) var(--space-chapter)}.site-subnav{gap:var(--space-in) var(--space-wide);border-bottom:1px solid var(--line);padding:var(--space-between) 0;flex-wrap:wrap;display:flex}.site-subnav a{min-height:44px;color:var(--ink);align-items:center;display:flex}.site-category-nav{gap:var(--space-in);padding-bottom:var(--space-wide);flex-wrap:wrap;display:flex}.site-category-nav a{gap:var(--space-between);background:var(--white);padding:var(--space-near) var(--space-between);color:var(--ink);border-radius:var(--radius-control);align-items:center;text-decoration:none;display:flex}.site-group{padding:var(--space-group) 0;scroll-margin-top:24px}.site-cards{gap:var(--space-between);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.site-card{padding:var(--space-between);background:var(--white);border-radius:var(--radius-card);flex-direction:column;align-items:flex-start;scroll-margin-top:24px;display:flex}.site-icon{border-radius:var(--radius-control);width:48px;height:48px;margin-bottom:var(--space-between);place-items:center;display:grid}.site-icon svg{width:var(--icon-pictogram);height:var(--icon-pictogram)}.site-card h3{font-family:var(--display);font-size:var(--type-card);line-height:var(--leading-card);margin:0 0 var(--space-near);letter-spacing:var(--track-card)}.site-card p{margin:0 0 var(--space-between);line-height:1.55}.site-example{color:var(--muted)}.site-card>.kan-button{margin-top:auto}.prototype-footer nav{gap:var(--space-between);flex-wrap:wrap;display:flex}.prototype-footer a{color:inherit;align-items:center;min-height:44px;display:inline-flex}.planning-example{padding:var(--space-wide);background:var(--sea-light);border-radius:var(--radius-card);gap:var(--space-group);margin-bottom:var(--space-section);grid-template-columns:1fr 1.2fr;display:grid}.planning-example p{font-size:var(--type-reading);line-height:var(--leading-reading)}.planning-board{background:var(--white);padding:var(--space-between);border-radius:var(--radius-control)}.planning-days,.planning-track{gap:var(--space-hair);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.planning-days span{padding:var(--space-tight) 0}.planning-track{margin:var(--space-near) 0}.planning-track>span{padding:var(--space-near) var(--space-in);background:var(--sea);color:#fff;border-radius:var(--radius-mark)}.planning-track:nth-child(3)>span{background:var(--sea-deep)}.planning-board small{color:var(--muted)}.contact-form{gap:var(--space-between);max-width:740px;display:grid}.contact-form p{line-height:1.5}.contact-form .kan-button{justify-self:start}@media (max-width:950px){.site-cards{grid-template-columns:repeat(2,minmax(0,1fr))}.planning-example{grid-template-columns:1fr}}@media (max-width:600px){.site-cards{grid-template-columns:1fr}.planning-example{padding:var(--space-between);gap:var(--space-between)}.planning-board{padding:var(--space-near)}.site-page{padding-bottom:var(--space-group)}.site-category-nav{flex-direction:column}.prototype-footer{gap:var(--space-between);flex-wrap:wrap}}.site-group .site-cards,.planning-example .kan-button{margin-top:var(--space-between)}
:root{--key-yellow:var(--yellow);--key-yellow-rest:none;--key-yellow-down:none;--key-yellow-rest-compact:none;--key-yellow-down-compact:none;--key-paper:var(--white);--key-paper-rest:none;--key-paper-down:none;--key-paper-rest-compact:none;--key-paper-down-compact:none}.kan-button{--kb:var(--yellow);--kh:var(--yellow-light);--kl:transparent;--kc:var(--ink);border-radius:var(--key-radius);background:var(--kb);min-height:48px;box-shadow:inset 0 0 0 1px var(--kl);color:var(--kc);font:var(--weight-control) var(--type-control)/var(--leading-control) var(--body);text-shadow:none;white-space:nowrap;cursor:pointer;border:0;justify-content:center;align-items:center;gap:8px;padding:13px 20px;text-decoration:none;transition:background .15s;display:inline-flex}.kan-button svg:not([data-wordmark]){flex-shrink:0;width:18px;height:18px}.kan-button:hover,.kan-button[data-state=hover],.kan-button[data-state=pressed]{background:var(--kh);color:var(--kc)}.kan-button:focus-visible,.kan-button[data-state=focus]{outline:2px solid var(--ink);outline-offset:3px}.kan-button[data-tone=porcelain]{--kb:var(--white);--kh:var(--surface);--kl:var(--line)}.kan-button[data-tone=sand]{--kb:var(--surface);--kh:var(--line)}.kan-button[data-tone=ink]{--kb:var(--ink);--kh:var(--ink-hover);--kc:var(--paper);--loader-dot:var(--yellow)}.kan-button[data-tone=ink] svg:not([data-wordmark]){color:var(--yellow)}.kan-button[data-tone=sea]{--kb:var(--sea-key);--kh:var(--sea-deep)}.kan-button[data-tone=coral]{--kb:var(--coral-key);--kh:var(--coral-deep)}.kan-button[data-tone=salmon]{--kb:var(--salmon-key);--kh:var(--salmon-deep)}.kan-button:is([data-tone=sea],[data-tone=coral],[data-tone=salmon]){--kc:var(--white)}.kan-button[data-tone=glass]{--kb:transparent;--kh:#ffffff1f;--kl:#ffffff73;--kc:var(--white)}.kan-button[data-tone=glass]:focus-visible{outline-color:var(--white)}.kan-button[data-compact]{border-radius:var(--key-radius-compact);gap:8px;min-height:40px;padding:9px 14px;font-size:14px}.kan-button:disabled{pointer-events:none}.kan-button:disabled:not([aria-busy=true]){opacity:.5}.kan-button:not([data-tone]){--loader-dot:var(--ink)}.kan-button[data-label]{cursor:inherit;white-space:normal;text-align:left;max-width:100%;padding-block:var(--space-tight)}.kan-button[data-label]:hover{background:var(--kb)}a:hover .kan-button[data-label],[data-state=hover] .kan-button[data-label]{background:var(--kh)}.key-label{white-space:nowrap}.key-mark{--wordmark-size:1.16em;--logo-ink:var(--ink);--logo-accent:var(--ink);margin-left:.06em;display:inline-block}
:where(a,button,summary,[tabindex]):focus-visible{box-shadow:var(--focus-glow-quiet);outline:none}:where(p,li) a:not([class]){color:var(--ink);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}:where(p,li) a:not([class]):hover,:where(p,li) a[data-state=hover]{text-decoration-thickness:2px}:where(p,li) a:not([class]):focus-visible,:where(p,li) a[data-state=focus]{box-shadow:none;text-underline-offset:5px;outline:none;text-decoration-thickness:3px}.kan-card-link{color:inherit;text-decoration:none;transition:transform .2s,box-shadow .2s}.kan-card-link:hover,.kan-card-link[data-state=hover]{box-shadow:var(--shadow-float);transform:translateY(-3px)}@media (prefers-reduced-motion:reduce){.kan-card-link:hover{transform:none}}.kan-card-link:focus-visible,.kan-card-link[data-state=focus]{outline-offset:3px;outline:2px solid}.kan-pill{min-height:24px;padding:0 var(--space-in);border-radius:var(--radius-pill);background:var(--surface);color:var(--muted);font:var(--weight-control) var(--type-label)/1 var(--body);white-space:nowrap;align-items:center;font-style:normal;display:inline-flex}.kan-pill[data-tone=yellow]{background:var(--yellow);color:var(--ink)}.kan-field{--field-bg:var(--surface);--field-focus:var(--paper);gap:var(--space-tight);min-width:0;display:grid}:where(.site-page,[data-ground=paper]) .kan-field{--field-bg:var(--surface-deep);--field-focus:var(--white)}.kan-field label{font:var(--weight-control) var(--type-control)/var(--leading-control) var(--body);color:var(--ink)}.kan-field label span{color:var(--muted);font-weight:400}.kan-field input,.kan-field textarea{width:100%;min-height:52px;padding:var(--space-in) var(--space-near);border-radius:var(--radius-control);background:var(--field-bg);color:var(--ink);font:400 var(--type-reading)/var(--leading-compact) var(--body);border:0;transition:background .16s,box-shadow .16s}.kan-field textarea{resize:vertical;min-height:180px}.kan-field input,.kan-field textarea{box-shadow:inset 0 -2px 0 var(--field-line)}.kan-field input::placeholder,.kan-field textarea::placeholder{color:var(--muted)}.kan-field input:hover,.kan-field textarea:hover,.kan-field [data-state=hover]{background:color-mix(in srgb,var(--field-bg) 80%,var(--ink) 6%)}.kan-field input:focus,.kan-field textarea:focus,.kan-field [data-state=focus]{background:var(--field-focus);box-shadow:inset 0 -2px 0 var(--ink);outline:none}.kan-field input:disabled,.kan-field textarea:disabled{box-shadow:inset 0 -2px 0 var(--line);background:var(--field-bg);color:var(--muted);opacity:.6;cursor:not-allowed}.kan-field[data-invalid] input,.kan-field[data-invalid] textarea{background:var(--error-surface);box-shadow:inset 0 -2px 0 var(--error)}.kan-field[data-invalid] input:focus,.kan-field[data-invalid] textarea:focus{background:var(--field-focus);box-shadow:inset 0 -2px 0 var(--error)}.kan-field small{font-size:var(--type-small);line-height:var(--leading-small);color:var(--muted)}.kan-field .kan-field-error{gap:var(--space-tight);color:var(--error);font-weight:var(--weight-control);align-items:flex-start;display:flex}.kan-field .kan-field-error svg{width:var(--icon);height:var(--icon);flex-shrink:0;margin-top:-1px}.kan-notice{--tone:var(--info);--tint:var(--info-surface);gap:var(--space-in);padding:var(--space-near) var(--space-between) var(--space-near) var(--space-near);border-radius:var(--radius-control);background:var(--tint);color:var(--ink);align-items:flex-start;display:flex}.kan-notice[data-tone=success]{--tone:var(--success);--tint:var(--success-surface)}.kan-notice[data-tone=warning]{--tone:var(--warning);--tint:var(--warning-surface)}.kan-notice[data-tone=error]{--tone:var(--error);--tint:var(--error-surface)}.kan-notice-symbol{width:24px;height:24px;color:var(--tone);flex-shrink:0;place-items:center;display:grid}.kan-notice-symbol svg{width:var(--icon);height:var(--icon)}.kan-notice strong{font:var(--weight-control) var(--type-control)/1.5 var(--body);display:block}.kan-notice-body{margin-top:var(--space-hair);font-size:var(--type-compact);line-height:var(--leading-compact);color:var(--muted)}.kan-notice-body a{color:var(--ink);font-weight:var(--weight-control)}