:root { --catalog-ink:#121210; --catalog-paper:#f5f5f2; --catalog-bronze:#b86143; }
.catalog-body { margin:0; color:var(--catalog-ink); background:var(--catalog-paper); }
.catalog-bar { min-height:78px; padding:0 clamp(20px,5vw,80px); display:flex; align-items:center; justify-content:space-between; gap:30px; border-bottom:1px solid rgba(18,18,16,.18); background:rgba(238,234,225,.97); position:sticky; top:0; z-index:20; }
.catalog-brand { display:flex; align-items:baseline; gap:12px; white-space:nowrap; text-transform:uppercase; }
.catalog-brand strong { font-family:var(--serif); font-size:1.2rem; font-weight:600; letter-spacing:.05em; }
.catalog-brand span { color:#766f65; font-size:.58rem; letter-spacing:.18em; }
.catalog-bar nav { display:flex; align-items:center; gap:clamp(18px,2.8vw,42px); }
.catalog-bar nav a { padding:8px 0; border-bottom:1px solid transparent; font-size:.72rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.catalog-bar nav a:hover,.catalog-bar nav .current { color:#7d603e; border-color:var(--catalog-bronze); }
.catalog-kicker { margin:0 0 15px; color:#866640; font-size:.67rem; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.catalog-cover-intro { padding:clamp(75px,9vw,145px) clamp(22px,7vw,115px) clamp(55px,7vw,100px); }
.catalog-cover-intro h1 { max-width:1050px; margin:0; font-family:var(--serif); font-size:clamp(4rem,8vw,8.4rem); font-weight:500; line-height:.87; letter-spacing:-.045em; }
.catalog-lede { max-width:620px; margin:36px 0 0 auto; color:#6b655c; font-size:1.05rem; }
.catalog-cover-grid { min-height:760px; display:grid; grid-template-columns:1fr 1fr; }
.cover-collection { min-height:760px; position:relative; overflow:hidden; color:#fff; }
.cover-collection img { width:100%; height:100%; object-fit:cover; transition:transform .8s cubic-bezier(.2,.65,.3,1); }
.cover-collection:hover img { transform:scale(1.02); }
.cover-shade { position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.78),transparent 60%); }
.cover-copy { position:absolute; left:clamp(25px,5vw,75px); right:clamp(25px,5vw,75px); bottom:55px; display:flex; flex-direction:column; }
.cover-copy small { color:#d1ae7e; font-size:.68rem; letter-spacing:.15em; text-transform:uppercase; }
.cover-copy strong { font-family:var(--serif); font-size:clamp(3.4rem,5.5vw,6.5rem); font-weight:500; line-height:1; }
.cover-copy em { margin-top:18px; font-style:normal; font-size:.73rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.catalog-customization { padding:clamp(85px,10vw,155px) clamp(22px,7vw,115px); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; background:#171715; color:#fff; }
.customization-heading h2,.collection-customize h2 { margin:0 0 25px; font-family:var(--serif); font-size:clamp(3rem,5vw,5.3rem); font-weight:500; line-height:.95; }
.customization-heading > p:last-child { color:rgba(255,255,255,.55); }
.customization-list { display:grid; grid-template-columns:1fr 1fr; }
.customization-list article { min-height:240px; padding:30px; border-top:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.15); }
.customization-list article:nth-child(-n+2) { border-top:0; }
.customization-list span { color:#c7a274; font-size:.67rem; letter-spacing:.12em; }
.customization-list h3 { margin:34px 0 10px; font-family:var(--serif); font-size:1.55rem; font-weight:500; }
.customization-list p { margin:0; color:rgba(255,255,255,.5); font-size:.82rem; }
.catalog-footer { min-height:75px; padding:20px clamp(22px,5vw,80px); display:flex; justify-content:space-between; align-items:center; gap:20px; color:rgba(255,255,255,.4); background:#0f0f0e; font-size:.62rem; letter-spacing:.1em; text-transform:uppercase; }

.collection-intro { padding:clamp(60px,7vw,105px) clamp(22px,5vw,80px) clamp(45px,5vw,72px); display:grid; grid-template-columns:1.1fr .9fr; gap:8vw; align-items:end; }
.collection-intro h1 { margin:0; font-family:var(--serif); font-size:clamp(4rem,7vw,7.5rem); font-weight:500; line-height:.85; letter-spacing:-.045em; }
.collection-intro-copy { max-width:580px; justify-self:end; }
.collection-intro-copy p { color:#6b655c; }
.collection-intro-copy a { display:inline-block; margin-top:20px; padding-bottom:3px; border-bottom:1px solid currentColor; color:#866640; font-size:.7rem; font-weight:600; letter-spacing:.08em; text-transform:uppercase; }
.style-tabs { width:min(820px,calc(100% - 44px)); margin:0 auto 32px; display:flex; justify-content:center; gap:clamp(35px,7vw,95px); border-bottom:7px solid #e4e1de; }
.style-tabs a { margin-bottom:-7px; padding:0 8px 18px; color:#4d4b48; border-bottom:7px solid transparent; font-size:.78rem; letter-spacing:.12em; text-align:center; text-transform:uppercase; }
.style-tabs a.current { color:#181715; border-color:#ca806a; }
.collection-status { margin:0 clamp(18px,4vw,65px) 20px; padding:13px 0; display:flex; justify-content:space-between; gap:20px; border-top:1px solid #d9d7d3; border-bottom:1px solid #d9d7d3; color:#77736e; font-size:.64rem; letter-spacing:.1em; text-transform:uppercase; }
.collection-status strong { color:#9b5039; font-weight:600; }
.product-grid { padding:0 clamp(18px,4vw,65px) clamp(85px,10vw,150px); display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:clamp(28px,3vw,48px) clamp(16px,2vw,30px); }
.product-card { min-width:0; background:#fff; }
.product-image { aspect-ratio:1 / 1.05; overflow:hidden; position:relative; background:#efefed; border-radius:10px; }
.product-image img { width:100%; height:100%; object-fit:cover; }
.product-image::after { content:"Made to order"; position:absolute; top:18px; right:18px; padding:8px 12px; color:#a94f33; background:rgba(255,249,245,.94); border:1px solid #e9b49f; border-radius:999px; font-size:.62rem; font-weight:600; letter-spacing:.04em; text-transform:uppercase; }
.product-info { padding:20px 1px 10px; }
.product-info > span { display:block; margin-bottom:9px; color:#9d543d; font-size:.62rem; font-weight:600; letter-spacing:.14em; }
.product-info h2 { margin:0; font-family:var(--sans); font-size:clamp(1.18rem,1.6vw,1.55rem); font-weight:500; line-height:1.2; }
.product-info p { margin:6px 0 13px; color:#68645f; font-size:.72rem; letter-spacing:.05em; text-transform:uppercase; }
.product-info small { display:block; padding-top:11px; border-top:1px solid rgba(18,18,16,.12); color:#756f66; font-size:.68rem; }
.product-info::after { content:""; width:160px; height:19px; margin-top:14px; display:block; border-radius:4px; background:linear-gradient(90deg,#111 0 16%,transparent 16% 19%,#b86f5b 19% 35%,transparent 35% 38%,#6f7870 38% 54%,transparent 54% 57%,#4c6254 57% 73%,transparent 73% 76%,#f7f5ef 76% 92%,transparent 92%); filter:drop-shadow(0 0 0.5px #666); }
.feature-card { color:var(--catalog-ink); }
.feature-card .product-info p,.feature-card .product-info small { color:#68645f; }
.feature-card .product-info small { border-color:rgba(18,18,16,.12); }
.traditional-catalog { --catalog-paper:#f5f5f2; }
.traditional-product-grid .product-image { aspect-ratio:1 / 1.05; }
.collection-customize { padding:clamp(85px,10vw,155px) clamp(22px,7vw,115px); display:grid; grid-template-columns:.8fr 1.2fr; gap:8vw; color:#fff; background:#1b1a18; scroll-margin-top:90px; }
.customize-columns { display:grid; grid-template-columns:1fr 1fr; gap:0; }
.customize-columns p { margin:0; min-height:180px; padding:27px; border-top:1px solid rgba(255,255,255,.15); border-left:1px solid rgba(255,255,255,.15); color:rgba(255,255,255,.53); font-size:.82rem; }
.customize-columns p:nth-child(-n+2) { border-top:0; }
.customize-columns strong { display:block; margin-bottom:17px; color:#fff; font-family:var(--serif); font-size:1.45rem; font-weight:500; }
.traditional-customize { background:#29231d; }
.collection-switch { padding:35px clamp(22px,7vw,115px); display:flex; justify-content:space-between; gap:30px; background:#dcd5ca; }
.collection-switch a { font-size:.7rem; font-weight:600; letter-spacing:.07em; text-transform:uppercase; }

@media (max-width:850px) {
  .catalog-bar { padding:16px 20px; align-items:flex-start; flex-direction:column; }
  .catalog-bar nav { width:100%; gap:20px; overflow-x:auto; }
  .catalog-bar nav a { white-space:nowrap; }
  .catalog-cover-grid { grid-template-columns:1fr; }
  .cover-collection { min-height:620px; }
  .catalog-customization,.collection-intro,.collection-customize { grid-template-columns:1fr; }
  .collection-intro-copy { justify-self:start; }
  .product-grid { grid-template-columns:repeat(2,minmax(0,1fr)); }
}
@media (max-width:620px) {
  .catalog-brand { align-items:flex-start; flex-direction:column; gap:1px; }
  .catalog-cover-intro h1,.collection-intro h1 { font-size:clamp(3.7rem,16vw,5.8rem); }
  .product-grid { grid-template-columns:1fr; }
  .collection-status { align-items:center; flex-direction:column; text-align:center; }
  .customization-list,.customize-columns { grid-template-columns:1fr; }
  .customization-list article,.customization-list article:nth-child(-n+2),.customize-columns p,.customize-columns p:nth-child(-n+2) { min-height:0; border-top:1px solid rgba(255,255,255,.15); border-left:0; }
  .catalog-footer,.collection-switch { align-items:flex-start; flex-direction:column; }
}