@font-face{font-family:DM Sans;src:url('assets/fonts/dm-sans-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:DM Sans;src:url('assets/fonts/dm-sans-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Fraunces;src:url('assets/fonts/fraunces-400.ttf') format('truetype');font-weight:400;font-display:swap}
:root{--paper:#faf7f0;--ink:#292e2b;--header:64px;--stage:280px;--word:112px;--row:128px;--radius:110px;--bg:#d56845;--fg:#251f1a;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-padding-top:calc(var(--header) + var(--stage))}body{margin:0;font:400 17px/1.6 'DM Sans',sans-serif;background:var(--paper);color:var(--ink)}a{color:inherit;text-underline-offset:6px;text-decoration-thickness:1px}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}::selection{background:#eac64b;color:#29291e}button,a{-webkit-tap-highlight-color:transparent}p{margin:0 0 24px}h1,h2{margin:0;font:400 clamp(42px,4.4vw,66px)/1.08 Fraunces,Georgia,serif;letter-spacing:-.035em;text-wrap:balance}.skip{position:fixed;top:-100px;padding:12px;background:var(--paper);z-index:50}.skip:focus{top:10px}
.comparison{height:var(--header);position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 40px;background:var(--paper);border-bottom:1px solid #d8d3c8}.home{font:400 28px/1 Fraunces,Georgia,serif;text-decoration:none;white-space:nowrap}.home>span:first-child{color:#ad4b32}.home-note{font:400 12px 'DM Sans',sans-serif;margin-left:16px}.modes{display:flex;padding:4px;background:#e8e5dc;gap:4px}.modes button{padding:6px 16px;border:0;color:var(--ink);background:transparent;font-size:13px;min-height:36px}.modes button[aria-pressed=true]{background:var(--ink);color:var(--paper)}.modes button:hover{box-shadow:inset 0 0 0 1px currentColor}.modes button span{margin-left:8px}.prototype-note{font-size:12px}
.experience{position:relative}.title-stage{height:var(--stage);position:sticky;top:var(--header);z-index:10;background:var(--bg);color:var(--fg);transition:background 450ms var(--ease),color 450ms var(--ease);overflow:hidden;border-bottom:1px solid color-mix(in srgb,currentColor 30%,transparent)}.wordmark{height:230px;display:flex;align-items:center;justify-content:center;gap:0;font:700 var(--word)/1 'DM Sans',sans-serif;letter-spacing:-.04em;user-select:none}.prefix-window{width:7.7ch;height:var(--row);position:relative;overflow:hidden;text-align:right}.flat-track{transition:transform 700ms var(--ease);transform:translateY(calc(var(--active,0) * var(--row) * -1))}.flat-track span{height:var(--row);display:flex;align-items:center;justify-content:flex-end}.fixed-ting{font-family:Fraunces,Georgia,serif;font-weight:400;position:relative}.period{font-family:'DM Sans',sans-serif}.fixed-ting::after{content:'';position:absolute;left:4px;right:calc(var(--word) * .25);bottom:-12px;border-bottom:3px solid currentColor}.wheel-track{font-size:calc(var(--word) * .87);display:none;position:absolute;inset:0;transform-style:preserve-3d;transform:rotateX(calc(var(--rotation,0) * 1deg))}.wheel-track span{position:absolute;inset:0;height:var(--row);display:flex;align-items:center;justify-content:flex-end;backface-visibility:hidden;transform:rotateX(calc(var(--face) * -50deg)) translateZ(var(--radius));opacity:var(--opacity,1)}.wheel-track span:nth-child(1){--face:0}.wheel-track span:nth-child(2){--face:1}.wheel-track span:nth-child(3){--face:2}.wheel-track span:nth-child(4){--face:3}
body[data-mode=wheel] .wordmark{perspective:850px}body[data-mode=wheel] .prefix-window{perspective-origin:100% 50%;height:230px;overflow:hidden;perspective:850px;mask-image:linear-gradient(transparent,black 24%,black 76%,transparent)}body[data-mode=wheel] .flat-track{display:none}body[data-mode=wheel] .wheel-track{display:block;top:calc((230px - var(--row)) / 2);bottom:auto;height:var(--row)}
.chapter-nav{display:flex;justify-content:center;gap:34px;position:absolute;bottom:17px;left:0;right:0}.chapter-nav a{font-size:13px;text-decoration:none;padding:4px 0;border-bottom:1px solid transparent}.chapter-nav a[aria-current]{border-color:currentColor;font-weight:700}.chapter-nav a:hover{border-color:currentColor}.interaction-hint{position:absolute;bottom:19px;right:40px;margin:0;font-size:11px}.interaction-hint span{padding-left:12px}
.chapter{color:var(--chapter-ink);background:var(--chapter-bg);min-height:calc(100svh - var(--header));padding:70px 0 100px}.chapter-inner{width:min(1140px,calc(100% - 100px));margin:auto}.chapter .lead{font-size:22px;line-height:1.5;margin:28px 0}.content-link{display:inline-flex;gap:28px;align-items:center;padding:10px 0;font-size:15px}.content-link span{font-size:22px}.creating{--chapter-bg:#292e2b;--chapter-ink:#faf7f0}.creation-layout{display:grid;grid-template-columns:1fr .75fr;column-gap:100px;row-gap:70px}.creation-copy>p:not(.lead){max-width:47ch}.workflow{padding:16px 0 0 32px}.flow-step{display:flex;gap:30px;position:relative;padding-bottom:35px}.flow-step:not(:last-child)::before{content:'';position:absolute;left:7px;top:17px;height:100%;width:1px;background:currentColor}.flow-dot{flex-shrink:0;width:15px;height:15px;border-radius:50%;border:1px solid currentColor;margin-top:15px;background:var(--chapter-bg);z-index:1}.flow-step strong{font:400 42px/1.2 Fraunces,Georgia,serif}.flow-step p{font-size:14px;margin:10px 0 0}.creation-foot{grid-column:1/-1;border-top:1px solid #faf7f055;padding-top:25px;display:flex;justify-content:space-between;align-items:start;gap:40px;font-size:15px}.creation-foot p{max-width:51ch;margin:0}.creation-foot a{white-space:nowrap;padding-top:0}
.writing{--chapter-bg:#faf7f0;--chapter-ink:#292e2b;padding-top:120px;padding-bottom:130px}.writing-layout{display:grid;grid-template-columns:1fr 1fr;column-gap:100px;row-gap:110px}.writing-copy{padding-top:88px}.writing-copy .lead{margin-top:0;max-width:30ch}.status-note{font-size:14px;color:#58605a;max-width:42ch}.margin-note{font:400 21px/1.5 Fraunces,Georgia,serif;color:#58605a;margin:0;grid-column:1/-1;padding-top:22px;border-top:1px solid #d9d9cd}
.interests{--chapter-bg:#174e45;--chapter-ink:#faf7f0;padding-top:90px}.interest-layout h2{max-width:23ch;margin-bottom:55px}.interest-list a{display:flex;justify-content:space-between;align-items:center;gap:40px;text-decoration:none;border-top:1px solid #faf7f055;padding:23px 0}.interest-list a:last-child{border-bottom:1px solid #faf7f055}.interest-list a>span:first-child{font-size:clamp(35px,4.8vw,65px);letter-spacing:-.025em;line-height:1.1}.interest-detail{font-size:15px;color:#d1e7df;display:flex;align-items:center;gap:30px}.interest-list a:hover>span:first-child{font-family:Fraunces,Georgia,serif}
.exploring{--chapter-bg:#eac64b;--chapter-ink:#29291e;padding:80px 0 100px}.explore-layout{display:grid;grid-template-columns:1fr .9fr;gap:90px;align-items:center}.explore-layout figure{margin:0}.explore-layout img{width:100%;aspect-ratio:4/4.5;object-fit:cover;object-position:54% 67%;display:block}.explore-layout figcaption{font-size:12px;margin-top:12px}.explore-layout p:not(.lead){max-width:42ch}.word-note{font-size:12px;margin-top:35px}footer{padding:75px 50px;display:flex;align-items:center;justify-content:space-between;gap:35px;background:#292e2b;color:var(--paper)}footer p{font:400 31px/1.3 Fraunces,Georgia,serif;margin:0;max-width:18ch}footer p span{color:#eac64b}footer a{font-size:14px}
body::-webkit-scrollbar{width:10px}body::-webkit-scrollbar-track{background:var(--paper)}body::-webkit-scrollbar-thumb{background:#777968;border:2px solid var(--paper);border-radius:5px}
@media(max-width:1100px){:root{--word:92px;--row:110px;--radius:100px}.comparison{padding:0 24px}.prototype-note{display:none}.interaction-hint{display:none}.chapter-inner{width:calc(100% - 64px)}.creation-layout,.writing-layout,.explore-layout{column-gap:50px}.creation-foot{display:block}.creation-foot p{margin-bottom:12px}.workflow{padding-left:0}.flow-step{gap:20px}.flow-step strong{font-size:36px}}
@media(max-width:650px){:root{--header:94px;--stage:198px;--word:clamp(36px,10vw,62px);--row:72px;--radius:85px}.comparison{padding:10px 18px;flex-wrap:wrap;gap:8px}.home{font-size:25px}.home-note{font-size:11px;margin-left:10px}.modes{width:100%;justify-content:center;padding:2px}.modes button{min-height:32px;padding:4px 14px;flex:1;font-size:12px}.wordmark{height:155px}.fixed-ting::after{bottom:-9px;border-width:2px}body[data-mode=wheel] .prefix-window{height:155px}body[data-mode=wheel] .wheel-track{font-size:calc(var(--word) * .9)}body[data-mode=wheel] .wheel-track{top:calc((155px - var(--row))/2)}.chapter-nav{bottom:16px;gap:24px}.chapter-nav a{font-size:12px}.chapter{min-height:750px;padding:45px 0 65px}.chapter-inner{width:calc(100% - 40px)}h1,h2{font-size:40px}.chapter .lead{font-size:19px;margin:22px 0}.creation-layout,.writing-layout,.explore-layout{grid-template-columns:1fr;gap:42px}.creation-copy>p:not(.lead){font-size:15px}.workflow{padding:0 0 0 10px}.flow-step{gap:22px;padding-bottom:28px}.flow-step strong{font-size:33px}.creation-foot{font-size:14px;padding-top:20px}.creation-foot a{white-space:normal}.writing{padding-top:75px}.writing-copy{padding-top:12px}.writing-layout{gap:45px}.margin-note{font-size:18px}.interest-layout h2{margin-bottom:40px}.interest-list a{display:block;padding:23px 0}.interest-list a>span:first-child{font-size:40px}.interest-detail{font-size:13px;margin-top:10px;justify-content:space-between}.explore-layout img{aspect-ratio:4/4.1}.explore-layout>div{padding-top:10px}footer{padding:50px 20px;display:block}footer p{margin-bottom:28px}footer a{display:block;margin:20px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}body[data-mode=wheel] .flat-track{display:block}body[data-mode=wheel] .wheel-track{display:none}body[data-mode=wheel] .prefix-window{height:var(--row);mask-image:none}}


.release-links{display:flex;align-items:center;gap:28px;font-size:12px}.release-links a{text-decoration:none;border-bottom:1px solid currentColor;padding:5px 0}.navigating{--chapter-bg:#eac64b;--chapter-ink:#29291e;padding:65px 0 80px}.about-layout{display:grid;grid-template-columns:1.1fr .8fr;gap:65px 95px;align-items:center}.about-layout>div>p:not(.lead){max-width:48ch}.about-layout figure{margin:0}.about-layout img{display:block;width:100%;height:auto;aspect-ratio:4/4.3;object-fit:cover;object-position:54% 67%}.about-layout figcaption{font-size:12px;margin-top:12px}.about-actions{display:flex;flex-wrap:wrap;gap:12px 28px}.about-bridge{grid-column:1/-1;border-top:1px solid #29291e55;padding-top:55px}.about-bridge h2{font-size:40px;margin-bottom:20px}.path-links{display:grid;grid-template-columns:repeat(5,1fr);gap:30px;margin-top:35px}.path-links a{display:flex;flex-direction:column;gap:12px;text-decoration:none;padding:14px 0;border-top:1px solid #29291e55}.path-links strong{font:400 28px/1.1 Fraunces,Georgia,serif}.path-links span{font-size:13px}.path-links a:hover strong{text-decoration:underline;text-underline-offset:6px}.connecting{--chapter-bg:#d56845;--chapter-ink:#251f1a;padding:100px 0;min-height:760px}.contact-layout h2{font-size:clamp(42px,5vw,72px)}.contact-actions{display:flex;flex-wrap:wrap;gap:30px 60px;margin:45px 0 85px}.contact-actions a{font-size:22px;padding:10px 0}.contact-actions a span{margin-left:25px}.contact-close{color:var(--chapter-ink);font:400 29px/1.3 Fraunces,Georgia,serif}.release-footer{padding:25px 50px;font-size:12px;border-top:1px solid #faf7f044}.release-footer a{font-size:12px}
@media(max-width:1100px){.about-layout{gap:50px}.about-bridge{gap:30px}.path-links{gap:20px}.path-links strong{font-size:24px}}
@media(max-width:650px){:root{--header:88px}.comparison{align-content:center}.comparison .home{font-size:25px}.release-links{width:100%;justify-content:space-between;font-size:11px;gap:12px}.chapter-nav{gap:19px}.chapter-nav a{font-size:11px}.navigating{padding:40px 0 65px}.about-layout{grid-template-columns:1fr;gap:40px}.about-layout figure{max-width:420px}.about-bridge{padding-top:40px}.about-bridge h2{font-size:33px}.path-links{grid-template-columns:1fr 1fr;gap:22px}.path-links strong{font-size:25px}.path-links span{font-size:12px}.connecting{padding:70px 0 80px;min-height:650px}.contact-actions{display:block;margin:35px 0 65px}.contact-actions a{display:block;font-size:19px;margin-bottom:20px}.contact-close{font-size:25px}.release-footer{padding:25px 20px}.release-footer>span{display:block;margin-bottom:20px}}

/* v0.4: longer Documen prefix and six chapter destinations. */
.documenting{--chapter-bg:#b8cbd5;--chapter-ink:#243942;padding:95px 0 115px;min-height:800px}
.document-layout{display:grid;grid-template-columns:1.3fr .8fr;gap:60px 95px;align-items:end}
.document-layout h2{font-size:clamp(44px,5vw,72px)}
.document-layout .lead{margin:0;max-width:28ch}
.video-collection{grid-column:1/-1;border-top:1px solid #24394266;padding-top:34px;margin-top:55px;display:flex;justify-content:space-between;gap:30px}
.video-collection p{margin:0;font-size:15px}.video-status{font-weight:700}
@media(max-width:1100px){.document-layout{column-gap:50px}.path-links{grid-template-columns:repeat(3,1fr)}}
@media(max-width:650px){.chapter-nav{display:grid;grid-template-columns:repeat(3,max-content);justify-content:center;gap:3px 28px;bottom:10px}.chapter-nav a{min-height:30px;padding:5px 0;font-size:12px}.wordmark{height:130px}.path-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px}.path-links strong{font-size:clamp(18px,5.6vw,25px)}.documenting{padding:50px 0 75px;min-height:700px}.document-layout{grid-template-columns:1fr;gap:32px}.document-layout h2{font-size:40px}.video-collection{display:block;margin-top:30px;padding-top:25px}.video-collection p+p{margin-top:12px}}