*{box-sizing:border-box}:root{color-scheme:light;--desk:#e4e7df;--stock:#fffdf5;--ink:#252b28;--accent:#315447;--glow-accent:#487365;--muted:#4b554e;--line:rgba(37,43,40,.17);--fold:#e5e2d8;--shadow:rgba(28,43,33,.18);--wind:35;--paper-fiber:url("paper-grain-light.svg");--fiber-light:inline;--fiber-dark:none}
:root[data-theme=dark]{color-scheme:dark;--desk:#131014;--stock:#1d191e;--ink:#eee8ec;--accent:#e89ab2;--glow-accent:#d87191;--muted:#bcb0ba;--line:rgba(238,232,236,.17);--fold:#2d232d;--shadow:rgba(0,0,0,.7);--paper-fiber:url("paper-grain.svg");--fiber-light:none;--fiber-dark:inline}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){color-scheme:dark;--desk:#131014;--stock:#1d191e;--ink:#eee8ec;--accent:#e89ab2;--glow-accent:#d87191;--muted:#bcb0ba;--line:rgba(238,232,236,.17);--fold:#2d232d;--shadow:rgba(0,0,0,.7);--paper-fiber:url("paper-grain.svg");--fiber-light:none;--fiber-dark:inline}}
body{margin:0;min-height:100svh;background:var(--desk);color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;display:flex;flex-direction:column}button,input,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button,input{font:inherit}button{color:inherit;cursor:pointer}a{color:var(--accent);text-underline-offset:5px;text-decoration-thickness:1px}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button:disabled{opacity:.45;cursor:default}[hidden]{display:none!important}
header{display:flex;align-items:center;justify-content:space-between;padding:28px 40px;font-size:11px;color:var(--muted)}.wordmark{letter-spacing:.08em}.wordmark>span{letter-spacing:0}.theme-button{display:none;color:var(--accent);background:transparent;border:1px solid var(--line);border-radius:30px;padding:0 17px;min-height:44px;font-size:12px}.js .theme-button{display:block}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:28px 24px 40px;min-width:0}.above-card{width:min(840px,100%);display:flex;justify-content:space-between;margin-bottom:22px;color:var(--muted);font-size:12px}.turn-note{display:none}.js .turn-note{display:block}.stage{position:relative;width:min(840px,100%);outline:none;perspective:1400px}.sheet{position:relative;width:100%;height:500px;background:var(--stock);border:1px solid var(--line);box-shadow:0 3px 4px var(--shadow),0 28px 60px -24px var(--shadow)}.view{height:100%}.home-view{display:grid;grid-template-columns:1fr 1fr}.identity{display:flex;flex-direction:column;align-items:flex-start;padding:38px 44px}.eyebrow{font-size:9px;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);line-height:1.6}h1{font-size:72px;line-height:1.01;letter-spacing:-.065em;font-weight:550;margin:36px 0 0}h1>span{color:var(--accent)}.invitation{display:none;color:var(--accent);font-size:16px;line-height:1.5;margin-top:20px}.js .invitation{display:block}.quiet-link{min-height:44px;display:inline-flex;align-items:center;font-size:13px}.identity .quiet-link{margin-top:auto}.routes{display:none;flex-direction:column;padding:38px 34px;border-left:1px solid var(--line);background:linear-gradient(90deg,var(--fold),transparent 18px)}.js .routes{display:flex}nav{display:flex;flex-direction:column;margin:auto 0}nav :is(button,a[data-outbound]){display:flex;align-items:center;gap:18px;min-height:89px;padding:14px 0;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font-size:25px;color:var(--accent)}nav :is(button,a[data-outbound]):last-child{border-bottom:1px solid var(--line)}nav small{display:block;font-size:10px;color:var(--muted);margin-top:5px}.number{font-size:9px;color:var(--muted)}.route-icon{margin-left:auto;width:23px;height:23px;background:var(--accent);opacity:.85}.icon-ink{clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%)}.icon-air{clip-path:polygon(0 20%,100% 0,65% 100%,45% 60%)}.icon-elsewhere{clip-path:polygon(0 35%,55% 35%,55% 0,100% 50%,55% 100%,55% 65%,0 65%)}.edge-note{font-size:10px;color:var(--muted);line-height:1.6}
.route-view{padding:28px 42px;display:flex;flex-direction:column}.page-top{display:flex;justify-content:space-between;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding-bottom:13px}.return-home{display:inline-flex;align-items:center;gap:12px;min-height:44px;border:0;background:transparent;padding:0;color:var(--accent);font-size:13px}.return-home>span{font-size:21px}.page-body{flex:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:50px;padding:20px 0}.description{align-self:stretch;display:flex;flex-direction:column;align-items:flex-start}h2{font-size:39px;line-height:1.08;letter-spacing:-.045em;font-weight:500;color:var(--accent);margin:13px 0 14px}.panel-copy{font-size:13px;line-height:1.65;color:var(--muted);margin:0 0 22px}.workbench{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.ink-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:125px;transform:rotate(-8deg);margin:auto 0 8px 12px}.ink-preview span{aspect-ratio:1;border:1px solid var(--line);border-radius:2px;transition:background .15s,transform .3s}.ink-preview span.on{background:var(--accent);border-color:var(--accent);transform:rotate(3deg)}.ink-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;width:192px}.ink-grid button{width:60px;height:60px;padding:0;background:transparent;border:1px solid var(--line);border-radius:2px;transition:background .12s,transform .12s}.ink-grid button[aria-pressed=true]{background:var(--accent);border-color:var(--accent)}.ink-grid button:hover{transform:rotate(-4deg)}.tool-row{display:flex;gap:24px;margin-top:8px}.tool-row button{min-height:44px;border:0;background:transparent;padding:0;color:var(--accent);font-size:13px}.footnote,.page-bottom{font-size:10px;line-height:1.6;color:var(--muted)}.footnote{margin:16px 0 0}.page-bottom{margin:4px 0 0}.wind-control{width:100%;max-width:260px;margin:0 0 18px}.wind-control label{font-size:13px;color:var(--muted);display:flex;justify-content:space-between}.wind-control input{width:100%;margin:8px 0 0;accent-color:var(--accent);height:44px;cursor:pointer}.drift-button{min-height:44px;background:transparent;border:1px solid var(--accent);color:var(--accent);padding:8px 14px;border-radius:2px;font-size:13px}.air-preview{width:150px;height:145px;position:relative;margin:auto 0 0 8px}.air-preview span{display:block;position:absolute;left:15px;right:15px;height:15px;top:calc(var(--i)*18px);background:var(--stock);border:1px solid var(--accent);box-shadow:2px 5px 5px -4px var(--shadow);transform:rotate(calc((var(--i) - 3)*var(--wind)*.075deg));transition:transform .2s;transform-origin:30% center}.drifting .air-preview span{animation:drift 3s ease-in-out infinite alternate;animation-delay:calc(var(--i)*-.28s)}@keyframes drift{from{transform:rotate(calc((var(--i) - 3)*var(--wind)*.075deg))}to{transform:rotate(calc((var(--i) - 3)*var(--wind)*-.075deg))}}.elsewhere-preview{display:flex;flex-direction:column;color:var(--accent);transform:rotate(-8deg);margin:0 0 20px 20px}.elsewhere-preview>span:first-child{font-size:100px;font-weight:500;letter-spacing:-.1em;line-height:1}.elsewhere-preview>span:last-child{font-size:12px;align-self:flex-end}.elsewhere-link{font-size:14px;line-height:1.6}.hint{display:none;font-size:11px;color:var(--muted);margin:26px 0 0}.js .hint{display:block}footer{display:flex;justify-content:space-between;padding:22px 40px;font-size:10px;color:var(--muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
/* These four fragments carry the actual outgoing and incoming page, not a separate transition icon. */
.fold-layer{position:absolute;inset:0;pointer-events:none;perspective:1400px;z-index:3}.fragment{position:absolute;inset:0;transform-origin:50% 50%;background:var(--stock);will-change:transform,clip-path;backface-visibility:visible;filter:drop-shadow(0 2px 3px var(--shadow))}.fragment:nth-child(2){background:var(--fold)}.fragment:nth-child(3){background:linear-gradient(125deg,var(--stock),var(--fold))}.fragment:nth-child(4){background:linear-gradient(35deg,var(--fold),var(--stock))}.fragment-content{position:absolute;inset:0;overflow:hidden}.fragment .sheet{margin:0;box-shadow:none}.fragment::after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px var(--line);pointer-events:none}.fold-layer *{animation-play-state:paused!important}.stage[aria-busy=true]{cursor:progress}
html:not(.js) .home-view{grid-template-columns:1fr}html:not(.js) .identity{max-width:100%}
@media(max-width:600px){header{padding:17px 20px}.wordmark{font-size:10px}.theme-button{font-size:10px;padding:0 12px}main{padding:20px 20px 30px}.above-card{font-size:10px;margin-bottom:18px;gap:16px}.sheet{height:570px}.home-view{grid-template-columns:1fr;grid-template-rows:250px 1fr}.identity{padding:25px 26px}.identity>.eyebrow{font-size:8px}h1{font-size:51px;margin-top:17px}.invitation{font-size:12px;margin-top:12px}.identity .quiet-link{position:absolute;right:26px;top:183px;font-size:11px}.routes{padding:20px 26px 22px;border-left:0;border-top:1px solid var(--line);background:linear-gradient(180deg,var(--fold),transparent 14px)}.routes>.eyebrow{font-size:8px}nav{margin:15px 0}nav :is(button,a[data-outbound]){min-height:65px;font-size:21px;gap:15px;padding:9px 0}nav small{font-size:9px;margin-top:3px}.number{font-size:8px}.edge-note{font-size:9px}.route-icon{width:20px;height:20px}.route-view{padding:22px 24px}.page-top{padding-bottom:12px}.page-top>.eyebrow{font-size:8px}.return-home{font-size:12px;gap:8px}.page-body{grid-template-columns:minmax(0,1fr) 144px;gap:16px;align-items:center;padding:18px 0}.description{justify-content:flex-start}h2{font-size:29px;margin:12px 0 16px}.panel-copy{font-size:11px;line-height:1.65;margin-bottom:20px}.ink-grid{width:144px;gap:6px}.ink-grid button{width:44px;height:44px}.ink-preview{width:100px;gap:5px;margin:auto 0 20px 6px}.tool-row{gap:20px;margin-top:6px}.tool-row button{font-size:12px}.footnote,.page-bottom{font-size:9px}.air-preview{width:110px;height:145px;margin:auto 0 10px}.air-preview span{left:5px;right:5px}.wind-control label{font-size:11px}.drift-button{font-size:11px;padding:8px 10px}.elsewhere-preview{margin-left:8px}.elsewhere-preview>span:first-child{font-size:69px}.elsewhere-preview>span:last-child{font-size:10px}.elsewhere-link{font-size:12px}.hint{font-size:10px;margin-top:23px}footer{padding:18px 20px;font-size:9px;gap:20px}.footer-note{max-width:140px;text-align:right;line-height:1.4}html:not(.js) .home-view{grid-template-rows:1fr}html:not(.js) .identity .quiet-link{position:static;margin-top:auto}}
@media(max-width:375px){main{padding-left:16px;padding-right:16px}.route-view{padding-left:18px;padding-right:18px}.page-body{grid-template-columns:minmax(0,1fr) 138px;gap:10px}.ink-grid{width:138px;gap:3px}.ink-grid button{width:44px;height:44px}h2{font-size:25px}.ink-preview{width:87px}.air-preview{width:95px}.page-top>.eyebrow{letter-spacing:.05em}.elsewhere-preview>span:first-child{font-size:60px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.fold-layer{display:none!important}}

/* R4 gallery and folded reverse faces. */
nav a[data-outbound]{text-decoration:none}nav :is(button,a[data-outbound]){min-height:73px}nav a[data-outbound]:hover,nav button:hover{color:var(--ink)}
.return-gallery{display:inline-flex;align-items:center;gap:10px;min-height:44px;border:0;background:transparent;padding:0;color:var(--accent);font-size:13px}.return-gallery span{font-size:21px}
.gallery-view>h2{font-size:30px;margin:18px 0 7px}.gallery-copy{font-size:12px;color:var(--muted);margin:0 0 15px;line-height:1.5}.fold-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;flex:1;align-items:stretch;margin:8px 0 20px}.fold-grid button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:16px 8px;background:transparent;border:1px solid var(--line);border-radius:2px;color:var(--accent);min-width:0}.fold-grid button:hover{background:var(--fold)}.fold-grid .sculpture{width:100%;max-width:110px;height:110px}.fold-grid button>span{font-size:15px}.fold-grid small{font-size:10px;color:var(--muted)}.sculpture{display:block;overflow:visible}.paper-face{fill:var(--stock);stroke:var(--accent);stroke-opacity:.6;stroke-width:.6;stroke-linejoin:round}.face-1{fill:var(--fold)}.face-2{fill:var(--stock)}.face-3{fill:var(--fold)}.figure-ink{fill:var(--accent)}.figure-paper,.yin-base{fill:var(--stock)}.yin-base{stroke:var(--accent);stroke-width:.7}.figure-line{fill:none;stroke:var(--accent);stroke-width:.7;stroke-linecap:round;stroke-linejoin:round}.origami-face{position:absolute;inset:0;opacity:0}.origami-face>.sculpture{width:100%;height:100%}.fragment.sculpted{background:transparent}.fragment.sculpted::after{display:none}.toy-body{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;min-height:0}.toy-body>h2{font-size:32px;margin:10px 0 0}.resting-figure{width:190px;max-width:70%;aspect-ratio:1}.resting-figure>.sculpture{width:100%;height:100%}.toy-caption{text-align:center;line-height:1.5;font-size:12px;color:var(--muted);margin:0}.fold-again{min-height:44px;border:1px solid var(--accent);border-radius:2px;background:transparent;color:var(--accent);padding:8px 18px;font-size:13px}
@media(max-width:600px){.home-view{grid-template-rows:230px 1fr}.routes{padding-top:16px;padding-bottom:18px}nav{margin:12px 0}nav :is(button,a[data-outbound]){min-height:58px;font-size:19px;padding:7px 0}nav small{font-size:9px}.edge-note{font-size:8px}.gallery-view>h2{font-size:25px;margin:15px 0 6px}.gallery-copy{font-size:10px;margin-bottom:9px}.fold-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:8px 0 14px}.fold-grid button{padding:10px 6px;gap:6px}.fold-grid .sculpture{height:75px;max-width:75px}.fold-grid button>span{font-size:13px}.fold-grid small{font-size:9px}.toy-body{gap:15px}.toy-body>h2{font-size:28px}.resting-figure{width:175px}.toy-caption{font-size:11px}.return-gallery{font-size:12px}.fold-again{font-size:12px}}

