@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800&family=Noto+Sans+JP:wght@400;500;700;900&display=swap');
:root{font-family:'Noto Sans JP',sans-serif;color:#172a35;background:#edece7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0}a{color:inherit}button{font:inherit}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:20;background:#fff;padding:1rem}.notice{background:#172a35;color:#fff;text-align:center;font-size:.65rem;line-height:1.7;padding:.55rem 1rem}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1.5rem;min-height:86px;padding:1rem clamp(1.2rem,4vw,4rem);border-bottom:1px solid #c8c9c7}.brand{display:flex;align-items:center;gap:.8rem;text-decoration:none;font-size:1.16rem;font-weight:900;white-space:nowrap}.brand small{display:block;font:700 .53rem 'Barlow Condensed',sans-serif;letter-spacing:.17em;margin-top:.3rem}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:#c16e3d;color:#fff;font-size:1.4rem;line-height:1;transform:skew(-9deg)}.header-number{font:700 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.16em}.back{font-size:.8rem;font-weight:700;text-decoration:none;border-bottom:1px solid;padding-bottom:.3rem;white-space:nowrap}.hero{background:#d9ddd9}.hero-heading{display:grid;grid-template-columns:1.1fr 1.6fr 1fr;gap:clamp(1rem,3vw,3rem);align-items:end;padding:clamp(3rem,6vw,6rem) clamp(1.2rem,5vw,6rem) clamp(2rem,4vw,4rem)}.eyebrow,.statement>span,.detail-head>span,.closing>span{font:800 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.16em}.eyebrow{margin:0 0 1.2rem;color:#a6562e}.category{display:inline-block;margin:0;background:#172a35;color:#fff;font-size:.8rem;font-weight:700;padding:.55rem .75rem}.hero h1{font-size:clamp(3.5rem,6vw,7rem);line-height:1.15;letter-spacing:-.09em;margin:0;font-weight:900}.hero h1 em{font-style:normal;color:#a6562e}.hero-side{padding-bottom:.55rem}.hero-side p{line-height:1.9;margin:0 0 1.5rem;font-size:.92rem}.hero-side a{display:inline-flex;justify-content:space-between;gap:1rem;text-decoration:none;border-bottom:2px solid;padding-bottom:.55rem;font-size:.83rem;font-weight:700}.hero-picture{position:relative;background:#172a35}.hero-picture img{display:block;width:100%;height:auto;max-height:780px;aspect-ratio:1.95;object-fit:cover;object-position:center 54%}.image-tag{position:absolute;left:clamp(1rem,4vw,4rem);bottom:1.2rem;background:#e9e5db;color:#172a35;font:800 .72rem 'Barlow Condensed',sans-serif;letter-spacing:.13em;padding:.65rem .85rem}.statement{display:grid;grid-template-columns:.75fr 1.5fr 1.1fr;gap:clamp(1rem,3vw,3rem);align-items:start;padding:clamp(5rem,8vw,9rem) clamp(1.2rem,6vw,8rem);background:#e9e5db}.statement>span{color:#a6562e;margin-top:.6rem}.statement h2,.detail h2,.closing h2{font-size:clamp(2.8rem,5vw,5.7rem);line-height:1.32;letter-spacing:-.08em;margin:0;font-weight:900}.statement p{line-height:2.05;margin:.35rem 0 0;font-size:.94rem}.detail{padding:clamp(5rem,8vw,9rem) clamp(1.2rem,6vw,8rem);background:#172a35;color:#edece7}.detail-head{display:grid;grid-template-columns:.75fr 1.5fr 1.1fr;gap:clamp(1rem,3vw,3rem);align-items:end;margin-bottom:3.2rem}.detail-head>span{color:#e4a578;align-self:start;margin-top:.6rem}.detail-head p{line-height:1.9;margin:0 0 .35rem;font-size:.91rem}.detail-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(280px,.7fr);gap:2rem}.detail-image{position:relative;min-width:0;aspect-ratio:1.25;overflow:hidden;background:#3e4850}.detail-image img{width:100%;height:100%;display:block;object-fit:cover;transform:scale(1.28);transform-origin:35% 52%;transition:transform-origin .5s ease,transform .5s ease}.focus-marker{position:absolute;width:74px;height:74px;border:2px solid #fff;border-radius:50%;left:35%;top:49%;box-shadow:0 0 0 6px rgba(255,255,255,.16);transition:left .5s ease,top .5s ease}.focus-marker:before,.focus-marker:after{content:'';position:absolute;background:#fff}.focus-marker:before{width:1px;height:95px;left:50%;top:-11px}.focus-marker:after{height:1px;width:95px;left:-11px;top:50%}.detail-image .image-tag{left:1rem;bottom:1rem}.detail-panel{display:flex;flex-direction:column;min-width:0}.focus-buttons{border-top:1px solid #80909a}.focus-buttons button{width:100%;cursor:pointer;display:flex;align-items:center;gap:1rem;background:none;color:inherit;border:0;border-bottom:1px solid #80909a;padding:1.4rem .25rem;text-align:left;font-weight:900;font-size:1.03rem}.focus-buttons button span{font:800 .75rem 'Barlow Condensed',sans-serif;color:#e4a578}.focus-buttons button b{margin-left:auto;font-weight:400}.focus-buttons button[aria-pressed=true]{color:#f3aa75}.focus-caption{padding:2.5rem 0 0}.focus-caption>span{font:800 .75rem 'Barlow Condensed',sans-serif;letter-spacing:.15em;color:#e4a578}.focus-caption h3{font-size:clamp(2rem,3vw,3.4rem);letter-spacing:-.07em;margin:.65rem 0}.focus-caption p{line-height:1.9;margin:0;font-size:.9rem}.detail-note{line-height:1.8;font-size:.72rem;color:#c2c9c8;margin:auto 0 0;padding-top:3rem}body[data-focus=hand] .detail-image img{transform-origin:72% 48%;transform:scale(1.55)}body[data-focus=hand] .focus-marker{left:69%;top:42%}.closing{display:grid;grid-template-columns:.75fr 1.5fr 1.1fr;gap:clamp(1rem,3vw,3rem);align-items:start;background:#c16e3d;color:#fff;padding:clamp(5rem,8vw,9rem) clamp(1.2rem,6vw,8rem)}.closing>span{margin-top:.6rem}.closing p{line-height:2;margin:.25rem 0 2rem;font-size:.93rem}.closing a{text-decoration:none;border-bottom:2px solid;padding-bottom:.5rem;font-weight:700}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(1.2rem,6vw,8rem);font-size:.7rem;font-weight:700}footer a{text-decoration:none}a:focus-visible,button:focus-visible{outline:3px solid #f3aa75;outline-offset:5px}@media(max-width:1100px){.hero-heading{grid-template-columns:.95fr 1.3fr}.hero-side{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:1rem}.hero-side p{margin:0}.statement,.detail-head,.closing{grid-template-columns:1fr 1.5fr}.statement p,.detail-head p,.closing>div{grid-column:2}.detail-grid{grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr)}}@media(max-width:700px){.header-number{display:none}.site-header{min-height:70px;padding:.8rem 1.1rem}.brand{font-size:1rem}.back{font-size:.7rem}.hero-heading{display:block;padding:2.5rem 1.3rem}.eyebrow{margin-bottom:1rem}.hero h1{font-size:clamp(3.3rem,11vw,5rem);margin:1.8rem 0}.hero-side{display:block}.hero-side p{margin-bottom:1rem;font-size:.88rem}.hero-picture img{aspect-ratio:1.35;max-height:none}.image-tag{left:1rem;bottom:1rem;font-size:.62rem}.statement,.detail-head,.closing{display:block;padding:5rem 1.3rem}.statement h2,.detail h2,.closing h2{font-size:clamp(2.8rem,9vw,4rem);margin:1.4rem 0}.statement p,.detail-head p,.closing p{font-size:.87rem}.detail{padding:0 1.3rem 5rem}.detail-head{padding:5rem 0 0}.detail-grid{display:block}.detail-image{aspect-ratio:1.1}.detail-panel{padding-top:1.5rem}.detail-note{padding-top:2rem}.closing{padding:5rem 1.3rem}footer{padding:1.7rem 1.3rem;font-size:.64rem}}@media(max-width:390px){.notice{text-align:left}.brand small{font-size:.45rem}.brand-mark{width:34px;height:34px}.hero h1{font-size:3.2rem}.hero-picture img{aspect-ratio:1.24}.category{font-size:.72rem}.focus-buttons button{font-size:.9rem}.focus-marker{width:52px;height:52px}.focus-marker:before{height:68px;top:-8px}.focus-marker:after{width:68px;left:-8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.detail-image img,.focus-marker{transition:none}}
.hero-heading{grid-template-columns:minmax(160px,.8fr) minmax(0,1.8fr) minmax(190px,.85fr);align-items:center;padding-top:clamp(2.2rem,4vw,4.5rem);padding-bottom:clamp(2.2rem,4vw,4.5rem)}
.hero h1{font-size:clamp(3.2rem,5.35vw,5.8rem);line-height:1.2;letter-spacing:-.075em;white-space:nowrap}
.hero-side strong{display:block;color:#a6562e;font-size:clamp(1.25rem,1.7vw,1.65rem);letter-spacing:-.055em;margin-bottom:.7rem}
@media(max-width:1100px){.hero-heading{grid-template-columns:minmax(150px,.8fr) minmax(0,1.5fr)}.hero-side{grid-column:1/-1}}
@media(max-width:700px){.hero-heading{display:block;padding:1.9rem 1.3rem 2.2rem}.hero h1{font-size:clamp(2.75rem,10.5vw,4.7rem);margin:1.3rem 0 1.1rem}.hero-side strong{font-size:1.18rem;margin-bottom:.2rem}.hero-side p{margin-bottom:.65rem}}
@media(max-width:390px){.hero h1{font-size:clamp(2.55rem,10.6vw,3.2rem)}}