:root{--io-rust:#b14e28;--io-ember:#f2a15a;--io-deep:#071d29;--io-blue:#075a7b;--io-stone:#eeeae2;--io-ink:#17282f}
*{box-sizing:border-box}
body.iojima-page{margin:0;background:#fff;color:var(--io-ink);font-family:"Noto Sans JP",sans-serif}
.io-header{height:82px;padding:0 clamp(20px,5vw,76px);display:flex;align-items:center;justify-content:space-between;background:#fff}
.io-header .back-link{color:var(--io-deep);font-weight:700;text-decoration:none;border-bottom:1px solid #c5aaa0;padding-bottom:4px}
.io-hero{min-height:calc(100vh - 82px);position:relative;display:flex;align-items:flex-end;background:url("satsuma-iojima/hero.jpg") center/cover no-repeat}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(10,20,24,.78),rgba(30,24,20,.35) 58%,rgba(0,0,0,.05))}
.hero-copy{position:relative;z-index:1;color:#fff;padding:clamp(80px,12vh,150px) clamp(24px,8vw,120px);max-width:1050px}
.eyebrow{font-family:Oswald,sans-serif;letter-spacing:.18em;font-size:.9rem;font-weight:600;text-transform:uppercase;color:var(--io-ember)}
.eyebrow.dark{color:var(--io-rust)}
.hero-copy h1{font-size:clamp(3.1rem,7.8vw,7.3rem);line-height:1.05;margin:.16em 0 .25em;font-weight:900;letter-spacing:-.04em}
.hero-copy h1 em{display:inline-block;font-style:normal;color:#ffc486;white-space:nowrap}
.hero-copy>p:not(.eyebrow){font-size:clamp(1rem,2vw,1.25rem);line-height:2}
.hero-copy>a{display:inline-block;margin-top:22px;padding:15px 25px;background:#fff;color:var(--io-deep);font-weight:800;text-decoration:none}
figure{margin:0}img{display:block;width:100%;height:100%;object-fit:cover}figcaption{font-size:.82rem;color:#68787e;margin-top:10px}
.split{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:clamp(36px,7vw,100px);padding:clamp(70px,10vw,140px) clamp(22px,8vw,120px)}
.split figure img{aspect-ratio:4/3}
h2{font-size:clamp(2.2rem,4.8vw,4.8rem);line-height:1.24;margin:.2em 0 .42em;letter-spacing:-.035em}
.io-about h2,.io-life h2,.io-spring h2,.io-memory h2{white-space:nowrap;font-size:clamp(2rem,4.1vw,4.3rem)}
.split p:not(.eyebrow),.sea-copy p:not(.eyebrow),.section-heading>p:not(.eyebrow),.io-memory>div p:not(.eyebrow){font-size:1.05rem;line-height:2.05}
.depth-note{margin-top:22px;padding:18px 20px;border-top:1px solid #d9c0b4;border-bottom:1px solid #d9c0b4;color:#70402a}.depth-note strong{color:var(--io-rust)}
.io-sea{background:var(--io-deep);color:#fff;padding:clamp(70px,10vw,140px) clamp(22px,8vw,120px)}
.sea-copy{max-width:840px;margin-bottom:54px}.sea-copy p:not(.eyebrow){color:#d7e3e7}
.sea-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.sea-grid .wide{grid-row:span 2}.sea-grid img{aspect-ratio:4/3}.sea-grid .wide img{height:100%}.io-sea figcaption,.io-memory figcaption{color:#c6d2d6}
.io-life{padding:clamp(70px,10vw,140px) clamp(22px,8vw,120px);background:var(--io-stone)}
.section-heading{max-width:870px;margin-bottom:52px}.life-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.life-grid img{aspect-ratio:4/3}
.io-spring{background:#fff}.niki-note{margin-top:22px;padding:20px 22px;border-left:4px solid var(--io-rust);background:#f8f1eb;color:#63351f;font-weight:600}
.io-memory{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:clamp(34px,6vw,90px);background:linear-gradient(120deg,#873719,var(--io-rust));color:#fff;padding:clamp(70px,10vw,140px) clamp(22px,8vw,120px)}
.io-memory img{aspect-ratio:16/10}
.io-note{text-align:center;padding:24px;background:#efe7e2;color:#655149;font-size:.9rem}
.io-cta{text-align:center;padding:clamp(80px,12vw,160px) 22px;background:linear-gradient(rgba(4,25,35,.70),rgba(4,25,35,.87)),url("satsuma-iojima/island-sea.jpg") center/cover;color:#fff}
.io-cta h2{margin:.2em auto;max-width:900px}.io-cta>p:not(.eyebrow){font-size:1.05rem}.io-cta>div{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:30px}
.button{padding:15px 25px;text-decoration:none;font-weight:800}.button.primary{background:#fff;color:var(--io-deep)}.button.secondary{color:#fff;border:1px solid rgba(255,255,255,.65)}
footer{padding:34px clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff}footer>p{font-size:.78rem;color:#70838b}footer>a:last-child{color:var(--io-deep);font-weight:700;text-decoration:none}
@media(max-width:760px){.io-header{height:68px}.io-header .brand small{display:none}.io-header .back-link{font-size:.78rem}.io-hero{min-height:680px}.hero-copy{padding:90px 22px 64px}.hero-copy h1{font-size:clamp(2.45rem,12vw,3.2rem)}.split,.io-memory{grid-template-columns:1fr}.io-about figure{order:2}.sea-grid,.life-grid{grid-template-columns:1fr}.sea-grid .wide{grid-row:auto}.sea-grid img,.sea-grid .wide img,.life-grid img{height:auto;aspect-ratio:4/3}.io-about h2,.io-life h2,.io-spring h2,.io-memory h2{font-size:clamp(1.7rem,7.8vw,2.4rem)}.io-spring figure{order:2}.io-memory figure{order:2}footer{flex-direction:column;text-align:center}}