.still-note{display:none;font-size:10px;color:var(--muted);text-align:center;margin:0}@media(prefers-reduced-motion:reduce){.fold-again{display:none}.still-note{display:block}}
/* R5: tactile stock behind printed ink; colored apertures reveal a lit depth.
   Motion is one quiet 4.8s settling movement, not an endless/pulsing effect. */
:root{--plasma-core:#e5fff1;--plasma-hot:#91edbc;--plasma-body:#38896a;--plasma-rim:#244d3e;--plasma-spill:rgba(81,174,120,.24);--plasma-soft:rgba(81,174,120,.09);--recess-shadow:rgba(18,48,32,.5);--paper-lip:rgba(255,255,255,.8)}
:root[data-theme=dark]{--plasma-core:#fff0f7;--plasma-hot:#ffb1d0;--plasma-body:#d34b84;--plasma-rim:#732443;--plasma-spill:rgba(246,103,163,.29);--plasma-soft:rgba(246,103,163,.13);--recess-shadow:rgba(0,0,0,.78);--paper-lip:rgba(255,204,228,.16)}
@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--plasma-core:#fff0f7;--plasma-hot:#ffb1d0;--plasma-body:#d34b84;--plasma-rim:#732443;--plasma-spill:rgba(246,103,163,.29);--plasma-soft:rgba(246,103,163,.13);--recess-shadow:rgba(0,0,0,.78);--paper-lip:rgba(255,204,228,.16)}}
.material-defs{position:absolute;pointer-events:none;overflow:hidden}
.sheet{background-image:var(--paper-fiber);background-size:192px 192px}
/* All fibers are below text in the background paint stack. No text filters,
   glowing letter edges, font rasterization hacks, or transparent text fills. */
.sheet,.sheet *{text-shadow:none}
.sheet{font-kerning:normal}
.fragment:not(.sculpted){background-image:var(--paper-fiber);background-size:192px 192px}
.fragment:nth-child(3):not(.sculpted){background-image:var(--paper-fiber),linear-gradient(125deg,var(--stock),var(--fold))}
.fragment:nth-child(4):not(.sculpted){background-image:var(--paper-fiber),linear-gradient(35deg,var(--fold),var(--stock))}
.paper-grain{fill:url(#r5-paper-fiber);stroke:none;pointer-events:none}
.plasma-core{stop-color:var(--plasma-core)}.plasma-hot{stop-color:var(--plasma-hot)}.plasma-body{stop-color:var(--plasma-body)}.plasma-rim{stop-color:var(--plasma-rim)}
.figure-ink{fill:url(#r5-light-core);filter:url(#r5-recess)}
.figure-line{filter:none;stroke:var(--accent)}
.light-aperture{position:relative;display:block;margin-left:auto;width:23px;height:23px;flex:0 0 23px;isolation:isolate}
.light-aperture::before{content:"";position:absolute;inset:-11px;background:radial-gradient(ellipse,var(--plasma-spill),transparent 68%);z-index:-1;pointer-events:none}
.route-icon{display:block;margin:0;width:100%;height:100%;opacity:1}
/* Three light fields behind a hard, stationary cut edge. Only the fields shift. */
.route-icon,.ink-grid button[aria-pressed=true],.ink-preview span.on{
 background-color:var(--plasma-rim);
 background-image:radial-gradient(ellipse at 31% 28%,var(--plasma-core) 0%,var(--plasma-hot) 19%,transparent 62%),radial-gradient(ellipse at 78% 73%,var(--plasma-hot),var(--plasma-body) 46%,var(--plasma-rim) 85%);
 background-size:158% 142%,135% 156%;background-position:38% 28%,70% 66%;
 box-shadow:inset 0 1px 3px var(--recess-shadow),inset 0 -1px 1px var(--paper-lip),0 0 12px var(--plasma-spill),0 0 24px var(--plasma-soft);
 animation:light-settle 4.8s cubic-bezier(.22,.1,.31,1) 1 both
}
@keyframes light-settle{0%{background-position:23% 42%,78% 48%}43%{background-position:42% 23%,58% 79%}100%{background-position:38% 28%,70% 66%}}
.ink-grid button[aria-pressed=true]{border-color:var(--accent)}
nav :is(button,a[data-outbound]){position:relative}
.quiet-link{position:relative;text-decoration:none}
.quiet-link::after{content:"";position:absolute;left:0;right:0;bottom:7px;height:2px;background:linear-gradient(90deg,var(--plasma-rim),var(--plasma-hot) 45%,var(--plasma-core) 58%,var(--plasma-body));box-shadow:inset 0 1px 1px var(--recess-shadow),0 1px 0 var(--paper-lip),0 0 6px var(--plasma-spill);pointer-events:none}
.air-preview span{background-image:var(--paper-fiber),radial-gradient(ellipse at 35% 37%,var(--plasma-soft),transparent 72%);background-color:var(--stock);box-shadow:inset 0 1px 0 var(--paper-lip),0 0 7px var(--plasma-soft),2px 5px 5px -4px var(--shadow)}
input[type=range]{filter:none}
@media(max-width:600px){.light-aperture{width:20px;height:20px;flex-basis:20px}}
@media(prefers-reduced-motion:reduce){.route-icon,.ink-grid button[aria-pressed=true],.ink-preview span.on{animation:none!important;background-position:38% 28%,70% 66%}}
@media(forced-colors:active){.sheet,.fragment:not(.sculpted),.air-preview span{background-image:none}.paper-grain,.light-aperture::before,.quiet-link::after{display:none}.route-icon,.ink-grid button[aria-pressed=true],.ink-preview span.on{animation:none;background:Highlight;box-shadow:none}.figure-ink{fill:CanvasText;filter:none}.figure-line{stroke:CanvasText}.paper-face,.yin-base{fill:Canvas;stroke:CanvasText}.quiet-link{text-decoration:underline}}

/* R5b: stronger fibers only on light stock; luminous source colors unchanged. */
.paper-fiber-light{display:var(--fiber-light)}.paper-fiber-dark{display:var(--fiber-dark)}