/* Nost.Us — buildless, local assets, real CSS 3D geometry. */
:root{--paper:#f1eee7;--ink:#222320;--muted:#6a6b64;--accent:#bd4c28;--shell:#de7749;--shell-dark:#a34a2b;--shell-light:#efaa79;--line:rgba(34,35,32,.18);--object-scale:1.24;--spread:0;--rx:-14deg;--ry:-24deg;--rz:-9deg;--lift:0px;--reel:0deg;--scene-size:610px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:0}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:6px}::selection{background:#e89c74;color:#222}button{touch-action:manipulation}.skip-link{position:fixed;left:20px;top:-100px;z-index:100;background:var(--ink);color:var(--paper);padding:14px}.skip-link:focus{top:12px}.site-header{height:100px;padding:0 4%;display:flex;align-items:center;justify-content:space-between;position:absolute;inset:0 0 auto;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:13px;font-weight:800;letter-spacing:-2px;font-size:36px}.brand img{object-fit:contain;filter:brightness(0)}.brand-dot{font-size:11px;letter-spacing:0;vertical-align:top;display:inline-block;padding:6px 0 0 4px}.site-header nav{display:flex;gap:38px;font-size:12px}.site-header nav a{padding:15px 0}.site-header nav a:hover{color:var(--accent)}.site-header nav span{margin-left:10px}.edition{font-size:9px;letter-spacing:1.3px;display:flex;align-items:center;gap:14px}.edition i{width:7px;height:7px;border-radius:50%;background:var(--accent)}
.journey{position:relative}.stage{height:100svh;position:sticky;top:0;overflow:hidden;isolation:isolate}.stage-grain{position:absolute;inset:0;opacity:.11;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23777777' filter='url(%23n)' opacity='.4' d='M0 0h180v180H0z'/%3E%3C/svg%3E");pointer-events:none}.object-meta{position:absolute;top:143px;left:56%;right:5%;display:flex;justify-content:space-between;font-family:monospace;font-size:9px;letter-spacing:1px;color:var(--muted)}.scene{position:absolute;width:var(--scene-size);height:var(--scene-size);left:72%;top:53%;transform:translate(-50%,-50%);perspective:1100px;pointer-events:none}.scene-halo{position:absolute;inset:10%;border-radius:50%;background:radial-gradient(ellipse,rgba(223,149,104,.16),transparent 69%)}.orbit{position:absolute;inset:9%;border-radius:50%;border:1px solid rgba(71,62,49,.12);transform:rotateX(66deg) rotateZ(-18deg)}.orbit-two{inset:0;transform:rotateX(65deg) rotateZ(-18deg);border-style:dashed;border-color:rgba(71,62,49,.12)}.scene-cross{position:absolute;font-size:18px;font-weight:200;color:#8d8b7f}.cross-one{top:14%;left:22%}.cross-two{bottom:17%;right:11%}.floor-shadow{position:absolute;width:61%;height:15%;left:21%;top:68%;background:radial-gradient(ellipse,rgba(62,39,22,.22),transparent 68%);transform:rotate(-9deg);opacity:.8}.assembly{position:absolute;left:50%;top:47%;width:360px;height:240px;margin:-120px 0 0 -180px;transform-style:preserve-3d;transform:translateY(var(--lift)) scale(var(--object-scale)) rotateX(var(--rx)) rotateY(var(--ry)) rotateZ(var(--rz));will-change:transform}.cassette{position:absolute;inset:0;transform-style:preserve-3d}.face{position:absolute;backface-visibility:hidden;-webkit-backface-visibility:hidden;border:1px solid rgba(62,35,25,.18)}.front,.back{width:360px;height:240px;border-radius:15px;background:var(--shell);box-shadow:inset 0 2px 2px rgba(255,255,255,.38),inset 0 -3px 2px rgba(0,0,0,.10)}.front{transform:translateZ(28px);padding:17px 19px}.back{transform:rotateY(180deg) translateZ(28px);display:flex;align-items:center;justify-content:center;flex-direction:column;color:#fff7e8}.side{width:56px;height:220px;top:10px;background:var(--shell-dark);border-radius:4px}.left{left:152px;transform:rotateY(-90deg) translateZ(180px)}.right{left:152px;transform:rotateY(90deg) translateZ(180px);display:flex;align-items:center;justify-content:center}.right span{font:8px monospace;writing-mode:vertical-rl;letter-spacing:2px;color:#ffe5c9}.edge{width:336px;height:56px;left:12px;background:var(--shell-light);border-radius:5px}.top{top:92px;transform:rotateX(90deg) translateZ(120px);display:flex;align-items:center;justify-content:center;gap:35px}.top i{width:18px;height:9px;border-radius:3px;background:#773d2c;box-shadow:inset 0 2px 3px #482b1e}.bottom{top:92px;transform:rotateX(-90deg) translateZ(120px);background:var(--shell-dark)}.screw{position:absolute;width:6px;height:6px;border-radius:50%;background:#81452d;box-shadow:0 1px 0 #f9bd91}.screw:after{content:"";position:absolute;left:1px;right:1px;top:3px;border-top:1px solid #c58e65;transform:rotate(-32deg)}.screw-tl{top:7px;left:8px}.screw-tr{top:7px;right:8px}.screw-bl{bottom:8px;left:8px}.screw-br{bottom:8px;right:8px}.tape-label{height:178px;background:#f5edda;border-radius:6px 6px 19px 19px;padding:10px 12px;box-shadow:0 1px 3px #914e3433;color:#262825;position:relative}.label-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #3336;padding-bottom:6px}.label-top>span:first-child{font-size:18px;font-weight:800;letter-spacing:-1px}.label-top>span:last-child{font:6px monospace;letter-spacing:1px}.label-title{font-size:26px;letter-spacing:-1px;line-height:1.02;font-weight:700;padding-top:6px;position:relative}.label-title em{font-family:Georgia,serif;font-weight:400;font-size:29px}.tiny-star{position:absolute;right:7px;top:14px;font-size:35px;color:var(--shell-dark);font-weight:400}.reel-window{height:44px;background:#2c2c28;border-radius:24px;margin:7px 0 6px;display:flex;align-items:center;justify-content:space-around;padding:0 18px;box-shadow:inset 0 3px 3px #0006}.reel{width:34px;height:34px;border-radius:50%;background:repeating-conic-gradient(#33332e 0 35deg,#b8b5a4 35deg 60deg);border:5px solid #ded9c6;display:grid;place-items:center;transform:rotate(var(--reel))}.reel i{width:12px;height:12px;border-radius:50%;background:#eae5d5;border:1px solid #31342c}.tape-bridge{display:flex;gap:5px;align-items:center}.tape-bridge span{width:3px;height:12px;background:#878a7b}.tape-bridge span:nth-child(2){height:18px;background:var(--shell)}.label-bottom{display:flex;align-items:center;justify-content:space-between}.label-bottom span{font:6px monospace;letter-spacing:1px}.label-bottom img{filter:brightness(0);object-fit:contain;width:22px;height:20px}.tape-base{position:absolute;bottom:0;width:180px;height:29px;left:90px;border:1px solid #753c2e55;clip-path:polygon(8% 0,92% 0,100% 100%,0 100%);display:flex;justify-content:space-around;align-items:center;background:linear-gradient(0deg,#ffffff15,#0000000a)}.tape-base span{width:11px;height:11px;border-radius:50%;border:2px solid #a75237;background:#282924}.tape-base span:nth-child(2){width:7px;height:7px}.back-kicker{position:absolute;top:22px;font:7px monospace;letter-spacing:2px}.back img{width:60px;height:55px;object-fit:contain;margin-bottom:13px}.back strong{text-align:center;font-size:25px;letter-spacing:-1px;line-height:1.05}.back-bottom{position:absolute;bottom:22px;font:7px monospace;letter-spacing:2px}.memory-card{width:190px;height:252px;position:absolute;top:-6px;left:85px;display:flex;flex-direction:column;padding:17px;border:1px solid #2222;backface-visibility:hidden;box-shadow:0 3px 8px #0001}.card-play{background:#34283d;color:#f5edda;transform:translate3d(calc(var(--spread) * -175px),calc(var(--spread) * -100px),-36px) rotateZ(calc(var(--spread) * -20deg)) rotateY(calc(var(--spread) * 26deg))}.card-feel{background:#e9b591;color:#643d2d;transform:translate3d(calc(var(--spread) * 170px),calc(var(--spread) * 60px),-20px) rotateZ(calc(var(--spread) * 18deg)) rotateY(calc(var(--spread) * -20deg))}.card-index{font:7px monospace;letter-spacing:2px}.play-symbol{font-size:58px;color:#d998b5;margin:18px 0 12px}.memory-card strong{font-family:Georgia,serif;font-size:30px;line-height:.95;font-weight:400;letter-spacing:-1px}.card-foot{font:5px monospace;letter-spacing:.9px;margin-top:auto;border-top:1px solid #fff5;padding-top:10px}.card-feel .card-foot{border-color:#643d2d66}.sun-art{height:83px;position:relative;overflow:hidden;margin:15px 0 8px;border-bottom:1px solid #643d2d66}.sun-art i{display:block;width:76px;height:76px;border-radius:50%;background:#ba502e;margin:auto}.sun-art:after{content:"";position:absolute;bottom:0;inset-inline:0;height:28px;background:repeating-linear-gradient(0deg,#e9b591 0 3px,#a26446 3px 4px)}
.scene-caption{position:absolute;left:57%;right:5%;bottom:152px;display:flex;align-items:center;gap:16px;font-size:11px;color:var(--muted)}.caption-line{display:block;width:37px;border-top:1px solid var(--muted)}.scene-tools{position:absolute;left:57%;right:5%;bottom:88px;display:flex;align-items:center;gap:20px;z-index:8}.palette{display:flex;gap:9px}.swatch{width:21px;height:21px;border-radius:50%;border:3px solid var(--paper);outline:1px solid transparent;padding:0}.swatch[aria-pressed=true]{outline-color:var(--ink)}.ember{background:#de7749}.plum{background:#76617f}.tools-divider{height:20px;border-left:1px solid var(--line)}.text-control{border:0;background:transparent;padding:10px 0;white-space:nowrap;font-size:10px;display:flex;align-items:center;gap:7px}.text-control:hover{color:var(--accent)}.text-control>span:first-child{font-size:17px}.text-control:disabled{opacity:.4;cursor:default}.chapter-nav{position:absolute;bottom:35px;left:4%;display:flex;gap:22px;z-index:8}.chapter-nav a{display:flex;gap:8px;align-items:center;font:10px monospace;color:var(--muted);padding:10px 0}.chapter-nav .step-name{font-family:Arial,Helvetica,sans-serif;font-size:10px}.chapter-nav i{width:22px;border-top:1px solid var(--line);margin-left:3px}.chapter-nav a[aria-current=step]{color:var(--accent)}.chapter-nav a[aria-current=step] i{border-color:var(--accent)}.progress-track{position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--line)}.progress-track span{display:block;width:100%;height:100%;background:var(--accent);transform:scaleX(0);transform-origin:left;will-change:transform}.chapters{position:relative;margin-top:-100svh;pointer-events:none}.chapter{min-height:100svh;position:relative;padding:130px 4% 115px;display:flex;align-items:center}.chapter-copy{width:50%;max-width:680px;pointer-events:auto}.eyebrow{font-size:9px;letter-spacing:1.7px;line-height:1.5;display:flex;align-items:center;gap:8px;margin:0 0 28px;font-weight:500}.small-dot{display:inline-block;width:5px;height:5px;background:var(--accent);border-radius:50%}h1,h2,p{margin-top:0}h1,.chapter h2{font-size:clamp(53px,6.2vw,100px);font-weight:500;line-height:.98;letter-spacing:-.065em;margin:0 0 26px}h1 em,.chapter h2 em{color:var(--accent);font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.07em}.chapter h2{font-size:clamp(50px,5.25vw,84px)}.chapter-description{font-size:13px;line-height:1.8;color:var(--muted);margin:0 0 26px}.chapter-cta{display:inline-flex;align-items:center;gap:13px;font-size:11px;font-weight:600}.round-arrow{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;font-size:18px;font-weight:400;transition:background .2s,color .2s}.chapter-cta:hover .round-arrow{background:var(--ink);color:var(--paper)}.chapter-aside{position:absolute;right:4%;bottom:42px;font:8px monospace;letter-spacing:1px;color:var(--muted)}.lab{background:#252822;color:#f1eee7;position:relative;padding:55px 4% 0}.lab-top{display:flex;justify-content:space-between;align-items:center;padding-bottom:35px;border-bottom:1px solid #f1eee72a}.lab-top .eyebrow{margin:0;color:#c6c7bb}.lab-tag{font:8px monospace;letter-spacing:1px;color:#b5b6a8}.lab-content{display:grid;grid-template-columns:1.4fr 1fr;gap:9%;padding:70px 0 90px}.lab-content h2{font-size:clamp(54px,6.7vw,106px);font-weight:400;line-height:.98;letter-spacing:-.06em;margin:0}.lab-content h2 em{color:#e6ac83;font-family:Georgia,serif;font-weight:400}.lab-notes{max-width:360px;padding-top:10px}.lab-notes p:first-child{font-size:24px;letter-spacing:-.5px;line-height:1.3}.lab-notes p:nth-child(2){font-size:12px;line-height:1.8;color:#bdc0b5}.lab-back{margin-top:30px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #f1eee777;padding-bottom:15px;font-size:12px}.lab-back span{font-size:25px}.lab-bottom{border-top:1px solid #f1eee72a;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;padding:27px 0}.lab-bottom>span{font:8px monospace;letter-spacing:1px;color:#a8ad9f}.lab-bottom>span:nth-child(2){text-align:center}.lab-bottom>a{font-size:40px;letter-spacing:-2px;font-weight:700;justify-self:end}.lab-bottom>a span{font-size:23px;margin-left:10px;font-weight:400}.no-script{position:fixed;bottom:0;z-index:50;inset-inline:0;text-align:center;background:var(--ink);color:var(--paper);padding:10px;font-size:12px;margin:0}
body[data-color=plum]{--shell:#89738f;--shell-dark:#57465d;--shell-light:#b9a2be}.motion-paused .assembly{will-change:auto}
@supports not (transform-style:preserve-3d){.memory-card,.side,.edge,.back{display:none}.assembly{transform:scale(var(--object-scale))}.scene{perspective:none}}
@media(min-width:1600px){:root{--scene-size:730px;--object-scale:1.47}.chapter{padding-left:6%}.site-header{padding-inline:6%}.chapter-nav{left:6%}.scene{left:72%}.object-meta{left:57%}}
@media(max-width:1100px){:root{--scene-size:490px;--object-scale:1.02}.site-header{height:85px}.scene{left:73%;top:51%}.object-meta{top:115px;font-size:8px}.scene-tools{left:56%;gap:12px}.scene-caption{left:56%}.chapter-description{font-size:12px}.chapter-nav{gap:15px}.chapter-nav i{width:15px}.chapter-aside{font-size:7px}}
@media(max-width:700px){:root{--scene-size:390px;--object-scale:.83}.site-header{height:75px;padding:0 6%}.brand{font-size:29px;gap:8px}.brand img{width:27px;height:26px}.brand-dot{font-size:8px}.site-header nav{gap:0}.site-header nav a:first-child{display:none}.site-header nav a{font-size:10px}.edition{display:none}.chapter{min-height:100svh;padding:110px 6% 0;align-items:flex-start}.chapter-copy{width:100%;max-width:520px}.eyebrow{font-size:7px;letter-spacing:1.1px;margin-bottom:18px}h1,.chapter h2{font-size:clamp(43px,10.5vw,66px);line-height:.98;letter-spacing:-.06em;margin-bottom:16px}h1 br:first-of-type{display:none}h1 br:first-of-type:after{content:" "}h1{max-width:390px}h1 em{white-space:nowrap}.chapter h2{font-size:clamp(39px,9vw,61px);max-width:430px}.chapter h2 br:nth-of-type(2){display:none}.chapter-description{font-size:11px;line-height:1.65;margin-bottom:15px}.chapter-cta{font-size:9px;gap:9px}.round-arrow{width:27px;height:27px;font-size:15px}.chapter-aside{display:none}.object-meta{top:auto;bottom:70px;left:6%;right:6%;font-size:7px;letter-spacing:.6px}.scene{left:50%;top:65%;}.scene-caption{left:0;right:0;bottom:118px;justify-content:center;font-size:9px}.caption-line{width:20px}.scene-tools{bottom:83px;left:0;right:0;justify-content:center;gap:18px}.swatch{width:19px;height:19px}.text-control{font-size:9px}.chapter-nav{left:6%;bottom:17px;gap:16px}.chapter-nav a{font-size:9px;gap:6px}.chapter-nav .step-name{font-size:9px}.chapter-nav i{width:17px}.lab{padding:35px 6% 0}.lab-top{align-items:start;gap:20px;padding-bottom:25px}.lab-top .eyebrow{font-size:7px}.lab-tag{font-size:6px;max-width:100px;text-align:right;line-height:1.8}.lab-content{grid-template-columns:1fr;gap:30px;padding:42px 0 45px}.lab-content h2{font-size:62px}.lab-notes p:first-child{font-size:21px}.lab-notes p:nth-child(2){font-size:11px}.lab-back{margin-top:24px}.lab-bottom{grid-template-columns:1fr 1fr;padding:23px 0}.lab-bottom>span{font-size:6px}.lab-bottom>span:nth-child(2){display:none}.lab-bottom>a{font-size:31px}}
@media(max-width:390px){:root{--scene-size:350px;--object-scale:.74}.chapter{padding-top:103px}h1{font-size:42px}.chapter h2{font-size:38px}.eyebrow{margin-bottom:13px}.chapter-description{font-size:10px}.scene-tools{gap:13px}.chapter-nav{gap:13px}.chapter-nav i{width:10px}}
@media(max-height:740px) and (min-width:701px){:root{--scene-size:470px;--object-scale:.96}.site-header{height:78px}.object-meta{top:100px}.chapter{padding-top:110px;padding-bottom:100px}h1{font-size:70px}.chapter h2{font-size:63px}.eyebrow{margin-bottom:18px}.chapter-description{margin-bottom:17px}.scene{top:52%}.scene-caption{bottom:133px}.scene-tools{bottom:75px}}
@media(max-height:740px) and (max-width:700px){:root{--scene-size:310px;--object-scale:.64}.chapter{padding-top:95px}.eyebrow{margin-bottom:10px}h1,.chapter h2{font-size:38px;margin-bottom:12px}.chapter-description{font-size:10px;margin-bottom:9px}.chapter-description br:last-of-type{display:none}.chapter-cta{font-size:8px}.round-arrow{width:24px;height:24px}.scene{top:66%}.scene-caption{bottom:105px;font-size:8px}.scene-tools{bottom:70px}.object-meta{bottom:59px;font-size:6px}.chapter-nav{bottom:11px}.site-header{height:68px}}
@media(max-height:480px) and (orientation:landscape){:root{--scene-size:300px;--object-scale:.63}.site-header{height:55px}.brand{font-size:25px}.brand img{width:24px;height:23px}.chapter{padding-top:80px;padding-bottom:60px;align-items:center}.chapter-copy{width:49%}.eyebrow{font-size:6px;margin-bottom:8px}h1,.chapter h2{font-size:36px;margin-bottom:10px}.chapter-description{font-size:9px;margin-bottom:10px}.chapter-cta{font-size:8px}.round-arrow{width:25px;height:25px}.object-meta{display:none}.scene{left:74%;top:47%}.scene-caption{display:none}.scene-tools{left:55%;right:3%;bottom:44px;gap:10px}.text-control{font-size:8px}.swatch{width:17px;height:17px}.chapter-nav{bottom:9px}.chapter-aside{display:none}}
.tape-label{height:185px}.label-title{font-size:24px}.label-title em{font-size:27px}
/* Preserve word breaks when narrower layouts compact the headings. */
@media(max-width:700px){h1 br:first-of-type{display:initial}.chapter h2 br:nth-of-type(2){display:initial}.card-play{transform:translate3d(calc(var(--spread) * -95px),calc(var(--spread) * -60px),-36px) rotateZ(calc(var(--spread) * -14deg)) rotateY(calc(var(--spread) * 26deg))}.card-feel{transform:translate3d(calc(var(--spread) * 95px),calc(var(--spread) * 40px),-20px) rotateZ(calc(var(--spread) * 14deg)) rotateY(calc(var(--spread) * -20deg))}#title-siente{font-size:clamp(35px,8.8vw,56px)}}
@media(max-height:740px) and (max-width:700px){h1{font-size:35px}#title-siente{font-size:32px}.chapter-description{font-size:9px;line-height:1.5}.chapter-description br:last-of-type{display:initial}.scene{top:67%}}
@media(max-height:480px) and (orientation:landscape){h1{font-size:36px}#title-siente{font-size:34px}}
@media(max-height:620px) and (max-width:700px) and (orientation:portrait){:root{--scene-size:280px;--object-scale:.54}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}.assembly{will-change:auto}}