
:root{--bg:#f5f3ee;--ink:#111;--muted:#6d6a63;--line:rgba(17,17,17,.14);--card:#e9e5dc;--accent:#d7c3a0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:40;left:0;right:0;top:0;display:flex;align-items:center;justify-content:space-between;padding:18px 32px;color:#fff;mix-blend-mode:difference}.brand{font-weight:700;letter-spacing:.16em;font-size:14px}.navlinks{display:flex;gap:24px;font-size:13px}.hero{min-height:100svh;position:relative;overflow:hidden;background:#111}.hero video,.hero .poster{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.65),rgba(0,0,0,.08) 65%),linear-gradient(0deg,rgba(0,0,0,.45),transparent 45%)}.heroContent{position:relative;z-index:2;color:#fff;max-width:980px;padding:22vh 7vw 8vh}.eyebrow,.kicker{text-transform:uppercase;letter-spacing:.18em;font-size:12px}.hero h1{font-size:clamp(58px,10vw,150px);line-height:.87;letter-spacing:-.06em;margin:18px 0 28px;font-weight:500}.hero h1 em{font-family:Georgia,serif;font-weight:400}.lead{font-size:clamp(17px,2vw,25px);max-width:700px;color:rgba(255,255,255,.83)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:1px solid currentColor;border-radius:100px;font-size:13px;font-weight:700;letter-spacing:.04em}.btn.light{background:#fff;color:#111;border-color:#fff}.btn.dark{background:#111;color:#fff;border-color:#111}.section{padding:110px 7vw}.sectionHead{display:grid;grid-template-columns:1.4fr .6fr;gap:40px;align-items:end;margin-bottom:55px}.sectionHead h2,.statement h2{font-size:clamp(42px,7vw,100px);line-height:.96;letter-spacing:-.055em;margin:12px 0}.sectionHead p,.statement p{color:var(--muted);max-width:620px;font-size:18px}.statement{display:grid;grid-template-columns:1.35fr .65fr;gap:60px}.statement h2 span{font-family:Georgia,serif;font-style:italic;font-weight:400}.strip{display:grid;grid-template-columns:1fr 1.35fr 1fr;gap:14px;padding:0 2vw}.strip img{width:100%;height:56vh;object-fit:cover;border-radius:18px}.strip img:nth-child(2){height:68vh;margin-top:-6vh}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.garment{min-height:390px;background:linear-gradient(145deg,#fff,#d8d2c5);border-radius:18px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;position:relative;border:1px solid rgba(0,0,0,.05)}.garment:before{content:"";position:absolute;width:68%;aspect-ratio:1;left:16%;top:16%;border-radius:50%;background:radial-gradient(circle,#fff 0 22%,rgba(255,255,255,.56) 23% 45%,transparent 46%);opacity:.9}.garment>*{position:relative;z-index:1}.garment small{color:var(--muted);letter-spacing:.12em}.garment h3{font-size:29px;margin:0;letter-spacing:-.04em}.garment .arrow{font-size:28px;align-self:flex-end}.time{background:#111;color:#fff}.time .sectionHead p{color:#aaa}.timeGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.timeCard{border:1px solid #333;border-radius:18px;padding:28px;min-height:330px;display:flex;flex-direction:column;justify-content:space-between;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent)}.timeCard strong{font-size:72px;line-height:1}.swatch{height:120px;border-radius:12px;background:linear-gradient(135deg,#f4f2ed,#c8b89e,#8e877d)}.timeCard:nth-child(1) .swatch{filter:saturate(.5) brightness(1.2)}.timeCard:nth-child(2) .swatch{filter:saturate(.65) brightness(1.05)}.timeCard:nth-child(3) .swatch{filter:saturate(.75) brightness(.92)}.timeCard:nth-child(4) .swatch{filter:saturate(.8) brightness(.78)}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}.step{background:var(--bg);padding:50px 34px;min-height:300px}.step span{font-size:12px;letter-spacing:.16em}.step h3{font-size:30px;margin-top:80px}.step p{color:var(--muted)}.cta{padding:140px 7vw;background:#d8d1c4}.cta h2{font-size:clamp(52px,8vw,118px);line-height:.9;letter-spacing:-.06em;max-width:1100px;margin:0 0 40px}.cta h2 em{font-family:Georgia,serif;font-weight:400}footer{display:flex;justify-content:space-between;gap:20px;padding:32px 7vw;border-top:1px solid var(--line);font-size:13px;color:var(--muted)}.productHero{min-height:72vh;padding:18vh 7vw 8vh;display:flex;align-items:end;background:linear-gradient(145deg,#faf9f6,#d8d2c7)}.productHero h1{font-size:clamp(64px,11vw,150px);line-height:.9;letter-spacing:-.065em;margin:0}.productHero p{max-width:600px;font-size:19px;color:var(--muted)}.states{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.state{height:330px;border-radius:16px;padding:22px;display:flex;align-items:flex-end;font-weight:700;background:linear-gradient(150deg,#fff,#e9e5dc)}.state:nth-child(2){background:linear-gradient(150deg,#f6f3ed,#ded6c9)}.state:nth-child(3){background:linear-gradient(150deg,#eee9e0,#cbbda8)}.state:nth-child(4){background:linear-gradient(150deg,#e1d9cb,#ab9b87)}.state:nth-child(5){background:linear-gradient(150deg,#cfc4b3,#7d766d);color:#fff}@media(max-width:900px){.navlinks{display:none}.sectionHead,.statement{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.timeGrid,.states{grid-template-columns:repeat(2,1fr)}.process{grid-template-columns:1fr}.strip{grid-template-columns:1fr}.strip img,.strip img:nth-child(2){height:55vh;margin:0}.heroContent{padding-top:27vh}footer{flex-direction:column}}@media(max-width:560px){.nav{padding:16px 18px}.section{padding:80px 20px}.grid{grid-template-columns:1fr}.timeGrid,.states{grid-template-columns:1fr}.heroContent{padding:24vh 20px 50px}.hero h1{font-size:58px}.cta{padding:90px 20px}}
