@import url('https://fonts.googleapis.com/css2?family=Bebas+Neue&family=IBM+Plex+Mono:wght@400;600&family=Libre+Baskerville:ital,wght@0,700;1,700&display=swap');
:root{--amber:#f4a316;--amber2:#ffc34e;--paper:#f5eddc;--ink:#0b0c0b;--muted:#665c4d;--line:#c8b99d;--white:#fffaf0}*{box-sizing:border-box}html{scroll-behavior:smooth;overflow-x:clip}body{margin:0;background:var(--ink);color:var(--ink);font-family:'IBM Plex Mono',monospace;overflow-x:clip}a,button{font:inherit}button{cursor:pointer}.site-header{position:fixed;z-index:50;left:0;right:0;top:0;height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;background:#0b0c0bed;border-bottom:1px solid #f4a31677;backdrop-filter:blur(12px)}.brand{display:flex;align-items:center;gap:12px;color:var(--white);text-decoration:none}.brand img{width:48px;height:auto;aspect-ratio:1;object-fit:cover;border:1px solid var(--amber)}.brand span{display:grid}.brand b{font:27px 'Bebas Neue',sans-serif;letter-spacing:.07em}.brand small{font-size:7px;letter-spacing:.14em;color:var(--amber)}nav{display:flex;align-items:center;gap:22px}nav a,nav button{color:var(--white);background:none;border:0;text-decoration:none;font-size:9px;font-weight:600;letter-spacing:.08em;padding:11px 0}nav a:hover{color:var(--amber)}nav button{border:1px solid var(--amber);color:var(--amber);padding:11px 13px}.menu{display:none;background:none;border:1px solid var(--amber);color:var(--amber);padding:10px 12px;font-size:9px;font-weight:600}.menu i{font-style:normal;font-size:16px}.hero{position:relative;min-height:780px;height:100svh;overflow:hidden;background:var(--amber)}.hero-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:57% center}.hero-wash{position:absolute;inset:0;background:linear-gradient(90deg,#f4a316 0 25%,#f4a316e8 40%,transparent 65%),linear-gradient(0deg,#0b0c0b66,transparent 30%)}.hero-copy{position:relative;z-index:4;width:min(690px,48vw);padding:clamp(120px,16vh,165px) 5vw 70px}.coordinates{display:flex;gap:15px;border-block:1px solid var(--ink);padding:10px 0;font-size:8px;letter-spacing:.08em}.coordinates b{margin-left:auto;background:var(--ink);color:var(--amber);padding:3px 8px}.kicker{font-size:9px;font-weight:600;letter-spacing:.14em}.hero .kicker{margin:34px 0 18px}.hero h1,.section-title h2,.status h2,.finale h2{font:clamp(110px,15vw,224px)/.66 'Bebas Neue',sans-serif;letter-spacing:-.025em;margin:0}.hero h1 em,.section-title h2 em,.status h2 em,.finale h2 em{display:block;font:italic 700 .56em/1 'Libre Baskerville',serif;color:var(--white);text-shadow:4px 4px 0 var(--ink)}.lead{font:700 19px/1.45 'Libre Baskerville',serif;max-width:520px;margin:34px 0}.hero-actions{display:flex;gap:10px}.button{min-width:180px;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;padding:15px 18px;border:2px solid var(--ink);font-size:9px;font-weight:600;text-decoration:none;transition:.2s}.button.solid{background:var(--ink);color:var(--amber);box-shadow:7px 7px 0 var(--white)}.button.outline{background:#f4a316c9;color:var(--ink)}.button:hover{transform:translate(-3px,-3px);box-shadow:10px 10px 0 var(--white)}.route-map{position:absolute;z-index:3;inset:0;width:100%;height:100%;pointer-events:none}.route-map path{fill:none;stroke:var(--white);stroke-width:2;stroke-dasharray:11 12;animation:routeFlow 8s linear infinite}.route-map circle{fill:var(--ink);stroke:var(--white);stroke-width:2;animation:markerPulse 2s ease-in-out infinite}@keyframes routeFlow{to{stroke-dashoffset:-460}}@keyframes markerPulse{50%{r:14;opacity:.5}}.contours{position:absolute;z-index:2;right:5vw;bottom:8vh;width:42vw;height:42vw;pointer-events:none}.contours i{position:absolute;inset:var(--n,0);border:1px solid #fff6;border-radius:43% 57% 55% 45%;animation:contour 9s ease-in-out infinite}.contours i:nth-child(2){--n:35px;animation-delay:-2s}.contours i:nth-child(3){--n:70px;animation-delay:-4s}.contours i:nth-child(4){--n:105px;animation-delay:-6s}@keyframes contour{50%{transform:rotate(5deg) scale(1.03);border-radius:55% 45% 40% 60%}}.hero-index{position:absolute;z-index:4;right:4vw;bottom:28px;display:grid;grid-template-columns:auto auto auto;align-items:end;gap:16px;color:var(--white);font-size:7px;letter-spacing:.12em}.hero-index b{font:700 28px 'Libre Baskerville',serif;color:var(--amber)}.field-strip{display:grid;grid-template-columns:repeat(4,1fr);background:var(--ink);color:var(--white);border-bottom:1px solid #f4a31666}.field-strip div{padding:24px 4vw;border-right:1px solid #ffffff22}.field-strip div:last-child{border:0}.field-strip span{display:block;color:var(--amber);font-size:7px;letter-spacing:.12em}.field-strip b{display:block;font:24px 'Bebas Neue',sans-serif;margin-top:7px;letter-spacing:.04em}.section{padding:120px 5vw}.paper{background:var(--paper)}.ink{background:var(--ink);color:var(--white)}.amber{background:var(--amber)}.section-title>p{font-size:8px;letter-spacing:.15em;font-weight:600;border-left:34px solid var(--amber);padding-left:12px}.amber .section-title>p{border-color:var(--ink)}.section-title h2{font-size:clamp(80px,10vw,150px);line-height:.77;margin:38px 0 75px}.section-title h2 em{color:var(--amber);text-shadow:none}.amber .section-title h2 em{color:var(--white);text-shadow:3px 3px 0 var(--ink)}.section-title.inverse>p{border-color:var(--amber)}.about-grid{display:grid;grid-template-columns:minmax(330px,.78fr) 1.3fr;gap:7vw;align-items:start}.identity-plate{border:1px solid var(--ink);padding:14px;background:#e8ddc9;box-shadow:13px 13px 0 var(--amber);position:sticky;top:105px}.plate-label,.measurements{display:flex;justify-content:space-between;font-size:7px;letter-spacing:.08em;padding:8px 2px}.identity-plate img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.measurements{border-top:1px solid var(--ink);margin-top:12px}.long-copy .intro{font:700 clamp(27px,3.2vw,48px)/1.25 'Libre Baskerville',serif;margin:0 0 65px}.long-copy .intro strong{color:#ad6200}.copy-columns{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink)}.copy-columns div{padding:28px 28px 32px 0;border-bottom:1px solid var(--line)}.copy-columns div:nth-child(2n){padding-left:28px;border-left:1px solid var(--line)}.copy-columns h3{font:27px 'Bebas Neue',sans-serif;letter-spacing:.04em;margin:0 0 13px}.copy-columns p{font-size:11px;line-height:1.75;color:var(--muted);margin:0}.journal{position:relative;overflow:hidden}.journal-route{position:absolute;left:calc(5vw + 28px);top:410px;bottom:140px;width:2px;background:#ffffff20}.journal-route i{display:block;width:2px;height:20%;background:var(--amber);animation:journalScan 4s ease-in-out infinite}@keyframes journalScan{50%{translate:0 400%}}.journal-list{max-width:1180px;margin-left:auto}.journal-list article{display:grid;grid-template-columns:70px 250px 1fr;gap:38px;align-items:center;min-height:330px;border-top:1px solid #ffffff22}.journal-list article:last-child{border-bottom:1px solid #ffffff22}.chapter-no{align-self:start;padding-top:34px;font:35px 'Bebas Neue',sans-serif;color:var(--amber)}.journal-list article>div:last-child>span{font-size:8px;color:var(--amber);letter-spacing:.12em}.journal-list h3{font:clamp(38px,5vw,75px)/.9 'Bebas Neue',sans-serif;margin:15px 0}.journal-list p{font-size:11px;line-height:1.7;color:#c8c3b8;max-width:680px}.chapter-symbol{width:210px;height:210px;border:1px solid #f4a31666;position:relative;display:grid;place-content:center;overflow:hidden}.chapter-symbol.sun:before,.chapter-symbol.sun:after{content:'';position:absolute;inset:36px;border:2px solid var(--amber);border-radius:50%;animation:sunRing 4s ease-in-out infinite}.chapter-symbol.sun:after{inset:72px;background:var(--amber)}.chapter-symbol.sun i{width:1px;height:180px;background:var(--amber);animation:spin 8s linear infinite}@keyframes sunRing{50%{transform:scale(1.12);opacity:.45}}@keyframes spin{to{transform:rotate(360deg)}}.chapter-symbol.trail{display:flex;align-items:center;justify-content:center;gap:12px}.chapter-symbol.trail i{width:38px;height:12px;background:var(--amber);clip-path:polygon(0 0,70% 0,100% 50%,70% 100%,0 100%,30% 50%);animation:trail 1.6s ease-in-out infinite}.chapter-symbol.trail i:nth-child(2){animation-delay:.2s}.chapter-symbol.trail i:nth-child(3){animation-delay:.4s}@keyframes trail{50%{transform:translateX(12px);opacity:.35}}.chapter-symbol.pack i{position:absolute;width:15px;height:15px;background:var(--amber);border-radius:50%;animation:pack 3s ease-in-out infinite}.chapter-symbol.pack i:nth-child(1){left:30px;top:90px}.chapter-symbol.pack i:nth-child(2){left:95px;top:35px;animation-delay:-.7s}.chapter-symbol.pack i:nth-child(3){right:30px;top:100px;animation-delay:-1.4s}.chapter-symbol.pack i:nth-child(4){left:96px;bottom:30px;animation-delay:-2.1s}@keyframes pack{50%{transform:scale(2);box-shadow:0 0 0 12px #f4a31618}}.compass-grid{display:grid;grid-template-columns:1.1fr .9fr;border:1px solid var(--ink);min-height:660px}.compass-stage{position:relative;display:grid;place-content:center;background:#d9ccb5;overflow:hidden;border-right:1px solid var(--ink)}.compass-stage>img{position:relative;z-index:3;width:min(360px,55%);height:auto;aspect-ratio:1;object-fit:contain;border:9px solid var(--paper);box-shadow:0 0 0 1px var(--ink)}.compass-rings{position:absolute;width:570px;height:570px;border:2px solid var(--ink);border-radius:50%;transition:transform .65s cubic-bezier(.2,.8,.2,1)}.compass-rings:before,.compass-rings:after{content:'';position:absolute;border:1px solid #0b0c0b55;border-radius:50%;inset:45px}.compass-rings:after{inset:105px}.compass-rings i{position:absolute;left:50%;top:50%;width:18px;height:49%;background:var(--amber);clip-path:polygon(50% 0,100% 100%,50% 84%,0 100%);transform:translate(-50%,-100%)}.compass-rings i:nth-of-type(2){transform:translate(-50%,-100%) rotate(90deg);transform-origin:50% 100%;opacity:.35}.compass-rings i:nth-of-type(3){transform:translate(-50%,-100%) rotate(270deg);transform-origin:50% 100%;opacity:.35}.compass-rings span{position:absolute;font:28px 'Bebas Neue',sans-serif}.compass-rings span:nth-of-type(1){top:12px;left:50%}.compass-rings span:nth-of-type(2){right:18px;top:49%}.compass-rings span:nth-of-type(3){bottom:10px;left:50%}.compass-rings span:nth-of-type(4){left:18px;top:49%}.bearing-readout{position:absolute;z-index:4;left:22px;bottom:22px}.bearing-readout span{display:block;font-size:7px}.bearing-readout b{font:52px 'Bebas Neue',sans-serif;color:#ad6200}.compass-controls{padding:55px;display:flex;flex-direction:column;justify-content:center}.micro{font-size:8px;letter-spacing:.12em;color:#ad6200}.compass-controls h3{font:clamp(38px,4.8vw,67px)/.94 'Bebas Neue',sans-serif;margin:25px 0}.compass-controls>p:not(.micro){font-size:11px;line-height:1.7;color:var(--muted)}.direction-buttons{display:grid;grid-template-columns:repeat(4,1fr);margin:32px 0}.direction-buttons button{border:1px solid var(--ink);border-right:0;background:transparent;padding:15px;font:28px 'Bebas Neue',sans-serif}.direction-buttons button:last-child{border-right:1px solid var(--ink)}.direction-buttons button small{display:block;font:7px 'IBM Plex Mono',monospace}.direction-buttons button.active{background:var(--ink);color:var(--amber)}.direction-note{display:grid;grid-template-columns:auto 1fr;gap:12px;padding-top:22px;border-top:1px solid var(--line);font-size:8px;line-height:1.5}.direction-note b{color:#ad6200}.motion-grid{display:grid;grid-template-columns:repeat(3,1fr);border:2px solid var(--ink)}.motion-grid article{padding:22px;border-right:2px solid var(--ink)}.motion-grid article:last-child{border:0}.motion-grid article>span{display:block;font-size:7px;letter-spacing:.12em;margin-top:20px}.motion-grid h3{font:38px 'Bebas Neue',sans-serif;margin:12px 0}.motion-grid p{font-size:10px;line-height:1.7}.motion-demo{height:250px;background:var(--ink);position:relative;overflow:hidden;display:grid;place-content:center}.motion-demo b{font:70px 'Bebas Neue',sans-serif;color:var(--amber)}.motion-demo.sweep i{position:absolute;inset:45px;border:1px solid #f4a31688;border-radius:50%;animation:sweepRing 3s ease-out infinite}.motion-demo.sweep i:nth-child(2){animation-delay:-1.5s}@keyframes sweepRing{from{transform:scale(.3);opacity:1}to{transform:scale(1.4);opacity:0}}.motion-demo.path{display:flex;align-items:center;justify-content:center;gap:10px}.motion-demo.path i{width:40px;height:8px;background:var(--amber);animation:pathDash 1.5s ease-in-out infinite}.motion-demo.path i:nth-child(2){animation-delay:-.3s}.motion-demo.path i:nth-child(3){animation-delay:-.6s}.motion-demo.path b{position:absolute}@keyframes pathDash{50%{transform:translateX(24px);opacity:.2}}.motion-demo.pulse i{position:absolute;width:11px;height:11px;background:var(--amber);border-radius:50%;animation:pack 2.5s ease-in-out infinite}.motion-demo.pulse i:nth-child(1){top:22%;left:20%}.motion-demo.pulse i:nth-child(2){top:28%;right:19%;animation-delay:-.5s}.motion-demo.pulse i:nth-child(3){bottom:20%;left:25%;animation-delay:-1s}.motion-demo.pulse i:nth-child(4){right:26%;bottom:28%;animation-delay:-1.5s}.enter{position:relative}.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #ffffff2a}.steps article{padding:35px 32px 45px 0;border-bottom:1px solid #ffffff2a}.steps article+article{padding-left:32px;border-left:1px solid #ffffff2a}.steps span{font:38px 'Bebas Neue',sans-serif;color:var(--amber)}.steps h3{font:42px 'Bebas Neue',sans-serif;margin:45px 0 15px}.steps p{font-size:10px;line-height:1.7;color:#c8c3b8}.status{display:grid;grid-template-columns:1fr .85fr;align-items:center;gap:7vw}.status h2{font-size:clamp(70px,8vw,120px);margin:28px 0}.status h2 em{color:#ad6200;text-shadow:none}.status-copy>p:last-child{max-width:650px;font-size:11px;line-height:1.75;color:var(--muted)}.status-board{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink);box-shadow:13px 13px 0 var(--amber)}.status-board div{padding:27px;border-right:1px solid var(--ink);border-bottom:1px solid var(--ink)}.status-board div:nth-child(2n){border-right:0}.status-board span{display:block;font-size:7px}.status-board strong{display:block;font:30px 'Bebas Neue',sans-serif;margin-top:7px}.status-board button{grid-column:1/-1;border:0;background:var(--ink);color:var(--amber);padding:17px;font-size:8px;font-weight:600}.finale{position:relative;min-height:720px;background:var(--amber);display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:7vw;padding:90px 5vw;overflow:hidden}.finale>div:not(.finale-contours){position:relative;z-index:2}.finale>div>p{font-size:9px;font-weight:600;letter-spacing:.12em}.finale h2{font-size:clamp(80px,10vw,155px);margin:30px 0 50px}.finale h2 em{color:var(--white)}.finale figure{position:relative;z-index:2;margin:0;background:var(--paper);padding:14px;border:1px solid var(--ink);box-shadow:15px 15px 0 #7d4700;transform:rotate(2deg)}.finale figure img{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain}.finale figcaption{padding:12px 3px 0;font-size:8px}.finale-contours{position:absolute;inset:0;pointer-events:none}.finale-contours i{position:absolute;width:65vw;height:65vw;border:2px solid #0b0c0b33;border-radius:45% 55%;right:-15vw;top:-10vw;animation:contour 8s ease-in-out infinite}.finale-contours i:nth-child(2){transform:scale(.78);animation-delay:-2.5s}.finale-contours i:nth-child(3){transform:scale(.56);animation-delay:-5s}footer{min-height:150px;background:#060706;color:var(--white);display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;padding:30px 4vw;border-top:1px solid #f4a31666}footer>p{text-align:center;font-size:8px;line-height:1.7}footer>p small{color:var(--amber)}footer>div{display:flex;justify-content:flex-end;gap:8px}footer button{border:1px solid var(--amber);background:none;color:var(--amber);padding:11px;font-size:8px;font-weight:600}#toast{position:fixed;z-index:100;left:50%;bottom:22px;translate:-50% 170%;max-width:calc(100vw - 30px);background:var(--paper);color:var(--ink);border:2px solid var(--ink);padding:15px 21px;box-shadow:7px 7px 0 var(--amber);font-size:8px;font-weight:600;text-align:center;transition:.22s}#toast.show{translate:-50% 0}#toast:empty{display:none}:focus-visible{outline:3px solid var(--white);outline-offset:4px}
@media(max-width:1000px){.hero-copy{width:58vw}.about-grid{grid-template-columns:1fr}.identity-plate{position:relative;top:auto;max-width:620px}.journal-list article{grid-template-columns:60px 180px 1fr}.chapter-symbol{width:160px;height:160px}.compass-grid{grid-template-columns:1fr}.compass-stage{min-height:650px;border-right:0;border-bottom:1px solid var(--ink)}.motion-grid{grid-template-columns:1fr 1fr}.motion-grid article:nth-child(2){border-right:0}.motion-grid article:last-child{grid-column:1/-1;border-top:2px solid var(--ink)}.status{grid-template-columns:1fr}.status-board{max-width:720px}.finale{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.site-header{height:70px;padding:0 15px}.brand img{width:44px}.brand b{font-size:23px}.menu{display:block}nav{display:none;position:fixed;left:0;right:0;top:70px;padding:18px;background:#0b0c0bf7;border-bottom:1px solid var(--amber);flex-direction:column;align-items:stretch}nav.open{display:flex}nav a,nav button{text-align:left;padding:13px}.hero{height:auto;min-height:920px}.hero-art{height:48%;object-position:68% center}.hero-wash{background:linear-gradient(0deg,var(--amber) 0 50%,transparent 74%),linear-gradient(90deg,#f4a31655,transparent)}.hero-copy{width:100%;padding:430px 20px 90px}.hero h1{font-size:31vw}.coordinates{width:100%}.lead{font-size:16px;margin:26px 0}.hero-index{display:none}.contours{width:85vw;height:85vw;right:-26vw;bottom:50%}.field-strip{grid-template-columns:1fr 1fr}.field-strip div:nth-child(2){border-right:0}.section{padding:85px 18px}.section-title h2{font-size:19vw;margin-bottom:55px}.about-grid{gap:60px}.identity-plate{box-shadow:8px 8px 0 var(--amber)}.copy-columns{grid-template-columns:1fr}.copy-columns div,.copy-columns div:nth-child(2n){padding:24px 0;border-left:0}.journal-route{display:none}.journal-list article{grid-template-columns:50px 1fr;gap:15px;padding:28px 0}.journal-list article .chapter-symbol{grid-column:2}.journal-list article>div:last-child{grid-column:2}.chapter-symbol{width:100%;height:180px}.compass-stage{min-height:530px}.compass-rings{width:450px;height:450px}.compass-stage>img{width:55%}.compass-controls{padding:38px 22px}.motion-grid{grid-template-columns:1fr}.motion-grid article,.motion-grid article:nth-child(2){border-right:0;border-bottom:2px solid var(--ink)}.motion-grid article:last-child{grid-column:auto;border-bottom:0;border-top:0}.steps{grid-template-columns:1fr}.steps article,.steps article+article{padding:30px 0;border-left:0}.finale{grid-template-columns:1fr;padding:80px 18px;gap:55px}.finale figure{transform:none}footer{grid-template-columns:1fr}footer>p{text-align:left}footer>div{justify-content:flex-start}}
@media(max-width:640px){.hero{min-height:900px}.hero-art{height:45%;object-position:70% center}.hero-copy{padding-top:390px}.hero h1{font-size:33vw}.hero-actions{display:grid}.button{width:100%}.field-strip b{font-size:20px}.section-title h2{font-size:20vw}.long-copy .intro{font-size:25px}.direction-buttons button{padding:11px}.compass-rings{width:390px;height:390px}.compass-stage{min-height:470px}.bearing-readout b{font-size:43px}.status-board{grid-template-columns:1fr}.status-board div{border-right:0}.finale h2{font-size:21vw}footer>div{display:grid}footer button{width:100%}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.route-map,.contours{display:none}}