/* Homepage-only magazine study. Shared article, English and Journal styles stay intact. */
:root{color-scheme:light;--paper:#f8f7f3;--ink:#273b3a;--muted:#5d6763;--line:#d9dcd5;--accent:#355b50;font-family:system-ui,-apple-system,"Hiragino Sans","Noto Sans CJK JP",sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none;scroll-behavior:smooth;scroll-padding-top:100px}
*{box-sizing:border-box}body{margin:0;line-height:1.85;letter-spacing:.025em;overflow-wrap:anywhere}h1,h2,h3,p,figure{margin:0}a{color:inherit;text-underline-offset:5px}a:hover{color:#416e5f}a:focus-visible,summary:focus-visible{outline:3px solid #486a59;outline-offset:5px}img{display:block;max-width:100%;height:auto}h1,h2,h3{font-family:"Noto Serif CJK JP","Yu Mincho","Hiragino Mincho ProN",serif;font-weight:500;line-height:1.65}main,.container{width:min(1240px,calc(100% - 96px));margin:auto}main{padding-bottom:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip-link{position:absolute;top:-100px;left:20px;z-index:200;background:var(--ink);color:white;padding:10px}.skip-link:focus{top:10px}.masthead{background:var(--paper);border-bottom:1px solid var(--line)}.masthead-bar{display:flex;align-items:center;gap:22px;min-height:92px}.masthead-title{display:flex;align-items:center;gap:10px;white-space:nowrap;font:24px Georgia,serif;letter-spacing:-.6px;text-decoration:none;margin-right:auto}.masthead-title em{font-style:normal}.brand-mark{display:none}.site-nav-inline{display:flex;gap:22px}.site-nav-inline a,.pill{font-size:12px;text-decoration:none}.site-nav-inline a[aria-current]{border-bottom:1px solid var(--ink)}.header-actions{display:flex;gap:16px}.header-actions a:last-child{display:none}.nav-disclosure{display:none}.edition{display:flex;justify-content:space-between;padding:22px 0;font-size:10px;letter-spacing:.16em}.edition span:last-child{letter-spacing:.08em}.cover{display:grid;grid-template-columns:1fr 1.05fr;gap:60px;align-items:center;padding:12px 0 38px}.kicker{font-size:10px;letter-spacing:.16em;color:var(--accent);font-weight:600;margin-bottom:14px}.cover-copy .kicker{font-family:Georgia,serif;font-style:italic;font-size:19px;letter-spacing:.02em}h1{font-size:clamp(30px,3.05vw,45px);letter-spacing:.03em;line-height:1.6}.intro{font-size:13px;color:var(--muted);line-height:2.1;margin-top:22px}.quick-links{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.quick-links a{border-top:1px solid #9ba99e;border-bottom:1px solid var(--line);padding:15px 0;text-decoration:none}.quick-links small{display:block;font-size:9px;letter-spacing:.15em;color:var(--muted)}.quick-links strong{display:flex;justify-content:space-between;gap:8px;font-weight:500;font-size:14px}.quick-links span{font-size:17px}.photo-slot{position:relative;display:flex;align-items:center;justify-content:center;text-align:center;background:#e1e6df;min-height:280px;padding:50px 20px;color:#465c52}.photo-slot::after{content:"";position:absolute;inset:12px;border:1px solid #bec8bd;pointer-events:none}.photo-slot p{font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:22px;margin-bottom:12px}.photo-slot small{font-size:11px;line-height:1.9}.slot-no{position:absolute;top:26px;left:28px;font-size:9px;letter-spacing:.18em}.slot-bottom{position:absolute;bottom:24px;left:28px;font-size:9px;letter-spacing:.08em}.hero-slot{height:420px;background:#dfe5de}.slot-rule{display:block;width:42px;border-top:1px solid #8b9c8a;margin:0 auto 24px}.cover-image figcaption{font-size:10px;color:var(--muted);margin-top:10px;text-align:right}.entrances{border-top:1px solid #9ba99e;border-bottom:1px solid #9ba99e;display:grid;grid-template-columns:repeat(3,1fr);margin-bottom:88px}.entrances a{position:relative;text-decoration:none;padding:23px 25px 24px 0}.entrances a+a{border-left:1px solid var(--line);padding-left:28px}.entrances span,.entrances small{display:block;font-size:10px;color:var(--muted)}.entrances span{letter-spacing:.14em}.entrances strong{display:block;font-family:"Noto Serif CJK JP","Yu Mincho",serif;font-size:22px;font-weight:500;margin:5px 0}.entrances b{position:absolute;right:22px;top:45px;font-weight:400}.section-head{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:28px}.section-head h2{font-size:30px}.section-head>p{font-size:12px;color:var(--muted)}.section-head>a{font-size:12px;white-space:nowrap}.features{display:grid;grid-template-columns:1.25fr 1fr;gap:38px}.feature-link{display:block;text-decoration:none}.feature .photo-slot{margin-bottom:22px;height:300px}.feature-large .photo-slot{height:370px}.dusk-slot{background:#dedfdf;color:#50595b}.dusk-slot::after{border-color:#bfc6c6}.detail-slot{background:#e7e3d9;color:#645e4f}.detail-slot::after{border-color:#ccc5b6}.feature h3{font-size:24px;margin:0 0 8px}.feature p:not(.kicker){font-size:13px;color:var(--muted)}.feature .kicker{margin-bottom:9px}.read-more{display:block;font-size:11px;margin-top:17px}.related{display:flex;flex-wrap:wrap;gap:12px 28px;border-top:1px solid var(--line);padding-top:22px;margin:36px 0 80px;font-size:12px}.related>span{color:var(--muted);font-size:10px}.journal-spread{display:grid;grid-template-columns:.85fr 1.15fr;background:#e9ede7;margin:0 -48px;padding:56px 80px;gap:80px;align-items:center}.journal-photo figure{max-width:278px;margin:auto}.journal-photo img{width:100%;height:auto;box-shadow:0 6px 18px #273b3a16}.journal-photo figcaption{font-size:9px;color:var(--muted);margin-top:12px}.journal-copy h2{font:34px Georgia,serif;letter-spacing:-1px}.journal-copy h2 a{text-decoration:none}.journal-tagline{font-size:12px;margin-top:12px}.journal-story{margin-top:30px}.date{display:flex;gap:10px;align-items:center;flex-wrap:wrap;font-size:10px;color:var(--muted)}.date span{font-size:9px;border:1px solid #bac5b8;padding:1px 7px}.journal-story h3{font-size:30px;margin:18px 0}.journal-story h3 a{text-decoration:none}.journal-story>p:not(.date){font-size:12px;line-height:2}.text-button{display:flex;justify-content:space-between;gap:18px;text-decoration:none;border-top:1px solid #9ba99e;border-bottom:1px solid #9ba99e;padding:13px 0;margin:24px 0 14px;font-size:12px}.journal-story .journal-note{font-size:10px!important;color:var(--muted)}.journal-all{display:inline-block;margin-top:22px;font-size:11px}.visit-section{padding:80px 0 60px}.guide-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:36px}.guide-grid article{border-top:1px solid #9ba99e;padding-top:20px}.guide-grid article>span{font-size:9px;color:var(--muted);letter-spacing:.12em}.guide-grid h3{font-size:22px;margin:8px 0 16px}.guide-grid a{display:block;text-decoration:none;font-size:12px;border-bottom:1px solid var(--line);padding:10px 0}.about-line{display:flex;justify-content:space-between;gap:16px;border-top:1px solid var(--line);padding:28px 0 38px;font-size:11px;color:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:38px 0 24px}.footer-inner{display:flex;justify-content:space-between;gap:20px}.brand{font:21px Georgia,serif;text-decoration:none}.footer-copy{font-size:10px;margin-top:10px;color:var(--muted)}.footer-links{display:flex;gap:20px;flex-wrap:wrap;font-size:10px;align-content:start}.disclaimer{font-size:9px;margin-top:36px;color:var(--muted)}.copyright{font-size:9px;color:var(--muted);margin-top:12px}
@media(max-width:1100px){.site-nav-inline{display:none}.nav-disclosure{display:block}.menu-toggle{list-style:none;cursor:pointer;font-size:11px;border:1px solid var(--line);padding:8px 10px;min-height:44px;display:flex;align-items:center}.menu-toggle::-webkit-details-marker{display:none}.menu-toggle .visually-hidden{position:static;clip-path:none;width:auto;height:auto}.menu-toggle-lines{display:none}.nav-disclosure[open] .site-nav{position:absolute;z-index:100;top:85px;left:0;right:0;display:grid;background:var(--paper);border-bottom:1px solid var(--line);padding:24px 48px}.site-nav a{padding:12px;font-size:13px;text-decoration:none}.site-nav small{display:block;font-size:10px}.nav-extra strong{font-weight:500}.cover{gap:32px}.journal-spread{gap:44px;padding:48px}.features{gap:28px}}
@media(max-width:700px){:root{scroll-padding-top:20px}main,.container{width:calc(100% - 40px)}.masthead-bar{min-height:70px;gap:14px}.masthead-title{font-size:21px}.header-actions{display:none}.edition{padding:18px 0 14px;font-size:8px}.edition span:last-child{display:none}.cover{grid-template-columns:1fr;gap:24px;padding:8px 0 24px}.cover-copy .kicker{font-size:15px;margin-bottom:14px}h1{font-size:31px;line-height:1.65}.intro{font-size:11px;margin-top:14px;line-height:2}.pc-break{display:none}.quick-links{margin-top:22px;gap:20px}.quick-links a{padding:12px 0}.quick-links small{font-size:8px}.quick-links strong{font-size:13px}.hero-slot{height:225px;min-height:225px}.photo-slot p{font-size:19px}.photo-slot small{font-size:10px}.slot-no{font-size:8px;top:20px;left:22px}.slot-bottom{font-size:8px;bottom:20px;left:22px}.slot-rule{margin-bottom:15px}.cover-image figcaption{font-size:9px}.entrances{grid-template-columns:1fr;margin-bottom:48px}.entrances a,.entrances a+a{padding:15px 32px 15px 0;border-left:0}.entrances a+a{border-top:1px solid var(--line)}.entrances span{font-size:8px}.entrances strong{font-size:20px;margin:1px 0}.entrances small{font-size:10px}.entrances b{top:31px;right:6px}.section-head{display:block;margin-bottom:22px}.section-head h2{font-size:25px}.section-head>p{font-size:11px;margin-top:12px}.kicker{font-size:9px;margin-bottom:10px}.features{grid-template-columns:1fr;gap:32px}.feature .photo-slot,.feature-large .photo-slot{height:250px;min-height:250px;margin-bottom:18px}.feature h3{font-size:22px}.feature p:not(.kicker){font-size:12px}.related{display:grid;gap:12px;margin:28px 0 44px;font-size:11px}.journal-spread{grid-template-columns:1fr;margin:0 -20px;padding:34px 24px;gap:32px}.journal-photo{order:2}.journal-copy{order:1}.journal-copy h2{font-size:30px}.journal-story{margin-top:23px}.journal-story h3{font-size:27px}.journal-story>p:not(.date){font-size:11px}.journal-photo figure{max-width:230px}.visit-section{padding:46px 0 34px}.section-head>a{display:inline-block;margin-top:14px}.guide-grid{grid-template-columns:1fr;gap:28px}.guide-grid h3{font-size:22px}.guide-grid a{font-size:12px;min-height:44px}.about-line{display:block;line-height:2}.about-line a{display:inline-block;margin-top:10px}.footer-inner{display:block}.footer-links{margin-top:24px;gap:12px 20px}.disclaimer{margin-top:25px}.nav-disclosure[open] .site-nav{top:70px;padding:12px 20px}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*{transition:none!important}}@media(forced-colors:active){.photo-slot::after{border-color:CanvasText}.photo-slot{border:1px solid CanvasText}}

/* Revision: readable features without spare-photo placeholders; compact mobile entry. */
.cover-image img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
.features { border-top: 1px solid #9ba99e; padding-top: 28px; }
.feature + .feature { border-left: 1px solid var(--line); padding-left: 36px; }
@media (max-width: 700px) {
  .edition { padding-block: 12px 5px; }
  .cover { gap: 16px; padding-block: 8px 16px; }
  .cover-copy > .kicker { display: none; }
  h1 { font-size: 28px; line-height: 1.55; }
  .intro { margin-top: 10px; }
  .quick-links { margin-top: 16px; }
  .cover-image img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: contain; }
  .cover-image figcaption { font-size: 8px; margin-top: 6px; }
  .entrances { grid-template-columns: repeat(3, minmax(0,1fr)); margin-bottom: 40px; }
  .entrances a, .entrances a + a { padding: 14px 8px; border-top: 0; }
  .entrances a:first-child { padding-left: 0; }
  .entrances a + a { border-left: 1px solid var(--line); }
  .entrances span { font-size: 7px; letter-spacing: .04em; }
  .entrances strong { font-size: 14px; line-height: 1.6; margin-top: 6px; }
  .entrances small, .entrances b { display: none; }
  .features { gap: 24px; padding-top: 22px; }
  .feature + .feature { border-left: 0; border-top: 1px solid var(--line); padding: 22px 0 0; }
}
@media (max-width: 700px) {
  .entrances a:nth-child(-n+2) strong { white-space: nowrap; font-size: 13px; letter-spacing: 0; }
}
@media (max-width: 360px) {
  .entrances { grid-template-columns: .9fr 1.1fr 1fr; }
  .entrances a:nth-child(2) strong { font-size: 12px; }
}
