:root{--ink:#090b0a;--ink-2:#111513;--paper:#d7d8d2;--mist:#98a09d;--silver:#bcc6c5;--red:#8d1f1d;--indigo:#243452;--gold:#c4b58a;--display:'Shippori Mincho',serif;--body:'Zen Kaku Gothic New',sans-serif;--stage:0;--rain-opacity:.24}
*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--ink)}body{margin:0;background:var(--ink);color:var(--paper);font-family:var(--body);font-weight:400;overflow-x:hidden}a{color:inherit;text-decoration:none}button{font:inherit}.skip-link{position:fixed;left:1rem;top:-5rem;z-index:1000;background:var(--paper);color:var(--ink);padding:.8rem 1rem}.skip-link:focus{top:1rem}.grain{position:fixed;inset:0;z-index:90;pointer-events:none;opacity:.08;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='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E");mix-blend-mode:soft-light}.site-header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3.5vw;position:absolute;inset:0 0 auto;z-index:50;border-bottom:1px solid #d7d8d229}.brand{display:flex;align-items:center;gap:.75rem;width:max-content}.brand span{font:600 1.25rem var(--display);writing-mode:vertical-rl}.brand b{font-size:.72rem;letter-spacing:.24em}.site-header nav{display:flex;gap:2.5rem}.site-header nav a,.sound-switch{font-size:.68rem;letter-spacing:.17em;text-transform:uppercase}.site-header nav a{position:relative;padding:15px 2px}.site-header nav a:after{content:"";position:absolute;left:0;right:100%;bottom:8px;height:1px;background:var(--gold);transition:right .35s}.site-header nav a:hover:after,.site-header nav a:focus-visible:after{right:0}.sound-switch{justify-self:end;color:inherit;background:none;border:0;display:flex;align-items:center;gap:.6rem;min-height:44px;cursor:pointer}.sound-mark{width:8px;height:8px;border:1px solid var(--silver);border-radius:50%;box-shadow:0 0 0 0 #bcc6c500;transition:.3s}.sound-switch[aria-pressed=true] .sound-mark{background:var(--red);border-color:var(--red);box-shadow:0 0 0 5px #8d1f1d30}a:focus-visible,button:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.hero{height:100svh;min-height:680px;position:relative;display:flex;overflow:hidden;background:#080a09}.hero-media,.hero-scrim{position:absolute;inset:0}.hero-media{top:8vh;bottom:8vh;overflow:hidden}.hero-media:before,.hero-media:after{content:"";position:absolute;z-index:3;left:0;right:0;height:8%;background:#000}.hero-media:before{top:0}.hero-media:after{bottom:0}.hero-media video{width:100%;height:100%;object-fit:cover;filter:saturate(.55) contrast(1.12) brightness(.78);animation:camera-breathe 10s ease-in-out infinite alternate}.hero-scrim{background:linear-gradient(90deg,#070908e8 0%,transparent 45%,#0709087a 100%),linear-gradient(0deg,#090b0a 0%,transparent 43%,#090b0a75 100%);z-index:4}.rain{pointer-events:none;background-image:repeating-linear-gradient(105deg,transparent 0,transparent 20px,#dfe7e43b 21px,#dfe7e400 22px,transparent 36px);background-size:180px 220px;animation:rain-fall .55s linear infinite}.rain--hero{position:absolute;inset:0;z-index:5;opacity:.48}.flare{position:absolute;z-index:5;left:36%;top:44%;width:44vw;height:3px;background:linear-gradient(90deg,transparent,#e1cf9c80,transparent);filter:blur(1px);box-shadow:0 0 30px #c4b58a4f;animation:flare 7s ease-in-out infinite}.hero-date{position:absolute;z-index:7;left:3.5vw;top:44%;font-size:.64rem;letter-spacing:.25em;writing-mode:vertical-rl}.hero-date span{margin-top:1rem;color:var(--gold);font-family:var(--display);font-size:.85rem}.hero-title-wrap{position:absolute;z-index:6;left:13vw;bottom:10vh}.kicker{margin:0 0 1rem 1vw;font:500 clamp(.75rem,1vw,.9rem) var(--body);letter-spacing:.28em;text-transform:uppercase}.hero h1{font:500 clamp(4.9rem,12vw,12rem)/.72 var(--display);letter-spacing:-.075em;margin:0;text-shadow:0 8px 35px #000}.hero h1 span{display:block}.hero h1 span+span{margin-left:13vw;color:transparent;-webkit-text-stroke:1px #d7d8d2c7}.hero-dek{position:absolute;left:55vw;bottom:1.1rem;width:min(29vw,390px);padding-left:1rem;border-left:1px solid var(--red);font-family:var(--display);font-size:clamp(.9rem,1.2vw,1.15rem);line-height:1.65}.enter-field{position:absolute;z-index:8;right:4vw;bottom:5vh;width:132px;height:132px;border:1px solid #d7d8d25c;border-radius:50%;display:grid;place-items:center;font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;transition:background .4s,color .4s,transform .4s}.enter-field i{position:absolute;width:1px;height:42px;background:var(--paper);bottom:-21px}.enter-field:hover{background:var(--paper);color:var(--ink);transform:rotate(-6deg)}.hero-corner{position:absolute;z-index:7;right:3.5vw;top:43%;display:flex;align-items:baseline;gap:.6rem}.hero-corner span{font:500 1.8rem var(--display);color:var(--gold)}.hero-corner small{text-transform:uppercase;letter-spacing:.15em;font-size:.55rem}.reveal{opacity:0;transform:translateY(18px);animation:reveal .9s cubic-bezier(.2,.8,.2,1) forwards}.hero-date{animation-delay:.25s}.kicker{animation-delay:.5s}.hero h1{animation-delay:.68s}.hero-dek{animation-delay:.95s}.enter-field,.hero-corner{animation-delay:1.15s}
.section-index{margin:0 0 1.3rem;color:var(--gold);font-size:.65rem;letter-spacing:.22em;text-transform:uppercase}.prologue{min-height:95vh;padding:14vh 8vw;display:grid;grid-template-columns:12vw minmax(300px,650px) 1fr;gap:5vw;align-items:center;background:radial-gradient(circle at 80% 30%,#29302c 0,transparent 35%),var(--ink-2);position:relative}.vertical-title{font:600 clamp(2.7rem,5.5vw,6.5rem)/1.2 var(--display);color:#d7d8d20b;writing-mode:vertical-rl;letter-spacing:.18em}.prologue h2,.field-intro h2,.armor h2,.tea h2,.letters h2,.aftermath h2{font:500 clamp(3rem,6vw,7rem)/1.02 var(--display);letter-spacing:-.045em;margin:0 0 2.4rem}.prologue-copy .lead,.armor-copy .lead{font:400 clamp(1.15rem,1.6vw,1.6rem)/1.7 var(--display);color:#f0efe7}.prologue-copy>p:last-child{max-width:55ch;line-height:1.9;color:#aeb5b1}.weather-ledger{margin:0;border-top:1px solid #d7d8d240}.weather-ledger div{display:grid;grid-template-columns:1fr 1.25fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid #d7d8d229}.weather-ledger dt{color:#949c98;font-size:.7rem;text-transform:uppercase;letter-spacing:.13em}.weather-ledger dd{margin:0;font-family:var(--display)}
.field{background:#c4c6c0;color:#131714;position:relative}.field-intro{padding:14vh 8vw 10vh;display:grid;grid-template-columns:1fr 1.3fr;gap:3rem;align-items:end}.field-intro .section-index{grid-column:1/-1;color:#6f2a29}.field-intro h2{margin:0}.field-intro h2 em{font-weight:400;color:#777e79}.field-intro>p:last-child{max-width:40ch;line-height:1.8;border-left:1px solid var(--red);padding-left:1.5rem}.field-scroll{position:relative}.map-stage{position:sticky;top:0;height:100vh;overflow:hidden;background:#aeb3ae;isolation:isolate}.terrain{position:absolute;inset:0;width:100%;height:100%;opacity:.46}.terrain path{fill:none;stroke:#27302b;stroke-width:75;filter:url(#rough);opacity:.42}.terrain .road{stroke:#e0dbca;stroke-width:10;opacity:.7;stroke-dasharray:6 8}.terrain .river{stroke:#5f7777;stroke-width:7;opacity:.55}.map-topline{position:absolute;z-index:20;top:2rem;left:3vw;right:3vw;display:flex;justify-content:space-between;align-items:center;font-size:.6rem;letter-spacing:.19em;text-transform:uppercase}.map-topline strong{font:500 clamp(3rem,5vw,5.5rem) var(--display);color:#111713}.map-label{position:absolute;z-index:2;font-size:.6rem;letter-spacing:.18em;opacity:.5}.map-label small{font:700 3rem var(--display);display:block;opacity:.23}.label--west{left:14%;top:47%}.label--east{right:15%;top:50%;text-align:right}.banner{position:absolute;z-index:8;left:var(--x);top:var(--y);height:110px;width:58px;transform:translate(-50%,30px) scale(.8);opacity:0;transition:opacity 1s var(--d),transform 1s var(--d);filter:drop-shadow(5px 8px 6px #1b211d55)}.map-stage[data-stage="1"] .banner:not(.turning):not(.reserve),.map-stage[data-stage="2"] .banner:not(.turning),.map-stage[data-stage="3"] .banner,.map-stage[data-stage="4"] .banner{opacity:1;transform:translate(-50%,0) scale(1)}.map-stage[data-stage="0"] .b1,.map-stage[data-stage="0"] .b6{opacity:.3;transform:translate(-50%,15px)}.banner>i{position:absolute;left:7px;top:0;width:2px;height:110px;background:#2a2c27;transform:rotate(-2deg);transform-origin:bottom}.flag{position:absolute;left:9px;top:8px;width:48px;height:62px;background-color:var(--indigo);border:1px solid #e1d9ba55;clip-path:polygon(0 0,100% 4%,91% 93%,70% 88%,50% 98%,25% 90%,0 95%);transition:background-color .9s,transform .9s;transform-origin:0 0}.east .flag{background-color:var(--red)}.flag:before,.flag:after{content:"";position:absolute}.mon-grid:before{inset:17px 10px;border:1px solid var(--gold);background:linear-gradient(90deg,transparent 31%,var(--gold) 32% 36%,transparent 37% 63%,var(--gold) 64% 68%,transparent 69%),linear-gradient(transparent 31%,var(--gold) 32% 36%,transparent 37% 63%,var(--gold) 64% 68%,transparent 69%)}.mon-cross:before{inset:16px 10px;border-radius:50%;border:1px solid var(--gold)}.mon-cross:after{width:25px;height:1px;background:var(--gold);left:12px;top:31px;box-shadow:0 -5px 0 -0.2px var(--gold),0 5px 0 -0.2px var(--gold);transform:rotate(45deg)}.mon-wheel:before{width:26px;height:26px;left:11px;top:17px;border:2px solid var(--gold);border-radius:50%;background:conic-gradient(transparent 0 10%,var(--gold) 11% 14%,transparent 15% 35%,var(--gold) 36% 39%,transparent 40% 60%,var(--gold) 61% 64%,transparent 65% 85%,var(--gold) 86% 89%,transparent 90%)}.mon-bars:before{left:12px;top:18px;width:25px;height:24px;border-block:4px double var(--gold);background:linear-gradient(90deg,transparent 45%,var(--gold) 46% 54%,transparent 55%)}.mon-diamond:before{left:15px;top:18px;width:18px;height:18px;border:2px solid var(--gold);transform:rotate(45deg);box-shadow:7px -7px 0 -5px var(--indigo),7px -7px 0 -3px var(--gold)}.mon-holly:before{left:13px;top:17px;width:21px;height:25px;border:2px solid var(--gold);border-radius:50% 10% 50% 10%;transform:rotate(45deg)}.mon-sickle:before{left:13px;top:15px;width:25px;height:25px;border:3px solid var(--gold);border-right-color:transparent;border-radius:50%;transform:rotate(-25deg)}.banner small{position:absolute;top:84px;left:18px;font-size:.5rem;letter-spacing:.1em;writing-mode:vertical-rl;color:#151914}.turning .flag{background:var(--indigo)}.map-stage[data-stage="3"] .turning .flag,.map-stage[data-stage="4"] .turning .flag{background:var(--red);transform:rotateY(180deg)}.map-stage[data-stage="3"] .turning,.map-stage[data-stage="4"] .turning{z-index:15}.mist{position:absolute;z-index:6;width:160%;height:52%;left:-30%;border-radius:50%;filter:blur(28px);background:linear-gradient(90deg,#dce0dc99,#eff0eddd,#aeb5b1b3);transition:opacity 1.2s,transform 1.2s}.mist--back{top:9%;animation:mist-drift 12s ease-in-out infinite alternate}.mist--front{bottom:-10%;z-index:11;animation:mist-drift 16s ease-in-out infinite alternate-reverse}.map-stage[data-stage="0"] .mist{opacity:.94}.map-stage[data-stage="1"] .mist{opacity:.63;transform:translateX(7%)}.map-stage[data-stage="2"] .mist,.map-stage[data-stage="3"] .mist{opacity:.35;transform:translateX(-6%)}.map-stage[data-stage="4"] .mist{opacity:.72;transform:translateX(3%)}.rain--map{position:absolute;inset:0;z-index:10;opacity:var(--rain-opacity);transition:opacity .7s}.map-stage[data-stage="2"]{--rain-opacity:.78}.map-stage[data-stage="3"]{--rain-opacity:.55}.map-stage[data-stage="4"]{--rain-opacity:0}.impact{position:absolute;z-index:14;inset:0;opacity:0;background:radial-gradient(circle at 54% 18%,#eee7ca 0,transparent 23%);pointer-events:none}.map-stage.is-impact .impact{animation:impact .7s ease-out}.turn-callout{position:absolute;z-index:16;left:calc(54% + 40px);top:18%;display:flex;align-items:center;gap:.6rem;font-size:.6rem;letter-spacing:.18em;color:var(--red);opacity:0;transform:translateX(-10px);transition:.8s}.turn-callout i{display:block;width:70px;height:1px;background:var(--red)}.map-stage[data-stage="3"] .turn-callout{opacity:1;transform:none}.map-key{position:absolute;z-index:20;left:3vw;bottom:2rem;display:flex;gap:1.5rem;font-size:.55rem;text-transform:uppercase;letter-spacing:.15em}.map-key span{display:flex;align-items:center;gap:.5rem}.map-key i{display:inline-block;width:8px;height:8px}.key-west{background:var(--indigo)}.key-east{background:var(--red)}.field-beats{position:relative;z-index:30;margin-top:-100vh;pointer-events:none}.beat{height:100vh;width:min(390px,31vw);margin-left:8vw;display:flex;flex-direction:column;justify-content:center;text-shadow:0 1px 10px #c4c6c0}.beat time{font:500 clamp(3.5rem,7vw,7rem)/1 var(--display);letter-spacing:-.05em}.beat h3{font:600 clamp(1.4rem,2.3vw,2.3rem)/1.22 var(--display);margin:1rem 0}.beat p{font-size:.9rem;line-height:1.75;max-width:36ch}.beat--turn{margin-left:auto;margin-right:8vw;text-align:right;align-items:flex-end}.beat--turn time,.beat--turn h3{color:#6e1818}
.armor{min-height:105vh;display:grid;grid-template-columns:1.05fr .95fr;background:#0b0e0d;position:relative}.armor-visual{position:relative;overflow:hidden;min-height:720px;background:radial-gradient(circle at 48% 48%,#303938,#0b0e0d 65%)}.armor-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 45%,#d8e0dc23 49%,transparent 53%);animation:armor-glint 7s ease-in-out infinite}.plate{position:absolute;width:31%;height:27%;background:linear-gradient(135deg,#4c5552,#111615 35%,#050706 70%,#333a38);border:1px solid #8f9b9638;border-radius:45% 15% 38% 13%;box-shadow:0 20px 35px #0009,inset 0 1px 5px #e7f2ed33}.p1{left:14%;top:11%;transform:rotate(-7deg)}.p2{right:15%;top:22%;transform:rotate(8deg)}.p3{left:11%;bottom:15%;transform:rotate(5deg)}.p4{right:16%;bottom:7%;transform:rotate(-9deg)}.armor-visual svg{position:absolute;z-index:3;inset:0;width:100%;height:100%}.armor-visual path{fill:none;stroke:#273b4e;stroke-width:14;stroke-dasharray:5 7}.armor-visual span{position:absolute;z-index:5;right:2rem;top:2rem;font:600 4rem var(--display);writing-mode:vertical-rl;color:#d7d8d212}.armor-copy{padding:14vh 8vw 10vh 6vw;align-self:center}.armor-copy h2{font-size:clamp(3.2rem,5.5vw,6rem)}.material-note{margin:2.5rem 0;padding:1.2rem 0;border-block:1px solid #d7d8d22e;display:grid;grid-template-columns:120px 1fr;gap:2rem}.material-note b{font-size:.65rem;letter-spacing:.17em;color:var(--gold)}.material-note span{font-size:.85rem;line-height:1.7;color:#aeb4b0}.armor blockquote{margin:4rem 0 0;font:400 clamp(1.25rem,1.8vw,1.7rem)/1.65 var(--display);color:#c8cdca}.armor cite{display:block;margin-top:1.5rem;font:400 .65rem/1.6 var(--body);letter-spacing:.09em;color:#7e8883}
.tea{min-height:92vh;background:#d3d0c5;color:#191a17;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr;padding:12vh 8vw;gap:2rem;position:relative;overflow:hidden}.tea:before{content:"茶";position:absolute;right:0;top:-12vh;font:700 47vw var(--display);color:#1a211b08}.tea-heading{position:relative;z-index:2}.tea h2{margin:0;max-width:650px}.tea .section-index{color:#6c2927}.tea-bowl{position:relative;z-index:2;width:min(32vw,440px);aspect-ratio:1;margin:auto;border-radius:50%;background:radial-gradient(circle at 50% 44%,#536241 0 13%,#303925 14% 33%,#101512 34% 38%,#594e3d 39% 43%,#171917 44% 68%,#39352e 69% 71%,transparent 72%);filter:drop-shadow(30px 35px 25px #25271e56);transform:rotateX(52deg)}.tea-bowl:after{content:"";position:absolute;inset:10%;border-radius:50%;border:2px solid #bfc8ad20;box-shadow:inset 0 0 30px #a7b57f3d}.tea-bowl i,.tea-bowl span{position:absolute;background:#e8e7dda8;filter:blur(12px);border-radius:50%;width:14%;height:50%;top:-22%;animation:steam 5s ease-in-out infinite}.tea-bowl i{left:36%}.tea-bowl span{left:53%;animation-delay:-2s}.tea-copy{position:relative;z-index:2;grid-column:2;max-width:560px;align-self:center}.tea-copy>p{font:400 1.08rem/1.85 var(--display)}.tea-copy dl{margin:2.5rem 0 0;border-top:1px solid #1a1c1933}.tea-copy dl div{display:flex;justify-content:space-between;gap:1rem;padding:.85rem 0;border-bottom:1px solid #1a1c1924}.tea-copy dt{text-transform:uppercase;letter-spacing:.15em;font-size:.61rem}.tea-copy dd{margin:0;font-family:var(--display);text-align:right}
.letters{background:#151815;padding:14vh 8vw 18vh;position:relative;overflow:hidden}.letters:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 12% 32%,#7c282318,transparent 23%),linear-gradient(110deg,transparent 48%,#c4b58a09 49%,transparent 50%)}.letters>header{display:grid;grid-template-columns:1.25fr .75fr;gap:5vw;align-items:end;position:relative;z-index:2}.letters>header .section-index{grid-column:1/-1}.letters>header h2{margin:0}.letters>header>p:last-child{line-height:1.8;color:#9ca49f;max-width:43ch}.letter-stack{margin:10vh auto 0;max-width:1050px;position:relative;min-height:1050px}.letter{position:absolute;width:min(620px,72%);min-height:350px;background:#c9c2ad;color:#25231d;padding:3.8rem 4.5rem;box-shadow:0 30px 70px #0008;clip-path:polygon(1% 0,99% 1%,100% 98%,2% 100%,0 58%);background-image:repeating-linear-gradient(0deg,transparent 0 31px,#574c3820 32px);transition:transform .5s,filter .5s}.letter:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 85% 13%,#6f4c303d 0 1px,transparent 2px),radial-gradient(circle at 8% 80%,#6f4c302c 0 1px,transparent 2px);background-size:31px 37px,29px 41px;opacity:.5}.letter--one{left:0;top:0;transform:rotate(-3deg)}.letter--two{right:0;top:320px;transform:rotate(2.5deg);background-color:#d4ccb8}.letter--three{left:8%;top:650px;transform:rotate(-1deg);background-color:#beb6a1}.letter:hover{z-index:5;filter:brightness(1.06);transform:rotate(0) translateY(-8px)}.letter-meta{position:relative;display:flex;justify-content:space-between;gap:1rem;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid #403b3066;padding-bottom:.8rem}.letter p{position:relative;font:500 clamp(1.1rem,1.7vw,1.5rem)/2.08 var(--display);margin:2rem 0}.letter footer{position:relative;font-size:.7rem;color:#655d4d}.aftermath{min-height:110vh;position:relative;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;background:linear-gradient(#0c0f0d,#171c19 55%,#080a09)}.after-mist{position:absolute;width:140%;height:60%;left:-20%;bottom:-8%;background:radial-gradient(ellipse,#9da6a17a 0,#49534e55 35%,transparent 70%);filter:blur(25px);animation:mist-drift 15s ease-in-out infinite alternate}.horse{position:absolute;width:min(47vw,590px);left:5vw;bottom:10vh;opacity:.52;filter:blur(.3px)}.horse svg{width:100%}.horse path{fill:#080b09;stroke:#080b09;stroke-width:8}.aftermath-copy{position:relative;z-index:3;width:min(680px,80vw);margin-left:20vw}.aftermath h2{font-size:clamp(4rem,9vw,9rem);margin-bottom:2rem}.aftermath-copy>p:not(.section-index){font:400 clamp(1rem,1.4vw,1.3rem)/1.9 var(--display)}.aftermath .closing{margin-top:3rem;color:#9ea6a1}.return-link{position:absolute;right:4vw;bottom:3rem;z-index:4;font-size:.62rem;letter-spacing:.17em;text-transform:uppercase;padding:1rem 0}.return-link span{margin-left:.8rem;color:var(--gold)}
.site-footer{min-height:110px;background:#070908;border-top:1px solid #d7d8d21c;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:2rem 4vw;font-size:.62rem;letter-spacing:.1em;text-transform:uppercase;color:#8c948f}.site-footer nav{display:flex;gap:2rem}.site-footer a{padding:.8rem 0;color:#bbc0bd}.site-footer a:hover{color:var(--gold)}
@keyframes reveal{to{opacity:1;transform:none}}@keyframes camera-breathe{from{transform:scale(1.01)}to{transform:scale(1.045) translateX(-.5%)}}@keyframes rain-fall{to{background-position:-35px 220px}}@keyframes mist-drift{to{transform:translateX(8%) scale(1.06)}}@keyframes flare{0%,100%{opacity:.25;transform:scaleX(.7)}50%{opacity:.8;transform:scaleX(1.15)}}@keyframes impact{0%{opacity:.9}100%{opacity:0}}@keyframes armor-glint{0%,100%{transform:translateX(-60%);opacity:0}45%,55%{opacity:1}70%{transform:translateX(60%);opacity:0}}@keyframes steam{0%{transform:translateY(20%) scale(.7);opacity:0}30%{opacity:.6}100%{transform:translateY(-90%) translateX(35%) scale(1.4);opacity:0}}
@media(max-width:900px){.site-header{grid-template-columns:1fr auto;padding:0 4vw}.site-header nav{display:none}.hero-title-wrap{left:8vw;bottom:14vh}.hero h1{font-size:clamp(5rem,15vw,8rem)}.hero-dek{left:52vw;width:38vw}.prologue{grid-template-columns:1fr 1fr;padding:12vh 6vw}.vertical-title{display:none}.prologue-copy{grid-row:1/3}.weather-ledger{align-self:end}.field-intro{padding-inline:6vw}.beat{width:45vw;margin-left:6vw}.beat--turn{margin-right:6vw}.armor{grid-template-columns:1fr}.armor-visual{min-height:65vh}.armor-copy{padding:10vh 8vw}.tea{padding:10vh 6vw}.letters{padding-inline:6vw}.letters>header{grid-template-columns:1fr}.letters>header .section-index{grid-column:auto}.letter-stack{min-height:950px}.letter{padding:3rem}.horse{width:65vw;left:-10vw}}
@media(max-width:600px){.site-header{height:70px}.brand span{font-size:1rem}.brand b{font-size:.62rem}.sound-switch{font-size:.58rem}.hero{min-height:650px}.hero-media{top:70px;bottom:60px}.hero-media video{object-position:54% center}.hero-date{display:none}.hero-title-wrap{left:6vw;right:6vw;bottom:16vh}.kicker{font-size:.6rem;letter-spacing:.2em}.hero h1{font-size:clamp(4.6rem,23vw,6.6rem);line-height:.79}.hero h1 span+span{margin-left:3vw}.hero-dek{position:static;width:75%;margin:1.5rem 0 0 auto;font-size:.84rem;line-height:1.5}.enter-field{width:82px;height:82px;right:5vw;bottom:3vh;font-size:.5rem}.hero-corner{top:22%;right:4vw}.hero-corner small{display:none}.prologue{display:block;padding:11vh 7vw}.prologue h2,.field-intro h2,.armor h2,.tea h2,.letters h2{font-size:clamp(2.7rem,14vw,4.3rem)}.prologue-copy .lead{font-size:1.12rem}.weather-ledger{margin-top:3.5rem}.field-intro{display:block;padding:11vh 7vw 7vh}.field-intro>p:last-child{margin-top:2.5rem}.map-stage{height:100svh}.map-topline{top:5rem}.map-topline span{display:none}.map-topline strong{margin:auto}.map-label{display:none}.banner{height:95px;width:48px}.flag{width:40px;height:53px}.banner>i{height:95px}.banner small{top:72px}.mon-grid:before{inset:13px 8px}.mon-cross:before{inset:12px 8px}.mon-cross:after{left:9px;top:26px}.mon-wheel:before{left:7px;top:13px}.mon-bars:before{left:8px;top:14px}.mon-diamond:before{left:11px;top:14px}.mon-holly:before{left:9px;top:13px}.mon-sickle:before{left:9px;top:12px}.mist{height:46%}.beat{width:auto;margin:0;padding:0 7vw;justify-content:flex-end;padding-bottom:12vh;text-shadow:0 1px 12px #d6dad7}.beat time{font-size:3.6rem}.beat h3{font-size:1.45rem}.beat p{font-size:.8rem;background:#c4c6c0b5;padding:.35rem}.beat--turn{align-items:flex-start;text-align:left;margin:0}.turn-callout{left:auto;right:4vw;top:26%;flex-direction:row-reverse}.turn-callout i{width:35px}.map-key{bottom:2rem}.armor-visual{min-height:55vh}.armor-copy{padding:10vh 7vw}.material-note{grid-template-columns:1fr;gap:.6rem}.armor blockquote{margin-top:3rem}.tea{display:block;padding:10vh 7vw}.tea-bowl{width:78vw;margin:3rem auto}.tea-copy{margin-top:1rem}.letters{padding:11vh 7vw}.letter-stack{min-height:auto;margin-top:7vh;display:grid;gap:1.5rem}.letter{position:relative;inset:auto;width:100%;min-height:0;padding:2.3rem 1.6rem;transform:none!important}.letter-meta{display:grid}.letter p{font-size:1.05rem;line-height:1.9}.aftermath{min-height:100svh;align-items:flex-start;padding-top:15vh}.aftermath-copy{margin:0;width:84vw}.aftermath h2{font-size:16vw}.horse{width:120vw;left:-32vw;bottom:13vh}.return-link{right:7vw}.site-footer{align-items:flex-start;flex-direction:column;padding:2rem 7vw}.site-footer nav{width:100%;display:grid;gap:0}.site-footer a{min-height:44px;display:flex;align-items:center}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.rain,.mist,.flare,.hero-media video,.armor-visual:after,.tea-bowl i,.tea-bowl span,.after-mist{animation:none!important}.reveal{opacity:1;transform:none;animation:none}.hero-media video{display:none}.banner,.turn-callout{transition:none}.letter{transition:none}}

/* Pass 1 refinements: map hierarchy, responsive title fit, and quieter artifacts. */
.map-topline strong{position:relative;font-size:clamp(2rem,3vw,3.2rem)}
.map-topline strong:before{content:"FIELD TIME";position:absolute;right:calc(100% + 1rem);top:50%;font:500 .48rem var(--body);letter-spacing:.16em;white-space:nowrap}
.map-label{font-size:.68rem;opacity:.58}.map-label small{font-size:3.4rem;opacity:.28}.banner{z-index:12}.map-stage[data-stage="4"] .mist{opacity:.52}
.map-progress{position:absolute;z-index:20;right:2.4vw;top:50%;transform:translateY(-50%);height:42vh;display:flex;flex-direction:column;align-items:center;gap:.7rem;font-size:.46rem;letter-spacing:.15em;writing-mode:vertical-rl}.map-progress>i{position:relative;display:block;width:1px;height:100%;background:#16201942;overflow:hidden}.map-progress b{position:absolute;left:0;top:0;width:1px;height:var(--map-progress,0%);background:var(--red);transition:height .7s}.map-stage[data-stage="0"]{--map-progress:4%}.map-stage[data-stage="1"]{--map-progress:25%}.map-stage[data-stage="2"]{--map-progress:50%}.map-stage[data-stage="3"]{--map-progress:75%}.map-stage[data-stage="4"]{--map-progress:100%}
.horse path{stroke-linejoin:round}.horse path.reins{fill:none;stroke-width:4}
@media(max-width:900px){.hero h1{font-size:clamp(5rem,13vw,7rem)}.armor-visual span{opacity:.35}}
@media(max-width:600px){.hero-media{top:70px;bottom:0}.hero-media:before,.hero-media:after{display:none}.hero h1{font-size:clamp(4.25rem,21vw,5.7rem);letter-spacing:-.09em}.hero h1 span+span{margin-left:0}.map-topline strong{font-size:2.5rem}.map-topline strong:before{right:auto;left:50%;top:-.8rem;transform:translateX(-50%)}.map-progress{right:4vw;height:30vh;top:47%}.armor-visual span{display:none}.letter{width:96%;border-left:2px solid #792522}.letter:nth-child(even){margin-left:4%}}

/* Pass 2 — external critique: deeper field, material detail, and a decisive turning. */
.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.load-gate{position:fixed;inset:0;z-index:999;display:grid;place-items:center;background:#050706;color:var(--paper);pointer-events:none;animation:gate-away 1.8s cubic-bezier(.77,0,.18,1) forwards}.load-gate:before,.load-gate:after{content:"";position:absolute;top:0;bottom:0;width:50%;background:#050706;animation:gate-open 1.15s 1s cubic-bezier(.77,0,.18,1) forwards}.load-gate:before{left:0;transform-origin:left}.load-gate:after{right:0;transform-origin:right}.load-gate span{z-index:2;font:500 clamp(3rem,7vw,6rem)/1 var(--display);color:var(--gold);letter-spacing:-.05em;animation:gate-type .7s 1s ease forwards}.load-gate i{z-index:2;position:absolute;width:1px;height:14vh;background:var(--red);animation:gate-line .8s .25s ease both}.load-gate b{z-index:2;position:absolute;margin-top:18vh;font:500 .72rem var(--body);letter-spacing:.55em}
.hero-media{background:#080a09 url('/assets/gen/sekigahara/hero.jpg') 50% 50%/cover no-repeat}.hero:after{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;box-shadow:inset 0 0 12vw #000,inset 0 -18vh 16vh #070908aa}.hero-kanji{position:absolute;z-index:6;right:13vw;top:18vh;color:#e4e2d90c;font:700 clamp(5rem,10vw,10rem)/.85 var(--display);writing-mode:vertical-rl;letter-spacing:.08em;mix-blend-mode:screen}.hero-media video{will-change:transform}.rain--hero{mask-image:linear-gradient(transparent 4%,#000 18%,#000 86%,transparent 100%)}.hero-corner{padding:.5rem .7rem;border-top:1px solid #c4b58a80;border-bottom:1px solid #c4b58a38}.hero h1 span:first-child{position:relative}.hero h1 span:first-child:after{content:"1600";position:absolute;left:100%;top:7%;font:500 .55rem var(--body);letter-spacing:.24em;color:var(--gold);text-shadow:none;writing-mode:vertical-rl}.hero-dek{background:linear-gradient(90deg,#090b0ab8,transparent);padding-block:.35rem;padding-right:1rem}
.prologue:after{content:"05:55—07:59";position:absolute;right:4vw;top:10vh;font:500 .55rem var(--body);letter-spacing:.25em;color:#c4b58a7c;writing-mode:vertical-rl}.prologue-copy{position:relative}.prologue-copy:before{content:"霧";position:absolute;left:-.65em;top:-.8em;font:700 13rem var(--display);color:#d7d8d207;pointer-events:none}
.field{background:#c1c4bd}.field-intro{position:relative;overflow:hidden;background:linear-gradient(115deg,#d2d4ce 0 58%,#b8bdb7 58% 100%)}.field-intro:after{content:"FIELD REPORT / 118";position:absolute;right:3vw;top:4vh;font-size:.55rem;letter-spacing:.25em;writing-mode:vertical-rl;color:#1b211d80}.map-stage{background-color:#b9beb8;background-image:radial-gradient(circle at 52% 42%,#edf0ea9e 0 8%,transparent 33%),repeating-linear-gradient(4deg,transparent 0 42px,#2029230a 43px 44px),repeating-linear-gradient(94deg,transparent 0 78px,#fff2 79px 80px)}.map-stage:before{content:"";position:absolute;z-index:1;inset:0;background:radial-gradient(ellipse at 50% 45%,transparent 20%,#343d3657 118%),linear-gradient(90deg,#26302920,transparent 17% 83%,#26302920);pointer-events:none}.map-stage:after{content:"";position:absolute;z-index:7;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='p'%3E%3CfeTurbulence baseFrequency='.045' numOctaves='3' seed='31'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23p)' opacity='.11'/%3E%3C/svg%3E");mix-blend-mode:multiply;opacity:.35}.terrain{opacity:.57}.terrain path{stroke:#222b26;stroke-width:92;opacity:.36}.terrain .road{stroke:#ebe3ca;stroke-width:12;opacity:.9}.terrain .river{stroke:#607e7d;stroke-width:9;opacity:.52}.banner{filter:drop-shadow(6px 10px 6px #10151155);will-change:transform,opacity}.flag{box-shadow:inset 0 0 0 1px #0508071f;animation:flag-breathe 3.4s ease-in-out infinite alternate}.banner:nth-of-type(odd) .flag{animation-delay:-1.7s}.banner small{font-weight:500;background:#d9ddd6a8;padding:2px 1px}.field-beats{counter-reset:hour}.beat{counter-increment:hour;height:108vh;position:relative;padding-left:1.8rem}.beat:before{content:"0" counter(hour);position:absolute;left:0;top:35%;font:500 .52rem var(--body);letter-spacing:.18em;writing-mode:vertical-rl;border-left:1px solid #6e1818;padding-left:.45rem;color:#5c2927}.beat time{font-size:clamp(4.5rem,8vw,8.2rem)}.beat h3{max-width:13ch}.beat p{max-width:32ch;background:linear-gradient(90deg,#d8dad4d6 0 72%,transparent);padding:.7rem .8rem .7rem 0}.beat--turn{height:172vh;padding-right:1.8rem;padding-left:0}.beat--turn:before{left:auto;right:0;border-left:0;border-right:1px solid var(--red);padding:0 .45rem 0 0}.beat--turn time{font-size:clamp(5.5rem,10vw,10rem)}.beat--turn h3{font-size:clamp(2rem,3vw,3.2rem)}.beat--turn p{background:linear-gradient(270deg,#d8dad4dc 0 72%,transparent);padding:.7rem 0 .7rem .8rem}.turning{transition:opacity 1s var(--d),transform 1s var(--d),filter .7s}.map-stage[data-stage="3"] .turning{transform:translate(-50%,-5%) scale(1.7);filter:drop-shadow(0 18px 16px #711d1b59)}.map-stage[data-stage="3"] .turning .flag{transform:rotateY(180deg) scale(1.08);box-shadow:0 0 0 6px #8d1f1d20}.turn-seal{position:absolute;z-index:18;left:61%;top:22%;display:grid;grid-template-columns:auto 1fr;align-items:center;gap:.35rem 1rem;color:#6b1715;opacity:0;transform:translateX(28px);transition:opacity .55s .18s,transform .8s cubic-bezier(.16,1,.3,1)}.turn-seal small{grid-column:1/-1;font:600 .6rem var(--body);letter-spacing:.22em}.turn-seal strong{font:700 5rem/.8 var(--display);border:2px solid #7f1b19;padding:.1em;transform:rotate(-4deg)}.turn-seal span{font:700 .58rem/1.7 var(--body);letter-spacing:.18em}.map-stage[data-stage="3"] .turn-seal{opacity:1;transform:none}.map-stage[data-stage="3"]:before{background:radial-gradient(circle at 54% 18%,#8d1f1d22,transparent 27%),radial-gradient(ellipse at 50% 45%,transparent 20%,#343d3657 118%)}.map-stage[data-stage="4"] .turn-seal{opacity:0}.map-stage.is-impact{animation:field-jolt .42s cubic-bezier(.36,.07,.19,.97)}
.armor{grid-template-columns:1.15fr .85fr}.armor-visual{background:radial-gradient(circle at 40% 44%,#38423e,#090c0b 68%)}.plate{background-color:#0c1110;background-image:radial-gradient(circle at 17% 18%,#a9b5ad55 0 2px,transparent 3px),radial-gradient(circle at 82% 78%,#030504 0 2px,transparent 3px),repeating-linear-gradient(168deg,#38423f 0 2px,#131817 3px 17px,#060908 18px 22px);background-size:38px 34px,41px 39px,auto;border-color:#a7b0aa4a;box-shadow:0 24px 45px #000c,inset 0 2px 5px #dbe5df30}.p1{width:43%;height:30%;left:3%;top:8%}.p2{width:45%;height:29%;right:3%;top:20%}.p3{width:44%;height:30%;left:2%;bottom:13%}.p4{width:45%;height:29%;right:4%;bottom:3%}.armor-visual path{stroke:#294f73;stroke-width:16;stroke-dasharray:6 5;filter:drop-shadow(0 2px 0 #050706)}.macro-scale{position:absolute;z-index:6;left:2rem;bottom:2rem;display:grid;grid-template-columns:80px auto;gap:.3rem 1rem;color:#d8ddd8}.macro-scale i{grid-row:1/3;align-self:center;width:80px;height:1px;background:var(--gold);position:relative}.macro-scale i:before,.macro-scale i:after{content:"";position:absolute;top:-4px;width:1px;height:9px;background:var(--gold)}.macro-scale i:after{right:0}.macro-scale b{font-size:.57rem;letter-spacing:.17em;text-transform:uppercase}.macro-scale small{color:#86908a;font-size:.55rem;letter-spacing:.09em}.material-note{background:#d7d8d208;padding:1.2rem;border-left:2px solid var(--indigo)}
.tea{background:linear-gradient(118deg,#d8d3c4 0 53%,#c4bca8 53% 100%);grid-template-columns:.9fr 1.1fr}.tea-bowl{width:min(35vw,500px);margin-left:-7vw;background:radial-gradient(circle at 46% 40%,#8c9b69 0 3%,#52613c 4% 13%,#2b3422 14% 34%,#0b0f0c 35% 39%,#655844 40% 44%,#151816 45% 68%,#3d382f 69% 71%,transparent 72%);filter:drop-shadow(35px 42px 26px #25271e68)}.tea-heading h2:after{content:"04:40";display:block;margin-top:1rem;font:500 .7rem var(--body);letter-spacing:.35em;color:#792522}.ritual-line{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);margin:2.3rem 0 0;padding:0;border-top:1px solid #1a1c1933;counter-reset:ritual}.ritual-line li{counter-increment:ritual;padding:1rem .3rem 0;border-right:1px solid #1a1c1924;font-size:.58rem;letter-spacing:.14em;text-transform:uppercase}.ritual-line li:before{content:"0" counter(ritual);display:block;margin-bottom:.45rem;color:#792522;font-family:var(--display);font-size:1rem}
.letters:after{content:"書";position:absolute;left:-.08em;bottom:-.22em;font:700 36rem var(--display);color:#d7d8d205;pointer-events:none}.letter{background-color:#c4bba5;background-image:linear-gradient(90deg,#76231e12 0 2px,transparent 2px),repeating-linear-gradient(0deg,transparent 0 31px,#574c3820 32px);border:1px solid #eadfc052}.letter--one{width:59%;left:3%}.letter--two{width:61%;right:1%;top:330px}.letter--three{width:64%;left:11%;top:680px}.letter-number{position:absolute;right:1.2rem;top:1rem;font:500 3rem var(--display);color:#77241f2b}.letter p:first-letter{float:left;font-size:3.2em;line-height:.75;margin:.12em .12em 0 0;color:#72231f}.letter-meta span{font-weight:700}.letter footer{border-top:1px solid #403b3038;padding-top:.8rem}
.aftermath{justify-content:flex-end;text-align:left;background:radial-gradient(ellipse at 30% 72%,#4c57516e,transparent 40%),linear-gradient(#0b0e0d,#111713 58%,#070908)}.aftermath-copy{width:min(610px,48vw);margin:0 8vw 0 0}.aftermath h2{letter-spacing:-.065em}.aftermath-copy>p:not(.section-index){max-width:54ch}.horse{left:1vw;bottom:12vh;opacity:.44}.silence-mark{position:absolute;left:4vw;top:16vh;z-index:4;display:grid;grid-template-columns:62px auto;gap:.3rem 1rem;align-items:center;color:#aeb5b1}.silence-mark i{grid-row:1/3;height:1px;background:#8d1f1d}.silence-mark span{font-size:.57rem;letter-spacing:.22em}.silence-mark small{font:400 .72rem var(--display);color:#6f7873}.after-mist{opacity:.72}
.site-footer a{position:relative}.site-footer a:after{content:"";position:absolute;left:0;right:100%;bottom:.45rem;height:1px;background:var(--gold);transition:right .35s}.site-footer a:hover:after,.site-footer a:focus-visible:after{right:0}
.scroll-reveal{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform 1s cubic-bezier(.16,1,.3,1)}.scroll-reveal.is-visible{opacity:1;transform:none}
@keyframes gate-line{from{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes gate-type{to{opacity:0;transform:translateY(-8px)}}@keyframes gate-open{to{transform:scaleX(0)}}@keyframes gate-away{0%,82%{visibility:visible}99%,100%{visibility:hidden}}@keyframes flag-breathe{from{clip-path:polygon(0 0,100% 4%,91% 93%,70% 88%,50% 98%,25% 90%,0 95%)}to{clip-path:polygon(0 2%,96% 0,100% 89%,75% 96%,51% 91%,22% 98%,2% 92%)}}@keyframes field-jolt{0%,100%{transform:none}25%{transform:translate(-3px,1px)}50%{transform:translate(4px,-1px)}75%{transform:translate(-2px,0)}}

@media(max-width:900px){
  .hero-kanji{right:7vw;top:22vh}.prologue{grid-template-columns:minmax(0,1.25fr) minmax(240px,.75fr)}.field-intro{grid-template-columns:1.2fr .8fr}.beat--turn{height:160vh}.armor{grid-template-columns:1fr}.armor-visual{min-height:72vh}.armor-copy{max-width:720px}.tea-bowl{margin-left:-10vw}.aftermath-copy{width:60vw;margin-right:6vw}.horse{width:58vw;left:-7vw}
}
@media(max-width:600px){
  .site-header{height:112px;grid-template-rows:68px 44px;padding:0 5vw;background:linear-gradient(#070908f2,#070908c2);position:absolute}.site-header nav{display:flex;grid-row:2;grid-column:1/-1;width:100%;justify-content:space-between;gap:0;border-top:1px solid #d7d8d218}.site-header nav a{min-height:44px;display:flex;align-items:center;padding:0 .35rem;font-size:.56rem}.site-header nav a:after{bottom:4px}.brand{align-self:center}.sound-switch{align-self:center;min-height:44px}.hero{min-height:700px}.hero-media{top:112px;bottom:6vh}.hero-media:before,.hero-media:after{display:block;height:5%}.hero-media video{object-position:51% center}.hero-kanji{display:block;right:2vw;top:18vh;font-size:4.6rem;color:#e4e2d90b}.hero-title-wrap{left:6vw;right:5vw;bottom:10vh}.kicker{margin-bottom:.7rem}.hero h1{font-size:clamp(4.1rem,20.5vw,5.4rem);line-height:.77}.hero h1 span+span{margin-left:1.5vw}.hero h1 span:first-child:after{left:auto;right:0;top:-1.6rem;writing-mode:horizontal-tb}.hero-dek{width:76%;margin-top:1rem;font-size:.82rem}.hero-corner{top:23%;right:4vw}.enter-field{bottom:2.5vh}.rain--hero{opacity:.4}.prologue:after{display:none}.prologue-copy:before{font-size:9rem;left:auto;right:-.1em}.field-intro{display:block;background:linear-gradient(145deg,#d2d4ce,#b2b8b2);padding-top:9vh}.field-intro h2{font-size:13.5vw}.field-intro>p:last-child{font-size:.9rem}.map-stage{height:100svh;background-size:auto,auto,56px 56px}.map-topline{top:3.4rem}.map-topline strong{font-size:2.15rem}.map-stage .banner{transform:translate(-50%,20px) scale(.72)}.map-stage[data-stage="1"] .banner:not(.turning):not(.reserve),.map-stage[data-stage="2"] .banner:not(.turning),.map-stage[data-stage="3"] .banner,.map-stage[data-stage="4"] .banner{transform:translate(-50%,0) scale(.83)}.map-stage .b1{--x:20%!important;--y:27%!important}.map-stage .b2{--x:42%!important;--y:22%!important}.map-stage .b3{--x:25%!important;--y:47%!important}.map-stage .b4{--x:76%!important;--y:35%!important}.map-stage .b5{--x:81%!important;--y:55%!important}.map-stage .b6{--x:59%!important;--y:64%!important}.map-stage .b7{--x:56%!important;--y:17%!important}.map-stage .b8{--x:35%!important;--y:12%!important}.map-stage[data-stage="3"] .turning{transform:translate(-50%,0) scale(1.28)}.banner small{font-size:.46rem;top:71px}.mist{height:40%;filter:blur(22px)}.mist--back{top:13%}.mist--front{bottom:-2%}.turn-callout{display:none}.turn-seal{left:auto;right:5vw;top:26%;grid-template-columns:auto;justify-items:end;text-align:right;gap:.3rem}.turn-seal small{grid-column:auto}.turn-seal strong{font-size:3.1rem}.turn-seal span{font-size:.48rem}.map-progress{right:3vw;top:50%;height:28vh}.map-key{left:5vw;bottom:1.2rem}.field-beats{margin-top:-100svh}.beat{height:106svh;width:100%;padding:0 12vw 11vh 8vw;justify-content:flex-end;background:linear-gradient(0deg,#c6c9c4f2 0 8%,#c6c9c4ba 31%,transparent 58%)}.beat:before{left:4vw;top:auto;bottom:12vh}.beat time{font-size:3.8rem}.beat h3{font-size:1.55rem;margin:.55rem 0}.beat p{font-size:.8rem;line-height:1.65;background:none;padding:0;max-width:34ch}.beat--turn{height:155svh;align-items:flex-start;text-align:left;padding-right:12vw}.beat--turn:before{left:4vw;right:auto;border-left:1px solid var(--red);border-right:0;padding-left:.45rem}.beat--turn time{font-size:4.6rem}.beat--turn h3{font-size:1.8rem}.beat--turn p{background:none;padding:0}.armor-visual{min-height:62vh}.macro-scale{left:1rem;bottom:1.2rem;grid-template-columns:58px auto}.macro-scale i{width:58px}.armor-copy{padding-top:8vh}.tea{background:linear-gradient(160deg,#d8d3c4 0 51%,#c1b8a4 51%);padding-top:9vh}.tea-bowl{width:92vw;margin:2rem 0 3rem -20vw}.tea-copy>p{font-size:1rem}.ritual-line{grid-template-columns:repeat(2,1fr);row-gap:1rem}.letter-stack{gap:2rem}.letter,.letter--one,.letter--two,.letter--three{width:96%;left:auto;right:auto;top:auto;padding:2.5rem 1.7rem}.letter:nth-child(even){margin-left:4%}.letter p:first-letter{font-size:2.7em}.letter-number{font-size:2.4rem}.aftermath{justify-content:flex-start;text-align:left;padding:13vh 7vw 0;min-height:112svh}.aftermath-copy{width:88vw;margin:0}.aftermath h2{font-size:18vw;max-width:4ch;line-height:.82}.aftermath-copy>p:not(.section-index){font-size:1rem;line-height:1.75}.aftermath .closing{margin-top:2rem}.horse{width:88vw;left:-18vw;bottom:12vh;opacity:.42}.silence-mark{left:auto;right:7vw;top:auto;bottom:20vh;grid-template-columns:46px auto}.return-link{bottom:4rem}.site-footer{padding-top:2.5rem;padding-bottom:3rem}.site-footer>span{font-size:.56rem}
}
@media(prefers-reduced-motion:reduce){.load-gate{display:none}.scroll-reveal{opacity:1;transform:none;transition:none}.flag{animation:none}.map-stage.is-impact{animation:none}.hero-media{background-image:url('/assets/gen/sekigahara/hero.jpg')}}

/* Pass 2 final framing adjustments after rendered review. */
.beat--turn{height:270vh}
.horse path:not(.reins){stroke:none}
@media(max-width:900px){.beat--turn{height:255vh}}
@media(min-width:601px) and (max-width:900px){.site-header{grid-template-columns:1fr auto 1fr}.site-header nav{display:flex;gap:1.15rem}.site-header nav a{font-size:.58rem}.sound-switch{font-size:.58rem}}
@media(max-width:600px){.beat--turn{height:430svh;background:transparent}.map-stage[data-stage="3"] .mist{opacity:.16}.beat--turn time,.beat--turn h3,.beat--turn p{text-shadow:0 1px 0 #e5e7e1,0 0 18px #d9ddd8}}

/* Pass 3 — art direction: film finish, mist memory, and optical type. */
::selection{background:#8d1f1d;color:#f4f0e5;text-shadow:none}
html{scrollbar-color:#756b50 #090b0a;scrollbar-width:thin}
::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#090b0a}
::-webkit-scrollbar-thumb{background:linear-gradient(#363d39,#8a7950);border:3px solid #090b0a;border-radius:10px}
body{font-optical-sizing:auto;font-kerning:normal}
p{font-variant-numeric:oldstyle-nums;text-wrap:pretty}
h1,h2,h3{text-wrap:balance;font-optical-sizing:auto}
time,.hero-corner,.map-topline,.weather-ledger,.material-note,.type-scale{font-variant-numeric:tabular-nums lining-nums}
a,button{-webkit-tap-highlight-color:transparent}
.brand,.sound-switch,.enter-field,.mist-control,.return-link,.site-footer a{transition-timing-function:cubic-bezier(.16,1,.3,1)}
.brand:hover span,.brand:focus-visible span{color:var(--gold);text-shadow:0 0 22px #c4b58a55}
.sound-switch:hover .sound-mark{transform:scale(1.35);border-color:var(--gold)}

.hero-media video{filter:grayscale(.3) saturate(.48) sepia(.08) contrast(1.18) brightness(.72)}
.hero-scrim{background:linear-gradient(90deg,#050706ed 0%,#0507065b 29%,transparent 57%,#0507069c 100%),linear-gradient(0deg,#050706 0%,#070908b8 14%,transparent 48%,#0304039e 100%)}
.flare{height:2px;background:linear-gradient(90deg,transparent 0,#7d2a262e 18%,#f1d9a496 47%,#88a3b14f 54%,transparent 100%);box-shadow:0 0 13px #dfcf9d5c,0 0 46px #a2382d3d}
.flare:after{content:"";position:absolute;left:48%;top:50%;width:52px;aspect-ratio:1;border-radius:50%;transform:translate(-50%,-50%);background:radial-gradient(circle,#f0dbac4a,transparent 68%);filter:blur(4px)}
.hero-film-mark{position:absolute;z-index:8;left:3.5vw;bottom:4vh;display:grid;grid-template-columns:52px auto;align-items:center;gap:.25rem .75rem;color:#afb7b1}
.hero-film-mark i{grid-row:1/3;width:52px;height:1px;background:linear-gradient(90deg,var(--red),var(--gold))}
.hero-film-mark span{font-size:.5rem;letter-spacing:.22em}
.hero-film-mark small{font-size:.45rem;letter-spacing:.15em;color:#717b75}

.map-stage{--lens-x:50%;--lens-y:48%}
.memory-field{position:absolute;z-index:13;inset:0;opacity:.9;pointer-events:none;-webkit-mask-image:radial-gradient(circle 0 at var(--lens-x) var(--lens-y),#000 0,transparent 100%);mask-image:radial-gradient(circle 0 at var(--lens-x) var(--lens-y),#000 0,transparent 100%);transition:mask-image .75s cubic-bezier(.16,1,.3,1),-webkit-mask-image .75s cubic-bezier(.16,1,.3,1),opacity .7s}
.memory-field:before{content:"THE FIELD REMEMBERS WHAT THE ORDER OF BATTLE FORGOT";position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(-8deg);width:min(48vw,620px);font:500 clamp(2rem,5vw,5.6rem)/.92 var(--display);letter-spacing:-.05em;text-align:center;color:#1720190c}
.memory-field>span{position:absolute;left:var(--mx);top:var(--my);display:grid;gap:.18rem;max-width:170px;padding:.65rem .8rem;border-left:1px solid #76231e;color:#273029;background:linear-gradient(90deg,#e1e4ddc7,transparent);transform:translate(-50%,-50%) rotate(-2deg)}
.memory-field>span:nth-child(even){transform:translate(-50%,-50%) rotate(2deg)}
.memory-field b{font:600 .73rem/1.2 var(--display)}
.memory-field small{font-size:.48rem;line-height:1.45;letter-spacing:.1em;text-transform:uppercase;color:#505c54}
.map-stage.is-lensing .memory-field{-webkit-mask-image:radial-gradient(circle 150px at var(--lens-x) var(--lens-y),#000 0 56%,#000b 70%,transparent 100%);mask-image:radial-gradient(circle 150px at var(--lens-x) var(--lens-y),#000 0 56%,#000b 70%,transparent 100%)}
.map-stage.is-lensing:after{opacity:.48}
.map-stage.mist-parted .memory-field{-webkit-mask-image:linear-gradient(#000,#000);mask-image:linear-gradient(#000,#000);opacity:1}
.map-stage.mist-parted .mist{opacity:.08!important;transform:translateX(8%) scaleY(.72)}
.mist-control{position:absolute;z-index:35;right:5vw;bottom:1.25rem;min-height:46px;padding:.4rem 0 .4rem 3.2rem;border:0;background:none;color:#263029;cursor:pointer;text-align:left;text-transform:uppercase}
.mist-control i{position:absolute;left:0;top:50%;width:38px;height:38px;border:1px solid #3c484070;border-radius:50%;transform:translateY(-50%);transition:transform .5s cubic-bezier(.16,1,.3,1),background .4s,border-color .4s}
.mist-control i:after{content:"";position:absolute;inset:8px;border-radius:50%;background:radial-gradient(circle,#dfe4de 0 25%,#88938c 27% 34%,transparent 36%)}
.mist-control span{display:block;font-size:.54rem;font-weight:700;letter-spacing:.16em}
.mist-control small{display:block;margin-top:.2rem;font-size:.43rem;letter-spacing:.11em;color:#59645d}
.mist-control:hover i,.mist-control:focus-visible i{transform:translateY(-50%) scale(1.14);border-color:#7b201d}
.mist-control[aria-pressed="true"] i{background:#7d211e;border-color:#7d211e;transform:translateY(-50%) rotate(180deg)}
.mist-control[aria-pressed="true"] i:after{background:#d8d8ce}

.defection-trace{position:absolute;z-index:14;left:54%;top:18%;width:1px;height:1px;pointer-events:none}
.defection-trace i{position:absolute;left:0;top:0;width:clamp(110px,16vw,240px);height:1px;background:linear-gradient(90deg,#8d1f1dbd,transparent);transform-origin:left;opacity:0;transform:rotate(var(--ray)) scaleX(.05);transition:opacity .35s,transform 1.2s cubic-bezier(.16,1,.3,1)}
.defection-trace i:nth-child(1){--ray:10deg}.defection-trace i:nth-child(2){--ray:34deg}.defection-trace i:nth-child(3){--ray:63deg}.defection-trace i:nth-child(4){--ray:101deg}.defection-trace i:nth-child(5){--ray:142deg}.defection-trace i:nth-child(6){--ray:181deg}
.map-stage[data-stage="3"] .defection-trace i{opacity:.6;transform:rotate(var(--ray)) scaleX(1)}
.map-stage[data-stage="3"] .defection-trace i:nth-child(2n){transition-delay:.12s}
.map-stage[data-stage="3"] .impact{background:radial-gradient(circle at 54% 18%,#eee7ca 0 2%,#8d1f1d36 3% 8%,transparent 26%)}
.map-stage[data-stage="3"] .turning .flag{transition-duration:1.25s;transition-timing-function:cubic-bezier(.16,1,.3,1)}

.letter:focus-within,.letter:hover{box-shadow:0 42px 85px #000b}
.return-link:hover,.return-link:focus-visible{color:var(--gold);letter-spacing:.22em}

@media(max-width:900px){
  .hero-film-mark{display:none}
  .memory-field>span{max-width:135px;padding:.45rem .55rem}.memory-field b{font-size:.62rem}.memory-field small{font-size:.42rem}
  .mist-control{right:7vw}
}
@media(max-width:600px){
  ::-webkit-scrollbar{width:6px}
  .memory-field:before{font-size:3.3rem;width:90vw}
  .memory-field>span{max-width:112px;padding:.35rem .45rem}.memory-field b{font-size:.55rem}.memory-field small{font-size:.38rem}
  .memory-field>span:nth-child(2),.memory-field>span:nth-child(5){display:none}
  .mist-control{left:5vw;right:auto;top:7.15rem;bottom:auto;padding-left:2.8rem;min-height:44px}
  .mist-control i{width:34px;height:34px}.mist-control small{display:none}
  .map-stage.is-lensing .memory-field{-webkit-mask-image:none;mask-image:none}
  .defection-trace i{width:120px}
}
@media(prefers-reduced-motion:reduce){
  .memory-field,.mist-control i,.defection-trace i,.map-stage .mist{transition:none!important}
  .map-stage.is-lensing .memory-field{-webkit-mask-image:none;mask-image:none}
  .hero-media video{display:none}
}