Loro Piana Suits

About

.ss-lp{ --platinum:#c9c6bd; --ivory:#f4f2ec; font-family:"Inter",system-ui,sans-serif; } .ss-lp *{ box-sizing:border-box; margin:0; } /* HERO */ .ss-lp__hero{ position:relative; min-height:450px; display:flex; align-items:center; overflow:hidden; } @media(max-width:1024px){ .ss-lp__hero{ min-height:400px; } } @media(max-width:640px){ .ss-lp__hero{ min-height:520px; } .ss-lp__inner{ padding:32px 24px; } } /* BACKGROUND IMAGE */ .ss-lp__hero img{ position:absolute; inset:0; width:100%!important; height:100%!important; object-fit:cover!important; object-position:70% center; filter:none; opacity:1; } /* FAINT WOVEN TEXTURE */ .ss-lp__weave{ position:absolute; inset:0; opacity:.25; mix-blend-mode:overlay; background-image: repeating-linear-gradient( 90deg, rgba(255,255,255,.025) 0 1px, transparent 1px 5px ), repeating-linear-gradient( 0deg, rgba(255,255,255,.02) 0 1px, transparent 1px 5px ); } /* CONTENT */ .ss-lp__inner{ position:relative; max-width:1200px; margin:0 auto; padding:52px 24px; width:100%; z-index:2; } .ss-lp__box{ max-width:600px; } .ss-lp__box, .ss-lp__box h1, .ss-lp__box p{ color:var(--ivory)!important; } .ss-lp__kicker{ display:flex; align-items:center; gap:10px; font-size:10.5px; letter-spacing:.32em; text-transform:uppercase; color:var(--platinum)!important; margin-bottom:18px; font-weight:500; } .ss-lp__kicker span.dot{ width:3px; height:3px; border-radius:50%; background:var(--platinum); display:inline-block; } .ss-lp__box h1{ font-family:"Cormorant Garamond",Georgia,serif; font-weight:400; font-size:clamp(32px,4.6vw,52px); line-height:1.08; margin-bottom:22px; letter-spacing:.2px; } .ss-lp__box h1 em{ font-style:italic; color:var(--platinum)!important; } .ss-lp__rule{ width:38px; height:1px; background:var(--platinum); margin-bottom:22px; opacity:.6; } .ss-lp__box p{ font-size:clamp(13.5px,1.3vw,15.5px); line-height:1.75; color:#b9b6ae!important; max-width:50ch; margin-bottom:14px; font-weight:400; } .ss-lp__box p.lead{ color:#d8d5cc!important; } /