:root{--font-display: museo-sans, sans-serif;--font-body: museo-sans-rounded, sans-serif;--text-0: 13.3333px;--text-1: 14px;--text-2: 16px;--text-3: 17.3333px;--text-4: 18.6667px;--text-5: 21.3333px;--text-6: 26.6667px;--text-7: 30.6667px;--text-8: 36px;--text-9: 51.2px;--text-10: 64px;--text-11: 76px;--text-12: 133.333px;--type-ratio: 1.174;--bg: #012423;--surface-1: #015c56;--ink: #fdcaa7;--ink-muted: #ea9f6e;--accent-1: #010202;--accent-2: #d40506;--accent-3: #fdcaa7;--space-unit: 4px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--dur-0: .15s;--dur-1: .25s;--dur-2: .3s;--ease-0: ease;--ease-1: ease-out;--radius-0: 3.35544e+07px}@font-face{font-family:museo-sans;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/museo-sans-300.woff) format("woff")}@font-face{font-family:museo-sans;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/museo-sans-500.woff) format("woff")}@font-face{font-family:museo-sans;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/museo-sans-700.woff) format("woff")}@font-face{font-family:museo-sans;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/museo-sans-900.woff) format("woff")}@font-face{font-family:museo-sans-rounded;font-style:normal;font-weight:300;font-display:swap;src:url(/fonts/museo-sans-rounded-300.woff) format("woff")}@font-face{font-family:museo-sans-rounded;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/museo-sans-rounded-500.woff) format("woff")}@font-face{font-family:museo-sans-rounded;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/museo-sans-rounded-700.woff) format("woff")}@font-face{font-family:museo-sans-rounded;font-style:normal;font-weight:900;font-display:swap;src:url(/fonts/museo-sans-rounded-900.woff) format("woff")}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-snap-type:y mandatory}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-size:var(--text-2);font-weight:500;line-height:23.3333px;overflow-x:clip}img,svg{display:block;max-width:100%}h1,h2,h3{font-family:var(--font-display);font-weight:900;line-height:1;text-transform:uppercase}.scene{position:relative;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;overflow:hidden}@media(max-width:980px){.scene{height:auto;min-height:100svh;scroll-snap-stop:normal}}.scene-inner{position:relative;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6svh 6vw;gap:var(--space-4)}.kicker{font-size:var(--text-1);font-weight:700;text-transform:uppercase;letter-spacing:var(--space-1);color:var(--ink-muted)}.kicker-red{color:var(--accent-2)}.scene-title{font-size:var(--text-9);color:var(--ink);-webkit-text-stroke:2px var(--accent-1);text-shadow:var(--space-1) var(--space-1) 0 var(--accent-1),calc(var(--space-1) + 2px) calc(var(--space-1) + 2px) 0 var(--accent-2)}.title-red{color:var(--accent-2)}.lead{max-width:calc(var(--space-unit) * 150);font-size:var(--text-3);line-height:26.6667px}.lead strong{color:var(--ink-muted);font-weight:700}.chips{display:flex;gap:var(--space-4);flex-wrap:wrap;justify-content:center}.chip{border:2px solid var(--accent-1);background:var(--accent-3);color:var(--accent-1);padding:var(--space-2) var(--space-4);text-align:center}.chip-num{display:block;font-family:var(--font-display);font-size:var(--text-6);font-weight:900;line-height:1}.chip-label{display:block;font-size:var(--text-0);font-weight:700;text-transform:uppercase;letter-spacing:1px}.stamp{display:inline-block;font-family:var(--font-display);font-weight:900;color:var(--accent-3);background:var(--accent-2);border:2px solid var(--accent-1);padding:var(--space-2);clip-path:polygon(3% 6%,97% 0%,100% 50%,96% 96%,4% 100%,0% 46%);transition:rotate var(--dur-0) var(--ease-1)}.stamp:hover{rotate:-12deg}.stamp-vertical{writing-mode:vertical-rl;font-size:var(--text-6);letter-spacing:var(--space-1);padding:var(--space-3) var(--space-2)}.panel{position:relative;border:2px solid var(--accent-1);isolation:isolate;color:var(--accent-1);transition:translate var(--dur-1) var(--ease-1)}.panel:hover{translate:2px 2px}.panel:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-3);z-index:-1}.panel:after{content:"";position:absolute;inset:var(--space-2) calc(-1 * var(--space-2)) calc(-1 * var(--space-2)) var(--space-2);background:var(--accent-1);z-index:-2}.onoma{position:absolute;font-family:var(--font-display);font-weight:900;font-size:var(--text-8);color:var(--accent-2);-webkit-text-stroke:2px var(--accent-1);text-shadow:var(--space-1) var(--space-1) 0 var(--accent-1);rotate:-12deg;pointer-events:none;z-index:2}.onoma-in{display:inline-block;animation:vibration 2.5s ease infinite}@keyframes frappe{0%{opacity:0;transform:scale(1.6)}70%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes surgissement{0%{opacity:0;scale:1.9;rotate:10deg}60%{opacity:1;scale:.94;rotate:-16deg}to{opacity:1;scale:1;rotate:-12deg}}@keyframes impactIn{0%{opacity:0;transform:translateY(calc(var(--space-unit) * 12)) scale(1.3)}14%{opacity:1;transform:translateY(calc(-1 * var(--space-2))) scale(.98)}28%{transform:translateY(var(--space-1)) scale(1.01)}42%{transform:translateY(-2px) scale(1)}56%{transform:translateY(1px) scale(1)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(var(--space-6))}to{opacity:1;transform:translateY(0)}}@keyframes flashOut{0%{opacity:0}30%{opacity:1}to{opacity:0}}@keyframes shakeX{0%,to{transform:translate(0)}10%{transform:translate(calc(-1 * var(--space-1)),2px)}20%{transform:translate(var(--space-1),-2px)}30%{transform:translate(-2px,var(--space-1))}40%{transform:translate(2px,calc(-1 * var(--space-1)))}50%{transform:translate(calc(-1 * var(--space-1)),-2px)}60%{transform:translate(var(--space-1),2px)}70%{transform:translate(-2px,calc(-1 * var(--space-1)))}80%{transform:translate(2px,var(--space-1))}90%{transform:translate(-2px,-2px)}}@keyframes vibration{0%,to{transform:translate(0)}10%{transform:translate(1px,-1px)}20%{transform:translate(-1px,1px)}30%{transform:translate(1px,1px)}40%{transform:translate(-1px,-1px)}50%{transform:translate(1px)}60%{transform:translate(-1px)}70%{transform:translateY(1px)}80%{transform:translateY(-1px)}90%{transform:translate(1px,-1px)}}@keyframes flottement{0%{transform:translateY(0) rotate(-1deg)}50%{transform:translateY(calc(-1 * var(--space-2))) rotate(1deg)}to{transform:translateY(0) rotate(-1deg)}}@keyframes echo{0%{transform:scale(1)}2%{transform:scale(1.03)}4%{transform:scale(1)}to{transform:scale(1)}}@keyframes gronde{0%,6%,to{transform:translate(0)}1%{transform:translate(-2px,2px)}2%{transform:translate(2px,-2px)}3%{transform:translate(-2px,-2px)}4%{transform:translate(2px,2px)}5%{transform:translate(-2px)}}.fx{opacity:0}.scene.active .fx-kick{animation:fadeUp .3s ease-out both}.scene.active .fx-title{animation:frappe .25s cubic-bezier(.645,.045,.355,1) .15s both}.scene.active .fx-lead{animation:fadeUp .3s ease-out .35s both}.scene.active .fx-art{animation:impactIn .8s cubic-bezier(.645,.045,.355,1) .25s both}.scene.active .fx-chips{animation:fadeUp .3s ease-out .5s both}.scene.active .fx-late{animation:fadeUp .3s ease-out .65s both}.scene.active .fx-onoma{animation:surgissement .25s cubic-bezier(.645,.045,.355,1) .65s both}.scene-flash{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--accent-3);opacity:0;pointer-events:none;z-index:4}.scene.active .scene-flash{animation:flashOut .15s ease-out .45s both}.scene.active .fx-shake{animation:shakeX .3s ease-out .5s}@keyframes frappe-secousse{0%{opacity:0;transform:scale(1.6) translate(0)}40%{opacity:1;transform:scale(.96) translate(0)}55%{transform:scale(1) translate(calc(-1 * var(--space-1)),2px)}70%{transform:scale(1) translate(var(--space-1),-2px)}85%{transform:scale(1) translate(-2px,-2px)}to{opacity:1;transform:scale(1) translate(0)}}.scene.active .fx-title.fx-shake{animation:frappe-secousse .6s cubic-bezier(.645,.045,.355,1) .15s both}.loop-float{animation:flottement 8s ease infinite}.loop-float-slow{animation:flottement 9s ease infinite}.loop-echo{animation:echo 7.5s ease infinite}.loop-gronde{animation:gronde 8.5s ease infinite}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:var(--accent-3);display:flex;align-items:center;justify-content:center;overflow:hidden;pointer-events:none;animation:loaderOut .3s var(--ease-1) 2s both}@keyframes loaderOut{to{opacity:0}}.loader-sun{width:44vmin;height:44vmin;background:var(--accent-2);border:2px solid var(--accent-1);border-radius:50%;animation:loaderSun .8s cubic-bezier(.645,.045,.355,1) both}@keyframes loaderSun{0%{transform:translateY(70vh) scale(.7)}}.loader-word{position:absolute;font-family:var(--font-display);font-size:var(--text-9);font-weight:900;text-transform:uppercase;letter-spacing:var(--space-2);color:var(--accent-1);text-shadow:var(--space-1) var(--space-1) 0 var(--accent-2),calc(var(--space-1) + 2px) calc(var(--space-1) + 2px) 0 var(--accent-2);animation:punchWord .25s cubic-bezier(.645,.045,.355,1) .9s both}@keyframes punchWord{0%{opacity:0;transform:scale(1.6)}70%{opacity:1;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.side-nav{position:fixed;right:var(--space-6);top:50%;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:var(--space-3)}.side-link{position:relative;display:flex;align-items:center;text-decoration:none}.side-dot{width:var(--space-3);height:var(--space-3);flex:none;border:2px solid var(--ink-muted);border-radius:50%;background:none;transition:background-color var(--dur-1) var(--ease-1),border-color var(--dur-1) var(--ease-1)}.side-link:hover .side-dot{border-color:var(--accent-2)}.side-link.on .side-dot{background:var(--accent-2);border-color:var(--accent-2)}.side-label{position:absolute;right:calc(100% + var(--space-2));top:50%;translate:0 -50%;font-size:var(--text-0);font-weight:700;text-transform:uppercase;letter-spacing:1px;color:var(--ink-muted);opacity:0;transition:opacity var(--dur-1) var(--ease-1);white-space:nowrap;pointer-events:none}.side-link:hover .side-label,.side-link.on .side-label{opacity:1}.side-link.on .side-label{color:var(--ink)}.op-stack{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:calc(var(--space-unit) * 8);padding-bottom:10svh}.op-kabuto-wrap{width:min(30vmin,20svh);z-index:2}.op-kabuto{width:100%}.op-lockup{position:relative;isolation:isolate;display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-3);padding:calc(var(--space-unit) * 12) calc(var(--space-unit) * 10)}.op-lines{position:absolute;top:50%;left:50%;width:150vmin;height:150vmin;max-width:none;translate:-50% -50%;opacity:.4;z-index:-2;animation:flottement 9s ease infinite}.op-sun{position:absolute;top:50%;left:50%;width:min(50vmin,46svh);height:min(50vmin,46svh);translate:-50% -50%;background:var(--accent-2);border:2px solid var(--accent-1);border-radius:50%;z-index:-1;animation:echo 7.5s ease infinite}.op-kumo{position:absolute;width:32vmin;opacity:.7;animation:flottement 9s ease infinite}.op-kumo-l{left:4%;top:14%}.op-kumo-r{right:6%;top:60%;animation-duration:7.5s}.op-era{font-size:var(--text-3);font-weight:700;letter-spacing:var(--space-1);text-transform:uppercase;color:var(--ink-muted)}.op-title{font-size:var(--text-12);letter-spacing:var(--space-3);color:var(--ink);-webkit-text-stroke:2px var(--accent-1);text-shadow:var(--space-2) var(--space-2) 0 var(--accent-1),var(--space-3) var(--space-3) 0 var(--accent-2)}.op-sub{font-family:var(--font-display);font-size:var(--text-6);font-weight:700;text-transform:uppercase;letter-spacing:var(--space-1);color:var(--ink-muted)}.op-tagline{font-size:var(--text-1);font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--ink-muted)}.op-onoma{top:calc(-1 * var(--space-unit) * 2);right:calc(-1 * var(--space-unit) * 6);font-size:var(--text-8)}.marquee{position:absolute;left:0;right:0;bottom:0;overflow:hidden;background:var(--accent-1);padding:var(--space-3) 0}.marquee-inner{display:flex;gap:var(--space-8);width:max-content;animation:marqueeLoop 9s ease infinite alternate;will-change:transform}@keyframes marqueeLoop{to{transform:translate(calc(var(--space-unit) * -120))}}.marquee-word{font-family:var(--font-display);font-size:var(--text-6);font-weight:900;text-transform:uppercase;color:var(--ink-muted);white-space:nowrap}.marquee-word:nth-child(2n){color:var(--accent-2)}@media(max-width:900px){.op-title{font-size:var(--text-10)}.op-kumo,.side-label{display:none}.side-nav{right:var(--space-3)}}@media(max-height:560px){.op-title{font-size:var(--text-10)}}@media(max-width:600px){.op-title{font-size:var(--text-9)}.op-sub{font-size:var(--text-5)}.op-onoma{right:4vw}}.scene-grid{height:100%;display:grid;grid-template-columns:1.1fr .9fr;align-items:start;gap:4vw;padding:13svh 8vw 8svh 6vw}.scene-art{align-self:center}.scene-copy{display:flex;flex-direction:column;align-items:flex-start;gap:var(--space-4);text-align:left}.prose{display:flex;flex-direction:column;gap:var(--space-3);max-width:calc(var(--space-unit) * 165);font-size:var(--text-2);line-height:23.3333px}.prose strong{color:var(--ink-muted);font-weight:700}.prose-center{align-items:center;text-align:center;margin:0 auto;max-width:calc(var(--space-unit) * 160)}.scene-art{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-6)}.scene-panel{width:100%;max-width:calc(var(--space-unit) * 100);padding:var(--space-6)}.scene-svg{width:100%;max-width:calc(var(--space-unit) * 90)}.scene-svg-wide{width:100%;max-width:calc(var(--space-unit) * 140)}.panel-caption{font-size:var(--text-0);font-weight:700;text-transform:uppercase;letter-spacing:1px;padding-top:var(--space-3);border-top:2px solid var(--accent-1);margin-top:var(--space-3)}.img-panel{width:100%;max-width:calc(var(--space-unit) * 110);padding:var(--space-3)}.scene-img{width:100%;height:auto;max-height:42svh;object-fit:cover;border:2px solid var(--accent-1)}.scene-img-tall{max-height:52svh}.img-panel .panel-caption{border-top:0;margin-top:var(--space-2);padding-top:0}.power{background:var(--surface-1)}.order{background:var(--bg)}.order .scene-grid{padding-bottom:15svh}.order-frieze{position:absolute;left:0;right:0;bottom:0;opacity:.55;pointer-events:none;overflow:hidden;animation:marche 9s ease infinite alternate}@keyframes marche{to{transform:translate(calc(var(--space-unit) * -30))}}.order-procession{width:120%;max-width:none;height:13svh}.city{background:var(--bg)}.flames{background:var(--accent-1)}.flames-grid{padding-bottom:20svh}.flames-onoma{top:calc(-1 * var(--space-unit) * 8);right:calc(-1 * var(--space-unit) * 4)}.flames .scene-title{text-shadow:var(--space-1) var(--space-1) 0 var(--accent-2),calc(var(--space-1) + 2px) calc(var(--space-1) + 2px) 0 var(--accent-2)}.flames-strip{position:absolute;left:0;right:0;bottom:0;height:18svh;pointer-events:none}.flames-svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.flames-back{opacity:.6;transform-origin:bottom;animation:flamme-lente 2.5s ease infinite alternate;will-change:transform}@keyframes flamme-lente{0%{transform:scaleY(.94) translate(0)}to{transform:scaleY(1.08) translate(calc(-1 * var(--space-2)))}}.flames-front{transform-origin:bottom;animation:flamme-vive 1.5s ease infinite alternate;will-change:transform}@keyframes flamme-vive{0%{transform:scaleX(-1) scaleY(1) translate(0)}to{transform:scaleX(-1) scaleY(1.12) translate(var(--space-2))}}.wave{background:var(--surface-1)}.wave-grid{padding-bottom:22svh}.wave-sea{position:absolute;left:0;right:0;bottom:0;height:20svh;pointer-events:none}.wave-boat{position:absolute;top:calc(-1 * var(--space-unit) * 10);left:50%;width:calc(var(--space-unit) * 32);margin-left:calc(var(--space-unit) * -16);animation:tangage 8s ease infinite}@keyframes tangage{0%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(calc(-1 * var(--space-3))) rotate(2deg)}to{transform:translateY(0) rotate(-2deg)}}.wave-strip{position:absolute;left:0;bottom:0;display:flex;width:200%;height:100%}.wave-back{bottom:6svh;height:70%;opacity:.55;animation:houle-lente 9s ease infinite alternate;will-change:transform}@keyframes houle-lente{0%{transform:translate(0) translateY(0)}to{transform:translate(-18%) translateY(var(--space-1))}}.wave-front{animation:houle-vive 7.5s ease infinite alternate;will-change:transform}@keyframes houle-vive{0%{transform:translate(-22%) translateY(0)}50%{transform:translate(-11%) translateY(calc(-1 * var(--space-2)))}to{transform:translate(0) translateY(0)}}.wave-svg{width:50%;height:100%;flex:none}.sword,.sakoku{background:var(--bg)}.sakoku-inner{position:relative;z-index:3;gap:var(--space-3)}.sakoku-door{position:absolute;top:0;bottom:0;width:50%;background:var(--accent-1);display:flex;align-items:center;z-index:1}.sakoku-door-left{left:0;justify-content:flex-end;border-right:2px solid var(--accent-3);transform:translate(-100%)}.sakoku-door-right{right:0;justify-content:flex-start;border-left:2px solid var(--accent-3);transform:translate(100%)}.scene.active .sakoku-door-left,.scene.active .sakoku-door-right{animation:porte .8s cubic-bezier(.645,.045,.355,1) .15s both}@keyframes porte{to{transform:translate(0)}}.sakoku-kanji{font-family:var(--font-display);font-size:var(--text-11);font-weight:900;color:var(--accent-3);padding:0 calc(var(--space-unit) * 12);opacity:.5}.sakoku-crest-wrap{position:absolute;top:2svh;left:50%;width:calc(var(--space-unit) * 20);margin-left:calc(var(--space-unit) * -10);z-index:2}.sakoku.active .scene-flash{animation-delay:.9s}.sakoku.active .fx-onoma{animation-delay:1.05s}.sakoku-img{max-width:calc(var(--space-unit) * 80)}.sakoku-img .scene-img{max-height:20svh}.sakoku-go{position:absolute;writing-mode:vertical-rl;top:14svh;right:14vw;font-size:var(--text-7)}.ships{background:var(--accent-1)}.ships-kumo{position:absolute;top:8svh;left:6vw;width:30vmin;opacity:.5;animation:flottement 8.5s ease infinite}.ships .prose strong,.flames .prose strong{color:var(--accent-2)}.finale{background:var(--bg)}.finale-inner{gap:var(--space-3)}.finale-sun{position:absolute;top:50%;left:50%;width:64vmin;height:64vmin;margin:-32vmin 0 0 -32vmin;background:var(--accent-2);border:2px solid var(--accent-1);border-radius:50%}.finale-kumo{position:absolute;width:30vmin;opacity:.7;animation:flottement 8.5s ease infinite}.finale-kumo-l{left:5%;top:14%}.finale-kumo-r{right:5%;bottom:20%;animation-duration:7.5s}.finale-year{font-family:var(--font-display);font-weight:900;font-size:var(--text-12);line-height:1;color:var(--ink);-webkit-text-stroke:2px var(--accent-1);text-shadow:var(--space-2) var(--space-2) 0 var(--accent-1),var(--space-3) var(--space-3) 0 var(--accent-2)}.finale-inner .prose{position:relative;z-index:1}.site-footer{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--space-6);padding:var(--space-4) var(--space-8);border-top:2px solid var(--accent-1)}.footer-word{font-family:var(--font-display);font-size:var(--text-4);font-weight:900;text-transform:uppercase;color:var(--ink)}.footer-note{font-size:var(--text-0);color:var(--ink-muted)}@media(max-width:980px){.scene-grid{grid-template-columns:1fr;height:auto;gap:var(--space-6);padding:10svh 8vw 12svh;align-content:start}.flames-grid,.wave-grid{padding-bottom:24svh}.scene-art{width:100%;align-items:center}.img-panel{max-width:calc(var(--space-unit) * 90)}.scene-img,.scene-img-tall{max-height:34svh}.scene-title{font-size:var(--text-8)}.finale-year{font-size:var(--text-10)}.order .scene-grid{padding-bottom:16svh}}@media(max-height:760px){.prose{font-size:var(--text-1);line-height:20px}.scene-title{font-size:var(--text-8)}.chip-num{font-size:var(--text-5)}}@media(max-width:600px){.chips{gap:var(--space-2)}.scene-title{font-size:var(--text-7)}.scene-stamp,.sakoku-go,.sakoku-crest-wrap,.flames-onoma{display:none}.prose{font-size:var(--text-1);line-height:20px}}