.editorial-page{background:var(--paper)}
.page-breadcrumb{display:flex;gap:14px;padding:22px 5.5%;font-size:14px;color:var(--muted);border-top:1px solid var(--line)}
.page-breadcrumb a{text-decoration:underline;text-underline-offset:4px}
.page-kicker{font-size:14px;letter-spacing:.13em;margin:0 0 28px}.page-kicker span{display:block;font-size:12px;color:var(--muted);margin-top:8px}
.story-hero{display:grid;grid-template-columns:1fr 1.15fr;gap:5%;align-items:center;padding:55px 0 65px 8%}
.story-hero h1,.manufacturing-hero h1{font:500 clamp(40px,5.2vw,76px)/1.45 var(--serif);text-align:left;letter-spacing:.05em;white-space:normal}
.hero-note{font:500 18px/1.9 var(--serif);margin:32px 0 0;letter-spacing:.09em}
.editorial-page figure{margin:0}.editorial-page figcaption{font-size:13px;line-height:1.8;color:var(--muted);padding-top:12px}
.story-hero-visual figcaption{padding-right:6%;text-align:right}
.story-scene{position:relative;aspect-ratio:3/2;overflow:hidden}.story-frame{position:absolute;left:51%;top:19%;width:25%;aspect-ratio:624/429;transform:translateX(-50%);--inset-x:1.923077%;--inset-y:2.797203%}
.story-frame .art-plane{box-shadow:3px 7px 10px #252b2933}.story-frame .frame-rails{filter:drop-shadow(2px 5px 4px #252b2933)}
.chapter-marker{display:flex;align-items:center;gap:24px;font-size:14px;color:var(--accent);margin:0 0 38px;letter-spacing:.12em}.chapter-marker span{color:var(--muted);letter-spacing:.06em}.chapter-marker:before{content:'';width:28px;height:1px;background:var(--accent)}
.story-letter{padding:85px 12% 100px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.5fr;gap:7%}
.story-letter-copy p{font:500 clamp(19px,2vw,27px)/2.15 var(--serif);letter-spacing:.045em;margin:0 0 36px}
.story-letter-copy p:last-child{margin-bottom:0}
.story-craft{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:7%;padding:95px 8%;background:#fff}
.editorial-page h2{font:500 clamp(30px,3.2vw,46px)/1.6 var(--serif);letter-spacing:.05em;margin:0 0 28px}
.story-craft p:not(.chapter-marker):not(.story-year),.story-yohaku-intro p:not(.chapter-marker),.story-closing>p:not(.page-kicker){font-size:16px;line-height:2.15;letter-spacing:.035em;margin:0 0 24px}
.story-year{font:400 clamp(52px,6vw,84px)/1 Arial,sans-serif;letter-spacing:-.05em;margin:0 0 26px}.story-year span{color:var(--accent);margin-left:20px;font-size:.45em}
.editorial-link{display:inline-flex;flex-direction:column;gap:8px;font-size:16px;line-height:1.7;padding:10px 0;border-bottom:1px solid var(--ink);margin-top:18px}.editorial-link small{font-size:13px;color:var(--muted);letter-spacing:.03em}
.materials-viewport{aspect-ratio:1600/1135;overflow:hidden}.materials-viewport img{display:block;width:100%;height:auto;transform:translateY(-17.5%)}
.story-yohaku{padding:100px 8%}.story-yohaku-intro{display:grid;grid-template-columns:1fr 1.2fr;gap:9%;align-items:end;margin-bottom:45px}
.comparison-viewport{position:relative;aspect-ratio:1492/1322;overflow:hidden;max-width:1000px;margin:auto}.comparison-viewport img{position:absolute;left:-3.619303%;top:-17.927383%;width:107.238606%;max-width:none;height:auto}
.reflection-figure figcaption{max-width:1000px;margin:auto}
.story-closing{padding:95px 8% 110px;text-align:center;background:#fff;border-top:1px solid var(--line)}.story-closing h2{font-size:clamp(32px,4.3vw,62px)}
.manufacturing-hero{padding:55px 8% 65px}.manufacturing-hero h1{font-size:clamp(42px,6.7vw,96px)}
.manufacturing-hero-bottom{display:flex;justify-content:space-between;align-items:end;gap:32px;margin-top:38px}.manufacturing-hero-bottom p{font-size:16px;line-height:2;margin:0}.manufacturing-hero-bottom nav{display:flex;gap:26px;font-size:14px;padding-bottom:8px}.manufacturing-hero-bottom nav a{border-bottom:1px solid var(--line);padding-bottom:8px}
.craft-process{margin:0 8%;border-left:1px solid var(--line)}
.process-section{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center;padding:80px 0 80px 5%;border-top:1px solid var(--line);scroll-margin-top:25px}
.process-section:before,.process-check:before{content:'';position:absolute;left:-5px;top:84px;width:9px;height:9px;background:var(--accent);border-radius:50%}
.process-copy>p:not(.chapter-marker){font-size:16px;line-height:2.1;letter-spacing:.035em;margin:0 0 24px}
.machine-facts{font-size:14px;line-height:1.9;margin:36px 0 0;padding-top:20px;border-top:1px solid var(--line)}.machine-facts>div{display:grid;grid-template-columns:6em 1fr;gap:20px;margin-bottom:6px}.machine-facts dt{color:var(--muted)}.machine-facts dd{margin:0}
.machine-figure{padding:22px;background:#fff}.machine-figure img{display:block;width:100%;max-width:400px;height:auto;margin:auto}.machine-figure figcaption{text-align:center}
.process-type{display:flex;flex-direction:column;align-items:center;padding:35px;background:#fff}.process-type>p{font:400 clamp(96px,13vw,170px)/1 Arial,sans-serif;letter-spacing:-.08em;margin:0 0 8px}.process-type>p span{font-size:.4em;letter-spacing:0;margin-left:10px}.process-type>span{font-size:14px;letter-spacing:.3em;color:var(--muted)}.process-type small{font-size:12px;color:var(--muted);margin-top:15px}
.joint-detail{position:relative;aspect-ratio:255/320;overflow:hidden;width:45%;max-width:180px;margin-top:28px}.joint-detail img{position:absolute;width:627.45098%;max-width:none;left:-517.64706%;top:-92.1875%;height:auto}
.finish-statement{background:#192e3e;color:#fff;padding:70px 40px}.finish-statement>span{font-size:13px;letter-spacing:.18em;color:#b5c4ca}.finish-statement>p{font:500 clamp(24px,3vw,39px)/1.9 var(--serif);letter-spacing:.05em;margin:30px 0}.finish-statement .editorial-link{font-size:14px;border-color:#b5c4ca}
.process-check{position:relative;padding:80px 0 85px 5%;border-top:1px solid var(--line);scroll-margin-top:25px}.detail-points{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;margin-top:45px}.detail-points article{border-top:1px solid var(--line);padding-top:25px}.detail-points span{font-size:13px;color:var(--accent)}.detail-points h3{font:500 21px/1.8 var(--serif);margin:10px 0}.detail-points p{font-size:14px;line-height:1.9;margin:0;color:var(--muted)}
.craft-archive{padding:95px 8%;background:#fff}.archive-heading>p:not(.chapter-marker){font-size:16px;line-height:2}.archive-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:45px 0 20px}.archive-gallery img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block}.archive-gallery figcaption{display:flex;flex-direction:column;gap:7px}.archive-gallery strong{font:500 20px/1.7 var(--serif);color:var(--ink)}.archive-gallery time{font-size:13px;color:var(--accent)}.archive-gallery figcaption>span{font-size:14px}
.craft-delivery{padding:95px 8%;display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center}.craft-delivery p:not(.chapter-marker){font-size:16px;line-height:2}.craft-delivery img{display:block;width:100%;height:auto}
.editorial-footer{flex-wrap:wrap;gap:30px}.editorial-footer nav{display:flex;flex-wrap:wrap;gap:24px;font-size:14px;margin-left:auto}.editorial-footer>p{flex-basis:100%;font-size:13px;color:var(--muted);margin:0}
@media(max-width:1000px){.story-hero{grid-template-columns:1fr 1fr;padding-left:6%;gap:3%}.story-hero h1{font-size:clamp(36px,5.1vw,52px)}.story-craft,.story-yohaku-intro,.craft-delivery{gap:5%}.manufacturing-hero-bottom{align-items:start;flex-direction:column;gap:24px}.process-section{gap:5%}.process-type{padding:28px 18px}.finish-statement{padding:45px 25px}.archive-gallery{gap:18px}}
@media(max-width:760px){
  .page-breadcrumb{padding:18px 6%;font-size:13px;gap:10px}
  .story-hero{grid-template-columns:1fr;padding:34px 0 35px;gap:30px}.story-hero-copy{padding:0 8%}.story-hero h1{font-size:clamp(37px,10.5vw,58px);line-height:1.5}.hero-note{font-size:16px;margin-top:20px}.page-kicker{margin-bottom:20px;font-size:13px}
  .story-hero-visual{width:100%}.story-hero-visual figcaption{padding-right:6%}.story-scene{aspect-ratio:3/2}
  .story-letter{padding:55px 8%;grid-template-columns:1fr;gap:0}.chapter-marker{margin-bottom:25px;gap:15px;font-size:13px}.story-letter-copy p{font-size:19px;line-height:2.05;margin-bottom:28px}
  .story-craft{grid-template-columns:1fr;padding:60px 8%;gap:36px}.story-craft-copy>p br,.story-yohaku-intro p br{display:none}.story-year{font-size:60px}.editorial-page h2{font-size:30px;line-height:1.65;margin-bottom:22px}
  .story-yohaku{padding:60px 6%}.story-yohaku-intro{grid-template-columns:1fr;gap:8px;margin-bottom:25px}.story-closing{padding:60px 7% 70px}.story-closing h2{font-size:29px}.story-closing>p:not(.page-kicker){font-size:14px}
  .manufacturing-hero{padding:34px 8% 45px}.manufacturing-hero h1{font-size:clamp(38px,10.2vw,60px);line-height:1.6}.manufacturing-hero-bottom{margin-top:25px}.manufacturing-hero-bottom nav{gap:18px;flex-wrap:wrap;font-size:13px}
  .craft-process{margin:0 6%}.process-section{grid-template-columns:1fr;padding:45px 0 45px 6%;gap:26px}.process-section:before,.process-check:before{top:49px}.process-copy>p:not(.chapter-marker) br{display:none}.machine-facts{font-size:13px;margin-top:24px}.machine-facts>div{gap:12px;grid-template-columns:5em 1fr}.machine-figure{padding:16px}.machine-figure img{max-width:290px}.process-type>p{font-size:108px}.joint-detail{width:44%;max-width:150px}.finish-statement{padding:35px 25px}.finish-statement>p{font-size:27px}
  .process-check{padding:45px 0 45px 6%}.detail-points{grid-template-columns:1fr;gap:24px;margin-top:30px}.detail-points article{padding-top:16px}.detail-points h3{font-size:21px;margin:6px 0}
  .craft-archive{padding:55px 8%}.archive-gallery{grid-template-columns:1fr;gap:32px;margin-top:30px}.archive-gallery figcaption{gap:5px}.archive-gallery strong{font-size:22px}.craft-delivery{grid-template-columns:1fr;padding:55px 8%;gap:30px}.editorial-footer nav{margin:0;gap:18px;font-size:14px}.editorial-page figcaption{font-size:12px}
}

.editorial-link:not(.reading-link){position:relative;padding-right:36px}
.editorial-link:not(.reading-link)::after{content:'↗';position:absolute;right:0;top:50%;transform:translateY(-50%);font-size:22px;color:var(--accent)}
.editorial-link:hover{border-bottom-color:var(--accent)}
.finish-statement .editorial-link small{color:inherit}

.manufacturing-hero-bottom nav a{border-bottom-color:var(--ink)}
