:root { --curtain-ink:#183a31; --curtain-gold:#c8a463; --curtain-paper:#f7f4ee; --curtain-clay:#aa674c; --curtain-mist:#e4ece6; }
.curtain-page { background:var(--curtain-paper); color:#35544a; }
.curtain-page * { box-sizing:border-box; }
.curtain-page .curtain-wrap { width:min(1240px,calc(100% - 48px)); margin-inline:auto; }
.curtain-page h1,.curtain-page h2,.curtain-page h3 { color:var(--curtain-ink); }
.curtain-page .curtain-kicker { color:#9f7443; font:600 11px/1.2 Montserrat,Arial,sans-serif; text-transform:uppercase; letter-spacing:.17em; margin-bottom:18px; }
.curtain-page .curtain-hero { display:grid; grid-template-columns:1.05fr .95fr; min-height:690px; background:#e3e5dc; }
.curtain-page .hero-copy { display:flex; flex-direction:column; justify-content:center; padding:clamp(50px,8vw,115px) clamp(25px,7vw,120px); }
.curtain-page .hero-copy h1 { font:600 clamp(46px,5.3vw,78px)/.99 'Cormorant Garamond',Georgia,serif; margin:0 0 25px; }
.curtain-page .hero-copy p { font:400 16px/1.82 Montserrat,Arial,sans-serif; max-width:570px; margin:0 0 34px; }
.curtain-page .curtain-button { display:inline-flex; align-items:center; justify-content:center; width:max-content; padding:15px 23px; background:var(--curtain-ink); color:#fff; font:600 11px Montserrat,Arial,sans-serif; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; transition:transform .25s,background .25s; }
.curtain-page .curtain-button:hover { color:#fff; background:var(--curtain-clay); transform:translateY(-3px); }
.curtain-page .hero-image { min-height:440px; background:linear-gradient(90deg,rgba(24,58,49,.08),transparent),url('asset/images/supplied/curtains/HERO-CURTAINS.png') center/cover; }
.curtain-page .curtain-section { padding:clamp(72px,10vw,130px) 0; }
.curtain-page .about-grid { display:grid; grid-template-columns:.9fr 1.1fr; gap:clamp(35px,7vw,105px); align-items:center; }
.curtain-page .about-grid h2,.curtain-page .section-heading { font:600 clamp(39px,4.4vw,64px)/1 'Cormorant Garamond',Georgia,serif; margin:0 0 24px; }
.curtain-page .about-grid p,.curtain-page .section-intro { font:400 16px/1.85 Montserrat,Arial,sans-serif; margin:0; }
.curtain-page .lifestyle-image { min-height:520px; background:url('asset/images/Curtains.jpg') center/cover; }
.curtain-page .collection-section { background:#eee9df; }
.curtain-page .section-heading { max-width:730px; }
.curtain-page .range-block { margin-top:74px; }
.curtain-page .range-top { display:grid; grid-template-columns:1fr 1.15fr; gap:40px; align-items:end; margin-bottom:26px; }
.curtain-page .range-top h3 { font:600 clamp(34px,3.5vw,52px)/1.02 'Cormorant Garamond',Georgia,serif; margin:0; }
.curtain-page .range-top p { font:400 15px/1.78 Montserrat,Arial,sans-serif; margin:0; }
.curtain-page .range-gallery { display:grid; grid-template-columns:repeat(4,1fr); gap:14px; }
.curtain-page .range-gallery img { display:block; width:100%; aspect-ratio:3/4; object-fit:cover; transition:transform .45s ease,filter .45s ease; }
.curtain-page .range-gallery img:hover { transform:translateY(-7px); filter:saturate(1.08); }
.curtain-page .range-block:nth-of-type(even) .range-gallery img:nth-child(even) { transform:translateY(32px); }
.curtain-page .range-block:nth-of-type(even) .range-gallery img:nth-child(even):hover { transform:translateY(25px); }
.curtain-page .sourcing-section { background:var(--curtain-ink); color:#eaf0ea; }
.curtain-page .sourcing-section h2 { color:#fff; }
.curtain-page .sourcing-section .curtain-kicker { color:#e2bf80; }
.curtain-page .sourcing-sub { font:400 16px/1.7 Montserrat,Arial,sans-serif; max-width:600px; margin:0 0 40px; }
.curtain-page .sourcing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:14px; }
.curtain-page .sourcing-card { min-height:185px; padding:29px; border:1px solid rgba(255,255,255,.16); background:rgba(255,255,255,.055); }
.curtain-page .sourcing-card h3 { color:#f3d6a0; font:600 27px/1 'Cormorant Garamond',Georgia,serif; margin:0 0 13px; }
.curtain-page .sourcing-card p { color:#d7e1db; font:400 13px/1.65 Montserrat,Arial,sans-serif; margin:0; }
.curtain-page .more-panel { display:grid; grid-template-columns:.85fr 1.15fr; gap:60px; padding:clamp(38px,6vw,75px); background:var(--curtain-mist); }
.curtain-page .more-panel h2 { font:600 clamp(39px,4.3vw,62px)/1 'Cormorant Garamond',Georgia,serif; margin:0; }
.curtain-page .more-panel p { font:400 15px/1.86 Montserrat,Arial,sans-serif; margin:0; }
.curtain-page .final-cta { padding:clamp(75px,11vw,150px) 24px; text-align:center; background:linear-gradient(105deg,rgba(15,42,34,.92),rgba(31,79,64,.82)),url('asset/images/Curtains2.jpg') center/cover; }
.curtain-page .final-cta h2 { color:#fff; font:600 clamp(43px,5vw,72px)/1 'Cormorant Garamond',Georgia,serif; margin:0 auto 21px; max-width:850px; }
.curtain-page .final-cta p { color:#e5eee8; font:400 15px/1.8 Montserrat,Arial,sans-serif; max-width:720px; margin:0 auto 32px; }
.curtain-page .final-cta .curtain-button { background:var(--curtain-gold); color:#17352b; }
.curtain-page .final-cta .curtain-button:hover { background:#fff; color:#17352b; }
@media (max-width:900px) { .curtain-page .curtain-hero,.curtain-page .about-grid,.curtain-page .more-panel { grid-template-columns:1fr; } .curtain-page .hero-image { min-height:460px; order:-1; } .curtain-page .range-gallery,.curtain-page .sourcing-grid { grid-template-columns:repeat(2,1fr); } .curtain-page .range-top { grid-template-columns:1fr; gap:15px; } .curtain-page .range-block:nth-of-type(even) .range-gallery img:nth-child(even) { transform:none; } }
@media (max-width:576px) { .curtain-page .curtain-wrap { width:calc(100% - 32px); } .curtain-page .hero-copy { padding:68px 25px; } .curtain-page .hero-image { min-height:330px; } .curtain-page .lifestyle-image { min-height:360px; } .curtain-page .range-gallery { gap:8px; } .curtain-page .sourcing-grid { grid-template-columns:1fr; } .curtain-page .more-panel { padding:32px 24px; gap:28px; } }