:root{font-family:"Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;color:#142a33;background:#f7f3e9;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden}a{color:inherit}img{display:block;width:100%;height:auto}button{font:inherit;cursor:pointer}a:focus-visible,button:focus-visible{outline:3px solid #ee6255;outline-offset:4px}.skip{position:absolute;z-index:10;top:-5rem;left:1rem;padding:.7rem;background:white}.skip:focus{top:1rem}.fiction{background:#e5e9e5;padding:.55rem 1rem;text-align:center;font-size:.7rem;line-height:1.5}.topbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.2rem clamp(20px,4.5vw,75px);background:#102c39;color:#fff}.brand{text-decoration:none;font-weight:1000;font-size:1.5rem;letter-spacing:-.07em}.brand span{margin-left:.35rem;color:#f36055;font-size:1rem;letter-spacing:-.03em}.topbar nav{display:flex;gap:clamp(.8rem,2vw,2.6rem);font-size:.8rem}.topbar nav a{text-decoration:none;border-bottom:1px solid transparent}.topbar nav a:hover{border-color:currentColor}.hero{position:relative;min-height:min(790px,83vh);overflow:hidden;background:#d2bba3}.hero-image{position:absolute;inset:0}.hero-image img{height:100%;object-fit:cover;object-position:center}.hero-image::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#f0e0c680 0%,transparent 48%)}.photo-stamp{position:absolute;z-index:1;right:2rem;bottom:1rem;background:#112d3bd9;color:#fff;padding:.45rem .7rem;font:700 .63rem monospace;letter-spacing:.1em}.hero-copy{position:relative;z-index:2;width:min(50%,690px);padding:clamp(48px,6vw,95px) 0 4rem clamp(20px,4.5vw,75px)}.hero-kicker{font:700 .78rem monospace;letter-spacing:.14em;color:#b33d3b}.hero h1{font-family:"Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(4rem,7.4vw,8.2rem);line-height:1.07;letter-spacing:-.09em;margin:2rem 0;font-weight:900;text-shadow:0 2px 15px #f5ead866}.hero h1 span{font-size:.55em}.hero-copy>p:not(.hero-kicker){max-width:24em;line-height:1.9;font-weight:700;font-size:clamp(.85rem,1.2vw,1.1rem)}.hero-copy a{display:inline-block;margin-top:1.2rem;padding:.9rem 1.3rem;background:#132f3b;color:#fff;text-decoration:none;font-weight:800}.hero-copy a span{margin-left:1rem}.stripe{position:absolute;z-index:1;right:0;top:0;bottom:0;width:14px;background:repeating-linear-gradient(160deg,#e9534c 0 28px,#f4f0e7 28px 56px,#143849 56px 84px,#f4f0e7 84px 112px)}.scene{display:grid;grid-template-columns:150px 1fr 150px;gap:clamp(1rem,4vw,4rem);align-items:end;padding:clamp(80px,10vw,160px) clamp(20px,5vw,90px);background:#f7f3e9}.scene-number{align-self:start;margin:0;border-top:3px solid #e4584f;padding-top:.8rem;font:700 .7rem monospace;letter-spacing:.1em}.scene-copy h2,.book-head h2,.end h2{font-family:"Hiragino Mincho ProN","Noto Serif JP",serif;font-size:clamp(3.3rem,6vw,7.5rem);line-height:1.16;letter-spacing:-.1em;margin:0 0 2.5rem}.scene-copy p{max-width:35em;line-height:2}.scene-rule{writing-mode:vertical-rl;justify-self:end;align-self:stretch;border-right:2px solid #e4584f;padding-right:.7rem;font:700 .65rem monospace;letter-spacing:.15em;color:#ad5b58}.photo-book{background:#12313e;color:#f5f0e7;padding:clamp(75px,9vw,140px) clamp(20px,5vw,90px)}.book-head{display:grid;grid-template-columns:1.25fr .75fr;gap:3rem;align-items:end}.book-head>div>p{font:700 .75rem monospace;color:#e96a61;letter-spacing:.12em}.book-head h2{margin:1rem 0 0}.book-head>p{max-width:30em;line-height:1.9}.book-control{display:flex;gap:0;margin-top:4rem;border-bottom:1px solid #8296a0}.book-control button{border:0;border-bottom:4px solid transparent;padding:1rem 2rem;background:transparent;color:#e8e5dd;text-align:left}.book-control button[aria-pressed=true]{border-color:#f46558;color:#fff;font-weight:900}.book-control button:hover{background:#ffffff12}.book-figure{margin:1.5rem 0 0}.book-figure img{height:min(62vw,680px);object-fit:cover;object-position:center}.book-figure figcaption{margin-top:.8rem;color:#d5dfe2;font-size:.75rem;line-height:1.6}.end{padding:clamp(80px,10vw,160px) clamp(20px,5vw,90px);background:#e7ded0}.end>p:first-child{font:700 .72rem monospace;color:#b44645;letter-spacing:.1em}.end h2{margin:1rem 0}.end>p:not(:first-child){max-width:32em;line-height:1.9}.end a{display:inline-block;margin-top:2rem;border-bottom:2px solid currentColor;text-decoration:none;padding-bottom:.5rem;font-weight:900}footer{display:flex;justify-content:space-between;gap:1rem;padding:2rem clamp(20px,5vw,90px);font-size:.75rem}footer a{text-decoration:none}@media(max-width:900px){.hero-copy{width:55%}.hero h1{font-size:clamp(3.6rem,7vw,6rem)}.scene{grid-template-columns:100px 1fr 70px}.book-head{grid-template-columns:1fr}}@media(max-width:650px){.topbar{padding:1rem 18px}.brand{font-size:1.2rem;white-space:nowrap}.brand span{font-size:.8rem}.topbar nav{font-size:.63rem;gap:.35rem .7rem;flex-wrap:wrap;justify-content:flex-end}.hero{min-height:0;display:flex;flex-direction:column;background:#e9dac7}.hero-image{position:relative;order:2;height:53vh;max-height:440px}.hero-image img{object-position:64% center}.hero-image::after{display:none}.photo-stamp{right:1rem;font-size:.5rem}.hero-copy{order:1;width:100%;padding:2.2rem 18px 2.4rem}.hero h1{font-size:clamp(3.5rem,13.5vw,5.5rem);margin:1rem 0}.hero-copy>p:not(.hero-kicker){margin:.7rem 0}.hero-copy a{margin-top:.7rem}.stripe{width:9px;top:auto;left:0;right:0;bottom:0;height:9px;background:repeating-linear-gradient(90deg,#e9534c 0 22px,#f4f0e7 22px 44px,#143849 44px 66px,#f4f0e7 66px 88px)}.scene{display:block;padding:75px 20px}.scene-number{display:inline-block}.scene-copy h2{font-size:clamp(3rem,11vw,5rem);margin-top:2rem}.scene-rule{display:none}.photo-book{padding:75px 20px}.book-head h2{font-size:clamp(3rem,11vw,5rem)}.book-control{margin-top:2rem}.book-control button{flex:1;padding:1rem .6rem;font-size:.83rem}.book-figure img{height:60vw;min-height:250px}.end{padding:75px 20px}.end h2{font-size:clamp(3rem,11vw,5rem)}footer{padding:2rem 20px;flex-direction:column}}@media(max-width:400px){.topbar{display:block}.topbar nav{justify-content:flex-start;margin-top:.7rem}.hero-image{height:48vh}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}