:root{color-scheme:light;--ink:#391d1c;--red:#a52e33;--paper:#f4efe6;--muted:#775e5b;--line:#d6c8be}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:"Hiragino Kaku Gothic ProN","Yu Gothic",Meiryo,sans-serif}a{color:inherit}.skip{position:absolute;left:12px;top:-80px;background:#fff;padding:10px;z-index:20}.skip:focus{top:8px}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(18px,5vw,80px);border-bottom:1px solid var(--line)}.mark{font-family:"Yu Mincho",serif;font-size:1.18rem;font-weight:700;text-decoration:none;letter-spacing:.08em}.mark small{font:.66rem sans-serif;font-weight:400;letter-spacing:0}.topbar>a:last-child{font-size:.76rem;text-decoration:none}.hero-heading{padding:clamp(28px,4vw,58px) clamp(20px,6vw,95px) clamp(25px,3vw,45px);display:flex;justify-content:space-between;align-items:end;gap:30px}.kicker,.section-index,.counter-note span{font-size:.68rem;letter-spacing:.19em;color:var(--red)}.hero h1{font-family:"Yu Mincho","Hiragino Mincho ProN",serif;color:var(--red);font-size:clamp(5rem,9vw,10rem);font-weight:500;line-height:1;margin:16px 0 0;letter-spacing:.14em;white-space:nowrap}.hero h1 span{letter-spacing:0}.hero-side{text-align:right;padding-bottom:10px}.hero-side p{font-family:"Yu Mincho",serif;font-size:clamp(1rem,1.5vw,1.4rem);line-height:1.7;margin:0 0 18px}.hero-side a{display:inline-block;border-bottom:1px solid var(--red);padding-bottom:8px;text-decoration:none;font-size:.77rem}.hero-side a span{margin-left:15px}.hero-photo{margin:0;position:relative;height:clamp(430px,43vw,660px);overflow:hidden}.hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.hero-photo figcaption{position:absolute;bottom:16px;right:18px;background:rgba(244,239,230,.9);padding:6px 10px;font-size:.64rem}.counter-note{padding:28px clamp(20px,6vw,95px);display:flex;align-items:center;justify-content:space-between;gap:30px;border-bottom:1px solid var(--line)}.counter-note p{font-family:"Yu Mincho",serif;font-size:clamp(.9rem,1.4vw,1.25rem);line-height:1.8;margin:0}.wrapping{padding:clamp(90px,10vw,150px) clamp(20px,6vw,95px);background:#e6ddd2;display:grid;grid-template-columns:minmax(280px,36%) 1fr;gap:clamp(35px,6vw,90px)}.wrapping h2,.endnote h2{font-family:"Yu Mincho",serif;font-size:clamp(2.8rem,4.6vw,5.3rem);font-weight:500;letter-spacing:.1em;line-height:1.4;margin:20px 0 26px}.wrapping-heading p{font-size:.86rem;line-height:2;max-width:340px}.work-drawer{border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);align-self:start}.work-drawer summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:24px 5px;font-family:"Yu Mincho",serif;font-size:1.22rem}.work-drawer summary::-webkit-details-marker{display:none}.work-drawer summary span{font-family:sans-serif;font-size:1.5rem;color:var(--red)}.work-drawer[open] summary span{transform:rotate(45deg)}.work-drawer figure{margin:0;padding-bottom:20px}.work-drawer img{width:100%;height:auto;display:block}.work-drawer figcaption{font-size:.75rem;color:var(--muted);line-height:1.8;margin-top:12px}.endnote{text-align:center;padding:clamp(90px,10vw,150px) 20px}.endnote p{max-width:650px;margin:0 auto 32px;line-height:2.2;color:var(--muted);font-size:.82rem}.endnote a{display:inline-block;text-decoration:none;border-bottom:1px solid var(--red);padding:8px;font-size:.8rem}footer{text-align:center;border-top:1px solid var(--line);padding:27px;font-size:.7rem;color:var(--muted)}@media(max-width:800px){.hero-heading{display:block;padding:30px 20px}.hero h1{font-size:clamp(4.4rem,14vw,7.5rem)}.hero-side{text-align:left;margin-top:18px}.hero-side p{display:none}.hero-photo{height:auto;aspect-ratio:1.45}.counter-note{display:block}.counter-note p{margin-top:10px}.wrapping{grid-template-columns:1fr}.wrapping-heading p{max-width:none}}@media(max-width:480px){.topbar{height:60px;padding:0 16px}.mark{font-size:1rem}.topbar>a:last-child{font-size:.66rem}.hero-heading{padding:26px 17px 24px}.hero h1{font-size:clamp(4.3rem,16vw,5.5rem);margin-top:10px}.hero-side{margin-top:16px}.hero-photo{aspect-ratio:1.08}.hero-photo figcaption{font-size:.58rem;right:8px;bottom:8px}.wrapping{padding:80px 17px}.wrapping h2{font-size:2.7rem}.endnote h2{font-size:2.8rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}