/* Scene-led mobile continuation: reference 1000001454. */
:root{--scene-black:#090c08;--scene-gold:#f5d348;--scene-muted:#d1cebd}
h1,h2,h3{text-wrap:balance}p{text-wrap:pretty}
.field-guide,.mission-board,.people-section,.inventory-section,.field-history{background:var(--scene-black);color:#fff9e6;padding:60px max(6%,calc((100% - 1160px)/2));border-bottom:1px solid #a58d3e}
.section-title{text-align:left;margin-bottom:26px}.section-title h2,html[lang=ja] .section-title h2{font:900 italic clamp(29px,3.3vw,47px)/1.05 'Barlow Condensed';color:var(--scene-gold);margin:0 0 12px;letter-spacing:-.5px}.section-title p{margin:0;color:#ddd9c9;font-size:13px;line-height:1.8}
.field-guide .guide-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:0;padding:0;overflow:visible;max-width:none}
.field-guide .guide-grid>a{display:block;position:relative;min-height:350px;border:1px solid #9d8b46;border-radius:8px;overflow:hidden;background:#111;isolation:isolate}
.field-guide .guide-grid>a::before{display:none}.field-guide .guide-grid>a::after{content:'';position:absolute;inset:0;background:linear-gradient(#000e,#0004 50%,#0008);z-index:0;pointer-events:none}
.field-guide .guide-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.22,1,.36,1)}.field-guide .guide-grid>a:hover img{transform:scale(1.05)}
.guide-caption{position:relative;z-index:1;text-align:left;padding:20px 15px 20px 64px}.guide-caption>b{position:absolute;left:15px;top:20px;display:grid;place-items:center;background:var(--scene-gold);color:#080b05;border-radius:50%;width:37px;height:37px;font:900 italic 27px 'Barlow Condensed'}
.guide-caption h3{font:800 17px/1.4 'Noto Sans JP';margin:0 0 9px}.guide-caption p{font-size:12px;line-height:1.8;margin:0;color:#f6f3e8}
.field-guide .guide-grid .speech{position:absolute;z-index:1;left:20%;right:16px;bottom:18px;background:#fffceb;color:#15160b;padding:13px 15px;border-radius:7px;font:600 12px/1.7 'Noto Sans JP';text-align:left}.speech i{float:right;color:#4b491a;font-style:normal}
.mission-layout{display:grid;grid-template-columns:1.5fr 1fr;gap:18px}.mission-tile{position:relative;text-align:left;border:1px solid #a9954e;background:#0d1009;border-radius:8px;color:#fff9e6;overflow:hidden;min-height:220px;padding:0}.mission-lead{grid-row:span 2;min-height:465px}.mission-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.22,1,.36,1)}.mission-tile:hover img{transform:scale(1.04)}.mission-tile>div{position:absolute;inset:auto 0 0;background:linear-gradient(transparent,#070a05e8 35%);padding:60px 24px 23px 75px}.mission-tile b{position:absolute;bottom:70px;left:20px;font:900 italic 43px/1 'Barlow Condensed';color:var(--scene-gold)}.mission-tile h3{font:800 18px/1.5 'Noto Sans JP';margin:0 0 8px}.mission-tile p{font-size:12px;line-height:1.7;margin:0}.mission-tile span{display:inline-block;font-size:11px;margin-top:18px;color:var(--scene-gold)}
.mission-board>.cta,.people-section>.cta,.inventory-section>.cta{display:flex;width:max-content;margin:30px auto 0;border:1px solid var(--scene-gold);border-radius:40px;background:transparent;box-shadow:none;color:#fffbe7;font-size:16px;min-height:46px;padding:10px 25px}.mission-board>.cta{background:var(--scene-gold);color:#121408;border-radius:8px}
.journey-banner,.closing-scene{position:relative;isolation:isolate;height:510px;overflow:hidden;background:#16170b;color:#fffbe8}.journey-banner>img,.closing-scene>img,.journey-banner>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% center}.journey-banner::after,.closing-scene::after{content:'';position:absolute;inset:0;z-index:0;background:linear-gradient(90deg,#0009,transparent 75%),linear-gradient(0deg,#0009,transparent 60%);pointer-events:none}.journey-copy{position:absolute;inset:auto 8% 15%;z-index:1;display:flex;align-items:end;justify-content:space-between;gap:20px}.journey-copy p,.closing-scene>p{font:italic 700 clamp(25px,4vw,48px)/1.65 serif;transform:rotate(-6deg);margin:0}.journey-copy small{font:600 12px/1.8 'Barlow Condensed';letter-spacing:3px}.journey-credit{position:absolute;bottom:12px;right:20px;z-index:1;font-size:9px;color:#e2decf}
.person-spotlight{display:block;position:relative;width:100%;height:520px;border:1px solid #b09b49;border-radius:8px;background:#0d1009;overflow:hidden;color:#fff;text-align:left;padding:0}.person-spotlight>img{width:100%;height:100%;object-fit:cover;object-position:center 38%!important}.person-caption{position:absolute;inset:auto 0 0;display:flex;flex-direction:column;padding:90px 30px 30px;background:linear-gradient(transparent,#030604ed 55%)}.person-caption>small{color:var(--scene-gold);font-size:10px}.person-caption>strong{font-size:32px;margin:8px 0}.person-caption>span{font-size:13px;line-height:1.85;max-width:650px}.person-caption>em{font-style:normal;color:var(--scene-gold);font-size:11px;margin-top:17px}.person-aside{position:absolute;top:30px;right:32px;transform:rotate(-9deg);font:italic 24px/1.5 serif;color:#fffce8;text-shadow:0 2px 3px #000}
.people-thumbs{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:18px}.people-thumbs button{padding:0;text-align:left;color:#fff7e2;background:none;border:0}.people-thumbs img{display:block;width:100%;height:155px;object-fit:cover;border-radius:6px;border:1px solid #75683a;filter:saturate(.7);transition:filter .25s,border-color .25s}.people-thumbs [aria-pressed=true] img{border:2px solid var(--scene-gold);filter:saturate(1.1)}.people-thumbs strong,.people-thumbs span{display:block;margin-top:7px;font-size:13px}.people-thumbs span{color:var(--scene-muted);font-size:11px;line-height:1.6}
.inventory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 20px}.inventory-grid>button{padding:0;border:0;background:none;text-align:left;color:#fff9e9}.inventory-art{display:block;position:relative;aspect-ratio:1.3;border:1px solid #817442;border-radius:7px;overflow:hidden;background:#16180f}.inventory-art img{width:100%;height:100%;object-fit:contain;padding:12%;transition:transform .3s ease-out}.inventory-grid [data-loadout=truck] img{object-fit:cover;padding:0}.inventory-art i{position:absolute;bottom:8px;right:9px;color:var(--scene-gold);font-style:normal;font-size:17px}.inventory-grid strong,.inventory-grid small{display:block;margin-top:8px;font-size:15px}.inventory-grid small{font-size:11px;line-height:1.6;color:var(--scene-muted)}.inventory-grid button:hover img{transform:translateY(-4px) rotate(-3deg)}.inventory-grid [aria-pressed=true] .inventory-art{border:2px solid var(--scene-gold);background:#292713}.inventory-inspect{margin-top:25px;padding:23px 0;border-block:1px solid #6d6135;min-height:168px}.inventory-inspect>span{color:var(--scene-gold);font-size:10px}.inventory-inspect h3{font:800 21px/1.4 'Noto Sans JP';margin:8px 0}.inventory-inspect p{font-size:13px;line-height:1.8;margin:0 0 12px}.inventory-inspect button{background:none;border:0;padding:0;color:var(--scene-gold);font-size:12px}
.field-history{padding-block:24px;text-align:left}.field-history summary{display:flex;justify-content:space-between;gap:15px;cursor:pointer;font-size:15px;font-weight:800;color:#f5df7b}.field-history .timeline{margin-top:30px}.field-history .era{background:#15170d;border:1px solid #706333;color:#eee8d3}.field-history .era h3{color:var(--scene-gold)}.field-history .era p{color:#eee8d3}.field-history .era button{color:var(--scene-gold)}
.closing-scene{height:360px}.closing-scene>p{position:absolute;top:18%;left:8%;z-index:1}.closing-scene>small{position:absolute;bottom:30px;left:8%;z-index:1;font:700 12px 'Barlow Condensed';letter-spacing:2px}
.showcase{padding:45px 7%;background:#f6d64f;border:0;box-shadow:none}.showcase .split{display:block;text-align:center}.showcase .split>img{display:none}.showcase .copy p{font-size:13px;max-width:560px;margin:18px auto}.showcase .copy h2,html[lang=ja] .showcase .copy h2{font-size:32px;margin:0}.showcase .cta{background:#101308;color:#ffea84;border:0;box-shadow:none;font-size:21px;border-radius:8px}.creator{padding:30px 6%;background:#0b0d09;color:#f5e9b3}.creator h2,html[lang=ja] .creator h2{font-size:25px}.creator .cta{background:transparent;border:1px solid #c4a940;color:#fff5cf;box-shadow:none;font-size:16px;border-radius:30px;min-height:44px}.about.gold{background:#11140d;color:#d4cfb8;border:0;box-shadow:none;padding:35px 7%}.about .mini-logo{display:none}.about .split{display:block}.about .copy{text-align:left}.about .copy h2{font-size:23px}.about .copy p{max-width:none;font-size:11px;line-height:1.9;margin:14px 0}.about .source-link{color:var(--scene-gold);font-size:12px}footer{background:#060805;color:#bcb79f;padding:30px 7%}footer p{font-size:10px}
/* Animate only imagery; copy and controls stay still. Offscreen sections pause. */
@keyframes village-drift{from{transform:scale(1.03) translateX(-.8%)}to{transform:scale(1.07) translateX(.8%)}}
@keyframes portrait-arrive{from{transform:scale(1.025)}to{transform:scale(1)}}
@keyframes speech-arrive{from{transform:translateY(7px)}to{transform:translateY(0)}}
.journey-banner>img,.closing-scene>img{animation:village-drift 14s ease-in-out infinite alternate;animation-play-state:paused}.journey-banner.motion-active>img,.closing-scene.motion-active>img{animation-play-state:running}.person-spotlight>img{animation:portrait-arrive .7s cubic-bezier(.22,1,.36,1)}.field-guide.motion-active .speech{animation:speech-arrive .6s ease-out both}.field-guide .guide-grid>a:nth-child(2) .speech{animation-delay:.12s}.field-guide .guide-grid>a:nth-child(3) .speech{animation-delay:.24s}
.paused *, .page-hidden *{animation-play-state:paused!important}.paused .person-spotlight>img,.paused .speech{animation:none!important}.paused html{scroll-behavior:auto}
@media(max-width:600px){.field-guide,.mission-board,.people-section,.inventory-section{padding:28px 5% 30px}.section-title{margin-bottom:18px}.section-title h2,html[lang=ja] .section-title h2{font-size:29px}.section-title p{font-size:11px}.field-guide .guide-grid{grid-template-columns:1fr;gap:12px}.field-guide .guide-grid>a{min-height:255px}.guide-caption{padding:17px 17px 17px 65px}.guide-caption h3{font-size:15px}.guide-caption p{font-size:11px;max-width:230px}.field-guide .guide-grid .speech{font-size:11px;left:24%;bottom:15px;padding:11px 13px}.mission-layout{grid-template-columns:1fr 1fr;gap:12px}.mission-lead{grid-column:span 2;grid-row:auto;min-height:275px}.mission-tile:not(.mission-lead){min-height:225px}.mission-tile>div{padding:70px 12px 15px}.mission-tile b{position:static;display:block;font-size:35px;margin-bottom:5px}.mission-tile h3{font-size:13px;line-height:1.5;margin-bottom:5px}.mission-tile p{font-size:10px;line-height:1.7}.mission-lead>div{padding-left:60px}.mission-lead b{position:absolute;left:14px;bottom:84px}.mission-lead h3{font-size:17px}.mission-lead p{font-size:11px}.mission-tile span{margin-top:10px;font-size:10px}.mission-board>.cta,.people-section>.cta,.inventory-section>.cta{font-size:13px;min-height:44px;margin-top:23px}.journey-banner{height:350px}.journey-banner>img,.journey-banner>video{object-position:62% center}.journey-copy{inset:auto 7% 15%;align-items:end}.journey-copy p{font-size:26px;line-height:1.6}.journey-copy small{font-size:8px;letter-spacing:1.5px}.person-spotlight{height:350px}.person-spotlight>img{object-position:30% center!important}.person-caption{padding:65px 17px 18px}.person-caption>strong{font-size:25px;margin:5px 0}.person-caption>span{font-size:11px;line-height:1.75}.person-caption>em{font-size:10px;margin-top:10px}.person-aside{font-size:19px;top:19px;right:20px}.people-thumbs{gap:10px;margin-top:12px}.people-thumbs img{height:101px}.people-thumbs strong{font-size:11px}.people-thumbs span{font-size:9px;margin-top:4px}.inventory-grid{gap:18px 12px}.inventory-art{aspect-ratio:1}.inventory-art img{padding:7%}.inventory-grid strong{font-size:11px;margin-top:7px}.inventory-grid small{font-size:9px;margin-top:5px}.inventory-inspect{padding:18px 0;min-height:172px}.inventory-inspect h3{font-size:18px}.inventory-inspect p{font-size:11px}.field-history{padding:22px 5%}.field-history summary{font-size:12px}.closing-scene{height:265px}.closing-scene>p{font-size:28px}.closing-scene>small{font-size:9px}.showcase{padding:30px 6%}.showcase .copy h2,html[lang=ja] .showcase .copy h2{font-size:26px}.showcase .copy p{font-size:11px}.showcase .cta{font-size:17px;min-height:48px}.about .copy h2,html[lang=ja] .about .copy h2{font-size:21px}.hero-shade{background:linear-gradient(90deg,#05080499,transparent 92%),linear-gradient(0deg,#05080466,transparent 60%)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation:none!important;transition:none!important}.journey-banner>img,.closing-scene>img{transform:none}}
.journey-banner>video{z-index:0}.journey-banner>.ambient-video+img{z-index:-1}.journey-banner:has(video) .journey-copy{z-index:2}.journey-banner:has(video)::after{z-index:1}.journey-credit{z-index:2}.paused{scroll-behavior:auto!important}
@media(max-width:600px){.journey-copy{display:block;bottom:19%}.journey-copy p{font-size:25px}.journey-copy small{position:absolute;right:0;bottom:-35px;font-size:7px}}

/* Reference continuation: yellow introduction, open categories, full-bleed scene. */
.story-intro{position:relative;padding:64px 8%;min-height:330px;text-align:center;overflow:hidden;background:#f6d64f;color:#131509}
.story-intro .intro-copy{position:relative;z-index:1;max-width:750px;margin:auto}
.story-intro h2,html[lang=ja] .story-intro h2{font:900 italic clamp(27px,3.5vw,44px)/1.6 'Noto Sans JP',sans-serif;margin:0 0 22px}
.story-intro p{font-size:14px;line-height:2.1;margin:0 0 27px}
.story-intro .cta{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;background:#ffe779;color:#17190b;border:1px solid #b39327;border-radius:9px;box-shadow:0 4px 0 #bd9929;font-size:16px;padding:16px 25px}
.intro-stamp{position:absolute;right:4%;bottom:20px;width:120px;height:120px;border:1px solid #6c5a17;border-radius:50%;display:grid;align-content:center;transform:rotate(-14deg);font:800 italic 20px/1.1 'Barlow Condensed';opacity:.65}
.category-entry{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;max-width:1120px;margin:24px auto 0}
.category-entry button{position:relative;min-height:130px;background:#12150d;color:#f5d348;border:1px solid #a78e39;border-radius:6px;padding:17px 12px;text-align:left}
.category-entry button>span{display:block;font-size:27px;margin-bottom:14px}.category-entry strong,.category-entry small{display:block}.category-entry strong{font-size:14px}.category-entry small{font-size:10px;color:#e3dcc5;line-height:1.7;margin-top:6px}.category-entry i{position:absolute;right:12px;top:13px;font-style:normal}
.road-interlude{position:relative;min-height:510px;overflow:hidden;color:#fff8e1;background:#15180d}.road-interlude>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:65% center}.road-interlude::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030802aa,transparent 90%),linear-gradient(0deg,#030802bb,transparent 45%)}.road-interlude>div{position:absolute;z-index:1;inset:17% 8% 9%;display:flex;flex-direction:column;justify-content:space-between}.road-interlude p{font:700 italic clamp(29px,4vw,48px)/1.7 serif;margin:0;rotate:-6deg}.road-interlude small{font:700 12px/1.4 'Barlow Condensed';letter-spacing:2px}
[data-enter]{backface-visibility:hidden}
@media(max-width:600px){.story-intro{padding:38px 6% 40px;min-height:350px}.story-intro h2,html[lang=ja] .story-intro h2{font-size:25px;line-height:1.65}.story-intro p{font-size:12px;line-height:2}.story-intro .cta{font-size:13px;min-width:235px}.intro-stamp{display:none}.category-entry{gap:8px;margin-top:22px}.category-entry button{padding:14px 7px;min-height:133px;text-align:center}.category-entry button>span{font-size:26px;margin:12px 0}.category-entry strong{font-size:10px}.category-entry small{font-size:9px}.category-entry i{right:6px;top:6px;font-size:10px}.road-interlude{min-height:435px}.road-interlude>div{inset:17% 7% 9%}.road-interlude p{font-size:29px}.road-interlude small{font-size:10px}}
@media(prefers-reduced-motion:reduce){[data-enter]{transform:none!important;opacity:1!important}}