:root{--paper:#f2f2f0;--ink:#2b2b2b;--muted:#66625e;--accent:#b65a3a;--line:#d8cfc4;--soft:#e9e4dd}
*{box-sizing:border-box}
body{margin:0;background:var(--paper);color:var(--ink)}
.brand-page{max-width:1500px;margin:0 auto}
.brand-hero{display:grid;grid-template-columns:1fr 1fr;min-height:520px;background:#ece9e4;border-bottom:1px solid var(--line)}
.brand-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:70px clamp(28px,6vw,96px)}
.breadcrumbs{font-size:14px;line-height:1.55;margin-bottom:32px;color:var(--muted)}
.breadcrumbs a{color:inherit;text-decoration:none}
.kicker{font-size:14px;letter-spacing:.14em;text-transform:uppercase;color:var(--accent);font-weight:700;margin:0 0 16px}
.brand-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(43px,5.3vw,78px);font-weight:400;line-height:.98;margin:0 0 26px;letter-spacing:-.035em}
.brand-hero h1 em{display:block;color:var(--accent);font-weight:400}
.brand-hero-copy>p:last-child{font-size:18px;line-height:1.65;color:#51514e;max-width:650px;margin:0}
.brand-hero-image{min-height:520px;overflow:hidden}
.brand-hero-image img{width:100%;height:100%;object-fit:cover;display:block}
.brand-content{padding:72px clamp(28px,6vw,96px) 84px}
.brand-content h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(35px,4vw,54px);font-weight:400;line-height:1.06;margin:0 0 34px}
.selection-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.selection-grid article{background:#fff;border:1px solid #ded8d0;padding:28px}
.selection-grid span{display:block;color:var(--accent);font-size:14px;font-weight:700;letter-spacing:.08em;margin-bottom:16px}
.selection-grid h3{font-family:Georgia,"Times New Roman",serif;font-size:27px;font-weight:400;margin:0 0 12px}
.selection-grid p{font-size:16px;line-height:1.6;color:var(--muted);margin:0}
.brand-action{display:grid;grid-template-columns:1fr auto;gap:28px;align-items:center;margin-top:24px;padding:30px;background:var(--soft);border-left:3px solid var(--accent)}
.brand-action p{font-size:16px;line-height:1.6;color:#55514d;margin:0;max-width:760px}
.brand-action a{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 22px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700}
.brand-content-secondary{padding-top:0}
.texture-heading{display:grid;grid-template-columns:1.2fr .8fr;gap:40px;align-items:end;margin-bottom:28px}
.texture-heading h2{margin-bottom:0}
.texture-heading>p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}
.texture-card{position:relative;display:grid;grid-template-columns:minmax(280px,.9fr) 1fr auto;min-height:300px;align-items:center;background:#fff;border:1px solid #ded8d0;color:var(--ink);text-decoration:none;overflow:hidden;transition:transform .2s ease,box-shadow .2s ease}
.texture-card:hover{transform:translateY(-3px);box-shadow:0 16px 36px rgba(43,43,43,.1)}
.texture-card>img{width:100%;height:100%;min-height:300px;object-fit:cover;display:block}
.texture-card-copy{display:flex;flex-direction:column;padding:34px}
.texture-card-copy small{color:var(--accent);font-size:13px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px}
.texture-card-copy strong{font-family:Georgia,"Times New Roman",serif;font-size:clamp(32px,3.5vw,50px);font-weight:400;line-height:1.05}
.texture-card-copy em{font-size:15px;font-style:normal;color:var(--muted);margin-top:18px}
.texture-card-arrow{font-size:42px;color:var(--accent);padding:28px}
.family-hero{position:relative;min-height:650px;display:flex;align-items:flex-end;overflow:hidden;background:#3b241b;color:#fff}
.family-hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.family-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(24,17,14,.83) 0%,rgba(24,17,14,.52) 46%,rgba(24,17,14,.08) 80%)}
.family-hero-copy{position:relative;z-index:1;width:min(760px,100%);padding:70px clamp(28px,6vw,96px)}
.family-hero .breadcrumbs,.family-hero .breadcrumbs a{color:rgba(255,255,255,.78)}
.family-hero h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(50px,7vw,92px);font-weight:400;line-height:.9;letter-spacing:-.045em;margin:0 0 26px}
.family-hero h1 em{color:#e1a086;font-weight:400}
.family-hero-copy>p:not(.kicker){font-size:18px;line-height:1.65;max-width:650px;margin:0}
.hero-facts{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.hero-facts span{min-width:150px;padding:13px 15px;border:1px solid rgba(255,255,255,.3);background:rgba(25,20,18,.28);font-size:13px;line-height:1.35}
.hero-facts b{display:block;color:#fff;font-size:18px;margin-bottom:2px}
.family-intro,.collection-block,.family-note,.family-cta{padding:72px clamp(28px,6vw,96px)}
.family-intro{max-width:1040px}
.family-intro h2,.collection-head h2,.family-note h2,.family-cta h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(36px,4.5vw,58px);font-weight:400;line-height:1.03;margin:0 0 24px}
.family-intro>p:last-child{font-size:18px;line-height:1.7;color:var(--muted);margin:0}
.collection-block{border-top:1px solid var(--line)}
.collection-muted{background:#e9e5df}
.collection-head{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:end;margin-bottom:34px}
.collection-head>p{font-size:17px;line-height:1.65;color:var(--muted);margin:0}
.collection-number{display:block;color:var(--accent);font-size:14px;font-weight:700;margin-bottom:14px}
.collection-price{display:inline-block!important;margin:0!important;padding:9px 13px;background:var(--accent);color:#fff!important;font-size:17px!important;font-weight:700;line-height:1!important}
.variant-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.variant-grid.five{grid-template-columns:repeat(5,minmax(0,1fr))}
.variant-card{position:relative;min-height:224px;background:#fff;border:1px solid #ddd6cd;padding:20px}
.variant-panel-photo{display:block;width:100%;height:160px;object-fit:contain;object-position:center;margin:0 0 18px;background:#fff}
.colour-chip{--brick:#aaa;--joint:#786f65;display:block;width:100%;aspect-ratio:2.7/1;border:1px solid rgba(43,43,43,.25);clip-path:polygon(0 0,97% 0,100% 11%,100% 89%,97% 100%,0 100%);box-shadow:0 10px 18px rgba(43,43,43,.14);margin-bottom:22px;background-color:var(--brick);background-image:linear-gradient(to bottom,var(--joint) 0 2px,transparent 2px),linear-gradient(to right,var(--joint) 0 2px,transparent 2px);background-size:100% 22px,54px 44px;background-position:0 0,0 0}
.colour-chip.beige{--brick:#c9ab82}.colour-chip.milk{--brick:#e7dfce}.colour-chip.sand{--brick:#d3b36f}.colour-chip.terra{--brick:#a84f2f}.colour-chip.chocolate{--brick:#5b3428}.colour-chip.graphite{--brick:#434446}.colour-chip.anthracite{--brick:#303235}.colour-chip.granite{--brick:#77736c}.colour-chip.cinnamon{--brick:#a45c37}.colour-chip.coffee{--brick:#674437}
.colour-chip.same{--joint:color-mix(in srgb,var(--brick) 78%,#302a26)}.colour-chip.joint-7006{--joint:#756b5d}.colour-chip.joint-black{--joint:#101112}.colour-chip.joint-white{--joint:#f3f0e8}.colour-chip.joint-dark-beige{--joint:#8a735d}
.variant-card h3{font-family:Georgia,"Times New Roman",serif;font-size:24px;font-weight:400;margin:0 0 8px}
.variant-card p{font-size:14px;color:var(--muted);margin:0;padding-right:30px}
.family-note{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;background:#33312e;color:#fff}
.family-note h2{margin:0;color:#fff}
.family-note>p{font-size:18px;line-height:1.7;color:#ded8d0;margin:0}
.family-cta{display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;background:#ded6cc}
.family-cta h2{max-width:760px}
.family-cta div>p:last-child{font-size:17px;line-height:1.65;color:#5b5651;margin:0;max-width:760px}
.family-cta>a{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:15px 24px;background:var(--accent);color:#fff;text-decoration:none;font-weight:700;white-space:nowrap}
@media(max-width:850px){.brand-hero{grid-template-columns:1fr;min-height:0}.brand-hero-image{min-height:320px;order:-1}.selection-grid{grid-template-columns:1fr}.brand-action{grid-template-columns:1fr}.brand-action a{width:100%}}
@media(max-width:1050px){.variant-grid,.variant-grid.five{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:850px){.texture-heading,.collection-head,.family-note,.family-cta{grid-template-columns:1fr}.texture-card{grid-template-columns:1fr}.texture-card>img{height:260px;min-height:0}.texture-card-arrow{position:absolute;right:0;bottom:0}.family-hero{min-height:600px}.family-hero-shade{background:linear-gradient(0deg,rgba(24,17,14,.9) 0%,rgba(24,17,14,.45) 70%,rgba(24,17,14,.18) 100%)}.variant-grid,.variant-grid.five{grid-template-columns:repeat(2,minmax(0,1fr))}.family-cta>a{width:100%}}
@media(max-width:600px){.brand-hero-copy{padding-top:48px;padding-bottom:48px}.brand-content{padding-top:52px}.family-hero{min-height:620px}.family-hero-copy{padding-top:45px;padding-bottom:45px}.hero-facts{display:grid;grid-template-columns:1fr 1fr}.family-intro,.collection-block,.family-note,.family-cta{padding-top:52px;padding-bottom:52px}.variant-grid,.variant-grid.five{grid-template-columns:1fr}.variant-card{min-height:150px}.texture-card-copy{padding:26px}.texture-card-arrow{padding:20px}}