:root{--ink:#26231f;--muted:#716b63;--paper:#f6f4ef;--line:rgba(38,35,31,.15)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:"Noto Sans JP",sans-serif;line-height:1.8}img{display:block;width:100%}a{color:inherit;text-decoration:none}button{font:inherit}.announcement{height:30px;display:grid;place-items:center;background:#26231f;color:#fff;font-size:9px;letter-spacing:.24em}.site-header{height:78px;padding:0 4.5vw;display:flex;align-items:center;justify-content:space-between;background:rgba(246,244,239,.94);backdrop-filter:blur(12px);position:sticky;top:0;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-family:"Noto Serif JP",serif;letter-spacing:.22em}.brand img{width:38px;height:38px;object-fit:contain}.site-header nav{display:flex;align-items:center;gap:30px;font-size:11px;letter-spacing:.13em}.nav-shop{padding:10px 17px;border:1px solid var(--ink)}.menu-button{display:none;background:none;border:0;letter-spacing:.13em;font-size:11px}.hero-home{height:calc(100vh - 108px);min-height:680px;position:relative;overflow:hidden;background:#171716;color:#fff}.hero-media,.hero-frame{position:absolute;inset:0;width:100%;height:100%}.hero-frame{object-fit:cover;opacity:0;transition:opacity .9s}.hero-frame.active{opacity:1}.hero-home:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(15,14,13,.8),rgba(15,14,13,.12) 65%)}.hero-overlay{position:absolute;z-index:2;left:7vw;top:50%;transform:translateY(-50%);max-width:600px}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:500}.hero-overlay h1{margin:22px 0;font-family:"Noto Serif JP",serif;font-size:clamp(52px,6.2vw,98px);font-weight:400;line-height:1.25}.hero-overlay>p:not(.eyebrow){font-family:"Noto Serif JP",serif;font-size:16px}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:28px}.button{display:inline-flex;justify-content:center;min-width:170px;padding:13px 24px;background:#fff;color:#222;font-size:12px;letter-spacing:.12em}.text-link{display:inline-block;padding-bottom:2px;border-bottom:1px solid currentColor;font-size:12px;letter-spacing:.08em}.carousel-controls{position:absolute;z-index:3;right:4vw;bottom:30px;display:flex;gap:10px}.dot{width:34px;height:2px;padding:0;border:0;background:rgba(255,255,255,.4)}.dot.active{background:#fff}.section{padding:130px 5vw}.section-heading{max-width:1240px;margin:0 auto 55px}.section h2,.story h2{font-family:"Noto Serif JP",serif;font-size:clamp(36px,4.4vw,68px);font-weight:400;line-height:1.45}.category-grid{max-width:1240px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.category-card{min-height:390px;padding:28px;display:flex;flex-direction:column;justify-content:flex-end;transition:transform .3s}.category-card:hover{transform:translateY(-4px)}.category-card span{margin-bottom:auto;font-size:10px}.category-card h3{font-family:"Noto Serif JP",serif;font-size:25px;font-weight:400}.category-card p{color:#5f5a54;font-size:13px}.category-card b{font-size:11px;font-weight:500}.warm{background:#e6ddd0}.clay{background:#d7c0b4}.mist{background:#dfe4e5}.rose{background:#eadbd9}.outline-button{display:block;width:max-content;margin:45px auto 0;padding:13px 28px;border:1px solid var(--ink);font-size:12px;letter-spacing:.12em}.feature{display:grid;grid-template-columns:.75fr 1.25fr;gap:7vw;background:#fff}.feature-copy{align-self:center}.feature-copy>p:not(.eyebrow),.story-copy>p:not(.eyebrow){color:var(--muted)}.feature-copy ul{padding:0;list-style:none;border-top:1px solid var(--line)}.feature-copy li{padding:12px 0;border-bottom:1px solid var(--line);font-size:13px}.product-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px}.product-pair a{display:flex;flex-direction:column}.product-pair img{aspect-ratio:1/1.12;object-fit:contain;background:#f1efea}.product-pair span{margin-top:18px;color:var(--muted);font-size:11px}.product-pair strong{font-family:"Noto Serif JP",serif;font-size:20px;font-weight:400}.product-pair small{margin-top:5px}.story{display:grid;grid-template-columns:1.1fr .9fr;min-height:720px}.story-image{background:#e5ddd2}.story-image img{height:100%;object-fit:contain;mix-blend-mode:multiply}.story-copy{padding:8vw;display:flex;flex-direction:column;justify-content:center;background:#ded8cf}.story-copy .text-link{width:max-content;margin-top:18px}.company{max-width:1240px;margin:auto;display:grid;grid-template-columns:.8fr 1.2fr;gap:8vw}.company dl{margin:0}.company dl div{display:grid;grid-template-columns:140px 1fr;padding:18px 0;border-bottom:1px solid var(--line);font-size:13px}.company dt{color:var(--muted)}footer{padding:70px 5vw 35px;background:#26231f;color:#fff;display:grid;grid-template-columns:1fr auto;gap:40px;align-items:start}.footer-brand img{filter:invert(1)}footer>div{display:flex;gap:25px;font-size:11px}footer>p{grid-column:1/-1;margin-top:50px;font-size:9px;color:#aaa}
@media(max-width:780px){.announcement{height:26px}.site-header{height:64px}.menu-button{display:block}.site-header nav{display:none;position:absolute;top:64px;left:0;right:0;padding:25px 6vw;background:var(--paper);flex-direction:column;align-items:flex-start}.site-header nav.open{display:flex}.hero-home{height:76vh;min-height:590px}.hero-frame{object-position:62% center}.hero-home:after{background:linear-gradient(0deg,rgba(15,14,13,.82),rgba(15,14,13,.05) 75%)}.hero-overlay{left:7vw;right:7vw;top:auto;bottom:65px;transform:none}.hero-overlay h1{font-size:46px}.hero-overlay>p:not(.eyebrow){font-size:13px}.section{padding:85px 6vw}.category-grid{grid-template-columns:1fr 1fr}.category-card{min-height:265px;padding:20px}.category-card h3{font-size:19px}.feature{grid-template-columns:1fr}.product-pair{margin-top:25px;gap:10px}.product-pair strong{font-size:16px}.story{grid-template-columns:1fr;min-height:0}.story-image{height:70vw}.story-copy{padding:80px 7vw}.company{grid-template-columns:1fr}.company dl div{grid-template-columns:110px 1fr}footer{grid-template-columns:1fr}footer>div{flex-direction:column;gap:10px}footer>p{grid-column:1}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}}

