/* Catalog campaign composition; the existing brand typography and colors remain shared. */
.catalog-page{--catalog-paper:#f4efe7;--catalog-accent:#89563f;background:linear-gradient(180deg,#f6f2ec,#faf8f4 850px);padding-bottom:60px}
.catalog-page .wrap{width:calc(100% - 72px);max-width:1560px}
.catalog-hero{position:relative;isolation:isolate;overflow:hidden;background:#eae3d7;min-height:390px}
.catalog-hero-photo{position:absolute;inset:0;z-index:-3;width:100%;height:100%;object-fit:cover;object-position:right center}
.catalog-hero-tint{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,#f6f2eb 0%,#f6f2ebf5 24%,#f6f2ebbd 43%,#f6f2eb20 72%,transparent 100%)}
.catalog-hero-content{padding-top:42px;padding-bottom:112px}
.catalog-hero-copy{max-width:540px}
.catalog-hero-copy>.eyebrow{font-size:.8125rem;letter-spacing:.1em;color:#7a6a59;margin:0 0 16px}
.catalog-hero-copy h1{font-family:var(--sans);font-size:clamp(2.3rem,4.2vw,4rem);font-weight:500;line-height:1.08;letter-spacing:-.04em;color:#292c28;margin:0 0 20px;max-width:530px;text-wrap:balance}
.catalog-hero-copy>p:last-child{font-size:1.0625rem;line-height:1.75;max-width:430px;color:#5c6258;margin:0}
.catalog-browse{position:absolute;left:0;right:0;bottom:22px}
.catalog-page .collection-tabs{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 14px;padding:0;border:0;background:none;border-radius:0}
.catalog-page .collection-tabs button{font-family:var(--sans);font-size:.9375rem;line-height:1.4;border:1px solid #b5a99666;border-radius:999px;background:#f9f5eece;color:#625b50;min-height:42px;padding:10px 18px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.catalog-page .collection-tabs button.is-active{background:#2c2d29;border-color:#2c2d29;color:#fffaf0}
.catalog-page .collection-tabs button:hover{border-color:#89563f}
.catalog-page .collection-tabs button:focus-visible{outline:2px solid #89563f;outline-offset:3px}
.catalog-page .collection-result{font-size:.875rem;line-height:1.5;color:#726857;margin:0}
.catalog-promises{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding:27px 0 30px}
.catalog-promises>div,.catalog-promises>a{display:flex;align-items:center;gap:16px;min-width:0;color:#4b463d}
.catalog-promises>div+div,.catalog-promises>a{border-left:1px solid #ded4c5;padding-left:24px}
.catalog-promises svg{width:29px;height:29px;color:#876249;flex-shrink:0;stroke-width:1.2}
.catalog-promises span{font-size:.9375rem;line-height:1.5}
.catalog-promises small{display:block;font-size:.8125rem;line-height:1.6;color:#83786a;margin-top:3px}
.catalog-promises a:hover span{color:#89563f}
.catalog-grid.product-grid[data-category-grid]{gap:20px;align-items:stretch;grid-auto-flow:row}
.catalog-grid .product-card{background:#fffdf9;border:1px solid #e6ded2;border-radius:16px;overflow:hidden;box-shadow:0 4px 18px #56402704;transition:box-shadow .2s,border-color .2s}
.catalog-grid .product-card:hover{border-color:#c8b7a2;box-shadow:0 7px 24px #5640270c}
.catalog-grid .product-image{height:auto;aspect-ratio:var(--shg-product-ratio);width:100%;border-radius:0;flex:0 0 auto;min-height:0;max-height:none;overflow:hidden;isolation:isolate;background:#f3eee6}
.catalog-grid .product-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;mix-blend-mode:normal;transform:none;background:#fff}
.catalog-grid .product-photo-secondary{position:absolute}
.catalog-grid .product-info{padding:16px;gap:0}
.catalog-grid .product-kicker{font-size:.8125rem;line-height:1.5;letter-spacing:0;color:#8a7964;margin-bottom:8px}
.catalog-grid .product-info h3{font-size:1rem;line-height:1.55;margin-bottom:14px;font-weight:400}
.catalog-grid .product-bottom{gap:12px}
.catalog-grid .product-bottom>strong{font-size:1.25rem;line-height:1.4;font-weight:500;letter-spacing:-.02em;color:#302f29}
.catalog-grid .product-open{background:#eee6d9;border-color:transparent;border-radius:999px;padding:11px 16px;font-size:.875rem;min-height:44px;color:#554a3e}
.catalog-grid .product-open:hover{background:#695442;border-color:#695442;color:#fff}
.catalog-grid .product-image-arrow{display:none}
.catalog-grid .stock-badge{border-radius:999px;background:#fbf7edeb;font-size:.8125rem;padding:6px 12px}







.catalog-page .filter-empty{margin:0;background:#ede5d8;border-radius:16px;font-size:1rem;color:#625340}
@media(min-width:1251px){.catalog-grid.product-grid[data-category-grid]{grid-template-columns:repeat(4,minmax(0,1fr))}}
@media(max-width:1250px){.catalog-page .wrap{width:calc(100% - 48px)}.catalog-promises{gap:16px}.catalog-promises>div+div,.catalog-promises>a{padding-left:16px}.catalog-promises small{font-size:.75rem}.catalog-hero-copy{max-width:480px}}
@media(max-width:700px){
 .catalog-page{padding-bottom:32px}
 .catalog-page .wrap{width:calc(100% - 32px)}
 .catalog-hero{min-height:0}
 .catalog-hero-photo{height:250px;inset:auto 0 0;width:100%;object-position:76% center;opacity:.75}
 .catalog-hero-tint{background:linear-gradient(180deg,#f2ece2 0%,#f2ece2 44%,#f2ece2b0 70%,#f2ece240 100%)}
 .catalog-hero-content{padding-top:28px;padding-bottom:32px;min-height:260px}
 .catalog-hero-copy{max-width:100%}
 .catalog-hero-copy>.eyebrow{font-size:.75rem;margin-bottom:14px;letter-spacing:.07em}
 .catalog-hero-copy h1{font-size:clamp(2rem,8vw,2.8rem);line-height:1.12;letter-spacing:-.03em;margin-bottom:16px;max-width:100%}
 .catalog-hero-copy>p:last-child{font-size:1rem;line-height:1.65;max-width:100%;color:#525b4d}
 .catalog-browse{position:relative;inset:auto;padding-bottom:22px}
 .catalog-page #collection .collection-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;background:#f7f2e9e8;border:1px solid #ded4c5;border-radius:16px;padding:6px;margin:0 0 14px;overflow:visible}
 .catalog-page #collection .collection-tabs button{padding:11px 8px;font-size:.875rem;min-height:44px;white-space:normal;border-radius:10px;background:transparent;border-color:transparent;margin:0;color:#655f51}
 .catalog-page #collection .collection-tabs button:first-child{grid-column:1/-1}
 .catalog-page #collection .collection-tabs button.is-active{background:#3e3328;border-color:#3e3328;color:#fffaf0;box-shadow:none}
 .catalog-page #collection .collection-result{font-size:.8125rem;margin:0}
 .catalog-promises{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 12px;padding:22px 0}
 .catalog-promises>div,.catalog-promises>a{gap:10px;align-items:flex-start}
 .catalog-promises>div+div,.catalog-promises>a{border:0;padding:0}
 .catalog-promises svg{width:22px;height:22px}
 .catalog-promises span{font-size:.8125rem;line-height:1.5}
 .catalog-promises small{font-size:.75rem;line-height:1.5}
 .catalog-grid.product-grid[data-category-grid]{gap:16px 12px}
 .catalog-page #collection .product-card{border-radius:14px}
 .catalog-page #collection .product-info{padding:14px 12px}
 .catalog-page #collection .product-info h3{font-size:.9375rem}
 .catalog-page #collection .product-bottom>strong{font-size:1.125rem}
 .catalog-page #collection .product-open{font-size:.8125rem;padding:10px;gap:6px}
 
}
@media(prefers-reduced-motion:reduce){.catalog-grid .product-card,.catalog-page .collection-tabs button{transition:none}}

/* A wider composition and a deliberate results badge, shared by every category scene. */
.catalog-hero{min-height:330px}
.catalog-hero-content{padding-top:34px;padding-bottom:118px}
.catalog-hero-copy{max-width:790px}
.catalog-hero-copy h1{font-size:clamp(2.2rem,3.6vw,3.5rem);max-width:790px;text-wrap:initial;line-height:1.12;margin-bottom:16px}
.catalog-hero-copy>p:last-child{max-width:640px;font-size:1.0625rem;line-height:1.7}
.catalog-hero-photo{left:auto;right:0;width:68%;object-position:right center}
.catalog-hero-tint{background:linear-gradient(90deg,#f6f2eb 0%,#f6f2ebf5 29%,#f6f2ebbd 47%,#f6f2eb15 75%,transparent 100%)}
.catalog-browse{display:flex;align-items:center;justify-content:space-between;gap:24px;bottom:22px}
.catalog-page .catalog-browse .collection-tabs{margin:0;flex:1}
.catalog-page .catalog-count{display:flex;align-items:center;gap:12px;flex-shrink:0;margin:0;padding:12px 20px;background:#fffaf0e8;border:1px solid #cfc0aa7a;border-radius:14px;color:#655640;min-width:130px}
.catalog-count>strong{font-size:1.75rem;line-height:1;font-weight:500;color:#453c2f;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.catalog-count>span{font-size:.9375rem;line-height:1.3}
.catalog-count small{display:block;font-size:.75rem;color:#8b7a63;margin-top:3px}
@media(max-width:1100px){.catalog-browse{gap:16px}.catalog-page .collection-tabs button{padding:10px 13px;font-size:.875rem}.catalog-page .catalog-count{min-width:110px;padding:11px 14px}}
@media(max-width:700px){.catalog-hero{min-height:0}.catalog-hero-content{padding-top:28px;padding-bottom:28px;min-height:230px}.catalog-hero-copy h1{font-size:clamp(2rem,8vw,2.7rem)}.catalog-hero-copy>p:last-child{font-size:1rem;line-height:1.65}.catalog-hero-photo{width:100%;height:100%;inset:0;object-position:right center;opacity:.35}.catalog-hero-tint{background:linear-gradient(90deg,#f2ece2f5,#f2ece2ba 65%,#f2ece260)}.catalog-browse{display:block;position:relative;bottom:auto;padding-bottom:20px}.catalog-page #collection .catalog-browse .collection-tabs{margin-bottom:14px}.catalog-page #collection .catalog-count{min-width:0;width:fit-content;padding:9px 14px;gap:10px;border-radius:12px;font-size:.875rem}.catalog-count>strong{font-size:1.4rem}.catalog-count>span{font-size:.875rem}.catalog-count small{display:inline;font-size:.8125rem;margin:0 0 0 4px}}
.category-stories{margin-top:72px;margin-bottom:48px}
.category-story[hidden]{display:none!important}
.category-story{--story-accent:#80543d;--story-surface:#ede7de;border-top:1px solid #ddd4c8;padding-top:40px}
.category-story--steel{--story-accent:#53615c;--story-surface:#e8ece8}
.category-story--play{--story-accent:#586247;--story-surface:#edf0e3}
.category-story--table{--story-accent:#7a5148;--story-surface:#f1e7e0}
.category-story-heading{max-width:780px;margin-bottom:24px}
.category-story-heading .eyebrow{color:var(--story-accent);font-size:12px;letter-spacing:.09em;margin:0 0 10px}
.category-story-heading h2{font-size:clamp(26px,2.4vw,34px);font-weight:500;line-height:1.25;letter-spacing:-.03em;margin:0 0 12px}
.category-story-heading>p:last-child{font-size:16px;line-height:1.75;color:var(--muted);margin:0;max-width:72ch}
.category-story-items{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,330px),1fr));gap:18px}
.category-story-item{display:grid;grid-template-columns:112px minmax(0,1fr);align-items:start;gap:20px;padding:20px;background:color-mix(in srgb,var(--story-surface) 48%,var(--paper));border:1px solid var(--line);border-radius:14px;overflow:hidden}
.category-story-visual{display:block;width:112px;aspect-ratio:1;background:var(--paper);border-radius:10px;overflow:hidden}
.category-story-visual img{width:100%;height:100%;object-fit:contain;display:block}
.category-story-copy{padding:0;min-width:0}
.category-story-number{display:block;color:var(--story-accent);font-size:12px;line-height:1.5;margin-bottom:6px}
.category-story-copy h3{font-size:21px;line-height:1.3;letter-spacing:-.02em;font-weight:500;margin:0 0 10px;color:var(--ink)}
.category-story-copy p{font-size:15px;line-height:1.7;color:var(--muted);margin:0 0 12px;max-width:48ch}
.category-story-copy>a{display:inline-flex;gap:12px;align-items:center;color:var(--story-accent);text-decoration:none;font-size:14px;font-weight:500;min-height:44px}
.category-story-copy>a svg{width:18px;height:18px;transition:transform .2s ease}
.category-story-copy>a:hover{color:var(--ink);text-decoration:underline;text-underline-offset:4px}
.category-story-copy>a:hover svg{transform:translateX(3px)}
.category-story-copy>a:focus-visible{outline:2px solid var(--story-accent);outline-offset:4px}
@media(min-width:1100px) and (max-width:1450px){.category-story-item{grid-template-columns:90px minmax(0,1fr);padding:18px;gap:16px}.category-story-visual{width:90px}}
@media(max-width:700px){.category-stories{margin-top:32px;margin-bottom:24px}.category-story{padding-top:24px}.category-story-heading{margin-bottom:20px}.category-story-items{grid-template-columns:1fr;gap:12px}.category-story-item{grid-template-columns:88px minmax(0,1fr);gap:16px;padding:16px}.category-story-visual{width:88px}.category-story-copy h3{font-size:20px}.category-story-copy p{font-size:15px}.category-story-copy>a{font-size:14px}}
@media(prefers-reduced-motion:reduce){.category-story-copy>a svg{transition:none}}
/* Four-card guides keep balanced rows rather than a solitary fourth card. */
@media(min-width:701px){.category-story-items--four{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(min-width:1200px){
 .category-story-items--four{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
 .category-story-items--four .category-story-item{grid-template-columns:1fr;grid-template-rows:88px minmax(0,1fr);align-items:stretch;padding:20px;gap:14px}
 .category-story-items--four .category-story-visual{width:88px}
 .category-story-items--four .category-story-copy{display:flex;flex-direction:column}
 .category-story-items--four .category-story-copy h3{font-size:20px;min-height:2.6em}
 .category-story-items--four .category-story-copy>a{margin-top:auto;align-self:flex-start}
}
.catalog-promises[hidden]{display:none!important}

