:root{--choc:#1a120d;--cream:#f3e9dc;--amber:#d97706;--copper:#b45309;--teal:#0f766e;--bg:#1a120d;--fg:#f3e9dc;--bar-h:4vh;--tint:#d97706}*{box-sizing:border-box}html,body,#root{width:100%;margin:0;padding:0}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--fg);-webkit-font-smoothing:antialiased;font-family:Inter,system-ui,sans-serif;font-weight:300;transition:background-color .1s linear;overflow-x:hidden}a{color:inherit}::selection{background:var(--amber);color:var(--choc)}.skip{z-index:100;background:var(--amber);color:var(--choc);border-radius:4px;padding:10px 16px;font-size:13px;transition:top .2s;position:fixed;top:-100px;left:12px}.skip:focus{top:12px}:focus-visible{outline:2px solid var(--amber);outline-offset:3px}.masthead{top:calc(var(--bar-h) + 18px);z-index:30;pointer-events:none;mix-blend-mode:difference;flex-direction:column;gap:2px;display:flex;position:fixed;left:32px}.mast-name{color:var(--cream);font-family:Fraunces,serif;font-size:22px;font-style:italic;font-weight:900}.mast-sub{letter-spacing:.14em;text-transform:uppercase;opacity:.7;color:var(--cream);font-size:11px}.mast-hint{letter-spacing:.24em;text-transform:uppercase;color:var(--amber);margin-top:6px;font-size:10px}.reel{height:100vh;position:relative;overflow:hidden}.track{will-change:transform;width:max-content;height:100vh;display:flex}.reel-vertical{height:auto;overflow:visible}.chapter{isolation:isolate;flex:0 0 100vw;place-items:center;width:100vw;height:100vh;display:grid;position:relative;overflow:hidden}.chapter-media{z-index:1;width:min(66vw,1040px);height:68vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.plate{border-radius:3px;position:absolute;inset:0;overflow:hidden;box-shadow:0 40px 120px -30px #000c,inset 0 0 0 1px #ffffff0a}.plate canvas{display:block}.plate-static{background:radial-gradient(120% 120% at 60% 40%,#3a2416,#14100c)}.plate-static.mood-0{background:radial-gradient(120% 120% at 55% 45%,#5a3410,#17100a)}.plate-static.mood-1{background:radial-gradient(120% 120% at 60% 40%,#6b3d10,#140f0a)}.plate-static.mood-2{background:radial-gradient(120% 120% at 55% 45%,#0f4a52,#08131a)}.plate-static.mood-3{background:radial-gradient(120% 120% at 70% 60%,#7a4517,#1a0f08)}.plate-static.mood-4{background:radial-gradient(120% 120% at 50% 70%,#7a441c,#150d09)}.plate-static.mood-5{background:radial-gradient(120% 120% at 50% 35%,#fbf3e6,#ead9c2)}.ghost-year{z-index:0;letter-spacing:-.03em;color:var(--fg);opacity:.06;white-space:nowrap;pointer-events:none;will-change:transform;font-family:Archivo,sans-serif;font-size:30vh;font-weight:800;line-height:1;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.chapter-inner{z-index:3;box-sizing:border-box;text-align:left;width:min(56vw,760px);max-width:min(56vw,760px);padding:0 clamp(24px,3vw,48px);position:relative}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--amber);margin-bottom:18px;font-size:11px;font-weight:400}.chapter-title{color:var(--cream);text-shadow:0 4px 40px #0000008c;clip-path:inset(0 50%);opacity:0;margin:0 0 22px;font-family:Fraunces,serif;font-size:clamp(2.6rem,6.4vw,5.2rem);font-style:italic;font-weight:900;line-height:.98;transition:clip-path .9s cubic-bezier(.19,1,.22,1),opacity .6s}.chapter.revealed .chapter-title{clip-path:inset(0 0%);opacity:1}.chapter-lines{opacity:0;max-width:100%;transition:transform .8s .15s,opacity .8s .15s;transform:translateY(16px)}.chapter.revealed .chapter-lines{opacity:1;transform:none}.chapter-lines p{color:var(--cream);opacity:.82;overflow-wrap:break-word;margin:0 0 12px;font-size:clamp(1rem,1.35vw,1.28rem);line-height:1.6}.chapter-lines p:first-child{opacity:.95;font-size:clamp(1.1rem,1.7vw,1.5rem);font-weight:400}.chapter-artifact{opacity:0;margin-top:30px;transition:transform .8s .28s,opacity .8s .28s;transform:translateY(20px)}.chapter.revealed .chapter-artifact{opacity:1;transform:none}.art-stat{flex-wrap:wrap;align-items:baseline;gap:14px;display:flex}.stat-value{color:var(--amber);font-family:Archivo,sans-serif;font-size:clamp(3rem,7vw,5.5rem);font-weight:800;line-height:.9}.stat-unit{color:var(--cream);font-family:Fraunces,serif;font-size:1.4rem;font-style:italic}.stat-caption{opacity:.7;color:var(--cream);flex-basis:100%;margin:6px 0 0;font-size:.95rem}.credits-head{letter-spacing:.2em;text-transform:uppercase;color:var(--amber);margin-bottom:14px;font-size:11px}.credits-roll{margin:0;padding:0;list-style:none}.credits-roll li{animation:.7s cubic-bezier(.19,1,.22,1) both credit-rise;animation-delay:calc(var(--i) * 90ms);border-bottom:1px solid #f3e9dc1f;align-items:baseline;gap:14px;padding:8px 0;display:flex}.revealed .credits-roll li{animation-play-state:running}@keyframes credit-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}.credits-role{letter-spacing:.2em;text-transform:uppercase;opacity:.5;min-width:88px;color:var(--cream);font-size:10px}.credits-name{color:var(--cream);font-family:Fraunces,serif;font-size:clamp(1.3rem,2.6vw,2.1rem);font-style:italic;font-weight:900}.art-locations{flex-wrap:wrap;gap:16px;display:flex}.loc-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#00000040;border:1px solid #f3e9dc29;border-radius:4px;min-width:180px;padding:16px 18px}.loc-name{color:var(--cream);font-family:Fraunces,serif;font-size:1.25rem;font-style:italic;font-weight:900}.loc-note{opacity:.65;color:var(--cream);margin-top:4px;font-size:.85rem}.art-principles{margin:0;padding:0;list-style:none}.art-principles li{color:var(--cream);opacity:.9;padding:8px 0 8px 26px;font-size:1.05rem;position:relative}.art-principles li:before{content:"";background:var(--amber);width:12px;height:2px;position:absolute;top:16px;left:0}.art-works{grid-template-columns:repeat(3,1fr);gap:14px;width:min(84vw,1000px);display:grid}.work-card{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);transform-style:preserve-3d;will-change:transform;background:#0000004d;border:1px solid #f3e9dc29;border-radius:6px;padding:18px;text-decoration:none;transition:box-shadow .25s,border-color .25s,transform .12s ease-out;display:block}.work-card:hover{border-color:var(--amber);box-shadow:0 0 0 1px var(--amber), 0 24px 60px -30px var(--amber)}.work-card h4{color:var(--cream);margin:0 0 8px;font-family:Fraunces,serif;font-size:1.15rem;font-style:italic;font-weight:900}.work-q{color:var(--cream);opacity:.85;margin:0 0 10px;font-size:.92rem}.work-method{opacity:.6;color:var(--cream);margin:0 0 14px;font-size:.78rem}.work-go{letter-spacing:.14em;text-transform:uppercase;color:var(--amber);font-size:.72rem}.art-contact{flex-direction:column;gap:18px;display:flex}.contact-email{color:var(--amber);width:fit-content;font-family:Fraunces,serif;font-size:clamp(1.6rem,4vw,2.8rem);font-style:italic;font-weight:900;text-decoration:none}.contact-email:hover{text-decoration:underline}.contact-links{gap:22px;display:flex}.contact-links a{letter-spacing:.16em;text-transform:uppercase;opacity:.85;align-items:center;min-height:44px;font-size:12px;text-decoration:none;display:inline-flex}.contact-links a:hover{color:var(--amber);opacity:1}.letterbox{width:100%;height:var(--bar-h);z-index:40;pointer-events:none;background:#000;position:fixed;left:0}.letterbox-top{top:0}.letterbox-bottom{bottom:0}.vignette{z-index:20;pointer-events:none;background:radial-gradient(120% 100%,#0000 55%,#00000080 100%);position:fixed;inset:0}.film-grain{z-index:45;pointer-events:none;opacity:.045;mix-blend-mode:overlay;width:100%;height:100%;image-rendering:pixelated;position:fixed;inset:0}.timeline{left:32px;right:32px;bottom:calc(var(--bar-h) + 16px);z-index:42;pointer-events:none;position:fixed}.tl-label{mix-blend-mode:difference;color:var(--cream);align-items:baseline;gap:12px;margin-bottom:8px;display:flex}.tl-num{letter-spacing:.1em;font-family:Archivo,sans-serif;font-size:12px;font-weight:800}.tl-name{letter-spacing:.18em;text-transform:uppercase;opacity:.75;font-size:11px}.tl-track{pointer-events:auto;background:#f3e9dc33;height:2px;position:relative}.tl-fill{background:var(--amber);transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.tl-head{background:var(--amber);width:9px;height:9px;box-shadow:0 0 12px var(--amber);border-radius:50%;position:absolute;top:50%;left:0;transform:translate(-50%,-50%)}.tl-tick{cursor:pointer;background:0 0;border:none;place-items:center;width:44px;height:44px;padding:0;display:grid;position:absolute;top:50%;transform:translate(-50%,-50%)}.tl-tick:after{content:"";background:#f3e9dc73;width:2px;height:10px;transition:background .2s,height .2s}.tl-tick:hover:after,.tl-tick.is-active:after{background:var(--amber);height:15px}.tl-tick-year{letter-spacing:.05em;color:var(--cream);opacity:0;white-space:nowrap;font-family:Archivo,sans-serif;font-size:9px;font-weight:800;transition:opacity .2s;position:absolute;bottom:100%}.tl-tick:hover .tl-tick-year,.tl-tick.is-active .tl-tick-year{opacity:.8}.chronicle-footer{z-index:30;text-align:center;padding:26px 20px calc(var(--bar-h) + 26px);letter-spacing:.06em;opacity:.6;font-size:12px;position:relative}.chronicle-footer a{color:var(--amber);text-decoration:none}.chronicle-footer a:hover{text-decoration:underline}@media (width<=768px){.masthead{left:20px}.reel-vertical .chapter{flex:none;width:100%;height:auto;min-height:100vh;padding:14vh 0 10vh}.chapter-media{width:88vw;height:52vh;margin:0 auto 6vh;position:relative;top:auto;left:auto;transform:none}.chapter-inner{text-align:left;width:88vw}.ghost-year{opacity:.05;font-size:22vh}.art-works{grid-template-columns:1fr;width:100%}.art-locations{flex-direction:column}.timeline{left:16px;right:16px}.tl-name{display:none}}@media (prefers-reduced-motion:reduce){.reel,.reel-vertical{height:auto;overflow:visible}.chapter{flex:none;width:100%;height:auto;min-height:100vh;padding:12vh 0 8vh}.chapter-media{width:88vw;height:46vh;margin:0 auto 6vh;position:relative;top:auto;left:auto;transform:none}.chapter-title{clip-path:none;opacity:1;transition:none}.chapter-lines,.chapter-artifact{opacity:1;transition:none;transform:none}.credits-roll li{animation:none}body{transition:none}}