@property --p{syntax:"<number>";inherits:true;initial-value:0}@property --i{syntax:"<number>";inherits:true;initial-value:0}:root{--sc-canvas:#ede4d4;--sc-surface:#f4ede0;--sc-ink:#1c1612;--sc-ink-soft:#6b5e52;--sc-accent:#8b1e2d;--sc-accent-ink:#f4ede0;--sc-bronze:#8c6a3f;--sc-sky:#d9e4ee;--sc-sky-deep:#b9c9d8;--sc-shadow:#1c1612;--sc-font-display:"Instrument Serif", Georgia, "Times New Roman", serif;--sc-font-text:"Outfit", system-ui, sans-serif;--sc-1:4px;--sc-2:8px;--sc-3:12px;--sc-4:16px;--sc-5:24px;--sc-6:32px;--sc-7:48px;--sc-8:64px;--sc-9:96px;--sc-gutter:clamp(20px, 4vw, 56px);--sc-measure:62ch;--sc-track-tight:-.03em;--sc-track-normal:0;--door-inset:0;--door-spread:0;--door-opacity:1;--door-wide:0;--px:0;--py:0}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{background:var(--sc-canvas);scroll-behavior:auto}body{background:var(--sc-canvas);color:var(--sc-ink);font-family:var(--sc-font-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;font-size:17px;font-weight:400;line-height:1.6;overflow-x:hidden}#site{background:var(--sc-canvas);position:relative}a{color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--sc-accent);outline-offset:4px}.skip{left:var(--sc-4);z-index:80;padding:var(--sc-2) var(--sc-4);background:var(--sc-ink);color:var(--sc-canvas);text-decoration:none;position:absolute;top:-48px}.skip:focus{top:var(--sc-4)}.grain{z-index:70;pointer-events:none;opacity:.18;mix-blend-mode:multiply;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='180' height='180'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.15  0 0 0 0 0.12  0 0 0 0 0.08  0 0 0 0.55 0'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>");position:fixed;inset:0}.folio{top:50%;left:var(--sc-gutter);z-index:50;letter-spacing:.04em;color:var(--sc-ink-soft);writing-mode:vertical-rl;opacity:0;pointer-events:none;font-size:12px;transition:opacity .45s;position:fixed;transform:translateY(-50%)rotate(180deg)}.folio.on{opacity:1;pointer-events:auto}.door{z-index:30;pointer-events:none;opacity:var(--door-opacity);position:fixed;inset:0}.col{background:repeating-linear-gradient(90deg,#ffffff2e 0 10px,#8c6a3f14 10px 14px,#f4ede080 14px 22px),linear-gradient(#f7f1e6 0%,#e8dcc8 42%,#d7c4a8 100%);width:clamp(72px,16vw,220px);height:116vh;position:absolute;top:-8vh;box-shadow:inset 8px 0 18px #ffffff59,inset -10px 0 22px #503a202e,0 24px 48px #1c16122e}.col:before{content:"";background:linear-gradient(#f4ede0,#d9cbb4);height:7%;position:absolute;top:0;left:-8%;right:-8%;box-shadow:inset 0 2px #ffffff80}.col:after{content:"";background:linear-gradient(180deg, #c4a36a, var(--sc-bronze) 55%, #6f522c);height:4.5%;position:absolute;bottom:6%;left:-6%;right:-6%;box-shadow:0 8px 16px #1c161240}.col-left{transform:translate3d(calc(var(--door-inset) * -120% - var(--door-spread) * 14vw + var(--px) * -14px), calc(var(--py) * 10px), 0);left:0}.col-right{transform:translate3d(calc(var(--door-inset) * 120% + var(--door-spread) * 14vw + var(--px) * 14px), calc(var(--py) * 10px), 0);right:0}#site[data-door=peak] .col{width:clamp(64px,12vw,170px)}#site[data-door=peak] .chapter--sky .spread{padding-left:clamp(72px,14vw,200px);padding-right:clamp(72px,14vw,200px)}#site[data-ground=shadow] .folio{color:#f4ede0b8}.cloth{clip-path:polygon(12% 0,100% 8%,86% 100%,0 92%);width:54%;height:48%;transform:translate3d(calc(var(--px) * 6px), calc(var(--py) * 14px), 0);background:linear-gradient(#8b1e2deb,#58101ce0);position:absolute;top:22%;left:18%;box-shadow:8px 16px 28px #1c161233}.dust{position:absolute;inset:0;overflow:hidden}.mote{opacity:.55;background:#fffcf5b3;border-radius:50%;width:3px;height:3px;animation:16s linear infinite drift;position:absolute;box-shadow:0 0 8px #fffaeb73}@keyframes drift{0%{transform:translateY(12px)}to{transform:translate(8px,-28px)}}.chapter{min-height:100svh;position:relative}.stage{height:100svh;position:relative;overflow:hidden}.spread{z-index:4;height:100%;padding:var(--sc-7) var(--sc-gutter);align-items:center;max-width:1400px;margin:0 auto;display:grid;position:relative}.display{font-family:var(--sc-font-display);letter-spacing:var(--sc-track-tight);text-wrap:balance;font-weight:400;line-height:1.02}.display--xl{font-size:clamp(3.2rem,9vw,8.5rem)}.display--l{font-size:clamp(2.4rem,6vw,5.2rem)}.display--m{font-size:clamp(1.8rem,4vw,3.2rem)}.body{max-width:var(--sc-measure);color:var(--sc-ink-soft);text-wrap:pretty;font-size:1.05rem}.kicker{margin-bottom:var(--sc-4);color:var(--sc-ink-soft);font-size:.95rem;display:block}.copy{position:relative}.copy h1,.copy h2{margin-bottom:var(--sc-4)}.valley{z-index:0;background:radial-gradient(ellipse at 70% 8%, #fff8e6d9, transparent 42%), linear-gradient(180deg, var(--sc-sky) 0%, #cdd8e4 38%, #d8c7a6 62%, #c4b089 100%);position:absolute;inset:0}.hill{border-radius:50% 50% 0 0;position:absolute;left:-10%;right:-10%}.hill-a{background:#c4b48e;height:34%;bottom:8%}.hill-b{background:#b39a70;height:28%;bottom:0}.hill-c{background:#9a7d55;height:22%;bottom:-6%}.sun{pointer-events:none;background:radial-gradient(circle,#fff6d8 0%,#ffecbe33 46%,#0000 70%);border-radius:50%;width:14vw;height:14vw;position:absolute;top:10%;right:18%}.beam{mix-blend-mode:screen;pointer-events:none;background:linear-gradient(210deg,#fffaeb52,#0000 60%);width:42%;height:70%;position:absolute;top:0;right:10%}.figure{z-index:2;width:min(220px,28vw);transform:translateX(-50%) translate3d(calc(var(--px) * 10px), calc(var(--py) * 6px), 0);filter:drop-shadow(0 18px 18px #1c161247);position:absolute;bottom:7%;left:50%}.step{z-index:1;background:linear-gradient(#e8dcc8,#cbb792);width:min(340px,46vw);height:7%;position:absolute;bottom:4%;left:50%;transform:translate(-50%);box-shadow:0 10px 24px #1c16122e}.chapter--threshold{background:var(--sc-canvas)}.threshold-copy{z-index:4;text-align:center;margin-top:-8vh;position:relative}.threshold-copy .display{opacity:calc(.15 + var(--p) * .85);transform:translate3d(0, calc((1 - var(--p)) * 18px), 0)}.threshold-copy .kicker{opacity:calc(var(--p) * 1.2)}.chapter--kovie{background:var(--sc-canvas)}#site[data-door=opening] .chapter--threshold .spread,#site[data-door=opening] .chapter--kovie .spread{padding-left:clamp(88px,19vw,260px);padding-right:clamp(88px,19vw,260px)}.kovie-spread{gap:var(--sc-8);grid-template-columns:1fr 1fr}.planes{perspective:900px;height:min(72vh,560px);position:relative}.plane{opacity:0;background:linear-gradient(#f4ede0b3,#e8dcc88c);border:1px solid #8c6a3f73;border-radius:28px;width:min(240px,38vw);height:72%;position:absolute;right:8%;transform:translate(40px,28px)rotateY(-12deg);box-shadow:0 24px 40px #1c161229,inset 0 0 0 1px #fff6}.plane.is-on{opacity:1;transform:translate(0,0)rotateY(-8deg)}.plane:first-child{z-index:3;transition:opacity .5s,transform .5s;top:8%}.plane:nth-child(2){z-index:2;transition:opacity .5s 50ms,transform .5s 50ms;top:16%;right:18%}.plane:nth-child(3){z-index:1;transition:opacity .5s .1s,transform .5s .1s;top:24%;right:28%}.plane span{padding:var(--sc-6) var(--sc-5);font-family:var(--sc-font-display);color:var(--sc-ink);font-size:1.35rem;display:block}.phone{z-index:0;border:3px solid var(--sc-bronze);width:min(180px,28vw);height:64%;opacity:clamp(0, calc(var(--p) * 1.6), 1);background:linear-gradient(#f7f1e6,#dcc9a8);border-radius:32px;position:absolute;bottom:6%;right:4%;box-shadow:0 28px 48px #1c161238}.chapter--hogs{background:#e8dcc8}.hogs-spread{gap:var(--sc-7);grid-template-columns:minmax(240px,38%) 1fr}.hogs-count{font-family:var(--sc-font-display);letter-spacing:var(--sc-track-tight);font-size:clamp(4.4rem,12vw,9rem);line-height:.9}.hogs-count small{margin-top:var(--sc-3);font-family:var(--sc-font-text);letter-spacing:.02em;color:var(--sc-ink-soft);font-size:1rem;display:block}.marks{grid-template-columns:repeat(14,1fr);align-content:center;gap:10px;display:grid}.hog-mark{--i:0;aspect-ratio:1;background:var(--sc-ink-soft);width:100%;opacity:clamp(.1, (var(--p) - var(--i)) * 7, 1);transform:scale(clamp(.4, (var(--p) - var(--i)) * 7, 1));border-radius:50%}.hog-mark--officer{background:var(--sc-bronze);box-shadow:0 0 0 2px #8c6a3f40}.chapter--magnus{background:var(--sc-surface)}.magnus-stage{height:auto;min-height:120vh;padding:var(--sc-9) var(--sc-gutter);align-items:center;display:grid}.magnus-copy{max-width:36rem}.magnus-copy .body{margin-top:var(--sc-5)}.brief{margin-top:var(--sc-7);padding:var(--sc-5);background:var(--sc-canvas);border-left:3px solid var(--sc-bronze);max-width:28rem;color:var(--sc-ink-soft);font-size:.98rem}.magnus-copy .in{opacity:0;transform:translateY(16px)}.chapter--plates{background:var(--sc-canvas)}.rail-wrap{align-items:center;height:100%;display:flex;overflow:hidden}.rail{gap:var(--sc-6);padding:0 var(--sc-gutter);will-change:transform;display:flex}.plate{min-height:58vh;padding:var(--sc-6);background:var(--sc-surface);flex:0 0 min(78vw,420px);box-shadow:0 18px 40px #1c16121a,inset 0 0 0 1px #8c6a3f38}.plate h3{font-family:var(--sc-font-display);letter-spacing:var(--sc-track-tight);margin:var(--sc-5) 0 var(--sc-3);text-wrap:balance;font-size:clamp(1.8rem,3vw,2.6rem)}.plate .role{color:var(--sc-bronze);font-size:.95rem}.plate .one{color:var(--sc-ink-soft)}.chapter--shadow{background:var(--sc-shadow);color:var(--sc-accent-ink)}.chapter--shadow .body,.chapter--shadow .kicker{color:#f4ede0b8}.shadow-stage{min-height:110vh;padding:var(--sc-9) var(--sc-gutter);background:radial-gradient(ellipse at 20% 0%, #8b1e2d47, transparent 46%), var(--sc-shadow);align-items:center;display:grid;position:relative;overflow:hidden}.stones{gap:var(--sc-5);margin-top:var(--sc-7);grid-template-columns:repeat(2,minmax(0,1fr));max-width:920px;display:grid}.stone{min-height:140px;padding:var(--sc-5);opacity:0;background:linear-gradient(#2a231c,#161210);border-top:2px solid #8b1e2db3;transform:translateY(18px)}.stone.is-on{opacity:1;transition:opacity .6s,transform .6s;transform:none}.stone strong{font-family:var(--sc-font-display);margin-bottom:var(--sc-2);font-size:1.4rem;display:block}.stone p{color:#f4ede09e;font-size:.95rem}.drape{background:linear-gradient(180deg, var(--sc-accent), #4a1018);clip-path:polygon(20% 0,100% 0,78% 100%,0 92%);opacity:.88;pointer-events:none;width:18vw;height:42vh;position:absolute;top:0;right:8%}.dust--shadow .mote{box-shadow:none;background:#f4ede059}.chapter--sky{background:var(--sc-sky)}.sky-copy{z-index:4;text-align:center;max-width:20em;margin:0 auto;position:relative}.sky-copy .display{color:var(--sc-ink);text-shadow:0 1px #ffffff59}.sky-copy .body{margin:var(--sc-5) auto 0;color:var(--sc-ink)}.chapter--close{background:var(--sc-canvas)}.close-stage{min-height:115vh;padding:var(--sc-9) var(--sc-gutter);text-align:center;place-items:center;display:grid}.close-stage .display{margin-bottom:var(--sc-5)}.close-stage .body{margin:0 auto}.write{margin-top:var(--sc-7);color:var(--sc-ink);border-bottom:1px solid var(--sc-bronze);padding-bottom:3px;font-size:1.15rem;text-decoration:none;display:inline-block}.write:hover{border-bottom-color:var(--sc-accent)}.ig{margin-top:var(--sc-5);color:var(--sc-ink-soft);font-size:.95rem;text-decoration:none;display:block}.ig:hover{color:var(--sc-ink)}@media (max-width:720px){body{font-size:16px}.display--xl{font-size:3.1rem}.folio{top:18px;left:var(--sc-gutter);writing-mode:horizontal-tb;transform:none}.kovie-spread,.hogs-spread,.stones{grid-template-columns:1fr}.planes{height:46vh;margin-top:var(--sc-6)}.col{width:clamp(56px,18vw,92px)}.figure{width:min(150px,40vw)}.marks{grid-template-columns:repeat(10,1fr);gap:7px}.spread{padding:var(--sc-6) var(--sc-gutter)}.write{padding:10px 0}}@media (prefers-reduced-motion:reduce){.mote{animation:none}.plane,.hog-mark,.stone,.magnus-copy .in,.threshold-copy .display{opacity:1!important;transition:none!important;transform:none!important}.chapter,.magnus-stage,.shadow-stage,.close-stage{height:auto;min-height:100vh}}