/* The home page keeps browsing and product choice in the foreground. */
.home-page { --paper:#f8f7f3; --tile:#eeede8; --accent:#151515; }
.home-page .announcement { min-height:28px; padding:6px 16px; font-size:10px; letter-spacing:.04em; }
.home-page .site-header { position:sticky; top:0; z-index:10; height:76px; background:#f8f7f3f5; border-bottom:1px solid #e5e3dc; backdrop-filter:blur(12px); }
.home-page .desktop-nav { font-size:12px; gap:20px; padding:0; }
.home-page .header-actions { gap:8px; }
.home-hero { display:grid; grid-template-columns:1fr 1fr; max-width:1440px; margin:auto; min-height:490px; }
.home-hero-copy { padding:48px 5vw; display:flex; flex-direction:column; align-items:flex-start; justify-content:center; }
.home-hero h1 { font-size:clamp(64px,6.8vw,104px); line-height:.98; font-weight:600; letter-spacing:-.065em; margin:25px 0 24px; }
.home-hero .eyebrow { font-size:10px; letter-spacing:.13em; color:var(--muted); }
.home-price { font-size:14px; color:var(--muted); margin:0 0 28px; }
.home-price strong { color:var(--ink); font-weight:500; }
.home-hero .button { min-height:48px; gap:28px; }
/* A recurring cast, with the complete garment visible in each portrait. */
.home-carousel { min-width:0; background:#e7e3dc; }
.carousel-stage { position:relative; width:100%; aspect-ratio:1122/1402; max-height:660px; overflow:hidden; }
.hero-slide { position:absolute; inset:0; opacity:0; visibility:hidden; transition:opacity .7s ease, visibility .7s; }
.hero-slide.is-active { opacity:1; visibility:visible; }
.hero-look { width:100%; height:100%; padding:0; border:0; background:transparent; color:white; text-align:left; }
.hero-look>img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; }
.hero-look::after { content:""; position:absolute; inset:65% 0 0; background:linear-gradient(transparent,#0009); pointer-events:none; }
.hero-look-caption { position:absolute; bottom:25px; left:28px; right:28px; display:flex; justify-content:space-between; gap:18px; align-items:end; z-index:1; }
.hero-look-caption small { display:block; font-size:10px; letter-spacing:.12em; margin-bottom:7px; }
.hero-look-caption strong { display:block; font-size:22px; font-weight:500; }
.hero-look-link { font-size:11px; white-space:nowrap; }
.hero-look-link>span { font-size:19px; margin-left:9px; }
.carousel-bar { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:5px 15px 5px 24px; background:#ece9e2; }
.carousel-note { font-size:9px; color:#68645d; }
.carousel-controls { display:flex; align-items:center; gap:2px; }
.carousel-controls button { width:44px; height:44px; padding:12px; border:0; background:transparent; color:var(--ink); }
.carousel-controls button:hover { background:#00000009; }
.carousel-controls svg { width:20px; height:20px; }
#hero-counter { font-size:10px; min-width:39px; text-align:center; font-variant-numeric:tabular-nums; }
.hero-look:focus-visible { outline:3px solid white; outline-offset:-6px; }
.carousel-controls button:focus-visible { outline:2px solid var(--ink); outline-offset:-4px; }
@media (prefers-reduced-motion:reduce) { .hero-slide { transition:none; } }
.home-catalogue { position:relative; padding-top:62px; padding-bottom:64px; scroll-margin-top:78px; }
.collection-anchor { position:absolute; top:0; scroll-margin-top:78px; }
.home-catalogue-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:25px; }
.home-catalogue h2 { margin:0; font-size:36px; line-height:1.1; font-weight:500; letter-spacing:-.04em; }
.home-catalogue-heading>a { font-size:12px; color:var(--muted); display:flex; align-items:center; gap:16px; padding:10px 0; }
.home-catalogue-heading>a:hover { color:var(--ink); }
.collection-mood { color:var(--muted); font-size:13px; line-height:1.5; margin:-10px 0 12px; }
.catalogue-toolbar { display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid var(--line); margin-bottom:25px; gap:16px; }
.collection-filters { display:flex; flex-wrap:wrap; gap:0 22px; }
.collection-filters button { position:relative; background:none; border:0; padding:15px 0; min-height:48px; color:var(--muted); font-size:13px; }
.collection-filters button[aria-pressed=true] { color:var(--ink); }
.collection-filters button[aria-pressed=true]::after { content:""; position:absolute; left:0; right:0; bottom:-1px; height:2px; background:var(--ink); }
#catalogue-count { color:var(--muted); font-size:11px; margin:0; white-space:nowrap; }
.home-catalogue .product-grid { gap:32px 20px; }
.home-catalogue .product-cover { background:#fff; }
.home-catalogue .save-design { background:#f8f7f3a6; width:40px; height:40px; top:8px; right:8px; padding:12px; }
.home-catalogue .product-caption { display:flex; justify-content:space-between; align-items:baseline; gap:8px; margin-top:13px; }
.home-catalogue .product-name { width:auto; font-size:14px; line-height:1.35; font-weight:500; }
.home-catalogue .product-card-price { margin:0; font-size:11px; white-space:nowrap; color:var(--muted); }
.home-textiles { display:grid; grid-template-columns:1fr 1fr; gap:30px; padding-top:48px; padding-bottom:42px; border-top:1px solid var(--line); scroll-margin-top:76px; }
.home-textiles-intro { grid-column:1/-1; display:flex; align-items:end; justify-content:space-between; gap:25px; }
.home-textiles h2 { font-size:30px; font-weight:500; letter-spacing:-.04em; line-height:1.1; margin:0 0 15px; }
.home-textiles p { color:var(--muted); font-size:12px; line-height:1.8; margin:0; }
.home-textile { min-width:0; }
.home-textile-heading { display:flex; justify-content:space-between; align-items:baseline; gap:12px; margin:0 0 20px; }
.home-textile h3 { margin:0; font-weight:500; font-size:20px; letter-spacing:-.025em; }
.textile-closeup { margin:0 0 18px; }
.textile-closeup-image { position:relative; aspect-ratio:5/3; overflow:hidden; background:#e9e7e1; }
.textile-closeup-image img { position:absolute; width:125%; max-width:none; height:auto; left:-12.5%; top:-2%; }
.textile-closeup figcaption { font-size:10px; color:var(--muted); padding-top:9px; }
.home-textile p strong { font-weight:500; color:var(--ink); }
.home-textile span { font-size:16px; white-space:nowrap; }
.home-textiles .home-sizing-note { grid-column:1/-1; margin:0; max-width:780px; font-size:11px; }
.home-brand { background:var(--ink); color:var(--paper); scroll-margin-top:76px; }
.home-brand-inner { max-width:1440px; margin:auto; padding:64px 5vw 56px; }
.home-brand-intro { display:grid; grid-template-columns:1fr 1fr; gap:48px; align-items:end; margin-bottom:48px; }
.home-brand-label { margin:0 0 24px; font-size:10px; letter-spacing:.15em; color:#b9b8b1; }
.home-brand h2 { margin:0; font-size:clamp(38px,4.8vw,66px); line-height:1.03; letter-spacing:-.045em; font-weight:500; }
.home-brand-lead { max-width:390px; margin:0 0 3px; font-size:19px; line-height:1.55; color:#dddcd5; }
.home-brand-values { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:36px; border-top:1px solid #44443f; padding-top:28px; }
.home-brand h3 { margin:0 0 12px; font-size:19px; font-weight:500; letter-spacing:-.02em; }
.home-brand-values p { margin:0; max-width:340px; color:#c9c8c1; font-size:13px; line-height:1.75; }
.home-page .site-footer { padding-top:35px; border-top:1px solid var(--line); }
.home-page .footer-brand img { width:124px; height:35px; }
.home-page .site-footer nav { gap:24px; font-size:11px; }
.home-page .footer-bottom { margin-top:26px; padding-top:18px; }
@media (min-width:1440px) { .home-hero-copy { padding-left:72px; } }
@media (max-width:900px) {
  .home-page .desktop-nav { gap:17px; }
  .home-hero { min-height:430px; }
  .home-hero h1 { font-size:clamp(54px,7.5vw,76px); }
  .home-textiles { gap:24px; grid-template-columns:1fr 1fr; }
  .home-textiles-intro { grid-column:1/-1; display:flex; justify-content:space-between; gap:20px; align-items:end; }
  .home-textiles h2 br { display:initial; }
  .home-textiles h2 { margin:0; }
  .home-textile { padding:0; border:0; }
  .home-textiles .home-sizing-note { grid-column:1/-1; padding:0; margin:0; }
}
@media (max-width:600px) {
  .home-brand { scroll-margin-top:64px; }
  .home-brand-inner { padding:40px 22px; }
  .home-brand-intro { grid-template-columns:1fr; gap:24px; margin-bottom:28px; }
  .home-brand-label { margin-bottom:18px; }
  .home-brand h2 { font-size:43px; }
  .home-brand-lead { font-size:16px; line-height:1.55; }
  .home-brand-values { grid-template-columns:1fr; gap:24px; padding-top:24px; }
  .home-brand h3 { font-size:18px; margin-bottom:7px; }
  .home-page .site-header { height:64px; padding:0 18px; gap:8px; }
  .home-page .header-actions { gap:0; }
  .home-page .header-actions .icon-button { min-width:44px; min-height:44px; }
  .home-page .brand img { width:96px; height:28px; }
  .home-hero { grid-template-columns:1fr; min-height:0; }
  .home-hero-copy { display:grid; grid-template-columns:1fr auto; gap:0 10px; align-items:center; padding:28px 22px; }
  .home-hero h1 { grid-column:1/-1; font-size:50px; margin:0 0 23px; }
  .home-hero .eyebrow { display:none; }
  .home-price { margin:0; font-size:12px; }
  .home-hero .button { padding:12px 14px; gap:14px; font-size:11px; }
  .home-hero .button svg { width:18px; height:18px; }
  .carousel-stage { max-height:none; }
  .hero-look-caption { left:22px; right:22px; bottom:23px; }
  .carousel-bar { padding-left:18px; padding-right:8px; }
  .carousel-note { font-size:8px; }
  .home-catalogue { padding:37px 18px 40px; scroll-margin-top:64px; }
  .collection-anchor { scroll-margin-top:64px; }
  .home-catalogue-heading { margin-bottom:13px; }
  .home-catalogue h2 { font-size:29px; }
  .home-catalogue-heading>a { font-size:10px; gap:8px; }
  .collection-mood { font-size:12px; margin:0 0 8px; }
  .catalogue-toolbar { gap:8px; margin-bottom:20px; }
  .collection-filters { gap:20px; }
  .collection-filters button { font-size:12px; }
  #catalogue-count { font-size:10px; }
  .home-catalogue .product-grid { gap:26px 12px; }
  .home-catalogue .product-caption { display:block; margin-top:10px; }
  .home-catalogue .product-card-price { display:block; margin-top:5px; font-size:11px; }
  .home-catalogue .product-name { font-size:13px; }
  .home-catalogue .save-design { top:2px; right:2px; }
  .home-textiles { grid-template-columns:1fr; padding:30px 18px; gap:30px; scroll-margin-top:64px; }
  .home-textiles-intro { display:block; }
  .home-textiles h2 { font-size:27px; margin-bottom:10px; }
  .home-textiles-intro p br { display:none; }
  .home-textile-heading { display:flex; margin-bottom:12px; }
  .home-textile h3 { font-size:20px; margin-bottom:8px; }
  .home-textile span { font-size:15px; }
  .home-textiles p { font-size:12px; line-height:1.65; }
  .home-page .footer-main { display:flex; align-items:flex-start; gap:20px; }
  .home-page .footer-main nav { margin:0; display:grid; gap:14px; }
  .home-page .site-footer .legal-nav { gap:14px 22px; font-size:10px; }
}
/* Keep all collection filters accessible on narrow screens. */
@media (max-width:560px) {
  .catalogue-toolbar { flex-wrap:wrap; gap:0 12px; }
  .collection-filters { gap:0 14px; flex-wrap:wrap; }
  .collection-filters button { white-space:nowrap; min-width:44px; padding:15px 8px; }
  #catalogue-count { margin:0 0 8px auto; }
  .duo-filters { flex-wrap:wrap; }
  .duo-filters button { min-height:44px; }
}

/* Keep collection navigation readable on tablets. */
@media (min-width:601px) and (max-width:1100px) {
 .home-page .desktop-nav { display:none; }
 .home-page .mobile-menu-button { display:flex; }
}