.rug-hero .hero-copy { padding:30px; background:#fffffff0; border:1px solid #fff; }
.rug-hero h1 { font-size:clamp(2.8rem,4.4vw,4.25rem); }
.rug-hero .hero-visual>img { border-radius:8px; object-position:center; min-height:480px; max-height:650px; }
.rug-hero-note { color:var(--muted); font-size:.9rem; margin-top:24px; }
.rug-collection,.rug-selection,.rug-contact { background:#ffffffed; box-shadow:24px 0 #ffffffed,-24px 0 #ffffffed; }
.rug-filters { margin-top:8px; }
.rug-count { color:var(--muted); font-size:.875rem; margin-block:18px 24px; }
.rug-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
.rug-card { min-width:0; border:1px solid var(--line); background:white; display:flex; flex-direction:column; }
.rug-image-link { display:block; background:#f1f1ef; padding:18px; aspect-ratio:3/4; overflow:hidden; }
.rug-image-link img { width:100%; height:100%; object-fit:contain; transition:transform .3s; }
.rug-image-link:hover img { transform:scale(1.025); }
.rug-card-copy { padding:23px; display:flex; flex:1; flex-direction:column; align-items:flex-start; }
.rug-reference { color:var(--teal); font-size:.8rem; letter-spacing:.12em; margin-bottom:8px; }
.rug-card h3 { font-family:var(--serif); font-weight:400; font-size:1.6rem; color:var(--navy); }
.rug-palette { color:var(--muted); font-size:.95rem; margin-block:10px 22px; }
.rug-enquiry { display:inline-flex; align-items:center; min-height:44px; margin-top:auto; font-size:.9375rem; font-weight:600; border-bottom:1px solid var(--gold); }
.rug-enquiry:hover { color:var(--teal); }
.rug-selection-note { color:var(--muted); font-size:.9rem; margin-top:28px; max-width:850px; }
.rug-story { display:grid; grid-template-columns:1fr 1fr; background:var(--navy); color:white; }
.rug-story-image { min-height:540px; }
.rug-story-image img { width:100%; height:100%; object-fit:cover; }
.rug-story-copy { padding:65px clamp(35px,5vw,85px); display:flex; flex-direction:column; justify-content:center; }
.rug-story-copy .eyebrow { color:var(--turquoise); }
.rug-story-copy h2 { font-size:clamp(2.3rem,3.4vw,3.5rem); margin-top:20px; }
.rug-story-copy>p:not(.eyebrow) { color:#d9e1eb; margin-top:25px; }
.rug-specs { margin:30px 0 0; }
.rug-specs>div { display:flex; justify-content:space-between; gap:25px; padding-block:14px; border-top:1px solid #ffffff30; font-size:.9375rem; }
.rug-specs dt { color:var(--turquoise); }
.rug-specs dd { margin:0; text-align:right; max-width:60%; }
@media(max-width:1050px) { .rug-grid { gap:20px; } .rug-card-copy { padding:20px; } .rug-card h3 { font-size:1.4rem; } .rug-story-copy { padding:45px 32px; } }
@media(max-width:850px) { .rug-hero .hero-copy { padding:24px; } .rug-grid { grid-template-columns:repeat(2,minmax(0,1fr)); } .rug-story { grid-template-columns:1fr; } .rug-story-image { min-height:0; max-height:550px; overflow:hidden; } .rug-story-image img { aspect-ratio:1.4; } .rug-story-copy { padding:45px 30px; } .rug-collection,.rug-selection,.rug-contact { box-shadow:14px 0 #ffffffed,-14px 0 #ffffffed; } }
@media(max-width:600px) { .rug-hero .hero-copy { padding:24px 20px; } .rug-hero h1 { font-size:2.75rem; } .rug-hero .hero-visual>img { min-height:0; } .rug-grid { gap:16px; } .rug-image-link { padding:10px; } .rug-card-copy { padding:16px 12px; } .rug-card h3 { font-size:1.2rem; } .rug-palette { font-size:.875rem; } .rug-enquiry { font-size:.875rem; } .rug-specs>div { font-size:.9rem; } }
@media(max-width:380px) { .rug-grid { grid-template-columns:1fr; } .rug-card h3 { font-size:1.5rem; } }