:root{
  --bg:#F2EDE4;--bg-elevated:#FFFDF8;--bg-sunken:#E9E1D5;--panel:#F7F2E9;
  --text:#1D1B18;--text-2:#625B52;--text-3:#928779;--border:#D7CCBD;--border-soft:#E6DED3;
  --accent:#A45F45;--accent-hover:#8F513B;--accent-soft:#F0E1DA;
  --dark:#171613;--dark-elevated:#201E1A;--dark-panel:#1C1A17;--dark-text:#F0EADF;--dark-2:#B0A697;--dark-border:#3A342C;
  --serif:"Iowan Old Style","Baskerville","Times New Roman",serif;--sans:"Helvetica Neue","Segoe UI",Arial,sans;--mono:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;
  --ease:cubic-bezier(.22,1,.36,1);--pad:clamp(20px,4.2vw,72px);--dx:0px;--dy:0px;--theme-x:58%;--progress:0;
}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--bg)}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a,input{-webkit-tap-highlight-color:transparent}button,input{-webkit-appearance:none;appearance:none}button::-moz-focus-inner{border:0}:focus{outline:0}:focus-visible{outline:0;box-shadow:0 2px 0 var(--accent),inset 0 0 0 1px rgba(164,95,69,.24);background:var(--accent-soft)}::selection{background:var(--accent);color:#fff}.mono{font-family:var(--mono);text-transform:uppercase;letter-spacing:.1em}.design-noise{position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.16;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 220 220' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.1'/%3E%3C/svg%3E")}.design-progress{position:fixed;left:0;top:0;width:100%;height:2px;z-index:1600;pointer-events:none}.design-progress span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(var(--progress));transform-origin:left}.design-cursor{position:fixed;left:0;top:0;width:78px;height:78px;border:1px solid rgba(29,27,24,.34);border-radius:50%;z-index:2200;pointer-events:none;opacity:0;display:grid;place-items:center;transform:translate3d(-100px,-100px,0);transition:width .3s var(--ease),height .3s var(--ease),background .3s,border-color .3s,color .3s}.design-cursor i{position:absolute;width:4px;height:4px;border-radius:50%;background:currentColor}.design-cursor span{font:8px var(--mono);letter-spacing:.12em;transform:translateY(16px)}body.custom-cursor .design-cursor{opacity:1}body.custom-cursor,body.custom-cursor a,body.custom-cursor button,body.custom-cursor input{cursor:none}body.cursor-hot .design-cursor{width:98px;height:98px;background:rgba(242,237,228,.78);border-color:transparent;backdrop-filter:blur(12px)}body.cursor-dark .design-cursor{color:var(--dark-text);border-color:rgba(240,234,223,.38)}body.cursor-dark.cursor-hot .design-cursor{background:rgba(23,22,19,.76)}
.design-topbar{position:fixed;z-index:1400;top:0;left:0;width:100%;height:72px;padding:0 var(--pad);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;color:var(--text);mix-blend-mode:difference}.design-brand{justify-self:start;display:flex;gap:5px;align-items:baseline;color:#fff}.brand-a{font:700 22px var(--serif)}.brand-slash{opacity:.55}.brand-name{font-weight:700;font-size:13px}.design-top-title{font:9px var(--mono);letter-spacing:.12em;color:#fff}.design-top-actions{justify-self:end;display:flex;align-items:center;gap:16px;color:#fff}.design-back{font-size:11px;display:flex;gap:12px;align-items:center}.design-back span{font:18px var(--serif);transition:transform .25s var(--ease)}.design-back:hover span{transform:translate(-3px,3px)}.design-index-toggle{position:relative;border:0;background:transparent;color:#fff;padding:9px 0;font:9px var(--mono);letter-spacing:.12em}.design-index-toggle i,.design-index-toggle i::after{content:"";position:absolute;left:0;bottom:4px;height:1px;background:currentColor}.design-index-toggle i{width:100%;opacity:.5}.design-index-toggle i::after{width:0;transition:width .4s var(--ease)}.design-index-toggle[aria-expanded="true"] i::after{width:100%}.design-index{position:fixed;z-index:1350;top:58px;right:var(--pad);width:min(650px,calc(100vw - 40px));background:rgba(255,253,248,.94);border:1px solid rgba(29,27,24,.14);backdrop-filter:blur(26px);padding:12px 18px 18px;color:var(--text);opacity:0;visibility:hidden;pointer-events:none;transform:translate3d(0,-18px,0) scale(.98);clip-path:inset(0 0 100% 0);transform-origin:top right;transition:opacity .3s,var(--ease) .4s transform,clip-path .55s var(--ease),visibility .55s step-end;box-shadow:0 28px 80px rgba(29,27,24,.12)}.design-index.is-open{opacity:1;visibility:visible;pointer-events:auto;transform:none;clip-path:inset(0);transition:opacity .2s,transform .45s var(--ease),clip-path .55s var(--ease)}.design-index-head{display:flex;justify-content:space-between;padding:12px 4px 18px;border-bottom:1px solid var(--border-soft);font-size:8px}.design-index a{display:grid;grid-template-columns:42px 1fr 1fr;align-items:center;min-height:64px;border-bottom:1px solid var(--border-soft);transition:padding .28s var(--ease),background .2s}.design-index a span{font:8px var(--mono);opacity:.5}.design-index a b{font:400 23px var(--serif)}.design-index a em{font:12px/1.4 var(--sans);color:var(--text-2);font-style:normal}.design-index a:hover,.design-index a:focus-visible{padding-left:10px;background:rgba(164,95,69,.06)}
.depth{will-change:transform}.depth-1{transform:translate3d(calc(var(--dx)*.24),calc(var(--dy)*.24),0)}.depth-2{transform:translate3d(calc(var(--dx)*.5),calc(var(--dy)*.5),0)}.depth-3{transform:translate3d(calc(var(--dx)*.78),calc(var(--dy)*.78),0)}.depth-4{transform:translate3d(calc(var(--dx)*1.08),calc(var(--dy)*1.08),0)}
.design-hero{min-height:100svh;padding:110px var(--pad) 34px;display:grid;grid-template-rows:auto 1fr auto;overflow:hidden;position:relative}.hero-field{position:absolute;inset:0;overflow:hidden;pointer-events:none}.hero-grid{position:absolute;inset:-12%;opacity:.28;background-image:linear-gradient(rgba(29,27,24,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(29,27,24,.08) 1px,transparent 1px);background-size:8vw 8vw;transform:rotate(-4deg) scale(1.1)}.hero-ring{position:absolute;border:1px solid rgba(29,27,24,.16);border-radius:50%}.r1{width:min(58vw,820px);aspect-ratio:1;right:-9vw;top:8vh}.r2{width:min(35vw,500px);aspect-ratio:1;right:9vw;top:23vh;border-color:rgba(164,95,69,.35)}.hero-orbit-line{position:absolute;width:68vw;height:34vw;border:1px solid rgba(29,27,24,.11);border-radius:50%;right:-18vw;top:22vh;rotate:-18deg}.hero-accent{position:absolute;width:8px;height:22vh;background:var(--accent);right:23vw;top:33vh;box-shadow:0 0 60px rgba(164,95,69,.22)}.hero-index-tag{position:absolute;right:var(--pad);top:20vh;font-size:8px;writing-mode:vertical-rl}.hero-side-word{position:absolute;left:2vw;bottom:14vh;font:7vw/.8 var(--serif);color:transparent;-webkit-text-stroke:1px rgba(29,27,24,.12);rotate:-90deg;transform-origin:left bottom}.hero-meta{display:flex;justify-content:space-between;font-size:8px;opacity:.6;position:relative;z-index:2}.hero-core{align-self:center;position:relative;z-index:3;max-width:1450px;width:100%;margin:auto}.hero-kicker{margin:0 0 12px;font:italic clamp(22px,2.5vw,38px)/1.1 var(--serif)}.hero-design{margin:0;font:600 clamp(90px,15.4vw,250px)/.73 var(--serif);letter-spacing:-.075em}.hero-design span,.hero-design i{display:block}.hero-design i{margin-left:17vw;color:var(--accent);font-weight:400}.hero-cn{width:min(620px,54%);margin:clamp(30px,4vw,60px) 0 0 auto;font:clamp(18px,2vw,31px)/1.28 var(--serif)}.hero-footer{position:relative;z-index:3;display:grid;grid-template-columns:1fr 1fr auto;align-items:end;gap:28px;font-size:12px}.hero-footer p{margin:0;line-height:1.5}.hero-enter{display:flex;justify-content:space-between;width:min(320px,100%);padding-bottom:9px;border-bottom:1px solid var(--text)}.hero-enter b{font:20px var(--serif)}.hero-footer>.mono{font-size:8px}.has-js .reveal-word{display:block;clip-path:inset(0 0 100%);transform:translateY(28px)}body.ready .reveal-word{animation:heroWord .95s var(--ease) forwards}body.ready .reveal-word:nth-child(2){animation-delay:.11s}.has-js .reveal-line{opacity:0;transform:translateY(18px)}body.ready .reveal-line{animation:lineIn .7s .28s var(--ease) forwards}.hero-cn.reveal-line{animation-delay:.45s}@keyframes heroWord{to{clip-path:inset(0);transform:none}}@keyframes lineIn{to{opacity:1;transform:none}}
.scene{position:relative}.scene-rule{min-height:62px;padding:0 var(--pad);display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--border);border-bottom:1px solid var(--border);font-size:8px}.scene-heading{padding:clamp(80px,9vw,140px) var(--pad) clamp(55px,7vw,100px)}.scene-heading>p.mono{font-size:8px;opacity:.55}.scene-heading h2{margin:12px 0 0;font:500 clamp(62px,8vw,128px)/.88 var(--serif);letter-spacing:-.055em}.scene-heading h2 i{color:var(--accent);font-weight:400}.scene-heading.split{display:grid;grid-template-columns:1.2fr .8fr;gap:9vw;align-items:end}.scene-heading.split p{margin:0;max-width:500px;color:var(--text-2);line-height:1.7}.has-js .reveal-block{opacity:0;transform:translateY(30px);clip-path:inset(0 0 18%)}.has-js .reveal-block.is-visible{opacity:1;transform:none;clip-path:inset(0);transition:opacity .8s,var(--ease) .9s transform,clip-path .9s var(--ease)}
.language-stage{padding-bottom:120px}.material-stage{margin:0 var(--pad);min-height:720px;border:1px solid var(--border);display:grid;grid-template-columns:repeat(4,1fr);position:relative;overflow:hidden}.material-slab{border:0;border-right:1px solid rgba(255,255,255,.15);padding:28px 20px;display:flex;flex-direction:column;align-items:flex-start;text-align:left;transition:flex .65s var(--ease),transform .5s var(--ease),filter .35s;min-width:0}.material-slab span{font:8px var(--mono);opacity:.52}.material-slab b{margin:auto 0 18px;font:500 clamp(62px,6vw,100px)/.8 var(--serif)}.material-slab small{font:8px var(--mono);letter-spacing:.08em}.material-slab.ink{background:#1D1B18;color:#F0EADF}.material-slab.paper{background:#F2EDE4;color:#1D1B18}.material-slab.neutral{background:#625B52;color:#F0EADF}.material-slab.accent{background:#A45F45;color:#FFFDF8}.material-slab:hover,.material-slab.active{transform:translateY(-12px)}.material-slab.active{filter:saturate(1.08)}.material-caption{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(580px,64%);background:rgba(255,253,248,.9);border-top:1px solid rgba(29,27,24,.14);padding:20px 24px 24px;backdrop-filter:blur(20px);color:var(--text)}.material-caption span{font-size:8px;color:var(--accent)}.material-caption p{margin:12px 0 0;font:22px/1.3 var(--serif)}.type-ribbon{margin:90px 0 0;display:flex;align-items:baseline;gap:6vw;white-space:nowrap;transform:translateX(calc((var(--progress) - .5)*-18vw));transition:transform .1s linear}.type-ribbon span{font:500 11vw/.8 var(--serif);letter-spacing:-.06em}.type-ribbon i{font:italic 4vw var(--serif);color:var(--accent)}.type-ribbon b{font:9px var(--mono);letter-spacing:.12em}
.interaction-stage{background:var(--dark);color:var(--dark-text);padding-bottom:140px}.interaction-stage .scene-rule{border-color:var(--dark-border)}.interaction-stage .scene-heading.split p{color:var(--dark-2)}.component-theatre{margin:0 var(--pad);display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"control continuity" "control async" "trigger trigger";gap:16px}.component-board{border:1px solid var(--dark-border);background:var(--dark-elevated);padding:28px;min-height:330px;position:relative}.controls-board{grid-area:control;min-height:680px;display:flex;flex-direction:column}.continuity-board{grid-area:continuity}.async-board{grid-area:async}.board-label{display:flex;justify-content:space-between;font-size:8px;color:var(--dark-2);border-bottom:1px solid var(--dark-border);padding-bottom:18px}.segmented-demo{margin-top:auto;position:relative;display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--dark-border);padding:4px;isolation:isolate}.segmented-demo button{min-height:48px;border:0;background:transparent;color:var(--dark-2);position:relative;z-index:2}.segmented-demo button[aria-selected="true"]{color:var(--text)}.segment-indicator{position:absolute;z-index:1;left:4px;top:4px;height:48px;width:calc((100% - 8px)/3);background:var(--dark-text);transition:transform 260ms var(--ease),width 260ms var(--ease)}.control-line{margin-top:28px;border-top:1px solid var(--dark-border);border-bottom:1px solid var(--dark-border);padding:20px 0;display:flex;justify-content:space-between;align-items:center}.control-line small{display:block;color:var(--dark-2);font-size:10px}.control-line b{display:block;margin-top:5px;font:20px var(--serif)}.switch-demo{width:54px;height:30px;border:1px solid var(--dark-border);border-radius:999px;background:#39352f;padding:3px;transition:background .22s,border-color .22s}.switch-demo span{display:block;width:22px;height:22px;border-radius:50%;background:var(--dark-text);transform:translateX(0);transition:transform .26s var(--ease)}.switch-demo[aria-checked="true"]{background:var(--accent);border-color:var(--accent)}.switch-demo[aria-checked="true"] span{transform:translateX(24px)}.input-demo{margin-top:26px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;border-bottom:1px solid var(--dark-border);padding:12px 0}.input-demo span{grid-column:1/-1;font-size:9px;color:var(--dark-2)}.input-demo input{border:0;background:transparent;color:var(--dark-text);font:22px var(--serif);min-width:0;padding:0}.input-demo input::placeholder{color:#756d61}.input-demo:focus-within{border-color:var(--accent)}.input-demo i{font-style:normal;color:var(--accent)}.identity-compact{margin-top:46px;display:grid;grid-template-columns:82px 1fr auto;gap:20px;align-items:center}.identity-avatar{width:82px;aspect-ratio:1;border:1px solid var(--dark-border);display:grid;place-items:center;font:42px var(--serif)}.identity-copy small{font:7px var(--mono);color:var(--dark-2)}.identity-copy strong{display:block;margin:5px 0;font:30px var(--serif);font-weight:400}.identity-copy p{margin:0;color:var(--dark-2);font-size:12px}.identity-toggle{border:0;border-bottom:1px solid var(--dark-text);background:transparent;color:var(--dark-text);padding:9px 0}.identity-detail{grid-column:1/-1;border-top:1px solid var(--dark-border);margin-top:10px;padding-top:18px}.identity-detail[hidden]{display:none}.identity-detail p{display:grid;grid-template-columns:90px 1fr;gap:18px;margin:0;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.07)}.identity-detail span{font-size:9px;color:var(--dark-2)}.identity-detail b{font:18px var(--serif);font-weight:400}.async-content{margin:42px 0 32px;display:grid;grid-template-columns:54px 1fr;gap:14px}.async-avatar{width:54px;height:54px;border-radius:50%;background:linear-gradient(90deg,#312e29,#484239,#312e29);background-size:200%;animation:shimmer 1.1s linear infinite}.async-content div{display:grid;gap:9px}.async-content b,.async-content i{display:block;background:linear-gradient(90deg,#312e29,#484239,#312e29);background-size:200%;animation:shimmer 1.1s linear infinite}.async-content b{width:42%;height:13px}.async-content i{width:100%;height:9px}.async-content i:last-child{width:72%}@keyframes shimmer{to{background-position:-200%}}.async-board.loaded .async-avatar{background:var(--accent-soft);position:relative}.async-board.loaded .async-avatar::after{content:attr(data-initial);position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);font:24px var(--serif)}.async-board.loaded .async-content b,.async-board.loaded .async-content i{animation:none;background:var(--dark-border)}.async-reload{border:0;background:transparent;color:var(--dark-text);border-bottom:1px solid var(--dark-border);padding:0 0 8px}.async-note{margin:18px 0 0;font-size:7px;color:var(--dark-2)}.sheet-trigger{grid-area:trigger;border:1px solid var(--dark-border);background:transparent;color:var(--dark-text);min-height:78px;padding:0 24px;display:flex;justify-content:space-between;align-items:center;font:22px var(--serif)}.sheet-trigger b{font-size:28px;font-weight:400}.design-dialog{position:fixed;z-index:2500;inset:0;display:grid;place-items:center;visibility:hidden;pointer-events:none}.design-dialog[aria-hidden="false"]{visibility:visible;pointer-events:auto}.dialog-backdrop{position:absolute;inset:0;border:0;background:rgba(17,16,14,.48);backdrop-filter:blur(12px);opacity:0;transition:opacity .32s}.dialog-panel{position:relative;width:min(640px,calc(100vw - 40px));background:var(--bg-elevated);border:1px solid var(--border);padding:42px;color:var(--text);transform:translateY(34px) scale(.98);opacity:0;transition:transform .36s var(--ease),opacity .26s}.design-dialog[aria-hidden="false"] .dialog-backdrop{opacity:1}.design-dialog[aria-hidden="false"] .dialog-panel{transform:none;opacity:1}.dialog-panel>.mono{font-size:8px;color:var(--accent)}.dialog-panel h2{font:48px/.95 var(--serif);font-weight:500;letter-spacing:-.04em}.dialog-panel p{color:var(--text-2);line-height:1.7}.dialog-close{width:100%;border:0;border-top:1px solid var(--text);background:transparent;padding:16px 0 0;display:flex;justify-content:space-between}
.theme-stage{min-height:110svh;overflow:hidden;isolation:isolate}.theme-light,.theme-dark{position:absolute;inset:0}.theme-light{background:var(--bg);z-index:-3}.theme-dark{background:var(--dark);z-index:-2;clip-path:inset(0 calc(100% - var(--theme-x)) 0 0);transition:clip-path .12s cubic-bezier(.22,1,.36,1);will-change:clip-path}.theme-stage::before{content:"LIGHT / DARK";position:absolute;left:3vw;bottom:2vh;font:17vw/.7 var(--serif);letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(98,91,82,.18);white-space:nowrap;z-index:-1}.theme-rail{position:absolute;left:var(--pad);right:var(--pad);top:90px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:16px;font-size:8px;color:var(--text-3);touch-action:none;user-select:none;cursor:ew-resize;padding:12px 0;z-index:4}.theme-rail i{height:1px;background:linear-gradient(90deg,var(--text),var(--dark-text));position:relative}.theme-rail i::before{content:"";position:absolute;inset:-16px 0}.theme-rail i::after{content:"";position:absolute;left:var(--theme-x);top:50%;width:10px;height:10px;border-radius:50%;background:var(--accent);transform:translate(-50%,-50%)}.theme-copy{position:absolute;left:var(--pad);top:28%;width:min(720px,55%);mix-blend-mode:difference;color:#fff}.theme-copy>.mono{font-size:8px}.theme-copy h2{font:500 clamp(62px,8vw,126px)/.88 var(--serif);letter-spacing:-.055em;margin:18px 0 30px}.theme-copy h2 i{color:#e19778;font-weight:400}.theme-copy p{max-width:480px;line-height:1.65}.theme-sample{position:absolute;right:7vw;bottom:13vh;width:min(420px,34vw);min-height:310px;padding:28px;border:1px solid rgba(240,234,223,.3);background:rgba(32,30,26,.76);backdrop-filter:blur(20px);color:var(--dark-text)}.theme-sample>.mono{font-size:7px;color:var(--dark-2)}.theme-sample h3{font:42px/1 var(--serif);font-weight:400}.theme-sample div{margin-top:60px;display:flex;justify-content:space-between;align-items:center}.theme-sample button{border:0;background:var(--accent);color:white;padding:12px 16px}.theme-sample a{font-size:11px;border-bottom:1px solid currentColor;padding-bottom:5px}
.responsive-stage{padding-bottom:140px}.device-switch{position:relative;width:min(410px,calc(100% - 40px));margin:0 auto 34px;border:1px solid var(--border);display:grid;grid-template-columns:1fr 1fr;padding:4px}.device-switch>span{position:absolute;left:4px;top:4px;height:44px;width:calc(50% - 4px);background:var(--text);transition:transform .36s var(--ease)}.device-switch[data-active="mobile"]>span{transform:translateX(100%)}.device-switch button{min-height:44px;border:0;background:transparent;position:relative;z-index:2;font:8px var(--mono);letter-spacing:.1em;color:var(--text-2)}.device-switch button[aria-selected="true"]{color:var(--bg)}.device-theatre{margin:0 var(--pad);min-height:760px;border:1px solid var(--border);position:relative;overflow:hidden;background:var(--bg-sunken);perspective:1600px}.device-board{position:absolute;transition:transform .85s var(--ease),opacity .55s var(--ease),filter .55s var(--ease);will-change:transform}.desktop-board{width:76%;height:76%;left:6%;top:9%;background:var(--bg-elevated);border:1px solid var(--border);box-shadow:0 36px 90px rgba(29,27,24,.15);transform:rotateX(2deg) rotateZ(-2deg)}.mobile-board{width:280px;height:570px;right:7%;bottom:4%;background:var(--dark);color:var(--dark-text);border:1px solid var(--dark-border);box-shadow:0 30px 70px rgba(29,27,24,.22);transform:rotateZ(5deg) translateZ(80px)}.device-theatre[data-active-device="desktop"] .desktop-board{transform:rotateX(0) rotateZ(-1deg) translateZ(60px)}.device-theatre[data-active-device="desktop"] .mobile-board{transform:rotateZ(7deg) translate3d(50px,30px,-80px);filter:saturate(.7);opacity:.74}.device-theatre[data-active-device="mobile"] .desktop-board{transform:rotateZ(-4deg) translate3d(-70px,20px,-100px) scale(.92);filter:saturate(.7);opacity:.6}.device-theatre[data-active-device="mobile"] .mobile-board{right:50%;transform:translateX(50%) rotateZ(0) translateZ(100px) scale(1.08);opacity:1}.desktop-chrome{height:48px;border-bottom:1px solid var(--border-soft);display:flex;align-items:center;padding:0 16px;gap:8px}.desktop-chrome span{width:8px;height:8px;border-radius:50%;border:1px solid var(--border)}.desktop-chrome b{margin-left:auto;font-size:7px;font-weight:400}.desktop-layout{height:calc(100% - 48px);display:grid;grid-template-columns:180px 1fr 220px}.desktop-layout aside,.desktop-layout section{padding:26px;border-right:1px solid var(--border-soft)}.desktop-layout section{border-right:0;border-left:1px solid var(--border-soft)}.desktop-layout .mono{font-size:7px;color:var(--text-3)}.desktop-layout aside h3{font:34px var(--serif);font-weight:400;margin:20px 0 10px}.desktop-layout aside p,.desktop-layout section p{font-size:11px;color:var(--text-2)}.desktop-layout main{padding:7vw 3vw}.desktop-layout main h3{font:clamp(30px,3vw,54px)/1 var(--serif);font-weight:400}.desktop-lines{display:grid;gap:18px;margin-top:70px}.desktop-lines i{height:1px;background:var(--border)}.desktop-lines i:nth-child(2){width:72%}.desktop-lines i:nth-child(3){width:48%;background:var(--accent)}.mobile-status{height:38px;padding:0 14px;display:flex;justify-content:space-between;align-items:center;font-size:6px;border-bottom:1px solid var(--dark-border)}.mobile-title{padding:24px 18px 22px;display:grid;grid-template-columns:1fr auto;align-items:center}.mobile-title small{grid-column:1;font:6px var(--mono);color:var(--dark-2)}.mobile-title h3{grid-column:1;margin:5px 0 0;font:34px var(--serif);font-weight:400}.mobile-title button{grid-column:2;grid-row:1/3;width:36px;height:36px;border:1px solid var(--dark-border);border-radius:50%;background:transparent;color:var(--dark-text)}.mobile-message{max-width:76%;padding:12px 13px;margin:10px 14px;font-size:11px;line-height:1.45}.mobile-message.user{margin-left:auto;background:var(--dark-text);color:var(--dark)}.mobile-message.ai{border:1px solid var(--dark-border)}.mobile-relation{margin:28px 14px 0;border-top:1px solid var(--dark-border);padding-top:12px}.mobile-relation span{display:block;font-size:6px;color:var(--dark-2)}.mobile-relation b{display:block;margin-top:8px;font:17px var(--serif);font-weight:400}.mobile-composer{position:absolute;left:12px;right:12px;bottom:14px;border:1px solid var(--dark-border);padding:12px;display:flex;justify-content:space-between;color:var(--dark-2);font-size:10px}.mobile-composer i{font-style:normal;color:var(--accent)}.device-note{text-align:center;font-size:7px;color:var(--text-3);margin-top:18px}
.lab-stage{min-height:110svh;background:var(--dark);color:var(--dark-text);overflow:hidden;padding:130px var(--pad);position:relative}.lab-grid{position:absolute;inset:-15%;opacity:.22;background-image:linear-gradient(rgba(240,234,223,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(240,234,223,.1) 1px,transparent 1px);background-size:7vw 7vw;rotate:4deg}.lab-word{position:absolute;left:-4vw;top:8vh;font:600 23vw/.8 var(--serif);letter-spacing:-.08em;color:transparent;-webkit-text-stroke:1px rgba(240,234,223,.12)}.lab-orbit{position:absolute;border:1px solid rgba(240,234,223,.16);border-radius:50%}.o1{width:55vw;aspect-ratio:1;right:-12vw;top:12vh}.o2{width:29vw;aspect-ratio:1;right:8vw;top:28vh;border-color:rgba(197,123,93,.45)}.lab-accent{position:absolute;width:10px;height:28vh;background:#C57B5D;right:23vw;top:32vh;box-shadow:0 0 90px rgba(197,123,93,.35)}.lab-intro{position:relative;z-index:2;width:min(760px,65%)}.lab-intro>.mono{font-size:8px;color:var(--dark-2)}.lab-intro h2{font:500 clamp(70px,9.4vw,150px)/.86 var(--serif);letter-spacing:-.06em;margin:18px 0 32px}.lab-intro h2 i{color:#C57B5D;font-weight:400}.lab-intro p{max-width:560px;color:var(--dark-2);line-height:1.7}.lab-specimens{position:relative;z-index:3;margin:12vh 0 0 auto;width:min(820px,72%);display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.lab-specimen{min-height:280px;border:1px solid var(--dark-border);background:rgba(28,26,23,.62);backdrop-filter:blur(12px);color:var(--dark-text);padding:22px;text-align:left;display:flex;flex-direction:column;transition:border-color .25s,background .25s}.lab-specimen:hover,.lab-specimen:focus-visible{border-color:#C57B5D;background:rgba(56,40,32,.6)}.lab-specimen span{font-size:7px;color:var(--dark-2)}.lab-specimen b{margin:auto 0 14px;font:44px var(--serif);font-weight:400}.lab-specimen small{color:var(--dark-2);font-size:11px;line-height:1.5}.lab-readout{position:absolute;left:var(--pad);bottom:34px;display:flex;gap:26px;font-size:7px;color:var(--dark-2)}.lab-readout b{color:#C57B5D;font-weight:400}
.principles-stage{padding-bottom:0;overflow:hidden}.principles-stack{padding:clamp(100px,12vw,180px) var(--pad) 120px;width:min(1100px,100%)}.principles-stack>.mono{font-size:8px;color:var(--text-3)}.principles-stack h2{font:500 clamp(74px,9vw,148px)/.84 var(--serif);letter-spacing:-.065em;margin:18px 0 80px}.principles-stack h2 i{color:var(--accent);font-weight:400}.principle-lines{border-top:1px solid var(--border)}.principle-lines article{display:grid;grid-template-columns:80px 1fr;gap:20px;align-items:center;border-bottom:1px solid var(--border);min-height:100px}.principle-lines article span{font:8px var(--mono);color:var(--text-3)}.principle-lines article p{font:clamp(22px,2.3vw,36px)/1.25 var(--serif);margin:0}.principles-claim{padding:5vw var(--pad) 9vw;display:grid;grid-template-columns:auto auto;justify-content:space-between;align-items:end;font:600 clamp(80px,15vw,240px)/.67 var(--serif);letter-spacing:-.075em;border-top:1px solid var(--border)}.principles-claim span,.principles-claim b{display:block}.principles-claim i,.principles-claim em{display:block;color:var(--accent);font-weight:400}.principles-claim i{margin-left:12vw}.principles-claim em{margin-right:6vw}.design-footer{min-height:90px;border-top:1px solid var(--border);padding:0 var(--pad);display:grid;grid-template-columns:1fr auto auto;gap:30px;align-items:center;font-size:10px}.design-footer a{display:flex;gap:14px}.design-footer b{font:18px var(--serif);font-weight:400}
@media(max-width:980px){.design-topbar{grid-template-columns:1fr auto}.design-top-title{display:none}.scene-heading.split{grid-template-columns:1fr;gap:30px}.component-theatre{grid-template-columns:1fr;grid-template-areas:"control" "continuity" "async" "trigger"}.controls-board{min-height:540px}.material-stage{min-height:620px}.device-theatre{min-height:700px}.desktop-board{width:85%;left:3%}.mobile-board{right:3%}.lab-intro{width:82%}.lab-specimens{width:88%}}
@media(max-width:700px){.design-topbar{height:60px;padding:0 18px}.design-top-actions{gap:12px}.design-back{font-size:0}.design-back span{font-size:20px}.design-index{top:50px;right:10px;width:calc(100vw - 20px);padding:10px 14px}.design-index a{grid-template-columns:36px 1fr;min-height:62px}.design-index a em{display:none}.design-hero{padding:90px 18px 24px;min-height:100svh}.hero-grid{background-size:22vw 22vw}.r1{width:100vw;right:-45vw}.r2{width:70vw;right:-18vw}.hero-accent{right:23vw}.hero-side-word{font-size:18vw;left:-5vw}.hero-meta{font-size:6px}.hero-core{align-self:center}.hero-kicker{font-size:19px}.hero-design{font-size:25vw}.hero-design i{margin-left:7vw}.hero-cn{width:100%;font-size:20px;margin-top:40px}.hero-footer{grid-template-columns:1fr auto;gap:18px}.hero-footer p{display:none}.hero-enter{width:210px}.hero-footer>.mono{font-size:6px}.scene-rule{padding:0 18px;min-height:54px}.scene-rule span:last-child{display:none}.scene-heading{padding:78px 18px 46px}.scene-heading h2{font-size:17vw}.scene-heading.split{display:block}.scene-heading.split p{margin-top:28px}.material-stage{margin:0 18px;grid-template-columns:1fr 1fr;min-height:620px}.material-slab{min-height:300px;border-bottom:1px solid rgba(29,27,24,.12)}.material-slab b{font-size:18vw}.material-slab:hover,.material-slab.active{transform:none}.material-caption{width:calc(100% - 24px);padding:16px 18px}.material-caption p{font-size:18px}.type-ribbon{margin-top:70px;gap:10vw}.type-ribbon span{font-size:28vw}.type-ribbon i{font-size:10vw}.component-theatre{margin:0 18px}.component-board{padding:22px}.controls-board{min-height:520px}.identity-compact{grid-template-columns:64px 1fr auto;gap:12px}.identity-avatar{width:64px}.identity-copy p{display:none}.identity-toggle{font-size:11px}.sheet-trigger{font-size:18px}.dialog-panel{align-self:end;width:100%;max-width:none;padding:26px 22px 34px;border-radius:20px 20px 0 0;transform:translateY(100%)}.dialog-handle{width:42px;height:4px;background:var(--border);border-radius:999px;margin:-10px auto 20px}.dialog-panel h2{font-size:40px}.theme-stage{min-height:100svh}.theme-rail{left:18px;right:18px;top:78px}.theme-copy{left:18px;top:20%;width:calc(100% - 36px)}.theme-copy h2{font-size:17vw}.theme-copy p{width:78%}.theme-sample{right:18px;bottom:10vh;width:70vw;min-height:240px;padding:20px}.theme-sample h3{font-size:30px}.theme-sample div{margin-top:40px}.responsive-stage{padding-bottom:100px}.device-switch{margin-bottom:20px}.device-theatre{margin:0 18px;min-height:660px}.desktop-board{width:112%;height:68%;left:-35%;top:5%;transform:rotateZ(-5deg) scale(.78)}.mobile-board{right:8%;bottom:4%;width:250px;height:520px}.device-theatre[data-active-device="desktop"] .desktop-board{transform:translateX(25%) rotateZ(-2deg) scale(.86)}.device-theatre[data-active-device="desktop"] .mobile-board{transform:translate3d(90px,50px,-80px) rotateZ(7deg) scale(.88)}.device-theatre[data-active-device="mobile"] .desktop-board{transform:translate3d(-80px,20px,-100px) rotateZ(-5deg) scale(.72)}.device-theatre[data-active-device="mobile"] .mobile-board{right:50%;transform:translateX(50%) scale(1)}.desktop-layout{grid-template-columns:120px 1fr}.desktop-layout section{display:none}.desktop-layout main{padding:50px 24px}.lab-stage{padding:100px 18px 120px;min-height:100svh}.lab-grid{background-size:18vw 18vw}.lab-word{font-size:46vw;top:14vh}.o1{width:100vw;right:-55vw}.o2{width:62vw;right:-12vw}.lab-accent{right:18vw}.lab-intro{width:100%}.lab-intro h2{font-size:19vw}.lab-intro p{width:82%}.lab-specimens{width:100%;grid-template-columns:1fr;margin-top:10vh}.lab-specimen{min-height:160px}.lab-specimen b{font-size:38px}.lab-readout{left:18px;bottom:24px}.principles-stack{padding:90px 18px 80px}.principles-stack h2{font-size:19vw}.principle-lines article{grid-template-columns:42px 1fr}.principle-lines article p{font-size:22px}.principles-claim{padding:15vw 18px 18vw;font-size:24vw;display:block}.principles-claim i{margin-left:16vw}.principles-claim b{margin-top:12vw}.principles-claim em{margin-left:12vw}.design-footer{padding:24px 18px;grid-template-columns:1fr;gap:12px;min-height:0}.design-footer a{justify-self:start}}
@media(max-width:420px){.brand-name{display:none}.material-stage{grid-template-columns:1fr 1fr}.material-slab{padding:18px 14px}.design-index-toggle span{font-size:0}.design-index-toggle span::after{content:"MENU";font-size:8px}.lab-readout{gap:12px}.theme-copy p{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.design-progress span,.depth,.type-ribbon,.theme-dark,.segment-indicator,.switch-demo span,.device-board,.dialog-panel,.dialog-backdrop,.design-index{transition:none!important;transform:none!important}.has-js .reveal-word,.has-js .reveal-line,.has-js .reveal-block{opacity:1!important;transform:none!important;clip-path:none!important;animation:none!important}.async-avatar,.async-content b,.async-content i{animation:none!important}.design-cursor{display:none!important}}

/* Final guardrails: no accidental horizontal document scroll; text inputs keep border-only focus semantics. */
html,body{overflow-x:clip}
.input-demo input:focus-visible{box-shadow:none;background:transparent}