:root{--ink:#143139;--sky:#dce7ed;--cream:#f7f4ed;--line:#a9bdc4;--accent:#386c79}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}h1,h2,p{margin-top:0}h1,h2{line-break:strict}p{line-break:strict;text-wrap:pretty}a{color:inherit}a:focus-visible,summary:focus-visible{outline:3px solid #c77d38;outline-offset:4px}.skip{position:absolute;top:-5rem;left:1rem;z-index:5;background:#fff;padding:.7rem}.skip:focus{top:1rem}.mast{height:68px;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 clamp(18px,4vw,64px);background:var(--cream)}.mast a{text-decoration:none}.brand{font-size:1rem;font-weight:900;letter-spacing:.05em}.brand span{font-size:.62rem;font-weight:500}.back{font-size:.78rem;font-weight:700}.hero{position:relative;min-height:min(790px,calc(100svh - 68px));overflow:hidden;background:var(--sky)}.hero-photo{position:absolute;inset:0}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:55% 50%}.photo-label{position:absolute;right:clamp(22px,4vw,65px);bottom:24px;background:rgba(247,244,237,.95);padding:.6rem .8rem;font-size:.68rem;font-weight:700;letter-spacing:.05em}.hero-copy{position:relative;width:min(47%,670px);padding:clamp(45px,7vw,100px) 0 0 clamp(25px,6vw,90px);color:var(--ink)}.eyebrow,.section-mark,footer{font:700 .7rem/1.6 Georgia,"Yu Gothic",serif;letter-spacing:.16em}.eyebrow{margin-bottom:55px}.hero h1{font-size:clamp(4rem,7vw,8.5rem);line-height:1.1;letter-spacing:-.09em;white-space:nowrap;margin:0 0 25px;font-weight:900;text-shadow:0 1px 2px rgba(255,255,255,.6)}.lead{font-size:clamp(1.16rem,1.8vw,1.7rem);font-weight:800;line-height:1.75;margin:0 0 30px}.hero-copy a{display:inline-block;text-decoration:none;border-bottom:2px solid;padding:8px 10px;background:rgba(247,244,237,.86);font-size:.85rem;font-weight:800}.introduction,.closing{max-width:1500px;margin:auto;display:grid;grid-template-columns:20% 1fr;gap:clamp(28px,6vw,100px);padding:clamp(75px,9vw,140px) clamp(22px,5vw,80px)}.section-mark{color:var(--accent)}.introduction h2,.detail h2,.closing h2{font-size:clamp(2.65rem,5vw,5.5rem);letter-spacing:-.075em;line-height:1.35;margin:0 0 28px}.introduction p:not(.section-mark),.closing p:not(.section-mark){max-width:680px;font-size:.94rem;line-height:2.15}.fine{font-size:.72rem!important;line-height:1.85!important;color:#557179}.detail{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);background:var(--sky)}.detail-copy{padding:clamp(70px,8vw,130px) clamp(22px,6vw,90px)}.detail-copy>p:not(.section-mark,.fine){font-size:.95rem;line-height:2;max-width:34em}.detail details{border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);margin:40px 0 18px}.detail summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:20px 0;font-weight:800;cursor:pointer}.detail summary::-webkit-details-marker{display:none}.detail summary span{font-size:1.5rem;font-weight:400}.detail details[open] summary span{transform:rotate(45deg)}.detail figure{margin:0 0 22px}.detail figure img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.detail figcaption{font-size:.72rem;margin-top:9px}.detail-poster{display:flex;flex-direction:column;justify-content:space-between;background:#254751;color:#e8f1ec;padding:clamp(40px,6vw,90px);min-height:650px}.detail-poster span{font:700 clamp(3rem,6vw,7.5rem)/.97 Georgia,serif;letter-spacing:-.06em}.detail-poster small{font:.65rem Georgia,serif;letter-spacing:.18em}.closing{background:var(--cream)}.closing a{display:inline-block;text-decoration:none;border-bottom:1px solid;padding-bottom:7px;margin-top:20px;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:1050px){.hero-copy{width:55%}.hero h1{font-size:clamp(3.6rem,7vw,6rem)}.detail-poster span{font-size:5vw}}
@media(max-width:700px){.mast{height:60px}.brand span{display:none}.hero{display:flex;flex-direction:column;min-height:0}.hero-photo{position:relative;aspect-ratio:4/3;order:0}.hero-photo img{display:block;aspect-ratio:4/3;height:auto;object-position:60%}.photo-label{right:12px;bottom:12px;font-size:.56rem}.hero-copy{order:1;width:100%;padding:34px 23px 42px;background:var(--sky)}.eyebrow{margin-bottom:18px}.hero h1{font-size:clamp(3.5rem,11vw,5rem);margin-bottom:15px}.lead{font-size:1.08rem;margin-bottom:22px}.introduction,.closing{display:block;padding:78px 23px}.introduction h2,.detail h2,.closing h2{font-size:clamp(2.55rem,8.5vw,3.8rem);margin:20px 0 25px}.detail{display:block}.detail-copy{padding:75px 23px}.detail-poster{min-height:250px;padding:30px 23px}.detail-poster span{font-size:clamp(2.8rem,10vw,4.2rem)}footer{font-size:.56rem;line-height:1.6}}
@media(max-width:390px){.mast a{font-size:.75rem}.hero h1{font-size:3.45rem}.introduction h2,.detail h2,.closing h2{font-size:2.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}