:root{color-scheme:light;--ink:#243b38;--paper:#f8f2e8;--mint:#d9e9dc;--pink:#efc7c3;font-family:'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink)}a{color:inherit}button{font:inherit;cursor:pointer}.skip{position:absolute;top:-100px;left:10px;background:white;padding:8px;z-index:20}.skip:focus{top:10px}.fiction{margin:0;padding:7px 18px;background:var(--ink);color:#fff;font-size:10px;line-height:1.6;text-align:center}.top{min-height:72px;padding:12px clamp(20px,3vw,52px);display:flex;justify-content:space-between;align-items:center;gap:20px;background:var(--paper)}.brand{text-decoration:none;font-size:23px;font-weight:900;letter-spacing:-.08em}.brand span{font:700 10px monospace;letter-spacing:.06em;margin-left:10px}.top nav{display:flex;gap:24px}.top nav a{text-decoration:none;font-size:12px;font-weight:700}.top nav a:hover,.top nav a:focus-visible{text-decoration:underline}.hero{min-height:610px;height:min(850px,calc(100svh - 110px));display:grid;grid-template-columns:minmax(0,1.4fr) minmax(370px,.8fr);position:relative;background:var(--mint);overflow:hidden}.hero-photo{grid-column:2;grid-row:1;position:relative;min-height:0}.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:57% center}.photo-mark{position:absolute;right:20px;bottom:18px;background:#f8f2e8e8;padding:8px 10px;font:700 10px monospace;letter-spacing:.06em}.hero-paper{grid-column:1;grid-row:1;align-self:center;padding:50px clamp(26px,6vw,100px);position:relative;z-index:2}.eyebrow{font:700 12px/1.4 monospace;letter-spacing:.13em}.hero h1{font-size:clamp(76px,8.8vw,150px);line-height:.98;letter-spacing:-.12em;margin:32px 0;max-width:8em;overflow-wrap:anywhere}.hero h1 span{display:block;font-size:.64em;letter-spacing:-.1em;margin-top:.17em}.hero-lead{font-size:clamp(15px,1.5vw,21px);line-height:1.7;font-weight:700}.hero-link{margin-top:42px;width:min(360px,100%);border-top:2px solid var(--ink);padding-top:14px;display:flex;justify-content:space-between;text-decoration:none;font-weight:800}.hero-index{position:absolute;bottom:20px;left:clamp(26px,6vw,100px);font:700 11px monospace}.scene{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(30px,5vw,90px);padding:clamp(75px,9vw,140px) clamp(22px,6vw,100px);align-items:center}.scene-copy h2,.about h2{font-size:clamp(50px,5.5vw,90px);line-height:1.15;letter-spacing:-.1em;margin:22px 0}.scene-copy p,.about p{max-width:31em;line-height:1.9;font-size:16px}.scene-copy button{margin-top:26px;padding:15px 0;width:min(340px,100%);border:0;border-top:2px solid var(--ink);border-bottom:2px solid var(--ink);background:none;color:var(--ink);text-align:left;display:flex;justify-content:space-between;font-weight:800}.scene-copy button:hover,.scene-copy button:focus-visible{background:var(--mint)}.scene-copy button span{font-size:23px;line-height:1}.scene-copy .detail-status{font-size:12px;margin-top:12px}.scene-visual{position:relative}.detail-photo{height:clamp(380px,44vw,650px);background-image:url('grooming-room.jpg');background-size:cover;background-position:57% center;transition:background-size .35s,background-position .35s}.detail-photo.is-close{background-size:auto 170%;background-position:88% 86%}.detail-caption{position:absolute;bottom:12px;left:12px;background:var(--paper);padding:7px 9px;font:700 10px monospace}.about{background:var(--pink);padding:clamp(70px,8vw,120px) clamp(22px,6vw,100px)}.about h2{max-width:9em}.about a{display:inline-block;margin-top:20px;padding-top:12px;border-top:2px solid var(--ink);font-weight:800;text-decoration:none}footer{background:var(--ink);color:#fff;display:flex;justify-content:space-between;gap:20px;padding:20px clamp(20px,4vw,70px);font-size:11px}footer a{text-decoration:none}@media(max-width:920px){.hero{grid-template-columns:minmax(0,1fr) minmax(280px,.85fr)}.hero-paper{padding:40px 30px}.hero h1{font-size:clamp(65px,9vw,100px)}.scene{grid-template-columns:1fr 1fr}}@media(max-width:650px){.top{min-height:64px}.brand{font-size:20px}.brand span,.top nav a:not(:last-child){display:none}.hero{height:auto;min-height:0;display:flex;flex-direction:column}.hero-photo{height:clamp(285px,77vw,410px)}.hero-photo img{object-position:58% center}.photo-mark{font-size:8px;right:8px;bottom:8px}.hero-paper{padding:25px 22px 70px;align-self:stretch}.hero h1{font-size:clamp(62px,13vw,86px);margin:18px 0;max-width:none}.hero h1 span{font-size:.57em}.hero-lead{font-size:15px}.hero-link{margin-top:22px}.hero-index{left:22px;bottom:17px}.scene{display:flex;flex-direction:column;align-items:stretch;padding:70px 20px;gap:26px}.scene-copy h2,.about h2{font-size:clamp(52px,11vw,70px)}.detail-photo{height:390px}.about{padding:75px 22px}footer{display:block;line-height:2}}@media(max-width:390px){.hero h1{font-size:60px}.hero-paper{padding-left:18px;padding-right:18px}.hero-index{left:18px}.scene{padding-left:16px;padding-right:16px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.detail-photo{transition:none}}
