@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;600;700&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{--ink:#263b37;--cream:#f5eee3;--red:#9b3d2e;--line:#cdbda9}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'Noto Sans JP',sans-serif}h1,h2,p{margin-top:0}h1,h2{line-break:strict}p{line-break:strict;text-wrap:pretty}a{color:inherit}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #e0a43d;outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;z-index:5;background:#fff;padding:.6rem}.skip:focus{top:1rem}.top{height:68px;padding:0 clamp(18px,4vw,64px);display:flex;align-items:center;justify-content:space-between;gap:1rem}.top a{text-decoration:none}.brand{font-weight:900;letter-spacing:.06em}.brand span{font-size:.62rem;font-weight:500}.return{font-size:.78rem;font-weight:700}.hero{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(340px,.55fr);min-height:min(770px,calc(100svh - 68px));background:var(--ink);color:var(--cream)}.hero-photo{position:relative;min-height:660px;overflow:hidden}.hero-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%}.photo-label{position:absolute;bottom:26px;left:clamp(20px,4vw,55px);font:700 .7rem 'DM Sans','Noto Sans JP',sans-serif;letter-spacing:.09em;background:rgba(245,238,227,.95);color:var(--ink);padding:.65rem .9rem}.hero-copy{display:flex;flex-direction:column;align-items:center;text-align:center;padding:clamp(28px,4vw,60px) 16px 42px;border-left:1px solid #53645d}.eyebrow,.section-no,.scene-note,footer{font:700 .7rem/1.7 'DM Sans','Noto Sans JP',sans-serif;letter-spacing:.13em}.eyebrow{color:#e0b985}.hero h1{writing-mode:vertical-rl;text-orientation:mixed;white-space:nowrap;font-size:clamp(2.6rem,3.9vw,4.7rem);letter-spacing:.08em;line-height:1.45;margin:auto 0;font-weight:900}.hero h1 span{color:#dd9b76}.hero-foot{width:100%;display:flex;flex-direction:column;align-items:center;gap:16px}.hero-foot p{font-size:.87rem;line-height:1.7}.hero-foot a{text-decoration:none;border-bottom:1px solid;padding-bottom:5px;font-size:.8rem;font-weight:700}.statement,.closing{display:grid;grid-template-columns:22% 1fr;gap:clamp(26px,4vw,70px);padding:clamp(75px,9vw,140px) clamp(22px,6vw,90px);max-width:1500px;margin:auto}.section-no{color:var(--red)}.statement h2,.table-section h2,.closing h2{font-size:clamp(2.7rem,4.7vw,5.5rem);line-height:1.33;letter-spacing:-.075em;margin:0 0 27px}.statement p:not(.section-no),.closing p:not(.section-no){font-size:.94rem;line-height:2.15;max-width:40em}.table-section{background:#e7d5bd;padding:clamp(75px,9vw,130px) clamp(20px,5vw,78px)}.table-heading{display:grid;grid-template-columns:22% 1fr minmax(210px,.6fr);gap:30px;max-width:1450px;margin:0 auto 40px;align-items:end}.table-heading p:last-child{line-height:1.9;font-size:.9rem}.table-heading h2{margin:0}.photo-stage{max-width:1450px;margin:auto;display:grid;grid-template-columns:minmax(0,1fr) 190px;background:var(--cream)}.photo-stage figure{position:relative;margin:0;min-height:610px}.photo-stage img{display:block;position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.photo-stage figcaption{position:absolute;bottom:20px;left:22px;background:var(--cream);padding:.55rem .8rem;font-size:.76rem;font-weight:700}.photo-controls{display:flex;flex-direction:column;justify-content:end;gap:10px;padding:25px;background:var(--ink)}.photo-controls button{border:1px solid #a8b5ac;background:transparent;color:var(--cream);padding:14px 8px;cursor:pointer;font-size:.84rem;font-weight:700}.photo-controls button[aria-pressed=true],.photo-controls button:hover{background:var(--cream);color:var(--ink)}.scene-note{max-width:1450px;margin:22px auto 0;color:#604738;letter-spacing:.02em}.closing{background:var(--cream)}.closing a{display:inline-block;text-decoration:none;border-bottom:1px solid;margin-top:18px;padding-bottom:6px;font-size:.84rem;font-weight:700}footer{background:var(--ink);color:var(--cream);display:flex;justify-content:space-between;gap:18px;padding:24px clamp(20px,4vw,64px)}footer a{text-decoration:none}
@media(max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(270px,.55fr)}.hero h1{font-size:clamp(2.4rem,4.2vw,3.8rem)}.hero-photo{min-height:650px}.table-heading{grid-template-columns:1fr 2fr}.table-heading p:last-child{grid-column:2}.photo-stage figure{min-height:470px}}
@media(max-width:700px){.top{height:60px}.brand span{display:none}.hero{display:flex;flex-direction:column-reverse;min-height:0}.hero-copy{display:block;text-align:left;border:0;padding:32px 23px 34px}.eyebrow{margin-bottom:17px}.hero h1{writing-mode:horizontal-tb;white-space:normal;font-size:clamp(2.5rem,9vw,4.3rem);letter-spacing:-.065em;line-height:1.3;margin:0 0 20px}.hero h1 span{display:none}.hero-foot{display:flex;align-items:flex-start;text-align:left;gap:8px}.hero-foot p{margin-bottom:2px}.hero-photo{min-height:0;aspect-ratio:4/3}.hero-photo img{position:static;height:auto;aspect-ratio:4/3;object-position:55%}.photo-label{bottom:13px;left:12px;font-size:.58rem}.statement,.closing{display:block;padding:75px 23px}.statement h2,.table-section h2,.closing h2{font-size:clamp(2.55rem,8.5vw,4rem);margin:19px 0 25px}.table-section{padding:75px 18px}.table-heading{display:block;margin-bottom:27px}.table-heading p:last-child{margin-top:16px}.photo-stage{display:block}.photo-stage figure{min-height:0;aspect-ratio:4/3}.photo-stage img{position:static;aspect-ratio:4/3}.photo-controls{display:grid;grid-template-columns:1fr 1fr;padding:12px;gap:8px}.photo-controls button{padding:12px 5px;font-size:.78rem}footer{font-size:.55rem;line-height:1.6}}
@media(max-width:380px){.hero h1{font-size:2.45rem}.top a{font-size:.76rem}.statement h2,.table-section h2,.closing h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}