@charset "UTF-8";
:root{--paper:#f5f4ef;--ink:#242722;--muted:#6c7067;--line:#d4d6cd;--blue:#3159ed;--ease:cubic-bezier(.22,1,.36,1);font-family:Inter,"Helvetica Neue",Arial,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100svh}body.is-transitioning{overflow:hidden}button{font:inherit;color:inherit;border:0;cursor:pointer;-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}button,svg{touch-action:manipulation}button:focus-visible{outline:2px solid var(--blue);outline-offset:6px}h1,h2,h3,p{margin:0}button svg,svg.signature{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}button svg{pointer-events:none}[hidden]{display:none!important}.svg-library{position:absolute;width:0;height:0;overflow:hidden}::selection{background:#c8d4ff;color:#1f2c58}.site-header{position:fixed;z-index:10;left:0;top:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:30px 42px}.wordmark{display:flex;align-items:center;gap:13px;background:none;padding:9px 0;font-size:17px;font-weight:600;letter-spacing:.03em}.wordmark span{font-size:10px;letter-spacing:.16em;font-weight:500}.wordmark i{font-size:23px;color:var(--blue);font-style:normal;margin-left:-9px}.version-dock{display:flex;width:300px;height:52px;border:1px solid var(--line);padding:3px;gap:3px;border-radius:8px;opacity:0;visibility:hidden;background:var(--paper)}.version-dock.is-mounted{visibility:visible}.version-dock.is-visible{opacity:1}.version-dock button{display:flex;align-items:center;justify-content:center;gap:7px;flex:1;border-radius:5px;background:transparent;font-size:12px;color:var(--muted);transition:background .25s,color .25s}.version-dock button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.dock-dot{width:4px;height:4px;background:currentColor;border-radius:50%;opacity:0}.version-dock button[aria-pressed=true] .dock-dot{opacity:1}
.entry-screen{min-height:100svh;display:grid;place-items:center;padding:120px 32px 106px;position:relative}.entry-center{width:min(850px,100%);text-align:center;transform:translateY(-5px)}.entry-signature{width:136px;height:82px;margin:0 auto 24px;animation:signature-arrive 1.15s var(--ease) both}.signature{width:100%;height:100%;stroke-width:1.1!important}.mark-accent{stroke:var(--blue)}.entry-signature .mark-ink,.entry-signature .mark-accent{stroke-dasharray:1;stroke-dashoffset:1;animation:draw-line 1.1s .05s var(--ease) forwards}.entry-eyebrow{font-size:10px;letter-spacing:.22em;color:var(--muted);margin-bottom:16px;animation:arrive .8s .35s both var(--ease)}#entry-heading{font-weight:450;font-size:clamp(34px,4.2vw,56px);letter-spacing:-.055em;line-height:1.3;animation:arrive .9s .45s both var(--ease)}.heading-stop{display:inline-block;margin-right:-.7em}.choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:44px;text-align:left}.choice{position:relative;width:100%;height:238px;padding:24px 28px 26px;text-align:left;border:1px solid var(--line);border-radius:8px;overflow:hidden;transform-origin:50% 100%;transition:border-color .3s,background .35s,box-shadow .4s,transform .45s var(--ease);animation:button-arrive .85s .65s var(--ease) backwards}.choice-simple{color:var(--paper);background:var(--ink);border-color:var(--ink)}.choice-explore{background:transparent;animation-delay:.77s}.choice-top{display:flex;align-items:center;justify-content:space-between;position:absolute;top:24px;left:28px;right:28px;z-index:2}.choice-number{font-family:"SFMono-Regular",Consolas,monospace;font-size:11px;letter-spacing:.08em;opacity:.5}.recommend{font-size:10px;letter-spacing:.05em;display:flex;align-items:center;gap:7px;color:#dcdfd5}.recommend i{height:4px;width:4px;border-radius:50%;background:#d2eb91}.experiment-tag{font-size:9px;letter-spacing:.17em;color:var(--muted)}.choice-art{position:absolute;right:31px;top:54px;width:65px;height:65px;opacity:.8;transform:translate(var(--mx,0px),var(--my,0px));transition:transform .6s var(--ease),color .4s}.choice-simple .choice-art{opacity:.65;stroke-width:.85}.choice-explore .choice-art{color:var(--blue);stroke-width:.85}.choice-bottom{position:absolute;left:28px;right:28px;bottom:27px;display:flex;align-items:flex-end;justify-content:space-between}.choice strong{display:block;font-size:32px;font-weight:450;letter-spacing:.01em;margin-bottom:12px}.choice-description{display:block;font-size:14px;letter-spacing:.045em;color:var(--muted)}.choice-simple .choice-description{color:#b9beb2}.choice-arrow{width:30px;height:30px;display:grid;place-items:center;transition:transform .4s var(--ease)}.choice-arrow svg{width:25px;height:25px;stroke-width:1.3}.choice-explore .choice-arrow{transform:rotate(-45deg)}.choice-trace{position:absolute;bottom:0;left:0;height:2px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .6s var(--ease)}.choice-simple .choice-trace{background:#d2eb91}.choice-explore .choice-trace{background:var(--blue)}.choice:active{transform:scale(.985)}.choice:focus-visible .choice-trace{transform:scaleX(1)}.entry-note{margin-top:29px;color:var(--muted);font-size:11px;display:flex;align-items:center;justify-content:center;gap:10px;animation:arrive .8s 1s both var(--ease)}.note-line{width:22px;height:1px;background:var(--line)}.entry-footer{position:absolute;bottom:28px;left:42px;right:42px;display:flex;align-items:center;justify-content:space-between;color:#84877e;font-size:9px;letter-spacing:.12em}.entry-footer>span:last-child{display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.08em}.entry-footer i{width:4px;height:4px;border-radius:50%;background:#8d977c}.entry-screen.is-leaving .entry-center{opacity:0;transform:translateY(-12px);transition:opacity .3s,transform .5s var(--ease)}
@media(hover:hover) and (pointer:fine){.choice:hover{transform:translateY(-5px)}.choice-simple:hover{background:#30372c;box-shadow:0 16px 32px -24px #17220e66}.choice-explore:hover{border-color:var(--blue);background:#eef0f9;box-shadow:0 16px 32px -24px #2342c244}.choice:hover .choice-trace{transform:scaleX(1)}.choice:hover .choice-arrow{transform:translateX(5px)}.choice-explore:hover .choice-arrow{transform:translate(4px,-4px) rotate(-45deg)}.choice-explore:hover .choice-art{transform:translate(var(--mx,0px),var(--my,0px)) rotate(35deg) scale(1.08)}.wordmark:hover i{transform:translateY(-3px);transition:transform .3s}.version-dock button:not([aria-pressed=true]):hover{background:#e5e6dd;color:var(--ink)}}
.transition-layer{position:fixed;inset:0;z-index:30;isolation:isolate}.transition-wash{position:absolute;inset:0;background:var(--paper);opacity:0;transition:opacity .4s}.transition-wash.is-visible{opacity:1}.morph-frame{position:fixed;background:var(--paper);border:1px solid #969d8c;border-radius:8px;transform-origin:0 0;will-change:transform;overflow:hidden}.frame-corner{position:absolute;left:0;top:0;width:40px;height:40px;border-top:1.5px solid var(--ink);border-left:1.5px solid var(--ink);border-top-left-radius:8px}.flash-copy{color:var(--ink);position:fixed;padding:29px 38px 22px;display:flex;flex-direction:column;opacity:0;outline:none;transition:opacity .3s,translate .4s var(--ease);translate:0 10px}.flash-copy.is-visible{opacity:1;translate:0 0}.flash-heading{display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:11px;letter-spacing:.1em}.flash-heading svg{height:48px;width:76px;fill:none;stroke:var(--ink);stroke-width:1.3;stroke-linejoin:round;stroke-linecap:round}.flash-copy h2{font-size:31px;font-weight:450;line-height:1.65;letter-spacing:-.025em;flex:1;display:flex;flex-direction:column;justify-content:center;padding-bottom:12px}.flash-copy h2 span{display:block}.flash-copy[data-selected=explore] h2 span:last-child{color:var(--blue)}.flash-controls{display:flex;align-items:center;justify-content:space-between}.flash-controls button{background:none;padding:8px 0;display:flex;align-items:center;gap:9px;font-size:11px;min-height:44px}.flash-controls button:first-child{color:var(--muted)}#pause-icon{font-size:14px;width:14px}#continue-button{font-size:13px}#continue-button svg{width:19px;height:19px;stroke-width:1.2}.read-progress{height:2px;position:absolute;bottom:1px;left:26px;right:26px;overflow:hidden}.read-progress span{display:block;width:100%;height:100%;background:var(--ink);transform:scaleX(0);transform-origin:0 50%}.flash-copy[data-selected=explore] .read-progress span{background:var(--blue)}.switch-hint{position:fixed;z-index:12;top:88px;right:47px;display:flex;gap:8px;align-items:center;font-size:11px;color:var(--muted);animation:arrive .45s var(--ease) both}.switch-hint>svg{position:absolute;right:30px;top:-11px;width:38px;height:29px;fill:none;stroke:currentColor;stroke-width:1}.switch-hint span{padding-top:18px}.switch-hint button{background:none;padding:18px 5px 0;font-size:19px;min-width:30px;min-height:44px}
.landing{width:min(1040px,100%);margin:auto;padding:154px 42px 28px;animation:landing-arrive .7s var(--ease) both}.landing h1:focus{outline:none}.landing-eyebrow{font-size:11px;color:var(--muted);letter-spacing:.14em;margin-bottom:22px}.simple-hero h1{font-size:86px;font-weight:450;letter-spacing:-.06em;line-height:1.2}.simple-hero h1 span{color:#b8bdae}.simple-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;margin-top:30px;align-items:end}.simple-intro>p{font-size:28px;line-height:1.6;letter-spacing:-.03em}.simple-intro>div{color:var(--muted);font-size:13px;line-height:2}.selected-work{margin-top:72px}.work-heading{display:flex;align-items:center;justify-content:space-between;padding-bottom:23px;border-bottom:1px solid var(--ink)}.work-heading h2{font-size:13px;font-weight:500}.work-heading>span{font-size:9px;letter-spacing:.12em;color:var(--muted)}.project-row{display:grid;grid-template-columns:55px 1fr 160px;align-items:center;gap:10px;padding:22px 0;border-bottom:1px solid var(--line)}.project-row>span{font-family:Consolas,monospace;font-size:11px;color:var(--muted)}.project-row h3{font-size:20px;font-weight:450}.project-row p{font-size:12px;color:var(--muted)}.mock-footer{display:flex;align-items:center;justify-content:space-between;padding-top:40px;color:var(--muted);font-size:10px}.mock-footer button{background:none;padding:10px 0;font-size:11px}.mock-footer button span{display:inline-block;margin-left:7px}
body[data-mode=explore]{background:#1d231f;color:#eff2e8}body[data-mode=explore] .site-header{color:#eff2e8}body[data-mode=explore] .wordmark i{color:#c4f28c}body[data-mode=explore] .version-dock{background:#1d231f;border-color:#58614d}body[data-mode=explore] .version-dock button{color:#a6b39e}body[data-mode=explore] .version-dock button[aria-pressed=true]{background:#d0efa6;color:#263420}body[data-mode=explore] .switch-hint{color:#a6b39e}.landing-explore{width:min(1140px,100%);padding-top:158px}.explore-heading .landing-eyebrow{color:#b6c4a7;display:flex;align-items:center;gap:10px}.live-dot{width:5px;height:5px;border-radius:50%;background:#d0efa6}.explore-heading h1{font-size:clamp(32px,4vw,53px);font-weight:450;line-height:1.45;letter-spacing:-.04em}.explore-heading h1>span{color:#d0efa6}.explore-subtitle{color:#9aa991;font-size:12px;margin-top:18px}.playground{height:340px;position:relative;margin-top:-30px}.orbit-track{position:absolute;inset:45px 55px 60px;border:1px solid #43523f;border-radius:50%;transform:rotate(-12deg)}.play-object{position:absolute;border:1px solid currentColor;background:#1d231f;width:198px;height:236px;padding:16px 18px;text-align:left;display:flex;flex-direction:column;transition:transform .7s var(--ease),left .7s var(--ease),top .7s var(--ease),background .3s}.object-one{color:#cceba8;left:10%;top:55px;transform:rotate(-9deg)}.object-two{color:#b7c7fa;left:40%;top:0;transform:rotate(8deg)}.object-three{color:#e9b898;left:70%;top:35px;transform:rotate(-5deg)}.object-number{font-size:9px;letter-spacing:.1em}.play-object>svg{width:102px;height:102px;stroke-width:1;align-self:center;margin:13px 0 6px}.play-object>strong{font-size:22px;font-weight:450}.object-cue{font-size:10px;margin-top:7px;opacity:.6}.play-object.is-open{background:#354230;transform:rotate(0deg) translateY(-14px)}.playground[data-arrangement="1"] .object-one{left:62%;top:3px;transform:rotate(14deg)}.playground[data-arrangement="1"] .object-two{left:9%;top:65px;transform:rotate(-12deg)}.playground[data-arrangement="1"] .object-three{left:39%;top:32px;transform:rotate(5deg)}.playground[data-arrangement="2"] .object-one{left:35%;top:46px;transform:rotate(-6deg)}.playground[data-arrangement="2"] .object-two{left:67%;top:30px;transform:rotate(12deg)}.playground[data-arrangement="2"] .object-three{left:6%;top:0;transform:rotate(-10deg)}.play-console{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #495344;padding-top:22px;color:#b5c1ab}.play-console p{font-size:12px;line-height:1.8}.play-console button{flex-shrink:0;border:1px solid #61704f;background:transparent;border-radius:3px;color:#d0efa6;font-size:12px;padding:12px 15px}.play-console button span{margin-left:16px}.landing-explore .mock-footer{color:#91a086}.no-script{position:fixed;bottom:0;left:0;right:0;background:#fff;padding:20px;text-align:center;color:#222}
@keyframes draw-line{to{stroke-dashoffset:0}}@keyframes signature-arrive{0%{transform:translateY(28px) scale(1.45)}100%{transform:translateY(0) scale(1)}}@keyframes arrive{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes button-arrive{0%{opacity:0;transform:translateY(30px) scale(.97)}75%{transform:translateY(-3px) scale(1)}100%{opacity:1;transform:translateY(0)}}@keyframes landing-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:700px){.site-header{padding:21px 24px}.wordmark{font-size:15px;gap:9px}.wordmark span{font-size:9px}.entry-screen{padding:106px 24px 82px}.entry-center{max-width:460px;transform:none}.entry-signature{width:111px;height:67px;margin-bottom:19px}.entry-eyebrow{font-size:8px;letter-spacing:.18em;margin-bottom:13px}#entry-heading{font-size:39px}.choices{margin-top:30px;gap:13px}.choice{height:224px;padding:20px}.choice-top{align-items:flex-start;top:20px;left:20px;right:20px}.recommend{font-size:9px;gap:5px}.choice-number{font-size:9px}.experiment-tag{font-size:8px;letter-spacing:.08em}.choice-art{right:22px;top:53px;width:55px;height:55px}.choice-bottom{left:20px;right:16px;bottom:22px}.choice strong{font-size:27px;margin-bottom:9px}.choice-description{font-size:11px;letter-spacing:0}.choice-arrow{width:20px;height:24px}.choice-arrow svg{width:20px;height:20px}.entry-note{margin-top:24px;font-size:10px}.entry-footer{left:24px;right:24px;bottom:24px;font-size:8px;letter-spacing:.06em}.entry-footer>span:last-child{font-size:9px}.version-dock{width:238px;height:52px;padding:3px}.version-dock button{font-size:11px}.switch-hint{right:25px;top:77px;font-size:10px}.landing{padding:139px 24px 24px}.simple-hero h1{font-size:70px}.simple-intro{grid-template-columns:1fr;gap:21px;margin-top:21px}.simple-intro>p{font-size:25px}.simple-intro>div{font-size:12px;line-height:1.85}.selected-work{margin-top:45px}.work-heading>span{font-size:8px}.project-row{grid-template-columns:27px 1fr 86px;gap:4px;padding:21px 0}.project-row h3{font-size:16px}.project-row p{font-size:10px}.mock-footer{font-size:9px;padding-top:24px}.mock-footer button{font-size:10px}.flash-copy{padding:22px 25px 18px}.flash-copy h2{font-size:26px;line-height:1.75}.flash-heading{font-size:10px}.flash-heading svg{height:40px;width:63px}.landing-explore{padding-top:141px}.explore-heading h1{font-size:35px}.explore-heading .landing-eyebrow{font-size:9px}.explore-subtitle{font-size:11px}.playground{margin-top:30px;height:335px}.orbit-track{inset:40px 5px 50px}.play-object{width:138px;height:188px;padding:12px 13px}.play-object>svg{height:73px;width:73px;margin-top:11px}.play-object>strong{font-size:20px}.object-number{font-size:8px}.object-cue{font-size:9px}.object-one{left:1%;top:53px}.object-two{left:53%;top:0}.object-three{left:40%;top:139px}.playground[data-arrangement="1"] .object-one{left:48%;top:120px}.playground[data-arrangement="1"] .object-two{left:1%;top:32px}.playground[data-arrangement="1"] .object-three{left:55%;top:0}.playground[data-arrangement="2"] .object-one{left:0;top:17px}.playground[data-arrangement="2"] .object-two{left:43%;top:127px}.playground[data-arrangement="2"] .object-three{left:54%;top:0}.play-console{gap:15px;align-items:flex-start;padding-top:18px}.play-console p{font-size:11px}.play-console button{font-size:10px;padding:11px}.play-console button span{margin-left:7px}}
@media(max-width:480px){.choices{grid-template-columns:1fr;gap:12px;margin-top:28px}.choice{height:156px;padding:18px 23px}.choice-top{top:18px;left:23px;right:23px}.choice-art{right:60px;top:57px;width:64px;height:64px}.choice-bottom{left:23px;right:21px;bottom:21px}.choice strong{font-size:29px;margin-bottom:8px}.choice-description{font-size:12px}.choice-arrow{width:24px;height:28px}.choice-arrow svg{width:22px;height:22px}.choice-number{font-size:10px}.recommend{font-size:10px}.experiment-tag{font-size:9px}.entry-screen{padding-top:104px;padding-bottom:74px;align-items:center}.entry-signature{width:97px;height:59px;margin-bottom:15px}#entry-heading{font-size:35px}.entry-eyebrow{margin-bottom:12px}.entry-footer>span:first-child{font-size:7px}.entry-note{margin-top:22px}.flash-copy h2{font-size:23px}.flash-copy[data-selected=explore] h2{font-size:21px}.wordmark span{display:none}.wordmark i{margin-left:-5px}.entry-screen .entry-center{padding-bottom:8px}}
@media(max-width:359px){.entry-screen{padding-left:19px;padding-right:19px}.site-header{padding-left:19px;padding-right:19px}.entry-footer{left:19px;right:19px}.choice-art{right:43px;width:56px;height:56px}.flash-copy{padding-left:20px;padding-right:20px}.flash-copy[data-selected=explore] h2{font-size:19px}.landing{padding-left:20px;padding-right:20px}.play-object{width:123px}.explore-heading h1{font-size:30px}.project-row h3{font-size:14px}.version-dock{width:238px}}
@media(min-width:701px) and (max-height:750px){.entry-screen{padding-top:95px;padding-bottom:70px}.entry-signature{width:108px;height:65px;margin-bottom:16px}.choices{margin-top:30px}.choice{height:214px}.entry-note{margin-top:20px}#entry-heading{font-size:45px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.entry-signature .mark-ink,.entry-signature .mark-accent{stroke-dashoffset:0}.choice:hover,.choice:hover .choice-art,.choice:hover .choice-arrow{transform:none!important}}

body[data-mode=simple] .site-header{background:#f5f4efed;backdrop-filter:blur(12px)}body[data-mode=explore] .site-header{background:#1d231fed;backdrop-filter:blur(12px)}

/* v4.2.1: softer surfaces, explicit return, and room for the user's full descriptions. */
.choice-simple{background:linear-gradient(135deg,#30362e 0%,#242a23 100%);box-shadow:inset 0 1px 0 #ffffff0d,0 10px 28px -20px #2630204d}
.choice-explore{background:linear-gradient(145deg,#fffefa99,#f1f2ee);border-color:#d9dcd2;box-shadow:inset 0 1px 0 #ffffff,0 10px 28px -20px #333a2540}
.choice-trace{left:26px;bottom:1px;width:calc(100% - 52px);height:1px;opacity:.65}
.choice-description{line-height:1.7;font-size:13px;letter-spacing:0}
.choice-bottom>span:first-child{min-width:0;padding-right:6px}
.choice-arrow{flex-shrink:0}
.version-dock .dock-back{gap:4px;white-space:nowrap;font-size:11px}
.dock-back svg{width:15px;height:15px;stroke-width:1.3}
.dock-divider{align-self:center;width:1px;height:17px;background:var(--line);flex-shrink:0;margin:0 3px}
body[data-mode=explore] .dock-divider{background:#58614d}
.play-object{border-radius:8px}
.play-console button{border-radius:8px}
@media(max-width:700px){.choice{border-radius:8px}.choice-description{font-size:11px}.version-dock .dock-back{font-size:10px;gap:2px}.dock-back svg{width:13px;height:13px}.dock-divider{margin:0 1px}}
@media(max-width:480px){.choice-description{font-size:11px}.choice-art{top:51px;right:40px;width:55px;height:55px}.choice-bottom{right:21px}.choice strong{margin-bottom:9px}.choice-arrow{width:20px}.choice-arrow svg{width:20px}}
@media(max-width:359px){.choice-description{font-size:10px}.choice-art{top:45px;right:32px;width:49px;height:49px}.choice-bottom{left:23px;right:18px}.choice-arrow{width:17px}.choice strong{font-size:28px}}
@media(min-width:481px) and (max-width:700px){.choice-description{min-height:3.4em;text-wrap:balance}}

.choice{text-decoration:none;display:block}.choice svg{fill:none;stroke:currentColor;stroke-width:1.25;stroke-linecap:round;stroke-linejoin:round}.choice:focus-visible{outline:2px solid var(--blue);outline-offset:6px}

:root[data-theme=dark]{--paper:#151816;--ink:#edf0e6;--muted:#a6b59e;--line:#455444;--blue:#9caaff}
:root[data-theme=dark] .choice-simple{color:#242722;background:linear-gradient(135deg,#f5f4ef,#e9ece4);border-color:#e1e5da;box-shadow:inset 0 1px 0 #fff,0 10px 28px -20px #0004}
:root[data-theme=dark] .choice-simple :is(.choice-description,.recommend){color:#596251}
:root[data-theme=dark] .choice-simple :is(.recommend i,.choice-trace){background:#557139}
:root[data-theme=dark] .choice-explore{background:linear-gradient(145deg,#232b24,#19231d);border-color:var(--line);box-shadow:inset 0 1px 0 #ffffff0a}