:root{--navy:#142b45;--blue:#173e68;--paper:#f6f1e7;--gold:#e9c875;--ink:#1a252d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit}img{display:block;max-width:100%}.skip{position:absolute;left:1rem;top:-5rem;background:white;z-index:5;padding:.5rem}.skip:focus{top:1rem}.notice{padding:.45rem clamp(1rem,3vw,3rem);background:#e9e2d5;color:#594f45;font-size:.7rem;line-height:1.75}.top{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:1rem clamp(1rem,3vw,3rem);min-height:76px;background:var(--paper)}.wordmark{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-size:1.45rem;font-weight:700;letter-spacing:.08em;text-decoration:none;white-space:nowrap}.wordmark span{font-family:Arial,sans-serif;color:#c88636;margin-left:.5rem}.top nav{display:flex;gap:clamp(.8rem,3vw,3rem)}.top nav a{font-size:.74rem;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:.3rem}.hero{position:relative;min-height:min(820px,75vw);overflow:hidden;background:var(--navy)}.hero-image{position:absolute;inset:0}.hero-image img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-image:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(9,29,51,.34),transparent 62%)}.hero-tag{position:absolute;top:clamp(1rem,3vw,3rem);right:clamp(1rem,3vw,3rem);z-index:1;color:#fff;background:rgba(20,43,69,.82);padding:.7rem .9rem;font:700 .7rem Arial,sans-serif;letter-spacing:.15em}.hero-panel{position:relative;z-index:1;width:min(540px,46vw);margin:clamp(4rem,10vw,9rem) 0 5rem clamp(1rem,6vw,7rem);padding:clamp(1.5rem,3.8vw,4rem);background:var(--navy);color:#fff;box-shadow:12px 12px 0 var(--gold)}.eyebrow{font:700 .66rem Arial,sans-serif;letter-spacing:.17em;color:var(--gold);margin:0 0 1.7rem}.hero-panel h1{margin:0}.hero-panel h1 span{display:block;font-size:clamp(1.5rem,3vw,2.7rem);color:var(--gold);margin-bottom:.7rem;letter-spacing:.05em}.hero-panel h1 strong{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500;font-size:clamp(2rem,3.5vw,3.8rem);line-height:1.38;letter-spacing:.02em}.hero-panel>p:not(.eyebrow){max-width:26em;margin:1.7rem 0 1.6rem;line-height:1.9;font-size:.9rem;color:#ecedf0}.hero-panel a{display:inline-flex;gap:1.5rem;align-items:center;border-bottom:1px solid var(--gold);padding-bottom:.35rem;color:var(--gold);text-decoration:none;font-size:.82rem;font-weight:700}.hero-index{position:absolute;right:clamp(1rem,3vw,3rem);bottom:clamp(1rem,3vw,3rem);z-index:1;color:white;font:700 .75rem Arial,sans-serif;letter-spacing:.16em}.table-scene{display:grid;grid-template-columns:minmax(0,.7fr) minmax(0,1.3fr);gap:clamp(2rem,5vw,6rem);align-items:center;padding:clamp(3rem,7vw,8rem) clamp(1rem,6vw,7rem);background:var(--paper)}.scene-number{font:700 .72rem Arial,sans-serif;letter-spacing:.18em;color:#ae7538}.scene-intro h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500;font-size:clamp(2.4rem,4.1vw,4.7rem);line-height:1.3;margin:1.5rem 0}.scene-intro p{max-width:30em;line-height:1.95;font-size:.9rem}.scene-intro a{display:inline-block;text-decoration:none;border-bottom:1px solid var(--blue);padding-bottom:.4rem;margin-top:1.5rem;color:var(--blue);font-size:.85rem;font-weight:700}.table-scene figure{margin:0}.table-scene figure img{width:100%;aspect-ratio:3/2;object-fit:cover}.table-scene figcaption{font:700 .67rem Arial,sans-serif;letter-spacing:.15em;color:#7b6f60;margin-top:.75rem}.end{display:flex;justify-content:space-between;align-items:end;gap:2rem;padding:clamp(3rem,7vw,7rem) clamp(1rem,6vw,7rem);background:var(--blue);color:#fff}.end span{font:700 .7rem Arial,sans-serif;letter-spacing:.16em;color:var(--gold)}.end h2{font-family:"Hiragino Mincho ProN","Yu Mincho",serif;font-weight:500;font-size:clamp(2rem,4vw,4.8rem);line-height:1.35;margin:1rem 0 0}.end a{font-size:.8rem;text-decoration:none;border-bottom:1px solid var(--gold);padding-bottom:.5rem;white-space:nowrap}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.5rem clamp(1rem,3vw,3rem);font-size:.7rem;color:#716c62}footer a{text-decoration:none}@media(max-width:760px){.top{min-height:66px}.wordmark{font-size:1.15rem}.top nav a:first-child{display:none}.hero{min-height:0;overflow:visible;background:var(--paper);display:flex;flex-direction:column}.hero-image{position:relative;order:1;height:clamp(300px,89vw,550px)}.hero-image:after{background:linear-gradient(0deg,rgba(9,29,51,.25),transparent 45%)}.hero-panel{order:0;width:auto;margin:0;padding:1.5rem 1rem 1.7rem;box-shadow:none}.hero-panel h1 strong{font-size:clamp(2.5rem,8vw,4rem)}.eyebrow{margin-bottom:.9rem}.hero-panel>p:not(.eyebrow){margin:.9rem 0}.hero-tag{top:auto;bottom:1rem;right:1rem}.hero-index{display:none}.table-scene{display:block}.scene-intro h2{font-size:clamp(2.5rem,8vw,4rem);margin:1rem 0}.table-scene figure{margin-top:2.3rem}.end{display:block}.end a{display:inline-block;margin-top:1.8rem}footer{flex-direction:column;gap:.45rem}}@media(max-width:430px){.notice{font-size:.64rem}.top nav a{font-size:.67rem}.hero-panel h1 span{font-size:1.5rem}.hero-panel h1 strong{font-size:2.5rem}.hero-panel>p:not(.eyebrow){font-size:.84rem}.hero-image img{object-position:58% center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
