Corduroy Suits

About

.ss-cord{ --gold:#d9a86c; --cream:#f6efe4; font-family:"Inter",system-ui,sans-serif; } .ss-cord *{ box-sizing:border-box; margin:0; } /* HERO — 450 / 400 / 520(mobile) */ .ss-cord__hero{ position:relative; min-height:450px; display:flex; align-items:center; background:#2a1c10; overflow:hidden; } @media(max-width:1024px){ .ss-cord__hero{ min-height:400px; } } @media(max-width:640px){ .ss-cord__hero{ min-height:520px; } .ss-cord__scrim{ background:linear-gradient( 180deg, rgba(28,18,8,.9) 0%, rgba(28,18,8,.5) 35%, rgba(28,18,8,.5) 60%, rgba(28,18,8,.92) 100% ); } .ss-cord__hero img{ object-position:center center; } .ss-cord__inner{ padding:32px 24px; } .ss-cord__box h1, .ss-cord__box h2, .ss-cord__box p{ text-shadow:0 1px 12px rgba(10,6,2,.9); } } .ss-cord__hero img{ position:absolute; inset:0; width:100%!important; height:100%!important; object-fit:cover!important; object-position:center 60%; filter:contrast(1.03) saturate(1.05) brightness(.72); opacity:.95; } .ss-cord__scrim{ position:absolute; inset:0; background:linear-gradient( 90deg, rgba(24,15,7,.9) 0%, rgba(24,15,7,.66) 44%, rgba(24,15,7,.2) 100% ); } .ss-cord__inner{ position:relative; max-width:1200px; margin:0 auto; padding:48px 24px; width:100%; } .ss-cord__box, .ss-cord__box h1, .ss-cord__box h2, .ss-cord__box p{ color:var(--cream)!important; } /* H1 - Collection Title */ .ss-cord__kicker{ font-family:"Cormorant Garamond",Georgia,serif; font-size:clamp(34px,5vw,56px); font-weight:500; line-height:1.03; letter-spacing:-.4px; text-transform:none; color:var(--cream)!important; margin-bottom:8px; } /* H2 - Supporting Heading */ .ss-cord__box h2{ font-family:"Cormorant Garamond",Georgia,serif; font-weight:500; font-size:clamp(26px,3.5vw,40px); line-height:1.08; margin-bottom:20px; letter-spacing:-.3px; } .ss-cord__box h2 em{ font-style:italic; color:#f0d3a6!important; } .ss-cord__rule{ width:46px; height:1px; background:var(--gold); margin-bottom:20px; } .ss-cord__box p{ font-size:clamp(14px,1.4vw,16.5px); lin