:root{--paper:#faf4e7;--ink:#443426;--soft:#74604b;--line:#cabba2;--brown:#806044}*{box-sizing:border-box}body{margin:0;background:#e9e1d3;color:var(--ink);font:14px/1.7 -apple-system,'Hiragino Kaku Gothic ProN',sans-serif}button,select{font:inherit;color:inherit}button{cursor:pointer}button:disabled{opacity:.4;cursor:default}a{color:inherit}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #977348;outline-offset:4px}.mast{max-width:1160px;margin:auto;padding:22px 24px;display:flex;justify-content:space-between;gap:12px;align-items:center}.mast b{font-size:13px;letter-spacing:.08em}.mast small{font-size:11px}.toolbar{max-width:1120px;margin:0 auto 18px;display:flex;gap:14px;align-items:center;justify-content:space-between;padding:0 12px}.toolbar button,.toolbar select{min-height:44px;border:1px solid var(--line);background:var(--paper);border-radius:2px;padding:9px 16px}.toolbar select{max-width:55%}.stage{max-width:1120px;margin:0 auto;padding:0 12px}.spread{display:grid;grid-template-columns:1fr 1fr;box-shadow:0 14px 45px #44342620;background:var(--paper);position:relative}.spread[hidden]{display:none}.spread:after{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:#80604420;pointer-events:none}.page{position:relative;min-height:760px;padding:54px 52px 60px;display:flex;flex-direction:column;justify-content:center;background:radial-gradient(ellipse at 20% 20%,#fffaf1,#f4ead6);font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:19px;line-height:2.05;letter-spacing:.025em;overflow:hidden}.page:before{content:"";position:absolute;inset:17px;border:1px solid #b3a08166;pointer-events:none}.folio{position:absolute;bottom:21px;left:0;right:0;text-align:center;font:11px Georgia,serif;color:#8c785f}.page p{margin:0 0 1.25em}.page p:last-of-type{margin-bottom:0}.page strong{font-weight:600}.soft{color:var(--soft)}.photo{width:100%;height:280px;object-fit:cover;margin-bottom:26px;filter:sepia(.16) saturate(.75)}.photo.palm{object-position:50% 60%;height:330px;object-fit:contain;background:#eadfc9}.photo.back{object-position:50% 65%}.smalltype{font-size:17px;line-height:1.95}.intro{justify-content:flex-end;padding-bottom:130px;font-size:19px}.blank{background:radial-gradient(ellipse at 85% 50%,#e5c99730,transparent 60%),var(--paper)}.center{text-align:center}.center .pause{margin-top:68px}.field{background:linear-gradient(#f9f2e4 15%,#eddcc1 66%,#dfceb250 67%,#f8f1e4 69%)}.field p{position:relative}.fullphoto{padding:0;background:#31241b}.fullphoto>img{width:100%;height:760px;object-fit:cover}.dark{background:#2d221a;color:#f8ecda}.dark:before{border-color:#9d825355}.dark h2{font-size:33px;font-weight:400;line-height:1.95;margin:0 0 50px}.dark p{font-size:17px;color:#e1d0b8}.cover-spread,.back-spread{max-width:548px;margin:auto;grid-template-columns:1fr}.cover-spread:after,.back-spread:after{display:none}.cover{padding:60px 45px;justify-content:flex-start;color:#f8eddb;background:#392a1e;min-height:775px}.cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.cover:after{content:"";position:absolute;inset:0;background:linear-gradient(#1e160ed9,transparent 52%,#1e160e77)}.cover h1,.cover .shop{position:relative;z-index:1}.cover h1{font-size:34px;font-weight:400;line-height:2.05;margin:0}.cover h1 span{display:block;white-space:nowrap}.cover h1 span:nth-child(2){margin-left:1.4em}.cover h1 span:nth-child(3){margin-left:2.5em}.cover .shop{margin-top:auto;text-align:right;font-size:16px}.wish{min-height:775px;background:#faf3e3;overflow:hidden;align-items:start}.wish .wish-art{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.50}.wish .wish-half{position:relative;z-index:1;text-align:center;font-family:'Yu Mincho','Hiragino Mincho ProN',serif;font-size:36px;line-height:2.1;padding:135px 25px 0;letter-spacing:.045em}.wish .folio{z-index:1}.statement{font-size:23px;line-height:2.15}.signature{margin-top:40px;padding-top:16px;border-top:1px solid var(--line);text-align:right;font-size:15px}.contact h2{font:400 25px/1.7 'Yu Mincho',serif;margin:0 0 25px}.contact a{display:block;min-height:44px;font:15px/1.8 sans-serif;padding:12px 0}.contact .address{font:13px/1.9 sans-serif;margin-top:24px}.caption{max-width:1120px;padding:18px 24px;margin:auto;color:#72604d;display:flex;justify-content:space-between;gap:20px;font-size:12px}.review{max-width:1096px;margin:30px auto 60px;padding:24px;border-top:1px solid #cbbba2;font-size:13px}.review summary{cursor:pointer;font-weight:600}.review p{max-width:900px}
@media(max-width:700px){.mast{align-items:flex-start;padding:16px;flex-direction:column;gap:3px}.toolbar{gap:8px;padding:0 12px}.toolbar button{padding:8px 12px}.toolbar select{font-size:12px;padding:8px 6px;max-width:58%}.stage{padding:0 12px}.spread{grid-template-columns:1fr}.spread:after{display:none}.page{min-height:590px;padding:44px 34px 54px;font-size:17px;line-height:2}.page:before{inset:12px}.page+.page{border-top:1px solid #cbbb9e66}.smalltype{font-size:16px}.intro{padding-bottom:110px}.blank{min-height:130px}.cover{min-height:630px;padding:48px 28px}.cover h1{font-size:24px}.cover h1 span:nth-child(2){margin-left:.8em}.cover h1 span:nth-child(3){margin-left:1.7em}.photo{height:230px}.photo.palm{height:260px}.fullphoto>img{height:590px}.fullphoto{padding:0}.dark h2{font-size:29px}.dark p{font-size:17px}.wish{min-height:620px;display:flex;flex-direction:column;justify-content:flex-start;gap:0;padding-top:64px}.wish .wish-art{object-fit:contain;object-position:center bottom;opacity:.48}.wish .wish-half{width:100%;padding:0 14px;font-size:29px;line-height:2.1}.wish .wish-half:first-of-type{margin:0}.statement{font-size:21px}.caption{padding:18px 16px;flex-direction:column;gap:4px}.review{margin:15px 12px 40px;padding:20px 4px}.signature{margin-top:30px}}
.stage:focus{outline:none}
.scene-photo{display:block;width:100%;height:auto;aspect-ratio:4/3;object-fit:contain;margin-bottom:24px;flex-shrink:0}
.scene-page{justify-content:center}
.spring-window{position:relative;width:100%;aspect-ratio:575/420;overflow:hidden;margin-bottom:24px;flex-shrink:0}
.spring-window img{position:absolute;max-width:none;width:227.130435%;height:auto;left:-5.913043%;top:-13.095238%}
.consultation{font-size:16px;line-height:1.8;padding:40px 44px 56px}
.consultation p{margin-bottom:.65em}
.consultation .scene-photo{margin:20px 0 0}
.words-only strong{display:inline-block;margin-block:12px;font-size:24px;line-height:1.9}
@media(max-width:700px){.consultation{padding:38px 30px 56px;font-size:16px;line-height:1.9}.scene-photo,.spring-window{margin-bottom:22px}.consultation .scene-photo{margin-top:22px}.words-only strong{font-size:21px}}
.wish-separated .page{min-height:775px;background:#faf3e3}
.wish-separated .page:before{display:none}
.wish-words{text-align:center;font-size:36px;line-height:2.1;letter-spacing:.045em;padding-inline:28px}
.wish-landscape{padding:0;justify-content:center}
.wish-landscape img{display:block;width:100%;height:auto;opacity:.62;mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 82%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 15%,#000 82%,transparent)}
@media(max-width:700px){.wish-separated .page{min-height:480px}.wish-words{font-size:29px;padding-inline:24px}.wish-landscape img{opacity:.58}}
@media(prefers-reduced-motion:no-preference){.spread{animation:appear .25s ease}@keyframes appear{from{opacity:.3}to{opacity:1}}}

/* v8: pages 4–11 share warm sepia paper and image presentation. */
.sepia-chapter{background:radial-gradient(ellipse at 20% 20%,#fff7e9,#f0dfc5);color:#493725}
.sepia-chapter img{filter:sepia(.55) saturate(.85)}
.sepia-chapter .soft{color:#7d654c}

/* Page 7: frame the existing drawing around the glove and both hands. */
.glove-closeup{position:relative;overflow:hidden}
.glove-closeup img{position:absolute;display:block;width:175%;max-width:none;height:auto;left:-30%;top:-73%}

/* v13: restrained pencil colors on light paper, pages 4–11. */
.pale-pencil-chapter{background:radial-gradient(ellipse at 20% 20%,#fffaf1,#f7eedf)}
.pale-pencil-chapter img{filter:none}

/* v15: keep the back-angle glove silhouette visible in narrow pages. */
.page[aria-label="11ページ"] .photo { object-fit: contain; }
@media (max-width: 700px) {
  .cover img[src="aged-glove-back-dirty-piping-v16.png"] { top: auto; bottom: 0; height: auto; mask-image: linear-gradient(to bottom, transparent, black 18%); }
  .fullphoto:has(img[src="aged-glove-back-dirty-piping-v16.png"]) { background: #281e16; }
  .fullphoto > img[src="aged-glove-back-dirty-piping-v16.png"] { height: auto; mask-image: linear-gradient(to bottom, transparent, black 12%, black 88%, transparent); }
}