
:root{--paper:#f8f8f5;--ink:#20231f;--ink2:#474b44;--muted:#858a82;--line:#dddeda;--olive:#646e5e;--accent:#313e31;--sea:#e9ede8;--serif:'Songti SC','Noto Serif CJK SC','STSong',Georgia,serif;--sans:Inter,'PingFang SC','Microsoft YaHei',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased}body.locked{overflow:hidden}button,input,textarea,select{font:inherit}button{cursor:pointer}a{text-decoration:none;color:inherit}img{display:block;width:100%}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #677a62;outline-offset:3px}.shell{width:min(1360px,calc(100% - 112px));margin:0 auto}.masthead{height:89px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);gap:20px}.identity{display:flex;align-items:center;gap:16px;flex-shrink:0}.mark{font-family:var(--serif);font-size:24px;font-weight:500;letter-spacing:.18em;white-space:nowrap}.identity-separator{width:1px;height:28px;background:#d8dad4}.mark-sub{font-size:11px;color:var(--muted);letter-spacing:.27em;line-height:1.8;white-space:nowrap}.mainnav{display:flex;align-items:center;gap:40px;margin-left:auto}.mainnav a{font-size:12px;color:#62675f;letter-spacing:.13em;border-bottom:1px solid transparent;padding:8px 0}.mainnav a:hover,.mainnav a.active{border-color:var(--ink);color:var(--ink)}.nav-index{font-family:Georgia,serif;color:#b1b5ad;font-size:10px;margin-right:8px}.manage-btn{border:1px solid #c7cac3;background:transparent;color:#4d554b;padding:10px 14px;font-size:11px;letter-spacing:.07em;white-space:nowrap;margin-left:14px}.manage-btn:hover{background:#e8ebe4}
.hero{padding-top:52px}.topline{display:flex;align-items:flex-start;justify-content:space-between;gap:35px;margin-bottom:32px}.overline{font:11px Georgia,serif;color:#8d928b;letter-spacing:.25em}.hero-title{font-family:var(--serif);font-weight:400;letter-spacing:.16em;font-size:clamp(40px,5.3vw,76px);line-height:1.28;margin:23px 0 0}.hero-desc{white-space:pre-line;color:#858a82;font-size:12px;letter-spacing:.11em;line-height:2.25;text-align:right;margin:48px 0 0;max-width:285px}.hero-visual{position:relative;background:#748879;height:min(670px,49vw);min-height:370px;overflow:hidden}.img-frame{overflow:hidden;position:relative;background:linear-gradient(155deg,#aebfb4,#d9d6cb 43%,#5b6f66)}.img-frame:before{position:absolute;content:'';inset:0;background:linear-gradient(180deg,transparent 32%,rgba(27,38,29,.34));pointer-events:none;z-index:1}.img-frame img{width:100%;height:100%;object-fit:cover;transition:transform .65s cubic-bezier(.2,.65,.2,1);position:relative;z-index:0}.img-frame:hover img{transform:scale(1.025)}.hero-visual img{height:100%;object-position:center 49%}.hero-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 60%,rgba(15,26,20,.45));pointer-events:none;z-index:1}.hero-overlay{position:absolute;bottom:39px;left:43px;color:#fff;z-index:2;text-shadow:0 1px 12px #20302e55}.hero-overlay small{font:11px Georgia,serif;letter-spacing:.23em}.hero-overlay h2{font-family:var(--serif);font-size:28px;font-weight:400;letter-spacing:.16em;margin:12px 0 0}.hero-bottom{display:flex;justify-content:space-between;margin-top:15px;color:#939890;font:11px Georgia,serif;letter-spacing:.19em}.section{padding-top:126px;scroll-margin-top:20px}.heading{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:35px}.kicker{font:12px Georgia,serif;letter-spacing:.12em;color:#989e95;margin-bottom:14px}.section-name{font-family:var(--serif);font-size:36px;font-weight:400;letter-spacing:.22em;margin:0}.section-en{font:italic 15px Georgia,serif;color:#949890;margin-top:12px}.section-description{color:#8b9188;font-size:12px;line-height:2;letter-spacing:.1em;text-align:right;margin:0 0 8px}.series-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:39px;align-items:start}.series-card{border:none;padding:0;background:none;text-align:left;width:100%;min-width:0}.series-card:nth-child(even){margin-top:90px}.series-cover{aspect-ratio:1.48}.series-card:nth-child(even) .series-cover{aspect-ratio:.94}.series-card .series-cover:after{content:'VIEW STORY';position:absolute;bottom:17px;right:20px;z-index:2;color:#fff;font:11px Georgia,serif;letter-spacing:.17em;opacity:0;transition:opacity .25s ease}.series-card:hover .series-cover:after{opacity:1}.series-info{display:flex;justify-content:space-between;gap:12px;padding:19px 0 0}.series-info h3{font-family:var(--serif);letter-spacing:.12em;font-weight:400;font-size:23px;margin:0 0 8px}.series-info p{margin:0;color:#898e86;font-size:12px;line-height:1.9;letter-spacing:.06em}.series-arrow{font-family:Georgia,serif;color:#7d887c;font-size:26px}.category-controls{display:flex;align-items:center;gap:35px;margin-bottom:29px;border-bottom:1px solid var(--line)}.category-btn{background:none;border:0;border-bottom:1.5px solid transparent;padding:0 2px 17px;color:#a0a39d;font-size:13px;letter-spacing:.13em}.category-btn[aria-selected=true]{border-color:#394638;color:#2b352a}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{border:0;background:none;text-align:left;padding:0;min-width:0}.category-photo{aspect-ratio:1.28}.category-card:nth-child(3n+2) .category-photo{aspect-ratio:.95}.category-card:nth-child(3n+3) .category-photo{aspect-ratio:1.12}.category-info{display:flex;justify-content:space-between;padding-top:13px;gap:10px;font-size:13px;letter-spacing:.09em}.category-info span:last-child{font:11px Georgia,serif;color:#a7aba4}.map-region{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,.7fr);gap:35px}.atlas{background:#e9ede8;min-height:510px;position:relative;overflow:hidden;border:1px solid #e0e6df}.atlas-top{position:absolute;left:25px;top:22px;z-index:3;display:flex;align-items:center;gap:12px}.atlas-label{font:11px Georgia,serif;letter-spacing:.17em;color:#637264}.mode-switch{display:flex;gap:2px;padding:3px;background:#f9faf7cc;border:1px solid #cfd7cc}.map-mode{border:0;background:transparent;padding:7px 11px;color:#7d877b;font-size:11px;letter-spacing:.07em}.map-mode.on{color:#273b2b;background:white;box-shadow:0 1px 3px #263b2b15}.map-svg-holder{width:100%;height:510px}.map-base{display:block;width:100%;height:100%}.map-base .graticule path{stroke:#cfd8cc;stroke-width:1;opacity:.63;fill:none}.map-base .nation{fill:#eef1eb;stroke:#c2cdc1;stroke-width:1.2;stroke-linejoin:round;fill-rule:evenodd}.map-base .focus-nation{fill:#d2ddd1;stroke:#879c87;stroke-width:1.4}.map-dot{fill:#405e42;stroke:#fff;stroke-width:2.5;cursor:pointer}.map-dot.selected{fill:#1a3925;stroke-width:3.5}.map-ring{fill:none;stroke:#5f8362;stroke-width:1;opacity:.65;pointer-events:none}.pin-hit{fill:transparent;cursor:pointer}.map-name{fill:#374b3b;font-size:19px;paint-order:stroke;stroke:#eef3ed;stroke-width:5px;stroke-linejoin:round;pointer-events:none;font-family:var(--sans)}.atlas-foot{position:absolute;bottom:16px;left:23px;font-size:10px;letter-spacing:.08em;color:#8a998a}.place-info{border-top:1px solid #d8dcd5;padding:21px 0 0;min-height:510px;display:flex;flex-direction:column}.place-mini{font:11px Georgia,serif;letter-spacing:.19em;color:#919990}.place-title{font-family:var(--serif);font-weight:400;letter-spacing:.12em;font-size:27px;margin:18px 0 12px}.place-body{font-size:12px;color:#858d82;line-height:2.15;letter-spacing:.05em;margin:0 0 20px}.place-thumb{aspect-ratio:1.5;margin-top:auto}.place-pics{display:flex;gap:5px;overflow-x:auto;margin-top:10px}.place-pics button{width:58px;aspect-ratio:1.2;flex:none;border:1px solid transparent;padding:0;background:none}.place-pics button.chosen{border-color:#506452}.place-pics img{width:100%;height:100%;object-fit:cover}.place-cta{border:0;border-bottom:1px solid #596956;background:none;color:#475d47;padding:8px 0;font-size:12px;letter-spacing:.12em;align-self:flex-start;margin:14px 0 0}.place-emptystate{font-size:12px;color:#888;line-height:2}.footer{margin-top:145px;padding:32px 0 45px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;color:#91968f;font-size:11px;letter-spacing:.08em}
/* large photograph dialog */
.lightbox{position:fixed;z-index:2600;inset:0;background:#161b18f7;display:none;align-items:center;justify-content:center;padding:64px 72px 79px}.lightbox.open{display:flex}.lightbox-image{width:auto;max-width:100%;max-height:100%;object-fit:contain}.lightbox-close,.lightbox-prev,.lightbox-next{position:absolute;background:none;border:0;color:white}.lightbox-close{top:23px;right:32px;font-size:30px}.lightbox-prev,.lightbox-next{top:50%;font-family:Georgia,serif;font-size:35px}.lightbox-prev{left:25px}.lightbox-next{right:25px}.lightbox-caption{position:absolute;bottom:27px;font-size:12px;color:#cad4cb;letter-spacing:.14em}
/* series detail takes full screen; instant open with static scroll */
.detail{position:fixed;z-index:2400;inset:0;overflow:auto;background:var(--paper);display:none}.detail.open{display:block}.detail-head{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);height:76px}.detail-close{border:0;background:none;font-size:12px;letter-spacing:.12em}.detail-body{padding:87px 0 100px}.detail-body h2{font:400 clamp(40px,5vw,67px) var(--serif);letter-spacing:.12em;margin:22px 0 22px}.detail-desc{font-size:14px;line-height:2.25;max-width:780px;color:#848a80}.detail-cover{margin-top:42px;aspect-ratio:2.03}.detail-photos{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin-top:29px}.detail-photos button{border:0;padding:0;background:none}.detail-photos button:nth-child(3n){grid-column:1/-1}.detail-photos .img-frame{aspect-ratio:1.45}.detail-photos button:nth-child(3n) .img-frame{aspect-ratio:2.05}
.section-description{white-space:pre-line}.admin-section-label{padding:16px 0 17px;margin:28px 0 18px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:13px;letter-spacing:.08em;color:#495a49}/* admin overlay */
.editor-shade{position:fixed;inset:0;background:#10191277;z-index:2950;display:none}.editor-shade.open{display:block}.editor{position:fixed;z-index:3000;right:0;top:0;height:100dvh;width:min(680px,100%);background:#fbfbf8;box-shadow:-14px 0 35px #0001;display:none;flex-direction:column}.editor.open{display:flex}.editor-top{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:26px 30px 18px;border-bottom:1px solid var(--line)}.editor-title{font-family:var(--serif);letter-spacing:.13em;font-size:25px;margin:0}.editor-sub{font-size:11px;color:#989f95;margin-top:8px}.editor-close{background:none;border:0;font-size:25px;color:#707a6c}.editor-tabs{display:flex;gap:5px;padding:17px 30px;border-bottom:1px solid var(--line);overflow:auto}.editor-tab{border:0;background:none;color:#899187;padding:9px 11px;font-size:12px;white-space:nowrap}.editor-tab.current{background:#e8ede6;color:#31422e}.editor-content{flex:1;overflow:auto;padding:25px 30px 55px}.editor-panel{display:none}.editor-panel.visible{display:block}.editor-intro{color:#788276;line-height:1.85;font-size:12px;margin:0 0 22px}.field{display:flex;flex-direction:column;gap:8px;margin-bottom:18px}.field label{font-size:12px;color:#495448;font-weight:600}.field small{font-size:11px;color:#959e94}.field input,.field select,.field textarea{border:1px solid #d9dfd6;background:#fff;border-radius:0;padding:12px 13px;font-size:13px;outline-offset:2px;color:#253125;width:100%}.field textarea{resize:vertical;min-height:90px;line-height:1.8}.field input[type=file]{font-size:11px;padding:9px}.fields-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-actions{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.action{border:1px solid #bac5b9;background:#fff;padding:11px 15px;font-size:12px;color:#40533d}.action.primary{background:#364a39;color:#fff;border-color:#364a39}.action.danger{border-color:#e2bbb5;color:#9b4441}.action:hover{filter:brightness(.95)}.manager-list{border-top:1px solid var(--line);padding-top:15px;margin-top:28px}.manager-list h3{font-size:12px;color:#6b756a;letter-spacing:.1em;font-weight:600}.manager-item{display:flex;gap:12px;align-items:center;padding:10px 0;border-bottom:1px solid #e4e8e1}.manager-item img{width:57px;height:53px;object-fit:cover;background:#d8ded4}.manager-item .item-text{flex:1;min-width:0;font-size:12px}.manager-item .item-text small{display:block;margin-top:5px;color:#90998e;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tiny-btn{border:1px solid #d3dcd1;background:transparent;padding:7px 11px;font-size:11px;color:#51624e}.tiny-btn.red{color:#ae4d44}.upload-hint{font-size:11px;color:#858f82;background:#eff2ec;padding:12px;line-height:1.8;margin-bottom:18px}.photo-row{display:flex;gap:10px;align-items:center;margin-bottom:9px;padding:7px;background:#f0f3ee}.photo-row img{width:52px;height:45px;object-fit:cover}.photo-row span{flex:1;font-size:12px;color:#596657}.empty-note{padding:27px 0;color:#929c90;font-size:12px}.check-photo{display:inline-flex;align-items:center;gap:8px;margin:6px 12px 6px 0;font-size:12px;color:#59695a}.check-photo input{accent-color:#3c593b}.notice{border-left:2px solid #a6b4a3;background:#f0f3ed;color:#5d6b5a;padding:14px 16px;font-size:12px;line-height:1.9;margin:17px 0}.toast{position:fixed;z-index:3500;right:24px;bottom:22px;padding:12px 18px;background:#243b28;color:white;box-shadow:0 5px 25px #0002;font-size:12px;display:none}.toast.show{display:block}
/* restrained scroll reveal & normal hover, no cursor effects or page transition */
.reveal{opacity:1;transform:none}.reveal.in-view{opacity:1;transform:none}
@media(max-width:1060px){.shell{width:calc(100% - 56px)}.mainnav{gap:22px}.map-region{grid-template-columns:1.2fr .8fr}.series-grid{gap:24px}.map-svg-holder,.atlas{min-height:420px}.map-svg-holder{height:420px}}
@media(max-width:780px){.masthead{height:auto;min-height:76px;flex-wrap:wrap;padding:15px 0;gap:12px}.mark{font-size:20px}.identity-separator{height:24px}.mainnav{order:3;width:100%;justify-content:space-between;gap:8px}.manage-btn{margin-left:auto}.hero{padding-top:36px}.topline{display:block}.hero-title{font-size:clamp(37px,7vw,55px);margin-top:16px}.hero-desc{text-align:left;margin:15px 0 0}.hero-visual{height:58vw;min-height:290px}.hero-overlay{left:23px;bottom:25px}.hero-overlay h2{font-size:23px}.section{padding-top:88px}.heading{display:block}.section-description{text-align:left;margin-top:17px}.series-grid{grid-template-columns:1fr;gap:42px}.series-card:nth-child(even){margin-top:0}.series-card:nth-child(even) .series-cover{aspect-ratio:1.48}.category-grid{grid-template-columns:repeat(2,1fr);gap:15px}.map-region{grid-template-columns:1fr}.map-svg-holder,.atlas{height:420px;min-height:420px}.place-info{min-height:unset}.place-thumb{max-width:500px}.footer{margin-top:90px}.detail-body{padding:60px 0}.detail-photos{gap:13px}.editor-content{padding:20px 20px 40px}.editor-tabs{padding:13px 20px}.editor-top{padding:20px}}
@media(max-width:480px){.shell{width:calc(100% - 34px)}.mark{font-size:18px;letter-spacing:.13em}.mark-sub{letter-spacing:.1em;font-size:10px}.identity{gap:10px}.manage-btn{padding:9px 10px;font-size:10px}.mainnav a{font-size:11px}.nav-index{margin-right:4px}.hero{padding-top:32px}.hero-title{font-size:36px;letter-spacing:.08em}.hero-visual{height:69vw;min-height:260px}.hero-overlay{left:17px;bottom:21px}.hero-overlay h2{font-size:19px}.hero-bottom{font-size:9px}.section-name{font-size:29px}.category-grid{grid-template-columns:repeat(2,1fr);gap:10px}.category-info{font-size:11px}.map-svg-holder,.atlas{height:320px;min-height:320px}.atlas-top{left:12px;top:13px}.atlas-label{display:none}.atlas-foot{left:12px;bottom:10px;font-size:9px}.map-name{font-size:24px}.fields-row{grid-template-columns:1fr}.detail-photos{grid-template-columns:1fr}.detail-photos button:nth-child(3n){grid-column:auto}.lightbox{padding:64px 30px}.lightbox-prev{left:5px}.lightbox-next{right:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.img-frame img,.series-card .series-cover:after{transition:none}}


/* TravelTime-inspired dark province atlas: static, self-contained SVG; no map tile/network dependency. */
#footprints.footprints-dark{position:relative;width:100vw;margin-left:calc(50% - 50vw);margin-top:110px;padding:72px 0 72px;background:#090909;color:#dedede;min-height:910px;overflow:hidden}
.region-inner{width:min(1520px,calc(100% - 120px));margin:0 auto;position:relative}
.region-top,.region-stats,.region-bottom{display:flex;justify-content:space-between;align-items:center;gap:20px}
.region-top{font-size:10px;letter-spacing:.19em;color:#777;min-height:18px}
.region-caption{color:#715d39}.region-heading{font:400 clamp(46px,4.5vw,66px)/1.24 var(--serif);letter-spacing:.09em;margin:22px 0 41px;color:#e5e4e1}
.region-description{margin:0 0 44px;color:#989898;font-size:14px;line-height:2;letter-spacing:.055em;white-space:pre-line}
.region-stats{margin-top:0;font-size:13px;color:#aaa}.region-stats strong{font-weight:500;color:#eee;font-size:15px}.region-help{font-size:12px;color:#777}
.region-map{max-width:1140px;margin:0 auto;height:min(60vw,650px);min-height:450px;display:flex;align-items:center;justify-content:center;position:relative}
#region-svg,.region-map svg{width:100%;height:100%;display:block;overflow:visible}
.province-shape{fill:#191919;stroke:#363636;stroke-width:.8;vector-effect:non-scaling-stroke;stroke-linejoin:round;cursor:default;transition:fill .16s ease,stroke .16s ease;outline:none;fill-rule:evenodd}
.province-shape.lit{fill:#483c26;stroke:#87703f;stroke-width:1.1;cursor:pointer}
.province-shape.lit:hover,.province-shape.lit:focus-visible{fill:#756038;stroke:#d1aa5c;stroke-width:1.9}
.province-shape:not(.lit):hover,.province-shape:not(.lit):focus-visible{fill:#292929;stroke:#777;stroke-width:1.2}
.japan-context path{fill:#1c1c1c;stroke:#383838;stroke-width:.85;vector-effect:non-scaling-stroke}
.region-hover-label{min-height:24px;color:#ac9055;text-align:center;font-size:12px;letter-spacing:.08em;margin:-6px 0 16px}
.region-bottom{font:10px Georgia,serif;letter-spacing:.18em;color:#666;border-top:1px solid #242424;padding:19px 0}
.region-index{display:flex;justify-content:center;flex-wrap:wrap;gap:9px;margin:16px auto 0;max-width:940px}
.region-index button{background:#151515;border:1px solid #4a3d28;color:#bba77e;padding:9px 15px;border-radius:999px;font-size:12px;cursor:pointer}.region-index button:hover{background:#302719;color:#f2dab0}.region-index button span{margin-left:9px;font:11px Georgia;color:#897653}
.region-empty{font-size:12px;color:#999}.region-gallery{position:fixed;inset:0;background:#0b0b0b;z-index:2450;overflow-y:auto;display:none;color:#ddd}.region-gallery.open{display:block}.region-gallery-inner{width:min(1300px,calc(100% - 100px));margin:auto}
.region-gallery-bar{height:86px;border-bottom:1px solid #303030;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#999;letter-spacing:.07em}.region-close{background:none;border:1px solid #424242;padding:10px 24px;color:#ddd;border-radius:24px}.region-close:hover{border-color:#a38a55}
.region-gallery-head{padding:76px 0 45px}.region-gallery-mini{font:11px Georgia,serif;letter-spacing:.22em;color:#a18a5e}.region-gallery-head h2{font:400 clamp(46px,5vw,76px) var(--serif);margin:21px 0 18px;letter-spacing:.1em}.region-gallery-head p{font-size:13px;color:#929292}
.region-gallery-grid{padding-bottom:85px}.regional-story{border-top:1px solid #323232;margin-top:30px;padding-top:29px}.regional-story-meta{display:flex;justify-content:space-between;color:#988661;font:11px Georgia,serif;letter-spacing:.12em}.regional-story h3{font:400 28px var(--serif);letter-spacing:.1em;margin:22px 0 12px}.regional-story p{color:#989898;font-size:13px;line-height:2;max-width:750px;margin-bottom:27px}.regional-photos{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.regional-photo{text-align:left;position:relative;padding:0;background:none;border:0;color:#aaa;cursor:pointer}.regional-photo img{width:100%;aspect-ratio:4/3;object-fit:cover}.regional-photo span{display:block;margin-top:9px;font-size:12px}.regional-photo:hover img{filter:brightness(1.13)}.regional-empty{color:#888;padding:40px 0}
.region-gallery-end{border-top:1px solid #333;text-align:center;color:#777;padding:45px 0 80px;font:14px var(--serif)}
@media(max-width:800px){#footprints.footprints-dark{margin-top:70px;min-height:720px;padding:60px 0}.region-inner{width:calc(100% - 38px)}.region-caption{display:none}.region-heading{font-size:48px;margin:21px 0 26px}.region-description{font-size:12px;margin-bottom:25px}.region-stats{font-size:11px}.region-help{font-size:10px;text-align:right}.region-map{height:60vw;min-height:300px}.region-gallery-inner{width:calc(100% - 36px)}.region-gallery-head{padding:54px 0 32px}.regional-photos{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}}
@media(max-width:480px){.region-heading{font-size:41px}.region-map{height:68vw;min-height:260px}.region-stats{align-items:flex-start}.region-description{font-size:11px;line-height:1.9}.region-bottom span:last-child{display:none}.region-index button{font-size:11px}.regional-photos{grid-template-columns:1fr}.region-gallery-bar{font-size:10px}}
@media(prefers-reduced-motion:reduce){.province-shape{transition:none}}

/* V6 — cinematic cover and translucent floating navigation */
html{scroll-padding-top:92px}body{overflow-x:hidden}.landing{position:relative;width:100%;height:100vh;height:100svh;min-height:640px;background:#09111b;color:white;isolation:isolate;overflow:hidden}#hero-image{display:none!important}.landing-slides,.landing-gradient{position:absolute;inset:0}.landing-slides{z-index:-3}.landing-slides img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center center;opacity:0;transition:opacity .85s ease-in-out;filter:saturate(.9) contrast(1.03)}.landing-slides img.is-active{opacity:1}.landing-gradient{z-index:-2;background:linear-gradient(90deg,rgba(5,9,16,.69),rgba(5,9,16,.34) 48%,rgba(5,9,16,.17) 100%),linear-gradient(0deg,rgba(4,7,13,.92),transparent 46%,rgba(8,12,16,.32))}
.landing-header{position:fixed;z-index:80;inset:18px clamp(28px,4.4vw,84px) auto;display:flex;justify-content:space-between;align-items:center;height:64px;color:#fff;border:none;gap:24px;pointer-events:none}.landing-header>*{pointer-events:auto}.identity{gap:12px;color:#fff}.brand-symbol{border:1px solid rgba(255,255,255,.34);border-radius:50%;display:grid;place-items:center;font:31px Georgia,serif;width:46px;height:46px;flex-shrink:0;color:white}.brand-lines{display:flex;flex-direction:column;justify-content:center;gap:2px}.mark{font-size:20px;color:#fff;letter-spacing:.22em;line-height:1.2}.mark-sub{font-size:8px;line-height:1.5;letter-spacing:.28em;color:#ffffffbb}.glass-nav{position:absolute;left:50%;top:1px;transform:translateX(-50%);padding:0 16px;display:flex;align-items:center;justify-content:center;gap:0;height:60px;min-width:max-content;border:1px solid rgba(255,255,255,.21);background:rgba(235,241,247,.10);border-radius:80px;backdrop-filter:blur(20px) saturate(125%);-webkit-backdrop-filter:blur(20px) saturate(125%);box-shadow:0 5px 24px rgba(0,0,0,.08)}.glass-nav a{padding:17px 22px;color:rgba(255,255,255,.76);font-size:14px;letter-spacing:.065em;border:0!important;position:relative;transition:color .2s}.glass-nav a:hover,.glass-nav a.active{color:#fff}.glass-nav a.active:after{position:absolute;content:'';width:17px;height:1px;background:#fff;left:50%;bottom:10px;transform:translateX(-50%)}.landing-header .manage-btn{border:1px solid rgba(255,255,255,.32);color:#fff;background:rgba(0,0,0,.12);border-radius:50px;letter-spacing:.08em;font-size:12px;padding:11px 20px;margin:0;transition:background .2s}.landing-header .manage-btn:hover{background:rgba(255,255,255,.2)}body.scrolled-down .glass-nav{background:rgba(26,31,34,.82);border-color:rgba(255,255,255,.24)}body.scrolled-down .identity .mark{color:#272a26}body.scrolled-down .identity .mark-sub{color:#646861}body.scrolled-down .brand-symbol{background:#272a26;color:#fff;border-color:#272a26}body.scrolled-down .manage-btn{background:#252827;color:#fff;border-color:#252827}
.landing-content{position:absolute;left:clamp(36px,5vw,100px);right:22%;top:48%;transform:translateY(-43%);max-width:930px;z-index:2;text-shadow:0 2px 25px rgba(0,0,0,.16)}.landing-eyebrow{display:flex;align-items:center;gap:14px;color:#eceef0c7;font-size:12px;letter-spacing:.22em}.gold-line{width:42px;height:1px;background:#bd995b;display:block;flex-shrink:0}.landing-title{margin:20px 0 0;font-family:'Songti SC','STSong','Noto Serif CJK SC',serif;line-height:1.12;font-weight:700;font-size:clamp(74px,8.6vw,154px);letter-spacing:.02em;color:#fff}.landing-subline{display:flex;gap:17px;align-items:baseline;flex-wrap:wrap;margin-top:-2px;line-height:1.18}.landing-latin{font:700 clamp(21px,3.2vw,52px)/1.2 Arial,'Helvetica Neue',sans-serif;letter-spacing:-.05em;color:#f8f8f7}.landing-gold{font-family:'Songti SC','STSong',serif;font-size:clamp(48px,5vw,86px);font-weight:700;color:#cfaa62;letter-spacing:.05em}.landing-description{font-size:14px;letter-spacing:.085em;white-space:pre-line;line-height:2.05;color:#dfe4e8;margin:29px 0 33px}.landing-buttons{display:flex;align-items:center;gap:13px}.landing-buttons a{display:inline-flex;gap:18px;justify-content:center;align-items:center;min-height:50px;border-radius:80px;padding:0 27px;font-size:13px;letter-spacing:.05em;text-shadow:none}.landing-primary{background:#f9f9f7;color:#131820;font-weight:600}.landing-primary:hover{background:#dbbb82}.landing-secondary{background:rgba(4,8,14,.14);color:#fff;border:1px solid rgba(255,255,255,.45)}.landing-secondary:hover{background:rgba(255,255,255,.12)}
.landing-dots{position:absolute;right:clamp(35px,4.5vw,90px);top:51%;transform:translateY(-50%);z-index:3;display:flex;flex-direction:column;align-items:flex-end;gap:8px}.landing-dots button{background:none;border:none;color:rgba(255,255,255,.55);padding:7px 0;display:flex;align-items:center;justify-content:flex-end;gap:14px;font-size:12px;font-family:Georgia,serif;font-variant-numeric:tabular-nums}.landing-dots button span{display:block;width:28px;height:1px;background:rgba(255,255,255,.5);transition:width .2s,background .2s}.landing-dots button.active{color:#fff}.landing-dots button.active span{width:55px;background:#cdaa67;height:2px}.landing-bottom-left{position:absolute;left:clamp(36px,5vw,100px);bottom:33px;display:flex;align-items:center;gap:15px;font:10px Georgia,serif;letter-spacing:.16em;color:#ffffffb5}.landing-tiny-rule{width:28px;height:1px;background:#cdaa67}.landing-bottom-right{position:absolute;right:clamp(35px,5vw,90px);bottom:34px;width:clamp(140px,22vw,285px);text-align:right;display:flex;flex-direction:column;gap:7px;color:#fff}.landing-bottom-right #slide-title{font-size:15px;letter-spacing:.16em}.landing-bottom-right #slide-caption{font-size:11px;color:#cdd1d5;letter-spacing:.05em}.landing-progress-track{margin-top:9px;height:2px;width:100%;background:rgba(255,255,255,.3);overflow:hidden}.landing-progress-fill{display:block;background:#cfaa62;width:0%;height:100%;transition:none}.landing-scroll{position:absolute;bottom:28px;left:50%;transform:translateX(-50%);z-index:4;display:flex;flex-direction:column;align-items:center;gap:2px;font:10px Georgia,serif;color:#ffffffa7;letter-spacing:.17em}.down-chevron{font-family:Arial;font-size:25px;line-height:15px;color:#d7b979}.landing+.shell{padding-top:10px}.landing+.shell .section:first-child{padding-top:104px}
.slide-editor-list{display:grid;gap:9px;margin:18px 0 25px}.slide-editor-item{display:grid;grid-template-columns:94px 1fr auto;gap:12px;align-items:center;border:1px solid #dcded8;padding:9px}.slide-editor-item img{width:94px;height:63px;object-fit:cover}.slide-editor-item strong{font-weight:500;display:block;font-size:13px}.slide-editor-item small{color:#888;display:block;margin-top:6px;font-size:11px}.slide-buttons{display:flex;flex-wrap:wrap;gap:4px;justify-content:end}.slide-buttons button{background:#f5f4ef;border:1px solid #d6d8d3;font-size:11px;padding:7px 8px}.slide-buttons button:hover{background:#e5e5df}.slide-buttons button.danger{color:#a24a3e}
@media(max-width:1050px){.glass-nav a{padding:17px 13px;font-size:12px}.landing-header{inset-inline:29px}.landing-header .manage-btn{font-size:11px;padding:10px 12px}.brand-symbol{width:39px;height:39px;font-size:24px}.mark{font-size:16px}.landing-content{right:16%;top:49%}.landing-title{font-size:clamp(65px,10vw,105px)}}
@media(max-width:730px){.landing{height:100svh;min-height:660px}.landing-header{inset:14px 17px auto;height:auto;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;row-gap:10px}.landing-header .identity{order:0}.landing-header .manage-btn{order:1;padding:10px 13px;margin-top:2px}.glass-nav{order:2;position:static;transform:none;width:100%;height:49px;min-width:0;justify-content:space-between;overflow-x:auto;scrollbar-width:none;border-radius:32px;padding:0 12px}.glass-nav::-webkit-scrollbar{display:none}.glass-nav a{white-space:nowrap;padding:12px 8px;font-size:11px}.glass-nav a.active:after{bottom:5px}.landing-content{top:45%;left:25px;right:24px;transform:translateY(-32%)}.landing-eyebrow{font-size:9px;line-height:1.7;letter-spacing:.12em;gap:9px}.gold-line{width:23px}.landing-title{font-size:clamp(59px,15vw,88px);margin:23px 0 9px}.landing-latin{font-size:clamp(16px,5vw,26px)}.landing-subline{gap:11px}.landing-gold{font-size:clamp(34px,8vw,55px)}.landing-description{font-size:12px;margin:23px 0 29px}.landing-buttons{gap:8px;flex-wrap:wrap}.landing-buttons a{font-size:12px;min-height:44px;padding:0 19px}.landing-dots{right:20px;top:auto;bottom:153px;transform:none;flex-direction:row;gap:13px}.landing-dots button{font-size:11px;gap:6px}.landing-dots button span{width:17px}.landing-dots button.active span{width:28px}.landing-bottom-left{left:25px;bottom:35px;font-size:9px;max-width:52%;gap:8px}.landing-bottom-right{bottom:33px;right:20px;width:36%;gap:4px}.landing-bottom-right #slide-title{font-size:12px}.landing-bottom-right #slide-caption{font-size:9px}.landing-scroll{bottom:94px}.slide-editor-item{grid-template-columns:70px 1fr}.slide-editor-item img{width:70px;height:53px}.slide-buttons{grid-column:1/3;justify-content:start}}
@media(prefers-reduced-motion:reduce){.landing-slides img,.glass-nav,.landing-dots button span{transition:none!important}}


/* V7 file-folder editor */
.folder-banner{padding:17px 22px;background:#eef1ec;border-bottom:1px solid #d2d9d2;display:grid;gap:9px;color:#455449;font-size:12px;line-height:1.7}
.folder-banner p{margin:0;line-height:1.8;color:#6d776f}
.folder-connect{width:max-content;background:#293c32;color:#fff;padding:10px 17px;border-radius:4px;border:1px solid #293c32;cursor:pointer;letter-spacing:.03em;font-size:12px}
.folder-connect:hover{background:#435b4b}
.folder-banner code{color:#283f32;background:#dce5dc;padding:2px 5px;border-radius:3px}
body:not(.file-editor-mode) #manage-btn{display:none!important}
@media(max-width:600px){.folder-banner{padding:12px 17px}}

/* V8 — refined frosted-glass navigation, six-photo cinematic carousel */
.glass-nav{
 padding:5px 6px;gap:3px;height:60px;
 border:1px solid rgba(255,255,255,.21);
 background:rgba(32,43,54,.24);
 border-radius:999px;
 -webkit-backdrop-filter:blur(24px) saturate(150%);
 backdrop-filter:blur(24px) saturate(150%);
 box-shadow:0 10px 40px rgba(0,0,0,.14),inset 0 1px 0 rgba(255,255,255,.13);
}
.glass-nav a{
 display:flex;align-items:center;justify-content:center;
 padding:0 22px;height:48px;border-radius:999px;
 font-size:14px;font-weight:400;color:rgba(255,255,255,.78);
 transition:background-color .32s ease,color .32s ease,box-shadow .32s ease;
}
.glass-nav a.active{
 color:#fff;background:rgba(255,255,255,.14);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.11),0 2px 9px rgba(0,0,0,.08);
}
.glass-nav a.active:after{display:none!important}
.glass-nav a:hover{background:rgba(255,255,255,.10);color:white}
.glass-nav a:focus-visible,.landing-dots button:focus-visible{outline:2px solid #deb96a;outline-offset:3px}
body.scrolled-down .glass-nav{background:rgba(33,39,43,.63);border-color:rgba(255,255,255,.24)}
.landing-subline{margin-top:2px}
.landing-gold{font-size:clamp(44px,5.25vw,88px);letter-spacing:.085em}
.landing-bottom-left,.landing-latin{display:none!important}
.landing-slides img{
 opacity:0;transform:scale(1.07);will-change:transform,opacity;
 transition:opacity 1.4s cubic-bezier(.24,.7,.25,1);
}
.landing-slides img.is-active{opacity:1;animation:heroV8ZoomIn 8s linear both;}
.landing-slides img.is-active:nth-child(even){animation-name:heroV8ZoomOut}
@keyframes heroV8ZoomIn{from{transform:scale(1.015)}to{transform:scale(1.12)}}
@keyframes heroV8ZoomOut{from{transform:scale(1.12)}to{transform:scale(1.015)}}
.landing-dots button{min-width:66px;cursor:pointer}
.landing-dots button.active span{width:54px}
.landing-progress-fill{transition:width .10s linear}
@media(max-width:1050px){
 .glass-nav{height:56px;padding:4px 5px}
 .glass-nav a{height:46px;padding:0 15px;font-size:12px}
}
@media(max-width:730px){
 .glass-nav{height:49px;padding:4px 5px;gap:0}
 .glass-nav a{height:40px;padding:0 12px;font-size:12px;min-width:0;white-space:nowrap}
 .landing-subline{margin-top:0}
 .landing-gold{font-size:clamp(42px,10vw,68px)}
 .landing-dots{flex-wrap:wrap;justify-content:flex-end;max-width:calc(100vw - 50px);gap:2px 10px;bottom:132px}
 .landing-dots button{min-width:42px;gap:5px}
 .landing-dots button span{width:14px}
 .landing-dots button.active span{width:25px}
 .landing-bottom-right{width:48%}
}
@media(prefers-reduced-motion:reduce){
 .landing-slides img.is-active{animation:none!important;transform:none!important}
 .landing-slides img{transition:none!important;transform:none!important}
 .glass-nav a{transition:none!important}
 .landing-progress-fill{transition:none!important}
}
