@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+JP:wght@400;500;600;700&family=Noto+Serif+JP:wght@400;500;600;700&display=swap');
:root{--dark:#161412;--light:#f3ead8;--gold:#d6b47c;--brown:#48392d}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--dark);color:var(--light);font-family:"Noto Sans JP",sans-serif}img{display:block;width:100%;height:auto}a{color:inherit;text-underline-offset:.25em}.skip{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;z-index:5;background:white;color:#111;padding:.7rem}.fiction{margin:0;padding:.5rem clamp(1rem,3vw,3rem);background:#2c2720;color:#f4e9d5;font-size:.63rem;line-height:1.65}.site-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem clamp(1rem,3vw,3rem);border-bottom:1px solid #5a4b39}.brand{text-decoration:none;font-family:"Noto Serif JP",serif;font-size:1.28rem;letter-spacing:.12em}.brand span{display:block;margin-top:.2rem;font-family:"Noto Sans JP",sans-serif;font-size:.45rem;letter-spacing:.24em;color:var(--gold)}.site-header>a:last-child{font-size:.72rem;text-decoration:none}.hero{position:relative;min-height:clamp(38rem,64vw,55rem);overflow:hidden}.hero-image{position:absolute;inset:0;height:100%;object-fit:cover;object-position:57% center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#100e0deb 0%,#100e0dc9 21%,#100e0d2e 48%,transparent 75%)}.hero-content{position:relative;z-index:1;padding:clamp(2rem,7vw,7rem) clamp(1rem,6vw,6rem);max-width:45rem}.eyebrow,.image-note,.display-note span,.workshop-copy>span,.ending>span{font-size:.65rem;letter-spacing:.17em;color:var(--gold)}.hero h1{font-family:"Noto Serif JP",serif;font-size:clamp(4.5rem,8vw,9rem);font-weight:500;line-height:1.08;letter-spacing:.08em;margin:clamp(2rem,5vw,5rem) 0 1.5rem;white-space:nowrap}.hero h1 span{display:block;margin-top:.55rem;font-size:.36em;letter-spacing:.13em;white-space:normal}.hero-content p{font-family:"Noto Serif JP",serif;font-size:clamp(.95rem,1.35vw,1.25rem);line-height:1.9}.hero-content a{display:inline-flex;align-items:center;gap:2.5rem;margin-top:2rem;padding:1rem 1.25rem;border:1px solid var(--gold);text-decoration:none;color:var(--gold);font-size:.85rem}.hero-content a span{font-size:1.25rem}.image-note{position:absolute;right:2rem;bottom:1.5rem;color:#f6e5c8;text-shadow:0 1px 2px #111}.display-note{display:flex;align-items:start;gap:clamp(2rem,10vw,12rem);padding:clamp(3rem,6vw,6rem) clamp(1rem,6vw,6rem);background:var(--light);color:var(--dark)}.display-note span{color:#866748;white-space:nowrap}.display-note p{font-family:"Noto Serif JP",serif;font-size:clamp(1.35rem,2.5vw,2.6rem);line-height:1.7;margin:0;max-width:60rem}.workshop{display:grid;grid-template-columns:minmax(18rem,.8fr) minmax(0,1.2fr);background:#2a221b}.workshop-copy{padding:clamp(2rem,6vw,6rem);align-self:center}.workshop h2,.ending h2{font-family:"Noto Serif JP",serif;font-weight:500;line-height:1.38;letter-spacing:.04em;font-size:clamp(2.4rem,4vw,4.7rem);margin:1.8rem 0}.workshop p,.ending p{font-size:.9rem;line-height:2;max-width:34rem}.workshop a,.ending a{display:inline-block;margin-top:1.4rem;font-size:.82rem;color:var(--gold)}.workshop figure{margin:0}.workshop img{height:100%;min-height:36rem;object-fit:cover}.workshop figcaption{padding:.6rem 1rem;font-size:.63rem;color:var(--gold);letter-spacing:.13em}.ending{padding:clamp(5rem,9vw,10rem) clamp(1rem,7vw,7rem);background:var(--light);color:var(--dark)}.ending>span{color:#866748}.ending a{color:#6b4e31}footer{display:flex;justify-content:space-between;gap:1rem;padding:1.1rem clamp(1rem,3vw,3rem);font-size:.65rem}
@media(max-width:850px){.hero-shade{background:linear-gradient(90deg,#100e0de8,#100e0d5a 65%,transparent)}.workshop{grid-template-columns:1fr 1fr}.workshop-copy{padding:2rem}}
@media(max-width:650px){.hero{min-height:39rem}.hero-image{object-position:62% center}.hero-shade{background:linear-gradient(180deg,#100e0ddd 0%,#100e0d9a 38%,#100e0d11 78%,#100e0d5c 100%)}.hero-content{position:relative;min-height:39rem;padding:2rem 1rem}.hero h1{font-size:clamp(4rem,16vw,5.5rem);margin:2.4rem 0 1rem}.hero h1 span{font-size:.35em;line-height:1.5}.hero-content p{font-size:.9rem}.hero-content a{position:absolute;left:1rem;bottom:2.25rem;z-index:2;margin-top:0;padding:.75rem 1rem}.image-note{right:1rem;bottom:1rem;font-size:.55rem}.display-note{display:block;padding:3rem 1rem}.display-note p{margin-top:1.2rem;font-size:1.5rem}.workshop{display:flex;flex-direction:column-reverse}.workshop img{min-height:0;height:auto}.workshop-copy{padding:3rem 1rem}.ending{padding:4rem 1rem}.ending h2{font-size:2.8rem}footer{display:block}footer a{display:block;margin-top:.5rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}