/* The campaign artwork already contains its own copy. Keep only the shop actions on top. */
.hero-overlay{top:auto;bottom:38px;transform:none;left:5vw;max-width:none}
.hero-overlay>.eyebrow,.hero-overlay>h1,.hero-overlay>p:not(.eyebrow){display:none}
.hero-actions{margin-top:0;padding:12px;background:rgba(25,23,21,.48);backdrop-filter:blur(7px)}
@media(max-width:780px){.hero-overlay{left:5vw;right:auto;bottom:28px}.hero-actions{flex-direction:row;align-items:center;gap:16px;padding:10px}.hero-actions .button{min-width:138px;padding:11px 15px}}

/* Show the complete square campaign artwork without a second visual layer. */
.hero-home{height:auto;min-height:0;aspect-ratio:1/1;background:#171716}
.hero-frame{object-fit:contain}
.hero-home:after{display:none}
.hero-actions{padding:0;background:transparent;backdrop-filter:none}
.hero-overlay{bottom:4.5vw}
@media(max-width:780px){.hero-home{height:auto;min-height:0;aspect-ratio:1/1}.hero-frame{object-position:center}.hero-overlay{left:4vw;bottom:4vw}.hero-actions{padding:0;background:transparent}.hero-actions .text-link{padding:10px 13px;background:rgba(25,23,21,.72);border:0}}

/* Editorial poster scale: generous whitespace on desktop, full-width on mobile. */
.hero-home{width:min(86vw,820px);margin:48px auto 110px}
@media(max-width:780px){.hero-home{width:100%;margin:0 auto 70px}}

/* SHIRO-inspired landscape key visual: wide, restrained, and editorial. */
.hero-home{width:min(90vw,1320px);aspect-ratio:3/2;margin:42px auto 105px}
.hero-frame{object-fit:cover;object-position:center 48%}
.hero-overlay{left:auto;right:2.4vw;bottom:2.4vw}
.hero-actions{justify-content:flex-end}
.hero-actions .text-link{padding:13px 20px;background:#fff;color:var(--ink);border:0}
@media(max-width:780px){.hero-home{width:100%;aspect-ratio:4/5;margin:0 auto 70px}.hero-frame{object-fit:cover;object-position:center}.hero-overlay{left:auto;right:4vw;bottom:4vw}.hero-actions{flex-direction:column;align-items:stretch;gap:8px}.hero-actions .button,.hero-actions .text-link{text-align:center;min-width:142px;padding:10px 14px}}

/* The source artwork is square; 4:3 keeps its headline and product legible. */
.hero-home{width:min(88vw,1180px);aspect-ratio:4/3}
.hero-frame{object-position:center top}
@media(max-width:780px){.hero-home{width:100%;aspect-ratio:4/5}.hero-frame{object-position:center top}}

/* Purpose-built landscape hero artwork; no square-poster cropping. */
.hero-home{width:min(92vw,1380px);aspect-ratio:3/2;margin:42px auto 105px}
.hero-media{background:url("assets/women-night-web-v2.png") center/cover no-repeat}
.hero-frame,.carousel-controls{display:none}
.hero-overlay{inset:0;max-width:none;transform:none;padding:clamp(34px,5vw,78px);pointer-events:none}
.hero-overlay>.eyebrow{display:block;color:#fff;margin:0 0 18px}
.hero-overlay>h1{display:block;color:#fff;margin:0;font-family:"Noto Serif JP",serif;font-size:clamp(44px,5vw,78px);font-weight:400;line-height:1.32;text-shadow:0 2px 18px rgba(0,0,0,.22)}
.hero-overlay>p:not(.eyebrow){display:block;color:#fff;margin:20px 0 0;font-family:"Noto Serif JP",serif;font-size:15px;line-height:2}
.hero-actions{position:absolute;right:3vw;bottom:3vw;pointer-events:auto}
@media(max-width:780px){.hero-home{width:100%;aspect-ratio:4/5;margin:0 auto 70px}.hero-media{background-position:58% center}.hero-overlay{padding:34px 24px}.hero-overlay>h1{font-size:40px}.hero-overlay>p:not(.eyebrow){font-size:12px}.hero-actions{right:4vw;bottom:4vw}.hero-actions .text-link{background:#fff}}

/* Final hero: original campaign language retained in a purpose-built wide composition. */
.hero-media{background-image:url("assets/women-night-web-v3.png");background-position:center;background-size:cover}
.hero-overlay>.eyebrow,.hero-overlay>h1,.hero-overlay>p:not(.eyebrow){display:none}
.hero-actions{right:3vw;bottom:3vw}
@media(max-width:780px){.hero-media{background-position:38% center}.hero-actions{right:4vw;bottom:4vw}}

/* Final supplied campaign artwork: matched desktop/mobile compositions. */
.hero-home{width:min(92vw,calc((100vh - 180px)*1.5),1380px);aspect-ratio:3/2;margin:42px auto 105px;background:#f5f1eb}
.hero-media{background:none}
.hero-frame{display:block;position:absolute;inset:0;width:100%;height:100%;opacity:0;transition:opacity .8s ease;pointer-events:none}
.hero-frame.active{opacity:1}
.carousel-controls{display:flex}
.hero-overlay{inset:0;padding:0;pointer-events:none}
.hero-actions{position:absolute;right:3.2%;bottom:3.8%;display:flex;flex-direction:row;align-items:center;gap:10px;pointer-events:auto}
.hero-actions .button,.hero-actions .text-link{min-width:150px;padding:12px 18px;text-align:center;background:rgba(255,255,255,.94);color:var(--ink);border:0;box-shadow:0 3px 16px rgba(24,20,16,.12)}
.carousel-controls{right:3.2%;bottom:2.2%}
@media(max-width:780px){.hero-home{width:100%;aspect-ratio:91/120;margin:0 auto 70px}.hero-frame{object-fit:contain}.hero-actions{right:4%;bottom:3.5%;flex-direction:column;align-items:stretch;gap:7px}.hero-actions .button,.hero-actions .text-link{min-width:138px;padding:10px 12px}.carousel-controls{right:4%;bottom:1.8%}}

/* Three image-led shopping categories. */
.categories .category-grid{grid-template-columns:repeat(3,1fr);gap:22px}
.categories .category-card{min-height:0;padding:0;display:block;background:transparent;overflow:hidden}
.categories .category-card img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform .55s ease}
.categories .category-card:hover{transform:none}
.categories .category-card:hover img{transform:scale(1.025)}
.category-copy{padding:22px 2px 0;display:grid;grid-template-columns:38px 1fr auto;align-items:end;gap:8px;border-top:0}
.category-copy span{margin:0;color:var(--muted);font-size:10px;letter-spacing:.12em;align-self:center}
.category-copy h3{margin:0;font-family:"Noto Serif JP",serif;font-size:22px;font-weight:400;line-height:1.45}
.category-copy b{font-size:10px;font-weight:500;letter-spacing:.08em;white-space:nowrap;align-self:center}
@media(max-width:780px){.categories .category-grid{grid-template-columns:1fr;gap:46px}.categories .category-card img{aspect-ratio:4/3}.category-copy{padding-top:16px;grid-template-columns:30px 1fr auto}.category-copy h3{font-size:20px}}

/* Footer navigation and utility pages. */
.footer-links{display:flex;gap:30px;font-size:11px;letter-spacing:.06em}.footer-links a{padding-bottom:3px;border-bottom:1px solid transparent}.footer-links a:hover{border-color:currentColor}
.carousel-controls{padding:6px 8px;background:rgba(255,255,255,.72);border-radius:999px}.carousel-controls .dot{background:rgba(38,35,31,.24)}.carousel-controls .dot.active{background:#26231f}
.info-page{min-height:62vh;max-width:900px;margin:0 auto;padding:120px 6vw}.info-page h1{margin:12px 0 70px;font-family:"Noto Serif JP",serif;font-size:clamp(42px,5vw,70px);font-weight:400}.info-page section{padding:28px 0;border-top:1px solid var(--line)}.info-page section h2{font-family:"Noto Serif JP",serif;font-size:22px;font-weight:400}.info-page section p,.info-list{color:var(--muted);font-size:13px}.info-button{margin:30px 0 0}.info-list{margin:0}.info-list div{display:grid;grid-template-columns:190px 1fr;padding:22px 0;border-top:1px solid var(--line)}.info-list dt{color:var(--ink)}.info-list dd{margin:0}
@media(max-width:780px){.footer-links{flex-direction:column;gap:12px}.info-page{padding:80px 7vw}.info-page h1{margin-bottom:45px}.info-list div{grid-template-columns:1fr;gap:8px}}

/* Transparent Lalita brand lockups. */
.brand{gap:16px;letter-spacing:0}.brand img{width:58px;height:62px;object-fit:contain}.brand-tagline{padding-left:16px;border-left:1px solid var(--line);font-family:"Noto Serif JP",serif;font-size:11px;letter-spacing:.08em;white-space:nowrap}.footer-brand{width:max-content;padding:0;background:transparent;align-items:center}.footer-brand img{width:86px;height:98px;filter:invert(1)}.footer-tagline{max-width:210px;padding-left:20px;border-left:1px solid rgba(255,255,255,.25);font-family:"Noto Serif JP",serif;font-size:13px;line-height:1.9;letter-spacing:.06em}
@media(max-width:780px){.site-header{height:68px}.brand{gap:10px}.brand img{width:50px;height:55px}.brand-tagline{padding-left:10px;font-size:9px;letter-spacing:.04em}.site-header nav{top:68px}.footer-brand img{width:72px;height:82px}.footer-tagline{font-size:11px}}

/* Cloth pad category */
.cloth-page{background:#f8f7f3}.cloth-hero{padding:34px 4vw 0}.cloth-hero img{width:100%;max-height:calc(100vh - 142px);object-fit:contain;background:#dcecf7}.cloth-intro{max-width:1180px;margin:0 auto;padding:115px 5vw 105px;display:grid;grid-template-columns:1.15fr .85fr;gap:9vw;align-items:end}.cloth-intro h1,.cloth-features h2,.cloth-products h2{margin:18px 0 0;font-family:"Noto Serif JP",serif;font-weight:400;line-height:1.55}.cloth-intro h1{font-size:clamp(38px,4.6vw,68px)}.cloth-lead{margin:0 0 10px;color:var(--muted);font-family:"Noto Serif JP",serif;font-size:15px;line-height:2.2}.cloth-features{padding:110px max(5vw,calc((100vw - 1180px)/2));background:#eceee8}.cloth-feature-title{margin-bottom:50px}.cloth-feature-title h2{font-size:clamp(32px,3.8vw,54px)}.cloth-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(36,64,55,.15)}.cloth-feature-grid article{min-height:310px;padding:38px 34px;background:#f8f7f3}.cloth-feature-grid span{font-family:"Noto Serif JP",serif;font-size:12px;color:#557166}.cloth-feature-grid h3{margin:48px 0 18px;font-family:"Noto Serif JP",serif;font-size:24px;font-weight:400}.cloth-feature-grid p{margin:0;color:var(--muted);font-size:13px;line-height:2}.cloth-note{margin:22px 0 0;color:var(--muted);font-size:10px}.cloth-products{padding:115px max(5vw,calc((100vw - 1180px)/2)) 130px}.cloth-products-heading{margin-bottom:52px}.cloth-products h2{font-size:clamp(34px,4vw,58px)}.cloth-product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.cloth-product-card{display:flex;flex-direction:column}.cloth-product-card img{aspect-ratio:1/1.08;object-fit:contain;background:#f0efea}.cloth-product-card span{margin-top:20px;color:#6d7c73;font-size:9px;letter-spacing:.16em}.cloth-product-card h3{margin:8px 0 0;font-family:"Noto Serif JP",serif;font-size:21px;font-weight:400;line-height:1.55}.cloth-product-card p{margin:8px 0 0;font-size:12px}.cloth-product-card b{width:max-content;margin-top:14px;padding-bottom:2px;border-bottom:1px solid currentColor;font-size:10px;font-weight:500;letter-spacing:.08em}
@media(max-width:780px){.cloth-hero{padding:18px 0 0}.cloth-hero img{max-height:none;aspect-ratio:3/2;object-fit:cover}.cloth-intro{padding:75px 7vw 70px;grid-template-columns:1fr;gap:35px}.cloth-intro h1{font-size:36px}.cloth-lead{font-size:13px}.cloth-features{padding:75px 7vw}.cloth-feature-title{display:block}.cloth-feature-grid{grid-template-columns:1fr}.cloth-feature-grid article{min-height:0;padding:30px 26px}.cloth-feature-grid h3{margin:28px 0 14px;font-size:21px}.cloth-products{padding:75px 7vw 90px}.cloth-product-grid{grid-template-columns:1fr;gap:50px}.cloth-product-card img{aspect-ratio:1/1.05}.cloth-product-card h3{font-size:20px}}

/* Cloth-pad campaign artwork: extend the photographed sky to the page edges. */
.cloth-hero{padding:34px 4vw;background:#b9daf4}
.cloth-hero img{background:transparent}
@media(max-width:780px){.cloth-hero{padding:0;background:#b9daf4}}

/* Cloth-pad editorial story */
.cloth-about,.cloth-material,.cloth-black,.cloth-size,.cloth-care,.cloth-faq{font-family:"Noto Sans JP",sans-serif}
.section-number{margin:0;color:#779086;font-family:"Noto Serif JP",serif;font-size:12px;letter-spacing:.2em}
.cloth-about {
  padding: clamp(76px, 10vw, 132px) 6vw;
  text-align: center;
  background: radial-gradient(ellipse at 50% 0%, #fffdf5 0%, #f8f7ef 58%, #f5f4ec 100%);
}
.cloth-about-label { display: flex; justify-content: center; align-items: center; gap: 14px; }
.cloth-about-label .eyebrow { margin: 0; color: #405b4c; }
.cloth-about-label .section-number,
.cloth-material .section-number {
  display: inline-grid;
  place-items: center;
  width: 34px;
  height: 34px;
  border: 1px solid #b3c2aa;
  border-radius: 50%;
  color: #405b4c;
  letter-spacing: 0;
}
.cloth-about h1,.cloth-material h2,.cloth-black h2,.cloth-size h2,.cloth-care h2,.cloth-faq h2{margin:15px 0 0;font-family:"Noto Serif JP",serif;font-weight:400;line-height:1.55}
.cloth-about h1 {
  margin-top: 24px;
  font-size: clamp(26px, 4vw, 54px);
  letter-spacing: .025em;
}
.cloth-about h1 span { color: #4b6552; }
.cloth-about-description {
  max-width: 36em;
  margin: 30px auto 0;
  color: #575c4e;
  font-size: 15px;
  line-height: 2;
}
.cloth-material {
  padding: clamp(62px, 8vw, 108px) 5vw;
  background: #e9eee2;
}
.cloth-material h2 { font-size: clamp(25px, 3.6vw, 50px); }
.cloth-black h2 { font-size: clamp(32px, 3.7vw, 54px); }
.cloth-material .compact-heading { margin-bottom: clamp(24px, 4vw, 50px); }
.cloth-material .eyebrow { color: #405b4c; }
.cloth-layer-figure {
  max-width: 1140px;
  margin: 0 auto;
}
.cloth-layer-diagram { display: block; width: 100%; height: auto; }
.cloth-callout path { fill: none; stroke: #577360; stroke-width: 1.7; }
.cloth-callout-title {
  fill: #263d34;
  font-size: 29px;
  font-weight: 700;
  letter-spacing: .025em;
}
.cloth-callout-rule { stroke: #819581; stroke-width: 1; vector-effect: non-scaling-stroke; }
.cloth-callout-detail { fill: #465f52; font-size: 22px; font-weight: 400; letter-spacing: .012em; }
.cloth-layer-legend {
  position: absolute;
  width: 1px;
  height: 1px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  clip-path: inset(50%);
  list-style: none;
}
.cloth-material .cloth-note { text-align: center; font-size: 11px; line-height: 1.9; }
@media (prefers-reduced-motion: no-preference) {
  .cloth-layer-diagram.is-visible .cloth-callout {
    animation: cloth-callout-enter .52s ease-out both;
    animation-delay: calc(var(--layer) * 130ms);
  }
}
@keyframes cloth-callout-enter {
  from { opacity: 0; transform: translateX(-7px); }
  to { opacity: 1; transform: translateX(0); }
}
.cloth-black {
  max-width: 1280px;
  margin: auto;
  padding: clamp(64px, 9vw, 118px) 6vw;
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  gap: clamp(30px, 7vw, 96px);
  align-items: center;
}
.black-visual { padding: clamp(12px, 3vw, 36px); background: #eeece2; }
.black-visual img { aspect-ratio: 1; object-fit: contain; }
.black-copy .eyebrow { margin: 14px 0 0; color: #405b4c; }
.black-copy > p:last-child {
  max-width: 32em;
  margin: 24px 0 0;
  color: #575c4e;
  font-size: 15px;
  line-height: 2;
}
.cloth-size,.cloth-care,.cloth-faq{padding:110px max(5vw,calc((100vw - 1180px)/2))}
.compact-heading{text-align:center;margin-bottom:55px}
.compact-heading .section-number{margin-bottom:12px}
.compact-heading h2{font-size:clamp(32px,3.7vw,54px)}
.cloth-size-comparison {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: clamp(14px, 5vw, 72px);
  max-width: 840px;
  margin: 0 auto;
}
.cloth-size-cutout { position: relative; aspect-ratio: 3 / 4; overflow: hidden; }
.cloth-size-cutout img { position: absolute; top: 0; width: 200%; max-width: none; height: auto; }
.cloth-size-cutout-s img { left: 0; clip-path: inset(0 54.43% 0 0); }
.cloth-size-cutout-m img { left: -91.146%; clip-path: inset(0 0 0 45.57%); }
.cloth-size-comparison h3 {
  margin: 14px 0 0;
  padding-top: 12px;
  border-top: 1px solid #a9b7a5;
  font-size: clamp(12px, 1.6vw, 15px);
  font-weight: 500;
}
.cloth-size-comparison h3 span { display: block; margin-bottom: 8px; color: #405b4c; font: 500 27px/1 "Noto Serif JP", serif; }
.cloth-size-comparison p { margin: 9px 0 0; color: #575c4e; font-size: clamp(12px, 1.5vw, 14px); }
.cloth-size-comparison p span { display: block; margin-top: 4px; font-size: 12px; }
.cloth-care{background:#eceee8}
.care-grid {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 22px 44px;
  max-width: 1000px;
  margin: 0 auto;
  padding: 0;
  list-style: none;
}
.care-grid li {
  display: grid;
  grid-template-columns: minmax(90px, 148px) minmax(0, 1fr);
  align-items: center;
  gap: 18px;
  padding: 20px 0;
  border-top: 1px solid #a9b7a5;
}
.care-diagram {
  display: block;
  width: 100%;
  background: #f8f7ef;
  border-radius: 3px;
  fill: none;
  stroke: #557363;
  stroke-width: 2;
  stroke-linecap: round;
  stroke-linejoin: round;
}
.care-step { display: block; margin-bottom: 5px; color: #405b4c; font-size: 12px; letter-spacing: .12em; }
.care-grid h3 { margin: 0; font-size: 17px; font-weight: 700; }
.care-grid p { margin: 7px 0 0; color: #575c4e; font-size: 14px; line-height: 1.8; }
.care-caution { max-width: 1000px; margin: 24px auto 0; color: #575c4e; font-size: 12px; line-height: 1.8; }
.cloth-faq { background: #f8f7ef; }
.cloth-faq .eyebrow { color: #405b4c; }
.cloth-faq-list { max-width: 760px; margin: 0 auto; border-bottom: 1px solid #b8c4b4; }
.cloth-faq details { border-top: 1px solid #b8c4b4; }
.cloth-faq summary {
  display: grid;
  grid-template-columns: 1fr auto;
  gap: 16px;
  align-items: center;
  padding: 20px 4px;
  cursor: pointer;
  list-style: none;
  font-size: 15px;
  font-weight: 700;
}
.cloth-faq summary::-webkit-details-marker { display: none; }
.cloth-faq summary:focus-visible { outline: 2px solid #557363; outline-offset: 2px; }
.cloth-faq-toggle {
  position: relative;
  display: block;
  width: 15px;
  height: 15px;
  color: #557363;
}
.cloth-faq-toggle::before,
.cloth-faq-toggle::after { content: ""; position: absolute; background: currentColor; }
.cloth-faq-toggle::before { inset: 7px 1px; }
.cloth-faq-toggle::after { inset: 1px 7px; }
.cloth-faq details[open] .cloth-faq-toggle::after { display: none; }
.cloth-faq details p { margin: 0; padding: 0 28px 20px 4px; color: #575c4e; font-size: 14px; line-height: 1.9; }
.cloth-faq details a { color: #405b4c; text-decoration: underline; text-underline-offset: .2em; }
@media(max-width:780px){
  .cloth-about-description { font-size: 14px; }
  .cloth-callout-title { font-size: 34px; }
  .cloth-callout-detail { font-size: 23px; }
  .cloth-callout path { stroke-width: 3; }
  .cloth-black { grid-template-columns: 1fr; }
  .cloth-size,.cloth-care,.cloth-faq{padding:75px 7vw}.compact-heading{margin-bottom:38px}
  .care-grid { grid-template-columns: 1fr; gap: 0; max-width: 540px; }
  .care-grid li { grid-template-columns: minmax(75px, 29%) minmax(0, 1fr); gap: 14px; }
}

/* Cloth-pad product lineup */
.cloth-products { background: #eef0e7; }
.cloth-products .eyebrow { color: #405b4c; }
.cloth-product-grid { gap: clamp(20px, 3vw, 40px); }
.cloth-product-card img { aspect-ratio: 1; background: #f7f6ee; }
.cloth-product-card h3 { margin-top: 17px; font-size: clamp(17px, 2vw, 22px); }
.cloth-product-card p { color: #575c4e; font-size: 14px; }
.cloth-product-card b {
  display: flex;
  justify-content: space-between;
  align-items: center;
  width: 100%;
  margin-top: 16px;
  padding: 11px 0;
  border-top: 1px solid #a9b7a5;
  border-bottom: 0;
  color: #405b4c;
  font-size: 13px;
}
.cloth-product-card:hover b { text-decoration: underline; text-underline-offset: .22em; }
.cloth-product-card:focus-visible { outline: 2px solid #557363; outline-offset: 5px; }
@media (max-width: 780px) {
  .cloth-product-grid { gap: 36px; max-width: 460px; margin: auto; }
}