/* Barbossa — image, frame, paper. Homepage art direction, independently scoped. */
body[data-page="home"] { --bg:#efeee7; --text:#29372f; --accent:#536859; --home-ease:cubic-bezier(.16,1,.3,1); background:var(--bg); color:var(--text); min-width:0; }
body[data-page="home"] .edit-home { width:100%; padding:0; overflow:visible; }
body[data-page="home"] .site-header-home { position:absolute; inset:0 auto auto 0; width:100%; height:100svh; margin:0; padding:0; border:0; z-index:40; pointer-events:none; }
body[data-page="home"] .site-header-home .site-mark { position:absolute; left:44px; top:38px; color:#fff; font-size:17px; letter-spacing:-.035em; font-weight:600; pointer-events:auto; }
body[data-page="home"] .menu-toggle { display:flex; align-items:center; gap:14px; position:fixed; left:25px; top:48%; padding:15px 12px; border:0; background:transparent; color:#fff; font-size:11px; letter-spacing:.08em; pointer-events:auto; z-index:42; writing-mode:vertical-rl; transition:color .4s; }
body[data-page="home"] .menu-toggle:before,body[data-page="home"] .menu-toggle:after { content:""; position:absolute; left:0; top:15px; width:1px; height:25px; background:currentColor; transition:transform .5s var(--home-ease); }
body[data-page="home"] .menu-toggle:after { left:5px; }
body[data-page="home"] .menu-toggle[aria-expanded="true"] { color:var(--text); }
body[data-page="home"] .menu-toggle[aria-expanded="true"]:before { transform:translateX(3px) rotate(45deg); }
body[data-page="home"] .menu-toggle[aria-expanded="true"]:after { transform:translateX(-2px) rotate(-45deg); }
body[data-page="home"].past-opening .menu-toggle { color:var(--text); background:#efeee7e8; }
body[data-page="home"] .site-nav { display:flex; visibility:hidden; position:fixed; inset:0 auto 0 0; width:min(520px,90vw); height:100dvh; z-index:1; margin:0; padding:120px 64px 70px 100px; background:var(--bg); color:var(--text); flex-direction:column; justify-content:center; align-items:stretch; gap:35px; pointer-events:none; transform:translateX(-102%); transition:transform .7s var(--home-ease),visibility 0s .7s; border:0; }
body[data-page="home"] .site-nav:before { content:"BARBOSSA / INDEX"; position:absolute; top:44px; left:100px; font-size:10px; letter-spacing:.1em; }
body[data-page="home"] .site-nav:after { content:"PHOTOGRAPHY · VIDEO"; position:absolute; bottom:45px; left:100px; font-size:10px; letter-spacing:.1em; }
body[data-page="home"] .site-nav.is-open { visibility:visible; transform:none; pointer-events:auto; transition:transform .7s var(--home-ease),visibility 0s; box-shadow:none; }
body[data-page="home"] .site-nav a { display:flex; flex-direction:column-reverse; align-items:start; gap:9px; border:0; font-size:11px; font-weight:400; opacity:0; transform:translateY(22px); transition:opacity .3s,transform .3s; }
body[data-page="home"] .site-nav.is-open a { opacity:1; transform:none; transition:opacity .7s .16s,transform .7s .16s var(--home-ease); }
body[data-page="home"] .site-nav.is-open a:nth-child(2) { transition-delay:.22s; }
body[data-page="home"] .site-nav.is-open a:nth-child(3) { transition-delay:.28s; }
body[data-page="home"] .site-nav.is-open a:nth-child(4) { transition-delay:.34s; }
body[data-page="home"] .site-nav a span { display:block; font:500 42px/1.05 'Archivo','Noto Sans Editorial',sans-serif; letter-spacing:-.05em; transition:transform .3s; }
body[data-page="home"] .site-nav a:hover span { transform:translateX(7px); }
.opening-scene { height:170svh; position:relative; background:var(--bg); }
.opening-stage { position:sticky; top:0; height:100svh; min-height:540px; isolation:isolate; overflow:hidden; }
.scene-picture { position:absolute; inset:0; overflow:hidden; background:#132a32; transform-origin:50% 50%; }
.opening-image { display:block; position:absolute; width:100%; height:100%; object-fit:cover; object-position:center; animation:lake-arrival 2.2s var(--home-ease) both; }
.scene-picture:after { content:""; position:absolute; inset:0; background:linear-gradient(180deg,#061b2020,transparent 80%,#061b2045); pointer-events:none; }
.opening-identity { position:absolute; left:50%; top:32%; transform:translate(-50%,-50%); color:#fff; text-align:center; z-index:2; }
.identity-kicker { display:block; font-size:9px; letter-spacing:.25em; animation:identity-arrival 1.4s .35s var(--home-ease) both; }
.identity-symbol { position:relative; width:168px; height:155px; margin:24px auto 32px; animation:identity-arrival 1.8s .05s var(--home-ease) both; }
.identity-symbol span { display:block; font:500 172px/.85 'Archivo',sans-serif; letter-spacing:-.065em; padding-right:8px; }
.identity-symbol:before,.identity-symbol:after { content:""; position:absolute; width:25px; height:25px; border:1px solid #ffffff9c; }
.identity-symbol:before { top:0; left:0; border-right:0; border-bottom:0; }
.identity-symbol:after { bottom:0; right:0; border-left:0; border-top:0; }
.identity-symbol i { position:absolute; width:6px; height:6px; border-radius:50%; background:#fff; bottom:23px; right:46px; }
.opening-identity h1 { color:#fff; font:550 30px/1.1 'Archivo','Noto Sans Editorial',sans-serif; letter-spacing:-.035em; margin:0 0 14px; animation:identity-arrival 1.4s .45s var(--home-ease) both; }
body[data-page="home"] .opening-identity p { color:#fff; font-size:8px; letter-spacing:.22em; margin:0; animation:identity-arrival 1.4s .55s var(--home-ease) both; }
.opening-vertical { position:absolute; right:12%; top:35%; color:#fff; writing-mode:vertical-rl; font-family:'Noto Sans Editorial','Archivo',sans-serif; font-size:25px; line-height:1.5; letter-spacing:.08em; }
.opening-vertical span { display:inline-block; padding:12px 0; font-size:12px; }
.opening-scroll { position:absolute; bottom:9%; left:50%; transform:translateX(-50%); display:flex; align-items:center; flex-direction:column; gap:12px; color:#fff; font-size:10px; letter-spacing:.12em; z-index:3; }
.opening-scroll span:last-child { font-size:7px; letter-spacing:.2em; }
.opening-scroll i { display:block; width:1px; height:38px; background:#ffffff50; position:relative; overflow:hidden; }
.opening-scroll i:after { content:""; position:absolute; inset:0; background:#fff; animation:scroll-line 2.2s ease-in-out infinite; }
.opening-foot { position:absolute; bottom:30px; left:44px; right:44px; display:flex; justify-content:space-between; font-size:9px; letter-spacing:.06em; color:#fff; }
.opening-margin { position:absolute; bottom:8%; right:2.7%; font-size:8px; letter-spacing:.16em; writing-mode:vertical-rl; color:#fff; }
.chapter-intro { position:relative; width:80%; margin:0 auto; padding:115px 0 95px; display:grid; grid-template-columns:repeat(12,minmax(0,1fr)); gap:35px 20px; }
.chapter-label { grid-column:1/7; font-size:10px; letter-spacing:.13em; align-self:start; margin:0; }
.chapter-intro h2 { grid-column:7/13; grid-row:1/3; align-self:center; justify-self:center; display:flex; flex-direction:row-reverse; gap:22px; font-family:'Noto Sans Editorial','Archivo',sans-serif; font-size:clamp(25px,2.6vw,40px); font-weight:450; letter-spacing:.04em; line-height:1.7; margin:0; }
.chapter-intro h2 span { writing-mode:vertical-rl; }
.chapter-intro h2 span:last-child { margin-top:64px; }
.chapter-english { grid-column:1/7; grid-row:2; font:550 clamp(52px,6.6vw,96px)/1.02 'Archivo','Noto Sans Editorial',sans-serif; letter-spacing:-.055em; margin:40px 0 25px; }
.chapter-english em { font-style:normal; font-weight:550; white-space:nowrap; }
.chapter-aside { grid-column:1/7; font-size:12px; line-height:2.2; margin:0; }
body[data-page="home"] .reading-edit { width:80%; margin:auto; }
body[data-page="home"] .reading-edit>.view-controls { position:static; border:0; background:transparent; margin:0 0 50px; padding:0; gap:20px; font-size:10px; }
body[data-page="home"] .view-controls>span:first-child { display:none; }
body[data-page="home"] .view-controls .view-feedback { margin-left:auto; }
body[data-page="home"] .view-controls button { border:0; background:transparent; font-size:10px; padding:12px 0; color:var(--text); }
body[data-page="home"] .view-controls button[aria-pressed="true"] { text-decoration:underline; text-underline-offset:7px; background:transparent; color:var(--text); }
body[data-page="home"] .reading-sequence { gap:145px 4%; align-items:start; }
body[data-page="home"] .reading-item:nth-child(1) { grid-column:1/8; }
body[data-page="home"] .reading-item:nth-child(2) { grid-column:9/13; margin-top:260px; }
body[data-page="home"] .reading-item:nth-child(3) { grid-column:3/11; margin-top:35px; }
body[data-page="home"] .reading-item:nth-child(4) { grid-column:1/5; margin-top:30px; }
body[data-page="home"] .reading-item:nth-child(5) { grid-column:7/13; margin-top:250px; }
body[data-page="home"] .reading-item:nth-child(6) { grid-column:2/10; margin-top:30px; }
body[data-page="home"] .reading-item:nth-child(7) { grid-column:7/13; margin-top:0; }
body[data-page="home"] .reading-item:nth-child(8) { grid-column:1/8; }
body[data-page="home"] .reading-item:nth-child(9) { grid-column:3/13; margin-top:25px; }
body[data-page="home"] .reading-item:nth-child(10) { grid-column:2/7; }
body[data-page="home"] .reading-photo { overflow:hidden; }
body[data-page="home"] .reading-photo:after { content:'查看全幅 ↗'; position:absolute; bottom:20px; right:20px; padding:8px 12px; color:#fff; background:#14221f88; font-size:10px; opacity:0; transform:translateY(8px); transition:opacity .35s,transform .5s var(--home-ease); pointer-events:none; }
body[data-page="home"] .reading-photo img { transition:transform 1.2s var(--home-ease),opacity .5s; }
body[data-page="home"] .reading-item figcaption { display:grid; grid-template-columns:35px 1fr auto; font-size:12px; line-height:1.8; color:#536252; gap:12px; margin-top:18px; }
body[data-page="home"] .reading-item figcaption>span:first-child { font:500 12px/1.5 'Archivo','Noto Sans Editorial',sans-serif; color:var(--text); }
body[data-page="home"] .reading-end { margin:100px 0 0; padding:26px 0; border-top:1px solid #29372f33; }
body[data-page="home"] .compare-disclosure { width:80%; margin:100px auto 0; border-top:1px solid #29372f33; }
.compare-disclosure>summary { cursor:pointer; display:flex; justify-content:space-between; padding:25px 0; font-size:14px; list-style:none; }
.compare-disclosure>summary::-webkit-details-marker { display:none; }
.compare-disclosure>summary span { font-size:10px; }
body[data-page="home"] .compare-section { margin:35px 0 0; }
body[data-page="home"] .compare-section>header { border:0; }
body[data-page="home"] .compare-section h2 { font-size:28px; font-weight:400; }
body[data-page="home"] .edit-case { width:80%; margin:160px auto 0; padding:90px 0; border-top:1px solid #29372f33; }
body[data-page="home"] .edit-section-head { border:0; margin-bottom:50px; }
body[data-page="home"] .edit-section-head h2 { font-size:12px; font-weight:400; }
body[data-page="home"] .section-translation { font:500 30px/1.1 'Archivo','Noto Sans Editorial',sans-serif; color:var(--text); margin-top:12px; }
body[data-page="home"] .edit-case-layout { gap:7%; grid-template-columns:1.5fr 1fr; align-items:center; }
body[data-page="home"] .edit-case-copy h3 { font-family:'Noto Sans Editorial','Archivo',sans-serif; font-size:clamp(25px,3.1vw,46px); line-height:1.5; font-weight:500; }
body[data-page="home"] .edit-contact { width:80%; margin:90px auto 0; padding:85px 0; border-top:1px solid #29372f33; }
body[data-page="home"] .edit-contact h2 { font-family:'Noto Sans Editorial','Archivo',sans-serif; font-size:clamp(35px,5vw,70px); font-weight:500; letter-spacing:-.035em; }
body[data-page="home"] .page-footer { width:80%; padding-top:65px; border-top:1px solid #29372f33; }
body[data-page="home"][data-gallery-view="index"] .reading-sequence { gap:40px 24px; }
body[data-page="home"][data-gallery-view="index"] .reading-item:nth-child(n) { grid-column:auto; margin:0; width:100%; }
@media(hover:hover) {
 body[data-page="home"] .reading-photo:hover img { transform:scale(1.035); opacity:1; }
 body[data-page="home"] .reading-photo:hover:after,body[data-page="home"] .reading-photo:focus-visible:after { opacity:1; transform:none; }
}
@keyframes lake-arrival { from { transform:scale(1.09); opacity:.45; } to { transform:scale(1); opacity:1; } }
@keyframes identity-arrival { from { opacity:0; translate:0 24px; } to { opacity:1; translate:0 0; } }
@keyframes scroll-line { 0% { transform:translateY(-100%); } 55%,100% { transform:translateY(100%); } }
@media(max-width:700px) {
 body[data-page="home"] .site-header-home .site-mark { left:25px; top:25px; font-size:16px; }
 body[data-page="home"] .menu-toggle { left:12px; top:47%; font-size:10px; }
 body[data-page="home"] .site-nav { padding:95px 35px 70px 65px; gap:30px; }
 body[data-page="home"] .site-nav:before,body[data-page="home"] .site-nav:after { left:65px; }
 body[data-page="home"] .site-nav a span { font-size:34px; }
 .opening-scene { height:145svh; }
 .opening-stage { min-height:540px; }
 .opening-image { object-position:44% center; }
 .opening-identity { top:34%; }
 .identity-symbol { width:133px; height:130px; margin:22px auto 28px; }
 .identity-symbol span { font-size:145px; }
 .identity-symbol i { right:29px; bottom:19px; }
 .opening-identity h1 { font-size:27px; }
 .opening-vertical { right:9%; top:31%; font-size:17px; }
 .opening-scroll { bottom:10%; }
 .opening-foot { bottom:25px; left:26px; right:26px; font-size:8px; }
 .opening-margin { display:none; }
 .chapter-intro { width:78%; padding:85px 0 65px; gap:30px 8px; }
 .chapter-label { grid-column:1/-1; font-size:9px; }
 .chapter-english { grid-column:1/9; font-size:clamp(27px,9.2vw,36px); margin:35px 0; }
 .chapter-intro h2 { grid-column:10/13; grid-row:2/4; font-size:18px; gap:10px; justify-self:end; line-height:1.3; }
 .chapter-intro h2 span:last-child { margin-top:50px; }
 .chapter-aside { grid-column:1/9; font-size:11px; }
 body[data-page="home"] .reading-edit { width:80%; }
 body[data-page="home"] .reading-edit>.view-controls { gap:15px; margin-bottom:40px; }
 body[data-page="home"] .view-controls .view-feedback { font-size:9px; }
 body[data-page="home"] .reading-sequence { gap:75px; }
 body[data-page="home"] .reading-item:nth-child(n) { width:100%; margin:0; }
 body[data-page="home"] .reading-item:nth-child(2),body[data-page="home"] .reading-item:nth-child(4),body[data-page="home"] .reading-item:nth-child(10) { width:72%; align-self:end; }
 body[data-page="home"] .reading-item:nth-child(5),body[data-page="home"] .reading-item:nth-child(7) { width:85%; }
 body[data-page="home"] .reading-item figcaption { font-size:11px; grid-template-columns:22px 1fr; gap:8px; }
 body[data-page="home"] .viewed-label { display:none; }
 body[data-page="home"] .compare-disclosure { margin-top:65px; }
 body[data-page="home"] .edit-case { margin-top:100px; padding:55px 0; }
 body[data-page="home"] .edit-case-layout { display:flex; flex-direction:column; gap:35px; align-items:stretch; }
 body[data-page="home"] .edit-case-copy h3 { font-size:33px; }
 body[data-page="home"] .edit-case-copy p { font-size:12px; }
 body[data-page="home"] .edit-contact { margin-top:35px; padding:55px 0; }
 body[data-page="home"] .section-translation { font-size:27px; }
}
@media(prefers-reduced-motion:reduce) {
 .opening-scene { height:100svh; } .opening-stage { position:relative; }
 .opening-image,.identity-kicker,.identity-symbol,.opening-identity h1,body[data-page="home"] .opening-identity p,.opening-vertical,.opening-scroll i:after { animation:none; }
 body[data-page="home"] .site-nav,body[data-page="home"] .site-nav a,body[data-page="home"] .reading-photo img { transition:none; }
}

body[data-page="home"] .menu-backdrop { position:fixed; inset:0; width:100%; height:100dvh; border:0; padding:0; background:#122a2a55; z-index:0; visibility:hidden; opacity:0; pointer-events:none; transition:opacity .5s,visibility 0s .5s; }
body[data-page="home"] .site-header:has(.site-nav.is-open) .menu-backdrop { opacity:1; visibility:visible; pointer-events:auto; transition:opacity .5s; }
@media(prefers-reduced-motion:reduce) { body[data-page="home"] .menu-backdrop { transition:none; } }

body[data-page="home"] { font-synthesis:none; }
body[data-page="home"] .reading-item figcaption>span:first-child { font-variant-numeric:tabular-nums; letter-spacing:-.015em; }