@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+JP:wght@400;500;600;700&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#302720;background:#eee8de;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px}img{display:block;max-width:100%}a{color:inherit}button{font:inherit}.skip{position:absolute;top:-60px;left:12px;z-index:30;background:#fff;padding:10px}.skip:focus{top:10px}.fiction{margin:0;padding:8px 3vw;background:#d5c9ba;font-size:10px;line-height:1.8;text-align:center}header{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:15px 4vw;background:#f6f1e9}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-size:19px;font-weight:700}.brand-symbol{display:grid;place-items:center;width:42px;height:42px;background:#6b5340;color:#fff;font-family:serif;font-weight:400}.brand small{display:block;font-size:9px;font-weight:400;letter-spacing:.08em}nav{display:flex;gap:28px;font-size:11px}nav a{text-decoration:none}.hero{position:relative;min-height:730px;background:#2f221b;overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(1.04);transition:filter .6s}.hero[data-light=dim] .hero-image{filter:brightness(.58) saturate(.85)}.hero-copy{position:absolute;right:5vw;bottom:65px;width:min(455px,42vw);padding:36px 37px 34px;background:#f6f1e9f2;box-shadow:0 12px 40px #1b130b2a}.hero-copy>span,.lead>span,.station-copy>span,.about>span{font:700 10px 'DM Sans',sans-serif;letter-spacing:.2em;color:#9a6d43}.category{margin:26px 0 5px;font-size:14px;font-weight:700;letter-spacing:.08em;color:#6e523c}.hero h1{font-size:clamp(32px,2.8vw,48px);line-height:1.43;letter-spacing:-.045em;margin:0 0 20px}.hero-copy>p:last-of-type{font-size:12px;line-height:2.1;margin:0 0 23px}.hero button{display:flex;justify-content:space-between;gap:25px;align-items:center;width:100%;padding:13px 0;border:0;border-top:1px solid #a89a8a;border-bottom:1px solid #a89a8a;background:transparent;color:#3c2f24;font-size:12px;font-weight:700;cursor:pointer;text-align:left}.hero button span{font-size:20px;font-weight:400}.photo-label{position:absolute;left:4vw;bottom:25px;color:#fff;font:700 10px 'DM Sans',sans-serif;letter-spacing:.14em;text-shadow:0 1px 5px #000}.lead{display:grid;grid-template-columns:.6fr 1.3fr auto;gap:3vw;align-items:center;padding:72px 6vw;background:#e4d9c9}.lead p{font-size:clamp(24px,2.6vw,39px);line-height:1.5;font-weight:600;letter-spacing:-.05em;margin:0}.lead a{font-size:12px;text-decoration:none;border-bottom:1px solid #594734;padding:10px 0;white-space:nowrap}.station{display:grid;grid-template-columns:.74fr 1.26fr;align-items:center;gap:6vw;padding:110px 6vw;background:#f8f4eb}.station-copy{max-width:440px}.station h2,.about h2{font-size:clamp(39px,4vw,65px);line-height:1.4;letter-spacing:-.06em;margin:24px 0}.station p,.about p{font-size:13px;line-height:2.25}.station-copy a,.about a{display:inline-block;margin-top:22px;border-bottom:1px solid currentColor;padding:9px 0;text-decoration:none;font-size:12px;font-weight:700}.station figure{position:relative;margin:0}.station figure img{width:100%;height:clamp(430px,52vw,700px);object-fit:cover;object-position:center}.station figcaption{position:absolute;right:10px;bottom:10px;padding:8px 12px;background:#f6f1e9eb;font:700 9px 'DM Sans',sans-serif;letter-spacing:.12em}.about{padding:95px 8vw;background:#69513f;color:#f7f3ea}.about>span{color:#e2b88c}.about h2{margin:20px 0}.about p{max-width:680px}footer{display:flex;justify-content:space-between;gap:20px;padding:24px 4vw;font-size:10px}footer a{text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #dc9b48;outline-offset:4px}
@media(max-width:900px){.hero{min-height:660px}.hero-copy{width:min(430px,50vw);right:4vw}.lead{grid-template-columns:1fr 2fr}.lead a{grid-column:2;justify-self:start}.station{gap:4vw}}
@media(max-width:760px){header{padding:14px 5vw}nav{gap:12px}.hero{display:flex;flex-direction:column;min-height:0;background:#eee8de}.hero-image{position:static;aspect-ratio:1.38;height:auto;object-fit:cover;object-position:37% center}.hero-copy{position:relative;right:auto;bottom:auto;width:100%;padding:32px 6vw;background:#f6f1e9;box-shadow:none}.hero h1{font-size:clamp(34px,6.2vw,48px)}.category{margin-top:17px}.hero-copy>p:last-of-type{margin-bottom:16px}.photo-label{top:16px;bottom:auto;left:5vw}.lead{padding:55px 6vw}.station{grid-template-columns:1fr;padding:70px 6vw}.station-copy{max-width:620px}.station figure img{height:480px}.about{padding:75px 6vw}}
@media(max-width:480px){.fiction{font-size:9px}.brand{font-size:17px}header{display:block}nav{justify-content:space-between;margin-top:15px;font-size:9px;gap:8px}.hero-image{aspect-ratio:1.15}.hero-copy{padding:28px 5vw 32px}.hero h1{font-size:clamp(31px,8vw,39px)}.hero-copy>p:last-of-type{font-size:11px}.lead{display:block;padding:45px 5vw}.lead p{font-size:25px;margin:17px 0}.lead a{display:inline-block}.station{padding:65px 5vw}.station figure img{height:420px}.station h2,.about h2{font-size:39px}.about{padding:70px 5vw}footer{flex-direction:column}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.hero h1{font-size:clamp(43px,4vw,62px);line-height:1.18;letter-spacing:-.07em}
.category{font-size:12px;letter-spacing:.04em}
@media(max-width:760px){.hero h1{font-size:clamp(43px,7vw,54px)}}
@media(max-width:480px){.hero h1{font-size:clamp(39px,11vw,49px)}}