@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,500;0,600;0,700;1,500;1,600&display=swap');
:root{--ink:#191310;--paper:#f1ebe3;--red:#782e30;--copper:#a86f55;--line:#d8c9bb}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.6}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}a:focus-visible{outline:2px solid #dc996d;outline-offset:4px}.skip{position:absolute;top:-80px;left:15px;background:white;color:black;padding:10px;z-index:10}.skip:focus{top:10px}.wrap{width:min(1240px,calc(100% - 96px));margin:auto}.site-header{height:76px;background:#1a1010;color:#f4eee7;display:flex;align-items:center;justify-content:space-between;padding:0 4.5%;gap:30px}.wordmark{font-size:18px;font-weight:600;letter-spacing:.15em;white-space:nowrap;line-height:1}.wordmark span{font-weight:400;color:#c7a38d;padding:0 8px}.wordmark em{font-family:'Playfair Display',Georgia,serif;letter-spacing:-.055em;font-size:28px;font-weight:700}.site-header nav{display:flex;gap:35px;font-size:13px;text-transform:uppercase;letter-spacing:.11em}.site-header nav a:hover,.header-cta:hover,.text-link:hover{color:#e6a47c}.header-cta{font-size:12px;letter-spacing:.11em;text-transform:uppercase;border-bottom:1px solid #aa7e6a;padding-bottom:7px;white-space:nowrap}.header-cta span,.button span,.text-link span{margin-left:18px}.hero{height:min(780px,calc(100svh - 76px));min-height:550px;position:relative;display:flex;align-items:center;background:#1a0d0c;color:#fff;overflow:hidden}.hero-image{position:absolute;inset:0;background:linear-gradient(90deg,rgba(14,7,6,.91) 0%,rgba(14,7,6,.76) 34%,rgba(14,7,6,.12) 77%),url('assets/260306_VOLUSPA_Fender27007.jpg') center 44%/cover}.hero-content{position:relative;z-index:1;padding-bottom:35px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:.23em;line-height:1.4;margin:0 0 25px}.copper{color:var(--copper)}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Playfair Display',Georgia,serif;font-weight:500;line-height:1.09;letter-spacing:-.045em}h1{font-size:clamp(54px,6.8vw,108px);max-width:990px;margin-bottom:26px}h1 i,h2 i,h3 i{font-weight:500} .hero-content>p:not(.eyebrow){font-size:19px;margin-bottom:34px;color:#e8ded7}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 22px;font-size:12px;text-transform:uppercase;font-weight:700;letter-spacing:.14em;min-width:225px;transition:background .2s,color .2s}.button-light{background:#f4eee7;color:#211511}.button-light:hover{background:#d6a183}.hero-index{position:absolute;right:4.5%;bottom:30px;font-size:11px;letter-spacing:.18em}.section-pad{padding:118px 0}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:12%}.intro h2,.section-heading h2,.details h2,.kit h2{font-size:clamp(44px,5vw,75px);margin:0}.intro-copy{padding-top:10px;font-size:18px}.intro-copy p{margin-bottom:22px}.fine-rule{width:80px;height:1px;background:var(--copper);display:block;margin:34px 0 25px}.intro-copy .small-copy{font-size:15px;color:#665852}.interlude{height:440px;position:relative;background:#281717;color:white;overflow:hidden}.interlude>img{width:100%;height:100%;object-fit:cover;object-position:center 55%;filter:brightness(.5)}.interlude>div{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:30px}.interlude p{font:italic 500 clamp(34px,5.4vw,75px)/1.15 'Playfair Display',Georgia,serif;letter-spacing:-.04em;margin:0}.fragrances{background:#ede5dc}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:64px}.section-heading>p{max-width:315px;color:#655851;margin:0 0 6px}.scent{display:grid;grid-template-columns:1.06fr .94fr;min-height:550px;background:#251b19;color:#f7eee8;margin-bottom:22px}.scent-visual{min-height:550px;overflow:hidden}.scent-visual img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.scent:hover .scent-visual img{transform:scale(1.035)}.scent-copy{padding:60px clamp(32px,5vw,82px);display:flex;flex-direction:column;justify-content:center}.scent-num{display:flex;justify-content:space-between;color:#c7987f;border-bottom:1px solid #624844;padding-bottom:15px;font-size:12px;letter-spacing:.15em;font-weight:700}.scent h3{font-size:clamp(48px,5.5vw,82px);margin:38px 0 24px}.scent-copy>p:not(.mood){font-size:17px;max-width:440px;color:#e0d1c9}.notes{border-top:1px solid #624844;margin-top:18px;padding-top:20px}.notes span,.mood{font-size:11px;letter-spacing:.18em;font-weight:700;color:#d5a188}.notes p{font-size:15px;margin:8px 0 0;color:#f1e8e0}.mood{margin:23px 0 0;text-transform:uppercase}.vanilla{background:#b29b93;color:#211919}.vanilla .scent-num,.vanilla .notes{border-color:#806e68}.vanilla .scent-num,.vanilla .notes span,.vanilla .mood{color:#49302c}.vanilla .scent-copy>p:not(.mood),.vanilla .notes p{color:#271d1a}.strawberry{background:#732729}.strawberry .scent-visual img{object-position:center}.details{background:#1c1413;color:#f0e9e3}.details-grid{display:grid;grid-template-columns:.87fr 1.13fr;gap:10%;align-items:center}.details-grid>div>p:not(.eyebrow){max-width:430px;color:#d8c9c1;margin:30px 0 0}.details-grid>img{width:100%;aspect-ratio:1/1;object-fit:cover}.formats{margin-top:50px;border-top:1px solid #55423e;padding-top:23px;display:flex;flex-direction:column;gap:7px}.formats span,.formats small{font-size:12px;letter-spacing:.12em;color:#c7aaa0}.formats strong{font-size:24px;font-weight:500}.formats b{color:#a66b54;padding:0 8px}.kit{background:#f1ebe3}.kit-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:9%;align-items:center}.kit-photo{background:#281715}.kit-photo img{width:100%;aspect-ratio:1.12/1;object-fit:cover}.kit-copy>p:not(.eyebrow){max-width:450px;font-size:17px;margin:26px 0 0}.kit-spec{margin:35px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:17px 0;letter-spacing:.17em;font-size:12px;font-weight:700}.text-link{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;border-bottom:1px solid var(--red);padding-bottom:8px}.finale{min-height:580px;position:relative;display:grid;place-items:center;background:#210c0e;color:white;text-align:center}.finale>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.28)}.finale>div{position:relative;padding:70px 20px}.pick{width:76px;margin:0 auto 28px}.finale h2{font-size:clamp(50px,6vw,85px);margin-bottom:20px}.finale p{font-size:17px;color:#e4d3ca;margin-bottom:32px}footer{background:#160f0e;color:#ded0ca;padding:36px 0}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}.footer-grid>a{text-decoration:underline;text-underline-offset:5px}@media(max-width:900px){.site-header nav{gap:17px}.header-cta{display:none}.wrap{width:min(100% - 48px,1240px)}.section-pad{padding:80px 0}.intro-grid,.details-grid,.kit-grid{gap:6%}.scent,.scent-visual{min-height:460px}.scent-copy{padding:35px}.scent h3{margin:25px 0 20px}}@media(max-width:680px){.site-header{height:68px;padding:0 22px}.site-header nav{gap:14px;font-size:10px}.site-header nav a:first-child{display:none}.wordmark{font-size:13px;letter-spacing:.06em}.wordmark span{padding:0 3px}.wordmark em{font-size:20px}.hero{height:720px;min-height:650px;align-items:end}.hero-image{background:linear-gradient(0deg,rgba(14,7,6,.95) 0%,rgba(14,7,6,.68) 42%,rgba(14,7,6,.05) 100%),url('assets/260306_VOLUSPA_Fender27007.jpg') 60% center/cover}.hero-content{padding-bottom:75px}.hero h1{font-size:clamp(48px,12vw,75px)}.hero-content>p:not(.eyebrow){font-size:16px}.hero-index{bottom:20px;left:24px;right:auto}.intro-grid,.details-grid,.kit-grid{grid-template-columns:1fr;gap:35px}.section-pad{padding:70px 0}.intro-copy{font-size:16px}.interlude{height:330px}.section-heading{display:block;margin-bottom:40px}.section-heading>p{margin-top:25px}.scent{grid-template-columns:1fr}.scent-visual{min-height:auto;aspect-ratio:1/1}.scent-copy{padding:34px 28px 40px}.scent h3{font-size:58px;margin:25px 0 17px}.scent-copy>p:not(.mood){font-size:16px}.details-grid>img{order:-1}.details-grid>div>p:not(.eyebrow){margin-top:20px}.kit-photo img{aspect-ratio:1.2/1}.finale{min-height:540px}.footer-grid{flex-direction:column;text-align:center;gap:17px}.eyebrow{font-size:11px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scent-visual img,.button{transition:none}}

/* Product formats and Anova Trade destinations */
.hero-image{background:linear-gradient(90deg,rgba(14,7,6,.86) 0%,rgba(14,7,6,.65) 42%,rgba(14,7,6,.07) 78%),url('assets/hero1.webp') center center/cover}
.product-variants{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:2px;background:#211715}.product-variants figure{margin:0;background:#fff;color:#261a17;text-align:center;padding:22px 20px 26px}.product-variants img{width:100%;height:280px;object-fit:contain}.product-variants figcaption{font-size:13px;text-transform:uppercase;letter-spacing:.12em;margin-top:9px}.product-variants strong{margin-left:9px;color:#8f4b3e}.kit-photo{background:#fff}.kit-photo img{object-fit:contain}.finale-whatsapp{display:block;margin:20px auto 0;text-decoration:underline;text-underline-offset:5px;font-size:13px;letter-spacing:.04em}.finale-whatsapp:hover{color:#e6a47c}.footer-grid>a{max-width:410px;text-align:center}
@media(max-width:680px){.hero-image{background:linear-gradient(0deg,rgba(14,7,6,.94) 0%,rgba(14,7,6,.55) 45%,rgba(14,7,6,.02) 100%),url('assets/hero1.webp') 64% center/cover}.product-variants figure{padding:14px 8px 18px}.product-variants img{height:180px}.product-variants figcaption{font-size:11px;letter-spacing:.04em}.product-variants strong{display:block;margin-left:0}.footer-grid>a{max-width:320px}}

/* The two Californian brands */
.brands{position:relative;background:#241712;color:#fff;isolation:isolate;overflow:hidden}.brands-bg{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(20,11,9,.93),rgba(20,11,9,.76)),url('assets/brands-bg.webp') center/cover}.brands-content{text-align:center}.brands h2{font-size:clamp(48px,5.8vw,82px);margin:0 auto 25px}.brands-lead{font-size:18px;max-width:790px;margin:0 auto 58px;color:#e8d8ce}.brands-grid{display:grid;grid-template-columns:1fr 1fr;gap:0;text-align:left;border-top:1px solid rgba(255,255,255,.35);border-bottom:1px solid rgba(255,255,255,.35)}.brand-story{padding:45px 7% 48px}.brand-story:first-child{border-right:1px solid rgba(255,255,255,.35)}.brand-logo{width:auto;height:48px;max-width:230px;object-fit:contain;object-position:left center;margin-bottom:27px}.fender-logo{height:55px}.voluspa-logo{height:46px}.brand-story p{color:#e4d5cb;font-size:16px;line-height:1.75;max-width:510px;margin:0}.brands-close{font:italic 500 clamp(23px,2.4vw,34px)/1.35 'Playfair Display',Georgia,serif;max-width:850px;margin:52px auto 0;color:#f7eee7}
@media(max-width:680px){.brands-bg{background:linear-gradient(rgba(20,11,9,.87),rgba(20,11,9,.88)),url('assets/brands-bg.webp') 45% center/cover}.brands-lead{font-size:16px;margin-bottom:34px}.brands-grid{grid-template-columns:1fr}.brand-story{padding:32px 0}.brand-story:first-child{border-right:0;border-bottom:1px solid rgba(255,255,255,.35)}.brand-story p{font-size:15px}.brands-close{margin-top:37px}}

/* Floating WhatsApp contact */
.whatsapp-float{position:fixed;right:24px;bottom:24px;bottom:calc(24px + env(safe-area-inset-bottom));z-index:1000;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;background:#25d366;color:#fff;font-size:32px;box-shadow:0 6px 18px rgba(0,0,0,.25);transition:transform .2s,background-color .2s}.whatsapp-float:hover{transform:translateY(-3px);background:#20ba59;color:#fff}.whatsapp-float:focus-visible{outline:3px solid #fff;outline-offset:3px}.whatsapp-float .fa{line-height:1}
@media(max-width:680px){.whatsapp-float{right:16px;bottom:16px;bottom:calc(16px + env(safe-area-inset-bottom));width:54px;height:54px;font-size:29px}}
@media(prefers-reduced-motion:reduce){.whatsapp-float{transition:none}}