:root{--ink:#171915;--paper:#f1eee7;--cream:#e4d5c3;--sage:#697366;--line:rgba(25,27,23,.18);--serif:'Italiana',serif;--sans:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:300}a{color:inherit;text-decoration:none}.nav{position:fixed;z-index:20;top:0;left:0;right:0;height:84px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw;color:#fff;border-bottom:1px solid rgba(255,255,255,.25);transition:.4s}.nav.scrolled{background:rgba(23,25,21,.94);backdrop-filter:blur(12px);height:68px}.brand{font-size:11px;letter-spacing:.24em}.brand span{display:block;font-family:var(--serif);font-size:21px;letter-spacing:.12em}.nav nav{display:flex;gap:34px;font-size:12px}.nav nav a{opacity:.8}.nav nav a:hover{opacity:1}.nav-cta{font-size:11px;text-transform:uppercase;letter-spacing:.12em;border-bottom:1px solid;padding:8px 0}.menu{display:none;background:0;border:0;color:#fff}.hero{height:100svh;min-height:720px;position:relative;color:#fff;overflow:hidden}.hero>img{width:100%;height:100%;object-fit:cover}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,12,8,.8) 0%,rgba(8,12,8,.4) 43%,rgba(8,12,8,.06) 75%),linear-gradient(0deg,rgba(5,8,6,.45),transparent 50%)}.hero-copy{position:absolute;left:8vw;top:51%;transform:translateY(-50%);width:min(650px,70vw)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:10px;font-weight:500}.eyebrow.dark{color:#596358}.hero h1,.section h2,.manifesto h2,.contact h2{font-family:var(--serif);font-weight:400;font-size:clamp(58px,7.5vw,116px);line-height:.86;letter-spacing:-.025em;margin:25px 0}.hero h1 em,h2 em{font-weight:400;color:var(--cream)}.lead{font-size:16px;line-height:1.65;max-width:550px;color:rgba(255,255,255,.78)}.button{display:inline-flex;align-items:center;justify-content:space-between;min-width:230px;padding:17px 20px;margin-top:22px;text-transform:uppercase;font-size:10px;letter-spacing:.14em;border:1px solid;transition:.25s}.button:hover{transform:translateY(-2px)}.button.light{border-color:rgba(255,255,255,.65);color:#fff}.button.dark{background:var(--ink);color:#fff}.hero-note{position:absolute;right:5vw;bottom:11%;display:flex;gap:20px;border-top:1px solid rgba(255,255,255,.4);padding-top:16px;font-size:11px}.hero-note span{opacity:.55}.hero-note p{margin:0;line-height:1.6}.scroll{position:absolute;left:4vw;bottom:8%;font-size:9px;letter-spacing:.18em;text-transform:uppercase;writing-mode:vertical-rl;display:flex;align-items:center;gap:14px}.scroll i{width:1px;height:40px;background:#fff}.section{padding:130px 7vw}.section-mark{writing-mode:vertical-rl;font-size:9px;letter-spacing:.18em;text-transform:uppercase;position:absolute;left:2.6vw}.intro-copy{display:grid;grid-template-columns:.8fr 1.5fr;gap:8vw;align-items:start}.intro h2{font-size:clamp(50px,7vw,96px);margin:0}.intro h2 em,.offer h2 em,.process h2 em{color:#788274}.intro-copy>p:last-child{max-width:520px;font-size:18px;line-height:1.8;margin-top:12px}.stats{margin:100px 0 0 25%;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.stats div{padding:35px;border-right:1px solid var(--line)}.stats strong{font-family:var(--serif);font-size:58px;font-weight:400;display:block}.stats sup{font-size:.35em}.stats span{font-size:10px;letter-spacing:.13em;text-transform:uppercase}.formats{display:grid;grid-template-columns:1fr 1fr;background:var(--ink);color:#fff}.format-card{min-height:690px;padding:55px;position:relative;display:flex;align-items:flex-end;gap:8%;overflow:hidden}.format-card.mini{background:#7a8177}.format-card.retail{background:#363b34}.format-card .num{position:absolute;top:35px;left:35px;font-size:10px}.format-card>div:last-child{width:47%;position:relative;z-index:2}.format-card h3{font-family:var(--serif);font-size:48px;font-weight:400;margin:12px 0}.format-card p{line-height:1.65;font-size:13px;color:rgba(255,255,255,.75)}.bottle{margin-left:4%;background:linear-gradient(90deg,#4d2918,#8d5632 48%,#321a10);box-shadow:20px 30px 60px rgba(0,0,0,.28);border-radius:10px 10px 20px 20px;color:#222;text-align:center;display:flex;flex-direction:column;justify-content:center;position:relative}.bottle:before{content:"";position:absolute;background:#141414;left:25%;right:25%;bottom:100%;height:55px;border-radius:3px 3px 0 0}.bottle.small{width:120px;height:245px}.bottle.large{width:190px;height:405px}.bottle b{background:#e8dfd1;padding:32px 5px 14px;font-family:var(--serif);font-size:18px;letter-spacing:.12em}.bottle small{background:#e8dfd1;padding:0 0 30px;font-size:7px;letter-spacing:.2em}.rituals{background:#f4f0e9}.ritual-head{display:flex;justify-content:space-between;align-items:end;gap:70px}.ritual-head h2{font-size:clamp(52px,6vw,90px);margin-bottom:0}.ritual-head>p{width:380px;line-height:1.8}.filters{margin:70px 0 30px;display:flex;gap:10px}.filters button{border:1px solid var(--line);background:none;padding:11px 18px;border-radius:50px;text-transform:uppercase;font:9px var(--sans);letter-spacing:.12em;cursor:pointer}.filters button.active{background:var(--ink);color:#fff}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.product{padding:28px;min-height:390px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.3s}.product:hover{background:#eae5dc}.product.hide{display:none}.product>span,.product small{font-size:8px;letter-spacing:.14em}.product h3{font:34px var(--serif);margin:12px 0 4px}.product p{font-size:12px;margin:0 0 12px}.product small{color:#687064;text-transform:uppercase}.drop{height:210px;width:150px;margin:5px auto 10px;border-radius:50% 50% 55% 45% / 58% 45% 55% 42%;filter:saturate(.7);box-shadow:inset -25px -25px 50px rgba(0,0,0,.18),inset 15px 15px 35px rgba(255,255,255,.35),15px 20px 30px rgba(0,0,0,.12)}.fruit{background:radial-gradient(circle at 35% 30%,#f4c26c,#984e2e 70%)}.flower{background:radial-gradient(circle at 35% 30%,#eee2d6,#b7a197 70%)}.herb{background:radial-gradient(circle at 35% 30%,#a8b49a,#465e49 70%)}.citrus{background:radial-gradient(circle at 35% 30%,#ffcf68,#c46c24 70%)}.lavender{background:radial-gradient(circle at 35% 30%,#b7a7c4,#66556f 70%)}.mint{background:radial-gradient(circle at 35% 30%,#b6d1bd,#397064 70%)}.source-note{font-size:10px;color:#777;max-width:600px;line-height:1.6;margin-top:25px}.manifesto{display:grid;grid-template-columns:1fr 1fr;background:#191b18;color:#fff}.manifesto-image{min-height:850px;background:linear-gradient(0deg,rgba(5,8,6,.4),transparent),url('assets/hero-hotel-haircare.png') center left/cover}.manifesto-copy{padding:100px 8vw}.manifesto h2{font-size:75px}.value{display:grid;grid-template-columns:40px 1fr;gap:20px;border-top:1px solid rgba(255,255,255,.2);padding:27px 0}.value span{font-size:9px;opacity:.5}.value h3{font:24px var(--serif);margin:0 0 9px}.value p{font-size:12px;line-height:1.7;color:rgba(255,255,255,.64);margin:0}.offer{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center}.offer h2{font-size:clamp(65px,7vw,105px)}.offer-title>p:last-child{max-width:430px;line-height:1.8}.offer-card{background:#d8c6b2;padding:55px}.price{border-bottom:1px solid rgba(0,0,0,.2);padding-bottom:30px}.price span,.price small{font-size:10px;text-transform:uppercase;letter-spacing:.15em}.price strong{display:block;font:100px var(--serif)}.price sup{font-size:.35em}.offer-card ul{padding:10px 0;list-style:none}.offer-card li{padding:17px 0;border-bottom:1px solid rgba(0,0,0,.16);font-size:13px}.offer-card li span{font-size:9px;margin-right:25px}.process{background:#dedfd7}.process h2{font-size:clamp(50px,6vw,85px)}.steps{display:grid;grid-template-columns:repeat(3,1fr);margin-top:70px;border-top:1px solid var(--line)}.steps article{padding:30px 45px 50px 0;border-right:1px solid var(--line);margin-right:45px}.steps span{font-size:9px}.steps h3{font:29px var(--serif);margin:50px 0 15px}.steps p{font-size:13px;line-height:1.7}.contact{background:#20241f;color:#fff;padding:130px 8vw;display:grid;grid-template-columns:1fr 1fr;gap:10vw}.contact h2{font-size:clamp(52px,6vw,88px)}.contact-copy>p:last-child{color:rgba(255,255,255,.65);line-height:1.7;max-width:430px}.form{padding-top:55px}.form label{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.14em;margin-bottom:24px}.form input,.form select{width:100%;background:none;border:0;border-bottom:1px solid rgba(255,255,255,.3);color:#fff;padding:13px 0;font:14px var(--sans);outline:none}.form input:focus,.form select:focus{border-color:#fff}.form select option{color:#111}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:25px}.form-status{font-size:12px;color:#d8c6b2}footer{background:#11130f;color:#fff;padding:55px 7vw;display:flex;justify-content:space-between;align-items:end;border-top:1px solid rgba(255,255,255,.12)}footer p,footer>a:last-child{font-size:10px;letter-spacing:.1em}.reveal{opacity:0;transform:translateY(30px);transition:opacity .8s,transform .8s}.reveal.visible{opacity:1;transform:none}@media(max-width:800px){.nav nav,.nav-cta{display:none}.menu{display:block}.nav.open nav{display:flex;position:absolute;top:84px;left:0;right:0;background:#171915;padding:30px;flex-direction:column}.hero-copy{left:7vw;width:86vw}.hero h1{font-size:60px}.hero-note{display:none}.section{padding:90px 6vw}.intro-copy,.offer,.contact{grid-template-columns:1fr}.stats{margin:60px 0 0;grid-template-columns:1fr}.formats{grid-template-columns:1fr}.format-card{min-height:580px;padding:35px}.format-card>div:last-child{width:50%}.bottle.large{width:145px;height:330px}.ritual-head{display:block}.ritual-head>p{width:auto}.product-grid{grid-template-columns:1fr 1fr}.manifesto{grid-template-columns:1fr}.manifesto-image{min-height:500px}.steps{grid-template-columns:1fr}.steps article{margin:0;border-right:0;border-bottom:1px solid var(--line)}.form-row{grid-template-columns:1fr}footer{align-items:flex-start;gap:30px;flex-direction:column}}@media(max-width:480px){.product-grid{grid-template-columns:1fr}.format-card{gap:20px}.bottle.small{width:95px;height:210px}.bottle.large{width:110px;height:280px}.format-card h3{font-size:36px}.manifesto-copy{padding:80px 7vw}.price strong{font-size:80px}}