:root{--paper:#f3f0e8;--paper-deep:#e9e4d8;--ink:#2a2926;--ink-soft:#55524c;--ink-mute:#807b72;--line:#d8d2c5;--navy:#1e2740;--sage:#8c9a8a;--sage-deep:#5d6a5c;--white:#fbfaf6;--ruled:#cfd6df;--margin-red:#d9a3a3;--pen:"Klee One", "Noto Sans JP", "Hiragino Sans", system-ui, sans-serif;--body:"Zen Kaku Gothic New", "Noto Sans JP", "Hiragino Sans", "Yu Gothic", system-ui, sans-serif;--gutter:clamp(16px, 5vw, 72px);--ease:cubic-bezier(.22, .61, .36, 1);--hand:255px 18px 225px 18px / 18px 225px 18px 255px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth;overflow-x:clip}@supports not (overflow:clip){html,body{overflow-x:hidden}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--paper);color:var(--ink);font-family:var(--body);letter-spacing:.02em;font-feature-settings:"palt" 1;-webkit-font-smoothing:antialiased;-moz-text-size-adjust:100%;text-size-adjust:100%;word-break:keep-all;overflow-wrap:anywhere;line-break:strict;margin:0;font-size:16px;line-height:1.95;position:relative}body:before{content:"";z-index:100;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='240' height='240'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.2 0 0 0 0 0.18 0 0 0 0 0.15 0 0 0 1 0'/></filter><rect width='240' height='240' filter='url(%23n)'/></svg>");background-size:240px 240px;position:fixed;inset:0}body{isolation:isolate}body>*{position:relative}.hdr{z-index:40}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0}:focus-visible{outline:2px solid var(--navy);outline-offset:4px}::selection{background:var(--paper-deep)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{background:var(--paper);z-index:100;padding:8px 12px;position:absolute;top:-60px;left:16px}.skip:focus{top:12px}.pen{font-family:var(--pen);letter-spacing:.06em;text-wrap:balance;font-weight:400;line-height:1.9}.pen-b{font-family:var(--pen);letter-spacing:.06em;font-weight:600}.mute{color:var(--ink-mute)}.soft{color:var(--ink-soft)}.cap{letter-spacing:.1em;color:var(--ink-mute);font-size:.8rem}.prose p{margin:0 0 1.5em}.prose p:last-child{margin-bottom:0}.unset{border:1px dashed var(--sage);color:var(--sage-deep);white-space:nowrap;background:#8c9a8a14;border-radius:3px;max-width:100%;padding:0 .45em;font-size:.82em;line-height:1.7;display:inline-block}@media (max-width:767px){.unset{white-space:normal;overflow-wrap:anywhere}}.tale{font-family:var(--pen);letter-spacing:.08em;font-size:clamp(1.15rem,1.6vw,1.45rem);line-height:2.3}.tale p{margin:0}.tale p+p{margin-top:1.2em}.h1{font-family:var(--pen);letter-spacing:.08em;text-wrap:balance;margin:0;font-size:clamp(1.9rem,3.2vw,2.8rem);font-weight:400;line-height:1.7}.h2{font-family:var(--pen);letter-spacing:.08em;text-wrap:balance;margin:0;font-size:clamp(1.5rem,2.4vw,2.1rem);font-weight:400;line-height:1.8}.h3{font-family:var(--pen);letter-spacing:.06em;margin:0;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:600;line-height:1.8}.tag-h{font-family:var(--pen);letter-spacing:.12em;color:var(--ink-soft);margin:0;padding-bottom:6px;font-size:1rem;display:inline-block;position:relative}.tag-h:after{content:"";background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 6' preserveAspectRatio='none'><path d='M1 4 C 20 2, 40 5, 60 3 S 100 1, 119 4' fill='none' stroke='%232a2926' stroke-width='1.3' stroke-linecap='round' opacity='.55'/></svg>") 0 0/100% 100% no-repeat;height:6px;position:absolute;bottom:0;left:0;right:0}.latin{font-family:var(--pen);letter-spacing:.04em}.wrap{width:100%;max-width:1280px;padding-inline:var(--gutter);margin-inline:auto}.rule{border:0;border-top:1px solid var(--line);margin:0}.grid{gap:clamp(20px,3vw,40px);display:grid}@media (min-width:768px){.grid-12{grid-template-columns:repeat(12,minmax(0,1fr))}}.min0{min-width:0}@media (max-width:767px){.grid>*,.grid-12>*,.looks>*,.col-grid>*,.spread>*{grid-area:auto!important;margin-top:0!important}}.sec{padding-block:clamp(64px,9vw,130px)}.sec-tight{padding-block:clamp(44px,6vw,88px)}.hdr{padding-top:env(safe-area-inset-top,0px);z-index:40;background:color-mix(in srgb, var(--paper) 90%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-bottom:1px solid var(--line);position:sticky;top:0}.hdr-in{justify-content:space-between;align-items:center;gap:16px;height:64px;display:flex}@media (min-width:768px){.hdr-in{height:76px}}.brand{align-items:center;gap:18px;min-width:0;display:flex}.logo img{width:auto;height:24px}@media (min-width:768px){.logo img{height:28px}}.brand .one{font-family:var(--pen);letter-spacing:.1em;color:var(--ink-soft);white-space:nowrap;margin:0;font-size:.9rem;display:none}@media (min-width:900px){.brand .one{display:block}}.nav{align-items:center;gap:36px;display:none}@media (min-width:768px){.nav{display:flex}}.nav a{font-family:var(--pen);letter-spacing:.1em;color:var(--ink-soft);border-bottom:1px solid #0000;padding-bottom:2px;font-size:1rem;transition:color .3s,border-color .3s}.nav a:hover,.nav a[aria-current=page]{color:var(--ink);border-bottom-color:var(--ink)}.burger{flex:none;justify-content:center;align-items:center;width:44px;height:44px;margin-right:-10px;display:inline-flex}@media (min-width:768px){.burger{display:none}}.burger span{background:var(--ink);width:24px;height:1px;transition:transform .3s,background .3s;display:block;position:relative}.burger span:before,.burger span:after{content:"";background:var(--ink);width:24px;height:1px;transition:transform .3s,top .3s;position:absolute;left:0}.burger span:before{top:-7px}.burger span:after{top:7px}.burger[aria-expanded=true] span{background:0 0}.burger[aria-expanded=true] span:before{top:0;transform:rotate(45deg)}.burger[aria-expanded=true] span:after{top:0;transform:rotate(-45deg)}.mnav{border-top:1px solid var(--line);background:var(--paper);padding:8px var(--gutter) 24px}.mnav a{border-bottom:1px solid var(--line);font-family:var(--pen);letter-spacing:.1em;padding:16px 0;font-size:1.2rem;display:block}.mnav a.sub{font-family:var(--body);color:var(--ink-soft);border:0;font-size:.9rem}.mnav .one{font-family:var(--pen);color:var(--ink-soft);margin:12px 0 0;font-size:.9rem}@media (min-width:768px){.mnav{display:none!important}}.btn{border:1.5px solid var(--ink);border-radius:var(--hand);min-height:50px;font-family:var(--pen);letter-spacing:.1em;transition:background .3s var(--ease), color .3s var(--ease);justify-content:center;align-items:center;gap:.6em;padding:0 1.9rem;font-size:1rem;display:inline-flex}.btn:hover,.btn.solid{background:var(--ink);color:var(--paper)}.btn.solid:hover{background:var(--navy);border-color:var(--navy)}.btn[aria-disabled=true],.btn:disabled{opacity:.4;cursor:not-allowed;color:var(--ink);background:0 0}.lnk{border-bottom:1px solid var(--line);padding-bottom:2px;transition:border-color .3s}.lnk:hover{border-bottom-color:var(--ink)}.ph{background:var(--paper-deep);position:relative;overflow:hidden}.ph img{object-fit:cover;width:100%;height:100%}.ph.fade img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.ph.fade img:first-child{position:relative}.ph.fade img.f2,.ph.fade img.f3{opacity:0;animation:xfade 15s var(--ease) infinite}.ph.fade img.f3{animation-delay:5s}@keyframes xfade{0%,33.3%{opacity:0}41%{opacity:1}66.6%{opacity:1}74%{opacity:0}to{opacity:0}}@media (prefers-reduced-motion:reduce){.ph.fade img.f2,.ph.fade img.f3{opacity:0;animation:none}}.art{width:100%;height:auto;display:block}.placeholder{aspect-ratio:4/5;width:100%;max-width:420px;color:var(--ink-mute);letter-spacing:.16em;background:#d9d6cf;place-items:center;font-size:.85rem;display:grid}.doodle{opacity:.8;pointer-events:none;width:clamp(34px,4vw,56px);position:absolute}.cover{position:relative}.cover .wrap{gap:clamp(28px,4vw,56px);padding-top:clamp(20px,3vw,40px);padding-bottom:clamp(36px,5vw,72px);display:grid}@media (min-width:1024px){.cover .wrap{grid-template-columns:minmax(0,7fr) minmax(0,5fr);align-items:center;gap:clamp(40px,6vw,96px)}}.cover .art{max-width:760px;margin-inline:auto}.cover .words{justify-items:start;gap:22px;display:grid}.cover .h1{font-size:clamp(1.75rem,3.1vw,2.75rem);line-height:1.85}.cover .one{font-family:var(--pen);letter-spacing:.14em;color:var(--ink-soft);margin:0;font-size:clamp(.95rem,1.2vw,1.05rem)}@media (max-width:1023px){.cover .wrap{padding-top:12px}.cover .art{max-width:560px}.cover .words{padding-top:4px}}.spread{align-items:center;gap:clamp(28px,4vw,56px);display:grid}@media (min-width:768px){.spread{grid-template-columns:repeat(12,minmax(0,1fr))}.spread .pic{grid-column:1/span 6}.spread .txt{grid-column:8/span 5}.spread.flip .pic{grid-area:1/7/auto/span 6}.spread.flip .txt{grid-area:1/1/auto/span 5}}.spread .pic .art{max-width:620px;margin-inline:auto}@media (min-width:768px){.spread.wide .pic{grid-column:1/span 5}.spread.wide .txt{grid-column:7/span 6}}.spread.wide .tale{font-size:clamp(1.08rem,1.4vw,1.28rem)}.weekday{background:var(--white);background-image:linear-gradient(to right, transparent 0 calc(var(--gutter) + 10px), var(--margin-red) calc(var(--gutter) + 10px) calc(var(--gutter) + 11px), transparent calc(var(--gutter) + 11px)), repeating-linear-gradient(to bottom, transparent 0 35px, var(--ruled) 35px 36px);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.weekday .wrap{padding-left:calc(var(--gutter) + 28px)}.wk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 20px;display:grid}@media (min-width:1024px){.wk-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}}.wk-grid figure{text-align:center;margin:0}.wk-grid img{width:100%;max-width:210px;margin-inline:auto}.wk-grid figcaption{font-family:var(--pen);letter-spacing:.06em;color:var(--ink-soft);margin-top:6px;font-size:1rem;line-height:1.9}@media (max-width:479px){.wk-grid{gap:28px 14px}.wk-grid figcaption{letter-spacing:.02em;font-size:.9rem}}.punch{text-align:center;position:relative}.punch .h2{font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.9}.punch .dog{opacity:.9;width:clamp(90px,10vw,130px);margin:28px auto 0}@media (min-width:768px){.resident{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end}.resident .card{grid-column:1/span 6}.resident .side{grid-column:8/span 5;padding-bottom:8px}}.cmeta{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:6px 24px;margin-top:16px;display:flex}.price{font-size:1.1rem}.price b{font-family:var(--pen);letter-spacing:.02em;font-size:1.35em;font-weight:400}.price small{margin-left:.25em;font-size:.82em}.intro{font-family:var(--pen);color:var(--ink-soft);margin:6px 0 0;font-size:1.05rem;line-height:2}.voice{border:1.5px solid var(--ink);border-radius:var(--hand);background:var(--white);padding:clamp(22px,3vw,36px) clamp(22px,3.5vw,44px);position:relative}.voice:after{content:"";background:var(--white);border-right:1.5px solid var(--ink);border-bottom:1.5px solid var(--ink);width:18px;height:18px;position:absolute;bottom:-11px;left:44px;transform:rotate(45deg)}.voice p{font-family:var(--pen);letter-spacing:.06em;margin:0;font-size:clamp(1.02rem,1.3vw,1.18rem);line-height:2.2}.voice p+p{margin-top:.6em}.book{position:relative}.pages{scroll-snap-type:x mandatory;scroll-padding-inline:var(--gutter);padding-inline:var(--gutter);margin-inline:calc(var(--gutter) * -1);scrollbar-width:none;-webkit-overflow-scrolling:touch;gap:clamp(16px,2.5vw,32px);padding-bottom:8px;display:flex;overflow-x:auto}.pages::-webkit-scrollbar{display:none}.page{scroll-snap-align:start;flex:0 0 min(78vw,360px);margin:0}@media (min-width:768px){.page{flex-basis:min(44vw,400px)}}.page figcaption{font-family:var(--pen);letter-spacing:.05em;color:var(--ink);margin-top:14px;font-size:clamp(.98rem,1.2vw,1.1rem);line-height:2.1}.page .no{font-family:var(--pen);color:var(--ink-mute);letter-spacing:.1em;margin-bottom:4px;font-size:.8rem;display:block}.book-nav{justify-content:flex-end;gap:10px;margin-top:8px;display:flex}.book-nav button{border:1.5px solid var(--ink);width:44px;height:44px;font-family:var(--pen);border-radius:50%;place-items:center;font-size:1.1rem;transition:background .25s,color .25s;display:grid}.book-nav button:hover{background:var(--ink);color:var(--paper)}.book-nav button:disabled{opacity:.3;cursor:default;color:var(--ink);background:0 0}.crumb{letter-spacing:.1em;color:var(--ink-mute);font-size:.8rem}.pd{gap:40px;display:grid}@media (min-width:768px){.pd{grid-template-columns:7fr 5fr;gap:clamp(40px,5vw,80px)}}.gal{gap:20px;display:grid}.gal .two{grid-template-columns:1fr 1fr;gap:20px;display:grid}.gal .two .ph{aspect-ratio:4/5}@media (max-width:767px){.gal{scroll-snap-type:x mandatory;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);scrollbar-width:none;gap:12px;display:flex;overflow-x:auto}.gal::-webkit-scrollbar{display:none}.gal>figure,.gal .two>figure{scroll-snap-align:center;flex:0 0 82%;margin:0}.gal .two{display:contents}.gal .ph{aspect-ratio:3/4}.gal .ph img{height:100%}}.panel{position:static}@media (min-width:1024px){.panel{position:sticky}}.panel{top:calc(76px + 28px + env(safe-area-inset-top,0px))}.panel .ttl{font-family:var(--pen);letter-spacing:.04em;font-size:2rem;line-height:1.3}.panel .tag{font-family:var(--pen);color:var(--ink-soft);margin-top:8px;font-size:1.1rem}fieldset{border:0;margin:28px 0 0;padding:0}legend{font-family:var(--pen);letter-spacing:.1em;color:var(--ink-soft);margin-bottom:10px;padding:0;font-size:.95rem}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border:1.5px solid var(--line);border-radius:var(--hand);background:var(--white);min-width:54px;min-height:44px;font-family:var(--pen);letter-spacing:.04em;padding:.4rem 1rem;font-size:.98rem;transition:border-color .25s,background .25s,color .25s}.chip:hover{border-color:var(--ink-mute)}.chip[aria-checked=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.qty{border:1.5px solid var(--line);border-radius:var(--hand);background:var(--white);align-items:center;display:inline-flex}.qty button{width:44px;height:44px;font-size:1.1rem}.qty input{text-align:center;width:48px;height:44px;font:inherit;color:inherit;-moz-appearance:textfield;background:0 0;border:0}.qty input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.qty input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.msg{color:var(--navy);margin-top:10px;font-size:.88rem}.note{border-top:1px solid var(--line);color:var(--ink-soft);gap:6px;margin-top:22px;padding-top:18px;font-size:.88rem;display:grid}.spec{gap:0;margin:0;display:grid}.spec div{border-bottom:1px solid var(--line);grid-template-columns:7rem 1fr;gap:16px;padding:14px 0;display:grid}.spec dt{letter-spacing:.1em;color:var(--ink-mute);padding-top:3px;font-size:.8rem}.spec dd{min-width:0;margin:0}@media (max-width:767px){.spec div,.spec div[style]{grid-template-columns:1fr!important;gap:4px!important}}.looks{gap:32px;display:grid}@media (min-width:768px){.looks{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;row-gap:56px}.looks .l1{grid-column:1/span 6}.looks .l2{grid-column:8/span 5}.looks .l3{grid-column:2/span 5}.looks .l4{grid-column:8/span 5}}.looks figcaption{margin-top:10px}.two-sq{grid-template-columns:1fr 1fr;gap:16px;display:grid}table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:.9rem}th,td{text-align:left;border-bottom:1px solid var(--line);padding:10px 12px 10px 0;font-weight:400}th{letter-spacing:.1em;color:var(--ink-mute);font-size:.78rem}.flow{letter-spacing:.04em;color:var(--ink-soft);counter-reset:f;gap:0;margin:20px 0 0;padding:0;font-size:.86rem;list-style:none;display:grid}.flow li{align-items:center;gap:12px;min-height:32px;padding:6px 0;display:flex;position:relative}.flow li:before{counter-increment:f;content:counter(f);border:1px solid var(--ink-mute);height:22px;font-family:var(--pen);letter-spacing:0;color:var(--ink-soft);background:var(--paper);z-index:1;border-radius:50%;flex:0 0 22px;place-items:center;font-size:.78rem;display:grid;position:relative}.flow li:not(:last-child):after{content:"";background:var(--line);width:1px;position:absolute;top:28px;bottom:-6px;left:11px}.sheet{z-index:60;background:#2a292673;justify-content:center;align-items:flex-end;padding:0;display:none;position:fixed;inset:0}.sheet.open{display:flex}.sheet-in{background:var(--paper);width:min(560px,100%);padding:28px var(--gutter) calc(32px + env(safe-area-inset-bottom,0px));border-radius:18px 18px 0 0}@media (min-width:768px){.sheet{align-items:center}.sheet-in{border-radius:6px;padding:40px 44px}}.maker{gap:40px;display:grid}@media (min-width:768px){.maker{grid-template-columns:repeat(12,minmax(0,1fr));align-items:start}.maker .pic{grid-column:1/span 4}.maker .txt{grid-column:6/span 7}}.maker .name{font-family:var(--pen);letter-spacing:.14em;margin:22px 0 0;font-size:1.3rem}.maker .role{font-family:var(--pen);color:var(--ink-mute);letter-spacing:.08em;margin:2px 0 0;font-size:.92rem}.maker .words{font-family:var(--pen);letter-spacing:.04em;max-width:40rem;margin-top:24px;font-size:clamp(.98rem,1.15vw,1.05rem);line-height:2.2}.maker .words p{margin:0 0 1.3em}.maker .words p:last-child{margin:0}.toc{letter-spacing:.04em;color:var(--ink-soft);flex-wrap:wrap;gap:8px 22px;font-size:.88rem;display:flex}@media (min-width:768px){.toc{top:calc(76px + 28px + env(safe-area-inset-top,0px));gap:12px;display:grid;position:sticky}}.gsec{padding-top:56px}.gsec h2{scroll-margin-top:110px}.field{border:1.5px solid var(--line);background:var(--white);width:100%;min-height:48px;color:var(--ink);font:inherit;border-radius:8px;padding:.7rem .9rem;line-height:1.6}.field:focus{border-color:var(--ink);outline:none}label.lbl{letter-spacing:.04em;margin-bottom:8px;font-size:.9rem;display:block}.err{color:var(--navy);margin-top:6px;font-size:.84rem}.faq dt{font-family:var(--pen);font-size:1.05rem}.faq dd{color:var(--ink-soft);margin:10px 0 0;font-size:.95rem}.faq>div{border-bottom:1px solid var(--line);padding:22px 0}.faq>div:first-child{border-top:1px solid var(--line)}.lead-line{font-family:var(--pen);letter-spacing:.06em;color:var(--ink-soft);margin:18px 0 0;font-size:clamp(1.1rem,1.5vw,1.3rem);line-height:2.1}.col-grid{gap:48px;display:grid}@media (min-width:768px){.col-grid{grid-template-columns:repeat(12,minmax(0,1fr))}.col-grid .main{grid-column:1/span 7}.col-grid .side{grid-column:9/span 4;align-self:end;padding-bottom:8px}}.nf{text-align:center;justify-items:center;gap:24px;padding-block:clamp(80px,12vw,180px);display:grid}.ftr{border-top:1px solid var(--line);background:var(--paper-deep);margin-top:clamp(80px,10vw,160px)}.ftr-in{gap:40px;padding-block:clamp(48px,6vw,96px);display:grid}@media (min-width:768px){.ftr-in{grid-template-columns:1.4fr 1fr 1fr}}.ftr .logo img{height:34px}.ftr .one{font-family:var(--pen);color:var(--ink-soft);letter-spacing:.08em;margin:20px 0 0;font-size:1rem}.ftr .ttl{font-family:var(--pen);letter-spacing:.12em;color:var(--ink-mute);margin:0;font-size:.9rem}.ftr ul{gap:10px;margin:16px 0 0;padding:0;font-size:.92rem;list-style:none;display:grid}.ftr-walk{border-top:1px solid var(--line);height:72px;position:relative}.ftr-walk img{width:auto;height:64px;animation:80s linear infinite alternate walk;position:absolute;bottom:0;left:8%}@keyframes walk{0%{left:6%}to{left:88%}}@media (prefers-reduced-motion:reduce){.ftr-walk img{animation:none;left:80%}}.ftr .copy{font-family:var(--pen);letter-spacing:.14em;color:var(--ink-mute);padding:18px 0 28px;font-size:.8rem}@media (min-width:768px) and (max-width:1023px){.grid-12,.col-grid,.looks,.resident,.maker{grid-template-columns:repeat(2,minmax(0,1fr))!important}.grid-12>*,.col-grid>*,.looks>*,.resident>*,.maker>*{padding-left:0;grid-column:auto!important;margin-top:0!important}.spread{grid-template-columns:repeat(2,minmax(0,1fr))!important}.spread .pic,.spread .txt,.spread.flip .pic,.spread.flip .txt{grid-area:auto!important}.pd{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.toc{flex-wrap:wrap;gap:8px 20px;display:flex;position:static}.guide-grid>*{grid-column:1/-1!important}.wk-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 32px}}.punch .punch-art{max-width:560px;margin:0 auto 8px}.page-head{align-items:end;gap:20px;display:grid}.page-head .art{justify-self:end;max-width:260px}@media (min-width:768px){.page-head{grid-template-columns:minmax(0,1fr) 300px}.page-head .art{max-width:300px}}@media (max-width:767px){.page-head .art{justify-self:center;max-width:240px}}.nf-page{align-content:center;min-height:70vh;position:relative}.nf-swirl{right:var(--gutter);width:clamp(70px,9vw,120px);height:auto;position:absolute;bottom:24px}img.blend{-webkit-mask-composite:source-in;background:0 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000),linear-gradient(#0000,#000 6% 94%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.hero2{position:relative;overflow:hidden}.hero2-in{align-items:center;gap:clamp(20px,3vw,40px);padding-block:clamp(16px,3vw,48px) clamp(36px,5vw,72px);display:grid}@media (min-width:1024px){.hero2-in{grid-template-columns:minmax(0,5fr) minmax(0,7fr);min-height:calc(100svh - 76px);padding-block:24px 48px}}.hero2 .words{z-index:2;justify-items:start;gap:22px;display:grid;position:relative}.hero2 .h1{font-size:clamp(1.6rem,2.4vw,2.5rem);line-height:1.85}.hero2 .ln{white-space:nowrap;display:block}.hero2 .one{font-family:var(--pen);letter-spacing:.14em;color:var(--ink-soft);margin:0;font-size:clamp(.95rem,1.2vw,1.05rem)}.stage{aspect-ratio:1154/840;width:100%;position:relative}@media (max-width:1023px){.hero2-in{grid-template-columns:1fr}.hero2 .stage{order:-1;width:112%;margin-left:-6%}}.stage .nb{-webkit-mask-composite:source-in;width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);mask-image:linear-gradient(90deg,#0000,#000 5% 95%,#0000),linear-gradient(#0000,#000 5% 95%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.stage .dd{transform-origin:50% 80%;height:auto;position:absolute}.stage .poor{transform-origin:50% 100%;filter:brightness(.55)contrast(1.6);width:auto;height:24%;position:absolute;top:38%;left:31%}.hero2.play .nb{animation:hFade .7s var(--ease) both}.hero2.play .ln{animation:.9s steps(14,end) both hWrite;animation-delay:calc(.5s + var(--l) * .75s)}.hero2.play .one,.hero2.play .words .btn{animation:hFade .8s var(--ease) both;animation-delay:3s}.hero2.play .dd{animation:.5s cubic-bezier(.4,0,.2,1) both hDraw,.55s cubic-bezier(.3,1.6,.5,1) both hHop;animation-delay:calc(1.1s + var(--i) * .22s), calc(1.6s + var(--i) * .22s)}.hero2.play .poor{animation:hFade .5s var(--ease) both, hStretch 1.1s ease-in-out both;animation-delay:3s,3.4s}.hero2.play .dd-star{animation:.5s cubic-bezier(.4,0,.2,1) 1.1s both hDraw,.55s cubic-bezier(.3,1.6,.5,1) 1.6s both hHop,7s ease-in-out 5s infinite hTwinkle}@keyframes hFade{0%{opacity:0}to{opacity:1}}@keyframes hWrite{0%{clip-path:inset(0 100% 0 0)}to{clip-path:inset(0)}}@keyframes hDraw{0%{clip-path:inset(0 100% 0 0);opacity:.3}to{clip-path:inset(0);opacity:1}}@keyframes hHop{0%{transform:translateY(0)rotate(0)}45%{transform:translateY(-14%)rotate(-6deg)}to{transform:translateY(0)rotate(0)}}@keyframes hStretch{0%,to{transform:scale(1)}35%{transform:scale(1.12,.88)rotate(-2deg)}65%{transform:scale(.96,1.06)rotate(1deg)}}@keyframes hTwinkle{0%,88%,to{transform:rotate(0)scale(1)}92%{transform:rotate(14deg)scale(1.08)}96%{transform:rotate(-6deg)scale(1)}}@media (prefers-reduced-motion:reduce){.hero2 *{animation:none!important}}.hero3,.hero3 .photo{position:relative;overflow:hidden}.hero3 .photo>img:first-child{width:100%;height:auto;display:block}.hero3 .dd{transform-origin:50% 80%;filter:drop-shadow(0 0 1.5px #ffffffbf);height:auto;position:absolute}.hero3 .ln{white-space:nowrap;display:block}.hero3 .one{font-family:var(--pen);letter-spacing:.14em;color:var(--ink-soft);margin:0}.h3-sp{display:none}.h3-pc{position:relative}.h3-pc .words{justify-items:start;gap:20px;display:grid;position:absolute;top:17%;left:6%}.h3-pc .h1{font-size:clamp(1.6rem,2.5vw,2.7rem);line-height:1.85}.h3-pc .one{font-size:clamp(.9rem,1.1vw,1.05rem)}@media (max-width:1023px){.h3-pc{display:none}.h3-sp{display:block}.h3-sp .words{justify-items:start;gap:20px;padding-block:28px 8px;display:grid}.h3-sp .h1{margin:0;font-size:clamp(1.6rem,6.4vw,2.3rem);line-height:1.85}.h3-sp .one{font-size:.95rem}}@media (min-width:768px) and (max-width:1023px){.h3-sp .photo{max-width:620px;margin-inline:auto}}.hero3.play .photo>img:first-child{animation:2.4s cubic-bezier(.2,.6,.2,1) both hZoom}.hero3.play .ln{animation:.9s steps(14,end) both hWrite;animation-delay:calc(.6s + var(--l) * .75s)}.hero3.play .one,.hero3.play .words .btn{animation:hFade .8s var(--ease) both;animation-delay:2.9s}.hero3.play .dd{animation:.5s cubic-bezier(.4,0,.2,1) both hDraw,.55s cubic-bezier(.3,1.6,.5,1) both hHop;animation-delay:calc(1.3s + var(--i) * .24s), calc(1.8s + var(--i) * .24s)}.hero3.play .dd-star{animation:.5s cubic-bezier(.4,0,.2,1) 1.3s both hDraw,.55s cubic-bezier(.3,1.6,.5,1) 1.8s both hHop,7s ease-in-out 5s infinite hTwinkle}@keyframes hZoom{0%{opacity:0;transform:scale(1.05)}to{opacity:1;transform:scale(1)}}@media (prefers-reduced-motion:reduce){.hero3 *{animation:none!important}}.rack{max-width:620px;margin-inline:auto;position:relative}.rack .clothes{transform-origin:50% 21.4%;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.rack .clothes{animation:5.5s ease-in-out infinite sway}}@keyframes sway{0%,to{transform:skew(0)}25%{transform:skew(1.1deg)}50%{transform:skew(-.4deg)}75%{transform:skew(.7deg)}}.resident{gap:28px;display:grid}@media (min-width:768px){.resident{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,6vw,96px)}.resident .card{grid-column:auto}.resident .side{grid-column:auto;padding:0}}.resident .card .ph{aspect-ratio:4/5}.resident .side{justify-items:start;gap:6px;display:grid}.resident .side .no{font-family:var(--pen);letter-spacing:.14em;color:var(--ink-mute);margin:0;font-size:.95rem}.resident .side .name{font-family:var(--pen);letter-spacing:.03em;margin:0;font-size:clamp(2rem,3.4vw,3rem);line-height:1.2}.resident .side .intro{margin:10px 0 0;font-size:clamp(1.02rem,1.3vw,1.15rem)}.resident .side .meta{color:var(--ink-soft);margin:16px 0 0;font-size:.92rem}.resident .side .meta .price{font-size:1rem}.resident .acts{flex-wrap:wrap;align-items:center;gap:16px 28px;margin-top:28px;display:flex}.resident .acts .lnk{font-family:var(--pen);letter-spacing:.06em;font-size:.98rem}.voice:after{border-right:1.5px solid var(--ink);border-bottom:0;border-top:1.5px solid var(--ink);bottom:34%;left:auto;right:-11px;transform:rotate(45deg)}@media (max-width:767px){.voice:after{border-top:0;border-bottom:1.5px solid var(--ink);bottom:-11px;left:72%;right:auto}}.pages{gap:0}.page{flex:0 0 100%;gap:22px;padding-inline:2px;display:grid}@media (min-width:768px){.page{grid-template-columns:minmax(0,6fr) minmax(0,5fr);align-items:center;gap:clamp(32px,5vw,72px)}}.page .pimg{justify-self:center;width:100%;max-width:560px}.page .art{aspect-ratio:1;background:var(--paper-deep)}.page figcaption{margin:0;font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:2.2}.page .no{margin-bottom:10px}.book-nav{align-items:center;gap:14px}.book-nav .count{font-family:var(--pen);letter-spacing:.1em;color:var(--ink-soft);text-align:center;min-width:3.2em;font-size:.95rem}.wear-head{gap:14px;max-width:40rem;display:grid}.wear-head .tale{font-size:clamp(1.08rem,1.4vw,1.25rem)}.looks2{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:clamp(28px,3.5vw,44px);display:grid}.looks2 .lk{margin:0}.looks2 .ph{aspect-ratio:4/5}.looks2 .lk2,.looks2 .lk4{margin-top:48px}.looks2 .lk3{margin-top:-48px}@media (min-width:1024px){.looks2{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}.looks2 .lk1{margin-top:0}.looks2 .lk2{margin-top:72px}.looks2 .lk3{margin-top:24px}.looks2 .lk4{margin-top:104px}}.book .pages{margin-inline:0;padding-inline:0;scroll-padding-inline:0}.page .art{-webkit-mask-composite:source-in;background:0 0;-webkit-mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);mask-image:linear-gradient(90deg,#0000,#000 7% 93%,#0000),linear-gradient(#0000,#000 7% 93%,#0000);-webkit-mask-composite:source-in;mask-composite:intersect}.mon{max-width:560px;margin:0 auto 8px;position:relative}.mon .bell{transform-origin:85.7% 41.5%;width:100%;height:100%;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.mon .bell{animation:2.6s ease-in-out infinite ring}}@keyframes ring{0%,46%,to{transform:rotate(0)}4%{transform:rotate(-4deg)}8%{transform:rotate(4deg)}12%{transform:rotate(-4deg)}16%{transform:rotate(3.5deg)}20%{transform:rotate(-3deg)}24%{transform:rotate(3deg)}28%{transform:rotate(-2deg)}32%{transform:rotate(2deg)}36%{transform:rotate(-1deg)}40%{transform:rotate(.5deg)}}.hero3 .cta{letter-spacing:.12em;min-height:58px;transition:transform .25s var(--ease), box-shadow .25s var(--ease), background .3s;gap:14px;padding:0 2.1rem 0 2.3rem;font-size:1.08rem;box-shadow:3px 4px #2a29262e}.hero3 .cta:hover{transform:translate(-1px,-2px);box-shadow:5px 7px #2a292633}.hero3 .cta .arw{width:26px;height:12px;transition:transform .25s var(--ease);background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 26 12'><path d='M1 6.5 C 8 5.5, 16 7, 23.5 6 M18.5 1.5 L 24 6 L 18.5 10.5' fill='none' stroke='%23f3f0e8' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/></svg>") 50%/contain no-repeat}.hero3 .cta:hover .arw{transform:translate(4px)}@media (max-width:1023px){.hero3 .cta{width:100%;max-width:360px}}.hero3.play .words .cta{animation:hFade .8s var(--ease) both, ctaNudge 1.2s ease-in-out 4.2s 2}@keyframes ctaNudge{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@media (prefers-reduced-motion:reduce){.hero3 .cta,.hero3 .cta .arw{transition:none}}.guide-grid{align-items:start}.toc{align-content:start;align-self:start}.about-photo{align-items:center;gap:24px;display:grid}.about-photo .ph{aspect-ratio:4/5}@media (min-width:768px){.about-photo{grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(32px,6vw,96px)}.about-photo .ph{max-width:520px}}.about-photo .tale{font-size:clamp(1.05rem,1.4vw,1.25rem)}.h3-pc .photo{min-height:560px;max-height:calc(100svh - 76px)}.h3-pc .photo .inner{position:relative}.h3-pc .photo .inner>img:first-child{width:100%;height:auto;display:block}.hero3.play .h3-pc .photo .inner>img:first-child{animation:2.4s cubic-bezier(.2,.6,.2,1) both hZoom}.hero3 .dd{filter:drop-shadow(0 0 .6px #2a2926)drop-shadow(0 0 .3px #2a2926)}@media (prefers-reduced-motion:no-preference){.hero3.play .dd.perch{animation:.5s cubic-bezier(.4,0,.2,1) both hDraw,.55s cubic-bezier(.3,1.6,.5,1) both hHop,3.6s ease-in-out infinite perch;animation-delay:calc(1.3s + var(--i) * .24s), calc(1.8s + var(--i) * .24s), 5s}.hero3.play .dd.big{animation:.5s cubic-bezier(.4,0,.2,1) both hDraw,.55s cubic-bezier(.3,1.6,.5,1) both hHop,6s ease-in-out infinite drift;animation-delay:calc(1.3s + var(--i) * .24s), calc(1.8s + var(--i) * .24s), 5s}}.hero3 .dd.perch{transform-origin:50% 100%}@keyframes perch{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-3%)rotate(-3deg)}}@keyframes drift{0%,to{transform:translate(0)}50%{transform:translate(2%,3%)}}.wk-grid figcaption .ln1{white-space:nowrap}@media (max-width:479px){.wk-grid figcaption{letter-spacing:0;font-size:min(.9rem,3.6vw)}}.wk-grid figcaption .ln1{white-space:nowrap;display:inline-block}main>section:first-child,main>.wrap:first-child,article>.wrap:first-child{scroll-margin-top:80px}@media (max-width:767px){main>section.sec-tight:first-child{padding-top:40px}.book{flex-direction:column;justify-content:center;min-height:calc(100svh - 64px);padding-block:20px 24px;display:flex}.book>div:first-child{flex-wrap:nowrap!important;align-items:center!important}.book .h2{font-size:1.25rem;line-height:1.5}.book>div:first-child .tale{margin-top:2px!important;font-size:.9rem!important}.book-nav{flex:none;gap:8px}.book-nav button{width:40px;height:40px}.book-nav .count{min-width:2.8em;font-size:.85rem}.book .pages{margin-top:14px!important}.page{align-content:start;gap:12px}.page .pimg{width:min(100%,100svh - 394px);min-width:200px}.page .no{display:none}.page figcaption{letter-spacing:.03em;font-size:.98rem;line-height:1.95}}.pages>.page{width:100%;min-width:0;max-width:100%;overflow:hidden}.page figcaption{word-break:normal;overflow-wrap:anywhere;line-break:strict;min-width:0;max-width:100%}.page .pimg{min-width:0}@media (max-width:767px){.page .pimg{min-width:min(200px,100%)}}.pages>.page{scroll-snap-align:start;scroll-snap-stop:always}.page figcaption .sl{white-space:nowrap}.page figcaption{overflow-wrap:normal}@media (max-width:767px){.page figcaption{letter-spacing:.02em;font-size:min(1rem,5.40541vw - 2.16216px);line-height:1.85}.page .pimg{width:min(100%,100svh - 434px);min-width:min(160px,100%)}}html{scroll-padding-top:calc(80px + env(safe-area-inset-top,0px))}@supports (font-size:1cqw){.world{container-type:inline-size}.world p{font-size:min(clamp(1.15rem,1.6vw,1.45rem),5.05051cqw)}.world .sl{white-space:nowrap}}@media (max-width:767px){.spread .world{order:-1}.world{letter-spacing:.05em}@supports (font-size:1cqw){.world p{font-size:min(1.15rem,5.18135cqw)}}}.res-pic{min-width:0}.res-h{text-align:center;margin:0 0 clamp(20px,3vw,32px)}.res-h .sub{letter-spacing:.2em;color:var(--ink-soft);margin-top:.5em;font-size:.5em;display:block}@media (min-width:768px){.resident .side{align-self:end}}.page figcaption .sl,.world .sl{white-space:nowrap;display:inline-block}@supports (font-size:1cqw){.page figcaption{container-type:inline-size}.page figcaption .sl{font-size:min(1em,5.43478cqw)}}.pv-banner{background:var(--navy);color:var(--paper);letter-spacing:.04em;text-align:center;padding:6px 16px;font-size:12px;line-height:1.7}.pv-banner a{color:inherit;text-underline-offset:2px;text-decoration:underline}.pv-note{border:1px dashed var(--sage);color:var(--sage-deep);background:#8c9a8a14;border-radius:4px;margin-top:14px;padding:10px 12px;font-size:.78rem;line-height:1.7}.pv-note ul{margin:4px 0 0;padding-left:1.2em}.care-list{color:var(--ink-soft);margin:12px 0 0;padding-left:1.2em;font-size:.95rem;line-height:1.9}.btn[disabled],.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.cancel-note{border-left:2px solid var(--navy);color:var(--ink-soft);margin:0 0 18px;padding-left:14px;font-size:.9rem;line-height:1.8}