@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/story/cormorant-garamond-400.ttf)format("truetype")}@font-face{font-family:Cormorant Garamond;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/story/cormorant-garamond-500.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/story/inter-400.ttf)format("truetype")}@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/story/inter-500.ttf)format("truetype")}@font-face{font-family:MATOU Noto Serif JP;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/story/noto-serif-jp-400-matou.ttf)format("truetype");unicode-range:U+7E8F}body:has(.matou-story){color:#1f1d1a;background:#f4f1ea}.matou-story{--story-paper:#f4f1ea;--story-ink:#1f1d1a;--story-accent:#b23a2b;--story-line:#d8d3c9;--story-muted:#605b53;--story-serif:"Cormorant Garamond",serif;--story-sans:Inter,sans-serif;background:var(--story-paper);color:var(--story-ink);font-family:var(--story-sans);font-synthesis:none;min-height:100svh;font-size:16px;font-weight:400;line-height:1.8}.matou-story ::selection{color:#fff;background:#b23a2b}.matou-story a:focus-visible{outline:2px solid var(--story-accent);outline-offset:6px}.matou-story a:hover{text-underline-offset:5px;text-decoration:underline}.story-shell{width:min(1120px,100% - 112px);margin-inline:auto}.story-skip{background:var(--story-paper);z-index:10;padding:12px 18px;position:absolute;top:-100px;left:24px}.story-skip:focus{top:12px}.story-header{justify-content:space-between;align-items:center;gap:24px;min-height:100px;display:flex}.story-brand{font-family:var(--story-serif);letter-spacing:.035em;white-space:nowrap;align-items:center;gap:.28em;font-size:28px;font-weight:500;line-height:1.15;display:inline-flex}.story-brand span[lang=ja]{font-family:MATOU Noto Serif JP,serif;font-size:.77em;font-weight:400;line-height:1;transform:translateY(.035em)}.story-header nav{align-items:center;gap:32px;font-size:14px;line-height:1.4;display:flex}.story-header nav a{align-items:center;min-height:44px;display:flex}.story-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:32px;min-height:620px;padding-block:75px 90px;display:grid}.story-hero h1{letter-spacing:.015em;margin:0 0 35px;font-size:clamp(68px,7.8vw,112px)}.story-hero-deck{font-family:var(--story-serif);text-wrap:balance;max-width:460px;font-size:clamp(28px,2.8vw,38px);line-height:1.22}.story-text-link{color:var(--story-accent);border-bottom:1px solid;align-items:center;gap:20px;min-height:44px;padding-block:8px;font-size:14px;line-height:1.5;display:inline-flex}.story-hero .story-text-link{margin-top:30px}.story-image{min-width:0;margin:0}.story-image-frame{aspect-ratio:1;background:var(--story-paper);align-items:center;width:100%;display:grid}.story-image img{object-fit:contain;width:100%;height:auto;display:block}.story-image figcaption{color:var(--story-muted);text-align:center;margin-top:14px;font-size:12px;line-height:1.6}.story-chapters{border-top:1px solid var(--story-accent)}.story-chapter{border-bottom:1px solid var(--story-line);grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;padding-block:72px;scroll-margin-top:40px;display:grid}.story-chapter h2,.story-contact h2{font-family:var(--story-serif);letter-spacing:0;text-wrap:balance;max-width:310px;font-size:36px;font-weight:500;line-height:1.15}.story-copy{min-width:0;max-width:630px}.story-copy p+p{margin-top:22px}.story-copy .story-source{color:var(--story-muted);margin-top:24px;font-size:13px;line-height:1.7}.story-source a{color:var(--story-accent);text-underline-offset:3px;text-decoration:underline}.story-contact{grid-template-columns:minmax(0,.75fr) minmax(0,1.25fr);gap:70px;padding-block:82px 76px;display:grid}.story-contact h2{font-size:40px}.story-contact .story-text-link{margin-top:24px}.story-contact-name{color:var(--story-muted);margin-top:20px;font-size:14px}.story-footer{border-top:1px solid var(--story-line);color:var(--story-muted);justify-content:space-between;align-items:center;gap:28px;padding-block:25px 35px;font-size:13px;display:flex}.story-footer a{align-items:center;min-height:44px;display:flex}@media (min-width:1500px){.story-hero{padding-block:100px 110px}}@media (max-width:850px){.story-shell{width:calc(100% - 64px)}.story-hero{gap:15px;min-height:0;padding-block:60px 70px}.story-hero h1{font-size:70px}.story-hero-deck{font-size:30px}.story-chapter,.story-contact{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:40px}.story-chapter h2{font-size:32px}}@media (max-width:600px){.story-shell{width:calc(100% - 48px)}.story-header{gap:16px;min-height:85px}.story-header .story-brand{gap:.25em;font-size:24px}.story-header nav{gap:19px;font-size:13px}.story-hero{grid-template-columns:minmax(0,1fr);gap:35px;padding-block:40px 52px}.story-hero h1{letter-spacing:.02em;margin-bottom:24px;font-size:clamp(50px,13.8vw,70px)}.story-hero-deck{max-width:380px;font-size:29px;line-height:1.2}.story-hero .story-text-link{margin-top:20px}.story-hero .story-image{width:100%;max-width:420px;margin-inline:auto}.story-image figcaption{margin-top:8px}.story-chapter,.story-contact{grid-template-columns:minmax(0,1fr);gap:24px;padding-block:46px}.story-chapter h2,.story-contact h2{max-width:100%;font-size:32px;line-height:1.15}.story-copy{font-size:16px;line-height:1.8}.story-copy p+p{margin-top:20px}.story-contact{padding-bottom:55px}.story-footer{align-items:flex-start;gap:16px;padding-block:22px 28px;font-size:12px}.story-footer p{max-width:180px}}@media (prefers-reduced-motion:reduce){html:has(.matou-story){scroll-behavior:auto}.matou-story *{scroll-behavior:auto!important}}.story-photo .story-image-frame{position:relative;overflow:hidden}.story-photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.story-photo figcaption{text-align:left;max-width:650px;margin-top:12px;font-size:12px;line-height:1.7}.story-photo figcaption a{text-underline-offset:3px;text-decoration:underline}.story-photo figcaption a:hover{color:var(--story-accent)}.story-city{grid-column:1/-1;margin-top:4px}.story-city .story-image-frame{aspect-ratio:2.05}.story-city img{object-position:50% 52%}.story-section-intro{min-width:0}.story-section-intro h2{margin-bottom:34px}.story-cloth-detail .story-image-frame{aspect-ratio:1.05}.story-cloth-detail img{transform-origin:22% 45%;object-position:center;transform:scale(3.8)}.story-museum .story-image-frame{aspect-ratio:1.1;background:#b6b6b4}.story-museum img{object-position:50% 86%;transform:scale(1.12)}.story-wearing{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:100px}.story-wearing h2{max-width:none;margin-bottom:30px}.story-coffee{justify-self:end;width:100%;max-width:500px}.story-coffee .story-image-frame{aspect-ratio:2/3}@media (min-width:601px) and (max-width:850px){.story-hero h1{font-size:clamp(48px,8vw,70px)}.story-wearing{gap:40px}.story-section-intro h2{margin-bottom:24px}}@media (max-width:600px){.story-city{margin-top:4px}.story-city .story-image-frame{aspect-ratio:1.12}.story-city img{object-position:54% 50%}.story-section-intro h2{margin-bottom:26px}.story-cloth-detail .story-image-frame{aspect-ratio:1.3}.story-museum .story-image-frame{aspect-ratio:1.2}.story-wearing{grid-template-columns:minmax(0,1fr);gap:30px}.story-wearing h2{margin-bottom:24px}.story-coffee{max-width:none}.story-coffee .story-image-frame{aspect-ratio:4/5}}