:root{--paper:#f7f3ee;--white:#fffdf9;--ink:#29201d;--muted:#756c67;--rose:#b68077;--deep:#795149;--line:rgba(59,42,37,.14);--serif:"Prata",Georgia,serif;--sans:"Manrope",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}.header{height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,80px);border-bottom:1px solid var(--line);background:rgba(247,243,238,.9);backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.logo{font:1.55rem var(--serif);letter-spacing:-.04em}.logo span{font:500 .56rem var(--sans);letter-spacing:.2em;text-transform:uppercase;margin-left:5px;color:var(--rose)}.nav{display:flex;gap:36px;font-size:.84rem}.nav a{transition:color .2s}.nav a:hover{color:var(--rose)}.header-cta{font-size:.82rem;border-bottom:1px solid var(--ink);padding:4px 0}.hero{min-height:calc(100vh - 88px);display:grid;grid-template-columns:1fr 1fr}.hero-copy{padding:clamp(70px,9vw,140px) clamp(24px,7vw,110px);display:flex;flex-direction:column;justify-content:center}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.69rem;font-weight:600;color:var(--deep);margin:0 0 24px}.hero h1{font:clamp(2.8rem,5.4vw,5.7rem)/1.05 var(--serif);letter-spacing:-.055em;margin:0;max-width:800px}.hero h1 em{display:block;font-weight:400;color:var(--rose)}.lead{max-width:600px;color:var(--muted);font-size:1.02rem;margin:32px 0}.hero-actions{display:flex;align-items:center;gap:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 27px;border-radius:100px;font-size:.82rem;font-weight:600;letter-spacing:.02em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.primary{background:var(--deep);color:white}.text-link{font-size:.82rem;font-weight:600}.text-link span{margin-left:8px}.trust-row{display:flex;gap:22px;margin-top:42px;color:var(--muted);font-size:.72rem}.trust-row span:before{content:"✓";color:var(--rose);margin-right:7px}.hero-visual{position:relative;min-height:620px;background:#dfd2c9;padding:clamp(18px,3vw,48px);display:flex}.photo-placeholder{border:1px solid rgba(255,255,255,.65);width:100%;display:flex;align-items:flex-end;justify-content:space-between;padding:28px;background:linear-gradient(145deg,#c8b1a4,#eadfd8);color:white;position:relative;overflow:hidden}.photo-placeholder:after,.card-photo:after,.product-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 25%,rgba(255,255,255,.18) 50%,transparent 75%);transform:translateX(-100%);animation:shine 6s infinite}.photo-placeholder strong,.photo-placeholder small{display:block}.photo-placeholder small{opacity:.8}.placeholder-number{font:3rem var(--serif);opacity:.75}.visual-note{position:absolute;right:7%;top:9%;background:var(--white);padding:17px 22px;font:1rem/1.4 var(--serif);transform:rotate(2deg);box-shadow:0 10px 40px rgba(70,46,39,.1)}.statement{padding:clamp(90px,12vw,180px) clamp(24px,8vw,120px);display:grid;grid-template-columns:1.4fr .6fr;gap:10vw;align-items:end}.statement>p{font:clamp(2.1rem,4vw,4.5rem)/1.22 var(--serif);letter-spacing:-.04em;margin:0}.statement i,.order i{color:var(--rose);font-weight:400}.statement-copy span{font-size:.68rem;letter-spacing:.15em;text-transform:uppercase;color:var(--rose)}.statement-copy p{color:var(--muted);margin-top:20px}.comparison{background:var(--white);padding:clamp(80px,10vw,140px) clamp(24px,7vw,100px)}.section-heading h2{font:clamp(2.2rem,4vw,4.2rem)/1.12 var(--serif);letter-spacing:-.04em;margin:0}.compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:60px}.compare-card{margin:0}.card-photo{height:500px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;color:rgba(255,255,255,.88);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.before .card-photo{background:linear-gradient(150deg,#cdc8c2,#938c87)}.after .card-photo{background:linear-gradient(150deg,#b88b82,#e7d8ce)}.card-caption{display:flex;justify-content:space-between;gap:30px;padding:18px 0;border-bottom:1px solid var(--line)}.card-caption small{text-transform:uppercase;letter-spacing:.15em;color:var(--rose)}.card-caption p{margin:0;max-width:300px;text-align:right}.benefits{padding:0 clamp(24px,7vw,100px);display:grid;grid-template-columns:repeat(3,1fr);background:var(--white)}.benefits article{padding:60px 4vw;border-right:1px solid var(--line);border-top:1px solid var(--line)}.benefits article:first-child{border-left:1px solid var(--line)}.benefits span{font:1.8rem var(--serif);color:var(--rose)}.benefits h3{font:1.35rem var(--serif);margin:50px 0 12px}.benefits p{color:var(--muted);margin:0;font-size:.88rem}.collection{padding:clamp(90px,11vw,160px) clamp(24px,7vw,100px)}.centered{text-align:center}.centered>p:last-child{color:var(--muted);max-width:550px;margin:18px auto 0}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:60px}.product-card{cursor:pointer;transition:transform .25s}.product-card:hover{transform:translateY(-6px)}.product-photo{height:390px;display:flex;align-items:center;justify-content:center;background:#e8e1da;position:relative;overflow:hidden;color:#8c817b;font-size:.7rem;text-transform:uppercase;letter-spacing:.14em}.product-card[data-tone="rose"] .product-photo{background:#d9bbb3}.product-card[data-tone="graphite"] .product-photo{background:#8d8986;color:white}.product-photo b{position:absolute;top:18px;left:18px;background:var(--white);color:var(--deep);padding:7px 11px;border-radius:100px;font-size:.56rem;letter-spacing:.08em}.product-info{display:flex;justify-content:space-between;align-items:center;padding:20px 2px}.product-info h3{font:1.2rem var(--serif);margin:0}.product-info p{margin:3px 0 0;color:var(--muted);font-size:.78rem}.swatch{width:24px;height:24px;border-radius:50%;border:4px solid var(--paper);box-shadow:0 0 0 1px var(--line)}.milk{background:#eee8df}.rose{background:#bd8d84}.graphite{background:#5d5a58}.order{margin:0 clamp(16px,3vw,48px) 48px;padding:clamp(80px,10vw,140px) 24px;text-align:center;background:var(--deep);color:white;position:relative;overflow:hidden}.order:before{content:"";position:absolute;width:420px;height:420px;border:1px solid rgba(255,255,255,.12);border-radius:50%;left:-150px;top:-180px}.order h2{font:clamp(2.8rem,5vw,5.5rem)/1.08 var(--serif);letter-spacing:-.05em;margin:0}.order>p:not(.eyebrow){color:rgba(255,255,255,.7);max-width:520px;margin:24px auto 30px}.order .eyebrow{color:#e6b9af}.light{background:white;color:var(--deep)}.order-mark{position:absolute;right:5%;bottom:-40px;font:11rem var(--serif);color:rgba(255,255,255,.045)}footer{padding:36px clamp(24px,5vw,80px);display:flex;align-items:center;justify-content:space-between;font-size:.74rem;color:var(--muted)}.footer-logo{color:var(--ink)}@keyframes shine{50%,100%{transform:translateX(100%)}}@media(max-width:900px){.nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{min-height:700px}.hero-visual{min-height:620px}.statement{grid-template-columns:1fr;gap:55px}.compare-grid{grid-template-columns:1fr}.benefits{grid-template-columns:1fr}.benefits article{border-left:1px solid var(--line)}.products{grid-template-columns:1fr 1fr}.product-card:last-child{grid-column:1/-1;width:50%;margin:auto}.card-photo{height:420px}}@media(max-width:600px){.header{height:72px}.header-cta{font-size:.74rem}.hero{min-height:auto}.hero-copy{min-height:650px;padding-top:70px}.hero h1{font-size:2.85rem}.lead{font-size:.94rem}.trust-row{gap:10px;flex-wrap:wrap}.hero-visual{min-height:480px;padding:14px}.visual-note{font-size:.85rem}.statement{padding-top:100px;padding-bottom:100px}.statement>p br{display:none}.compare-grid{margin-top:40px}.card-photo{height:360px}.card-caption{display:block}.card-caption p{text-align:left;margin-top:8px}.benefits article{padding:42px 24px}.benefits h3{margin-top:30px}.products{grid-template-columns:1fr}.product-card:last-child{grid-column:auto;width:100%}.product-photo{height:390px}.order{margin:0 10px 30px}.order-mark{font-size:7rem}footer{align-items:flex-start;gap:20px;flex-wrap:wrap}footer p{order:3;width:100%}}