/*
Theme Name: VELMORA Cinematic
Theme URI: https://nithudev.com
Author: nithursan
Author URI: https://nithudev.com
Description: A cinematic, Figma-accurate luxury car fragrance theme with scroll-driven transitions, product collections, affiliate, FAQ, contact management, and responsive layouts.
Version: 1.0.0
Requires at least: 6.3
Tested up to: 6.8
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: velmora-cinematic
Tags: custom-background, custom-logo, custom-menu, featured-images, one-column, accessibility-ready
*/
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Thin-BETA.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-ExtraLight-BETA.woff2') format('woff2');font-weight:200;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Light-BETA.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Black.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-ThinItalic-BETA.woff2') format('woff2');font-weight:100;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-ExtraLightItalic-BETA.woff2') format('woff2');font-weight:200;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-LightItalic-BETA.woff2') format('woff2');font-weight:300;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-Italic.woff2') format('woff2');font-weight:400;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-MediumItalic.woff2') format('woff2');font-weight:500;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-SemiBoldItalic.woff2') format('woff2');font-weight:600;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-BoldItalic.woff2') format('woff2');font-weight:700;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-ExtraBoldItalic.woff2') format('woff2');font-weight:800;font-style:italic;font-display:swap}
@font-face{font-family:'Inter';src:url('assets/fonts/Inter-BlackItalic.woff2') format('woff2');font-weight:900;font-style:italic;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-Thin.woff2') format('woff2');font-weight:100;font-style:normal;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-Light.woff2') format('woff2');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-Book.woff2') format('woff2');font-weight:350;font-style:normal;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-DemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-Bold.woff2') format('woff2');font-weight:700;font-style:normal;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-Black.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
@font-face{font-family:'Pilat Extended';src:url('assets/fonts/PilatExtended-Heavy.woff2') format('woff2');font-weight:900;font-style:normal;font-display:swap}
:root{--red:#ce0712;--deep:#260003;--ink:#0a0a0a;--cream:#f8f4f1;--ease:cubic-bezier(.2,.8,.2,1);--cinematic:cubic-bezier(.16,.82,.18,1.04);--u:min(.13587vw,.20833svh);--fw:calc(736 * var(--u));--fh:calc(480 * var(--u));--fx:calc((100vw - var(--fw))/2);--fy:calc((100svh - var(--fh))/2)}
*{box-sizing:border-box}html{scroll-behavior:auto;scroll-snap-type:y proximity}body{margin:0;color:#111;background:#fff;font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}button,a,input,select,textarea{font:inherit}button,a{cursor:pointer}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.dark{color:#fff}.light{color:#111}.red{color:var(--red)}.micro{font-size:calc(6 * var(--u));letter-spacing:.28em;font-weight:600}.pill{display:inline-flex;align-items:center;justify-content:center;gap:calc(12 * var(--u));border:0;border-radius:999px;padding:calc(7 * var(--u)) calc(16 * var(--u));font-weight:500;font-size:calc(7 * var(--u));white-space:nowrap}.white{background:#fff;color:#111}.red-pill{background:var(--red);color:#fff}.amber{background:linear-gradient(90deg,#fff0df,#ff9d48);color:#111;min-width:calc(175 * var(--u))}
.velmora-honeypot{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none!important}.velmora-basic-header,.velmora-basic-footer{padding:24px 5vw;background:#250004;color:#fff}.velmora-content{max-width:900px;min-height:65vh;margin:0 auto;padding:80px 24px}.admin-bar .site-header{top:32px}@media(max-width:782px){.admin-bar .site-header{top:46px}}
section,.footer{position:relative;overflow:hidden}.hero,.about,.collections,.drive,.reviews,.affiliate,.support,.contact,.footer,.outro{height:100svh;min-height:0;scroll-snap-align:start}
.site-header{position:fixed;z-index:60;top:0;left:0;width:100%;height:calc(var(--fy) + 42 * var(--u));padding:var(--fy) calc(var(--fx) + 18 * var(--u)) 0;display:flex;align-items:center;justify-content:space-between;color:#fff;transition:color .45s var(--ease),background-color .45s var(--ease),box-shadow .45s var(--ease);background:linear-gradient(#1c0005cc,transparent)}.site-header.light-header{color:#111;background:#fffffff2;box-shadow:0 calc(4 * var(--u)) calc(18 * var(--u)) #0000000b;backdrop-filter:blur(12px)}.logo-lockup{display:flex;align-items:center;gap:calc(8 * var(--u));letter-spacing:.2em;font-family:Syne,sans-serif;font-weight:700}.logo-lockup img{width:calc(26 * var(--u));height:calc(26 * var(--u));object-fit:contain}.logo-lockup span{font-size:calc(8.5 * var(--u))}.site-header nav{position:absolute;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:calc(1 * var(--u));padding:calc(2 * var(--u));overflow:hidden;background:rgba(86,24,29,.62);border:1px solid rgba(255,255,255,.1);border-radius:999px;box-shadow:0 calc(3 * var(--u)) calc(10 * var(--u)) #12000326,inset 0 1px #ffffff12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.light-header nav{background:#ececec}.site-header nav a{display:flex;align-items:center;justify-content:center;padding:calc(5 * var(--u)) calc(9 * var(--u));border:0;border-radius:999px;font-size:calc(6.5 * var(--u));line-height:1;letter-spacing:.08em;font-weight:500;color:#d8cbcc;text-decoration:none;transition:color .3s cubic-bezier(.2,.8,.2,1),background-color .3s cubic-bezier(.2,.8,.2,1)}.site-header nav a:hover{color:#fff}.site-header nav a.active{background:rgba(255,255,255,.16);color:#fff}.light-header nav a.active{background:#f2d9da;color:var(--red)}.shop-now{border:0;border-radius:999px;padding:calc(4 * var(--u)) calc(7 * var(--u));background:#ffffff1c;color:inherit;font-size:calc(6.5 * var(--u))}.shop-now span{display:inline-grid;place-items:center;border:1px solid;border-radius:50%;width:calc(12 * var(--u));height:calc(12 * var(--u));margin-left:calc(4 * var(--u))}.mobile-toggle{display:none;border:0;background:none;color:inherit}
.intro{position:fixed;z-index:100;inset:0;background:#310002;transition:opacity .8s,visibility .8s}.intro video{width:100%;height:100%;object-fit:cover}.intro.done{opacity:0;visibility:hidden;pointer-events:none}.skip{position:absolute;right:calc(20 * var(--u));top:calc(16 * var(--u));border:1px solid #ffffff66;border-radius:999px;padding:calc(6 * var(--u)) calc(10 * var(--u));background:#0005;color:#fff}.intro-curtain{position:absolute;inset:0;background:#6b0005;transform:translateX(-102%);pointer-events:none}.intro.closing .intro-curtain{animation:curtain 1s var(--ease)}@keyframes curtain{50%{transform:translateX(0)}100%{transform:translateX(102%)}}
.shared-product{position:fixed;z-index:48;left:0;top:0;width:calc(320 * var(--u));pointer-events:none;will-change:transform,width,opacity;opacity:0;transform:translate3d(calc(var(--fx) + 235 * var(--u)),calc(-360 * var(--u)),0);transform-origin:center;filter:drop-shadow(0 calc(13 * var(--u)) calc(12 * var(--u)) #13000380)}.shared-product.ready{opacity:1}.shared-product img{position:relative;z-index:2;width:100%;height:auto;transition:opacity .18s var(--ease)}.shared-product.switching img{opacity:.1}.shared-product .shared-rope{position:absolute;z-index:1;top:calc(-100svh - 2 * var(--u));height:calc(100svh + 24 * var(--u));width:calc(7 * var(--u));border-radius:999px;background:repeating-linear-gradient(45deg,#25130e 0 calc(3 * var(--u)),#745344 calc(3 * var(--u)) calc(5 * var(--u)));box-shadow:inset calc(1 * var(--u)) 0 #b49682;transition:opacity .35s var(--ease),transform .55s var(--ease)}.shared-rope-left{left:33%}.shared-rope-right{left:51%}.shared-product.ropes-off .shared-rope{opacity:0;transform:translateY(calc(-35 * var(--u)))}.product-glint{display:none}.journey-ready .suspended-product>img,.journey-ready .about-visual>img,.journey-ready .scent-card.active>.scent-product,.journey-ready .vent-product>img,.journey-ready .review-product>img,.journey-ready .affiliate-product,.journey-ready .faq-heading>img,.journey-ready .contact-product{opacity:0!important}.journey-ready .suspended-product .rope{opacity:0}.scene-flash{position:fixed;z-index:47;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 30%,#fff 50%,transparent 70%);transform:translateX(-120%);opacity:0}.scene-flash.run{animation:sceneFlash .72s var(--ease)}@keyframes sceneFlash{0%{opacity:0;transform:translateX(-120%)}35%{opacity:.14}100%{opacity:0;transform:translateX(120%)}}
.hero{background:#580006}.hero-bg,.drive-background,.affiliate-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-bg{inset:auto;left:-9.55%;top:-3.67%;width:119.1%;height:103.67%;background:url('assets/hero-bg.webp') center/cover no-repeat}.hero-title-wrap{position:absolute;z-index:2;left:var(--fx);top:calc(var(--fy) + 64 * var(--u));width:var(--fw);text-align:center}.hero-title{margin:0;font:300 calc(56 * var(--u))/.88 Syne,sans-serif;letter-spacing:.035em;color:#e4e1e1;text-shadow:0 calc(2 * var(--u)) calc(14 * var(--u)) #0009}.hero-title-wrap p{display:inline-block;margin:calc(8 * var(--u)) 0 0;padding:calc(2 * var(--u)) calc(6 * var(--u));background:#44000880;font-size:calc(7.5 * var(--u))}.suspended-product{position:absolute;z-index:4;left:calc(var(--fx) + 235 * var(--u));top:calc(var(--fy) + 135 * var(--u));width:calc(320 * var(--u))}.suspended-product img{width:100%;filter:drop-shadow(0 calc(16 * var(--u)) calc(13 * var(--u)) #12000390)}.rope{position:absolute;z-index:-1;top:calc(-100svh - 2 * var(--u));height:calc(100svh + 24 * var(--u));width:calc(7 * var(--u));border-radius:999px;background:repeating-linear-gradient(45deg,#28150f 0 calc(3 * var(--u)),#705243 calc(3 * var(--u)) calc(5 * var(--u)))}.rope-left{left:33%}.rope-right{left:51%}.hero-copy{position:absolute;z-index:5;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 364 * var(--u));width:calc(245 * var(--u))}.hero-copy h2{font:300 calc(16 * var(--u))/1.02 Syne;margin:0 0 calc(7 * var(--u))}.hero-copy p{margin:0 0 calc(9 * var(--u));font-size:calc(6.6 * var(--u));line-height:1.25;color:#f3dddd}.hero-stats{position:absolute;z-index:5;left:calc(var(--fx) + 610 * var(--u));top:calc(var(--fy) + 314 * var(--u));width:calc(110 * var(--u))}.hero-stats div{padding:calc(8 * var(--u)) calc(12 * var(--u));border:1px solid rgba(255,30,30,0.2);border-radius:calc(6 * var(--u));background:rgba(20,0,2,0.65);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 4px 15px rgba(0,0,0,0.5),inset 0 0 10px rgba(255,30,30,0.1);margin-bottom:calc(6 * var(--u));border-bottom:2px solid rgba(255,30,30,0.5)}.hero-stats strong{font:800 calc(22 * var(--u)) Syne,sans-serif;color:#fff;text-shadow:0 0 10px rgba(255,30,30,0.6)}.hero-stats sup{font-size:calc(8 * var(--u))}.hero-stats small{display:block;color:#d5b8b8;font-size:calc(5.5 * var(--u))}.social-rail{position:absolute;z-index:5;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 270 * var(--u));display:grid;gap:calc(5 * var(--u));place-items:center}.social-rail span{height:calc(13 * var(--u));width:1px;background:#fff}.social-rail a{display:grid;place-items:center;width:calc(17 * var(--u));height:calc(17 * var(--u));font-size:calc(7 * var(--u));border:1px solid;border-radius:50%}.video-teaser{position:absolute;z-index:5;left:calc(var(--fx) + 48 * var(--u));top:calc(var(--fy) + 265 * var(--u));width:calc(157 * var(--u));height:calc(92 * var(--u));border:1px solid #ffffff66;border-radius:calc(6 * var(--u));overflow:hidden;background:#300;padding:0}.video-teaser img{width:100%;height:100%;object-fit:cover}.video-teaser b{position:absolute;inset:0;margin:auto;width:calc(30 * var(--u));height:calc(30 * var(--u));display:grid;place-items:center;border-radius:50%;background:#fffc;color:#5c0006}.scroll-cue{position:absolute;z-index:6;left:50%;bottom:calc(var(--fy) + 8 * var(--u));transform:translateX(-50%);display:grid;place-items:center;gap:calc(3 * var(--u));font-size:calc(5 * var(--u))}.scroll-cue span{width:calc(9 * var(--u));height:calc(15 * var(--u));border:1px solid;border-radius:999px}.scroll-cue span:after{content:"";display:block;width:1px;height:calc(4 * var(--u));background:#fff;margin:calc(3 * var(--u)) auto;animation:scroll 1.5s infinite}@keyframes scroll{to{transform:translateY(calc(6 * var(--u)));opacity:0}}.hero.loaded .hero-title-wrap{animation:titleIn 1.1s .35s both}.hero.loaded .staged{animation:rise 1s 1s both}@keyframes titleIn{from{opacity:0;letter-spacing:.14em}to{opacity:1;letter-spacing:.035em}}@keyframes rise{from{opacity:0;transform:translateY(calc(20 * var(--u)))}to{opacity:1;transform:none}}
.about{background:#fff}.vertical-index{position:absolute;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 52 * var(--u));writing-mode:vertical-rl;transform:rotate(180deg);letter-spacing:.25em;font-size:calc(7 * var(--u));font-weight:700;font-family:Syne,sans-serif}.about-visual{position:absolute;left:var(--fx);top:var(--fy);width:calc(350 * var(--u));height:var(--fh)}.about-visual img{position:absolute;z-index:2;left:calc(22 * var(--u));top:calc(27 * var(--u));width:calc(430 * var(--u));filter:drop-shadow(0 calc(15 * var(--u)) calc(13 * var(--u)) #a1001838)}.soft-disc{position:absolute;left:calc(33 * var(--u));top:calc(96 * var(--u));width:calc(270 * var(--u));height:calc(270 * var(--u));border-radius:50%;background:#faf2f2}.orbit{position:absolute;left:calc(73 * var(--u));top:calc(69 * var(--u));width:calc(239 * var(--u));height:calc(365 * var(--u));border:1px solid var(--red);border-radius:50%;transform:rotate(-12deg)}.orbit i{position:absolute;top:8%;left:8%;width:calc(7 * var(--u));height:calc(7 * var(--u));border-radius:50%;background:var(--red);animation:orbitdot 6s linear infinite}@keyframes orbitdot{50%{transform:translate(calc(150 * var(--u)),calc(275 * var(--u)))}}.about-copy{position:absolute;z-index:4;left:calc(var(--fx) + 369 * var(--u));top:calc(var(--fy) + 105 * var(--u));width:calc(330 * var(--u))}.about-copy h2{font:300 calc(31 * var(--u))/.92 Syne;margin:calc(7 * var(--u)) 0}.about-copy p{font-size:calc(7 * var(--u));line-height:1.35;margin:calc(9 * var(--u)) 0;max-width:calc(310 * var(--u))}.about-copy p b{color:var(--red)}.headline-rule{display:block;width:calc(58 * var(--u));height:calc(2 * var(--u));background:var(--red);margin:calc(7 * var(--u)) 0 calc(10 * var(--u))}.coordinate-line{position:absolute;bottom:calc(var(--fy) + 16 * var(--u));left:calc(var(--fx) + 18 * var(--u));right:calc(var(--fx) + 18 * var(--u));color:var(--red);display:flex;gap:calc(14 * var(--u));align-items:center;font-size:calc(5.5 * var(--u));letter-spacing:.15em}.coordinate-line i{height:1px;background:var(--red);flex:1}
.collections{background:#fbfaf9;isolation:isolate}.collection-head{position:absolute;z-index:3;left:calc(var(--fx) + 9 * var(--u));top:calc(var(--fy) + 78 * var(--u));width:calc(718 * var(--u));height:calc(36 * var(--u));display:flex;align-items:center;gap:calc(7 * var(--u))}.collection-head img{width:calc(28 * var(--u));height:calc(28 * var(--u));object-fit:contain}.collection-head h2{font:400 calc(24 * var(--u)) Syne;text-transform:uppercase;margin:0}.carousel-actions{margin-left:auto;display:flex;gap:calc(4 * var(--u));opacity:.55}.carousel-actions button{border:1px solid #bbb;background:#fff;border-radius:50%;width:calc(23 * var(--u));height:calc(23 * var(--u));font-size:calc(8 * var(--u))}.collection-window{position:absolute;left:calc(var(--fx) + 8 * var(--u));top:calc(var(--fy) + 118 * var(--u));width:calc(720 * var(--u));height:calc(309 * var(--u));overflow:hidden}.collection-track{display:flex;height:100%;transition:transform .82s var(--ease);will-change:transform}.scent-card{position:relative;flex:0 0 33.333%!important;height:100%;border:1px solid #a9a9a9;background:#f8f4f2;overflow:hidden;cursor:pointer;transition:color .55s}.scent-card:nth-child(1){--scene:url("assets/collections-scene-1.png")}.scent-card:nth-child(2){--scene:url("assets/collections-scene-2.png")}.scent-card:nth-child(3){--scene:url("assets/collections-scene-3.png")}.scent-card:nth-child(4){--scene:url("assets/collections-scene-4.png")}.scent-card:nth-child(5){--scene:url("assets/collections-scene-5.png")}.scent-card:nth-child(6){--scene:url("assets/collections-scene-6.png")}.scent-card:before{content:"";position:absolute;inset:0;background:linear-gradient(transparent,#100 93%),var(--scene) center/cover;opacity:0;transform:scale(1.06);transition:opacity .65s var(--ease),transform 1.2s var(--ease)}.scent-card.active:before{opacity:1;transform:scale(1)}.scent-card>span,.scent-card>h3{position:absolute;z-index:2;top:calc(6 * var(--u));font-size:calc(6 * var(--u))}.scent-card>span{right:calc(7 * var(--u))}.scent-card>h3{left:calc(7 * var(--u));margin:0;text-transform:uppercase;font:500 calc(6 * var(--u)) Syne}.scent-card>.scent-product{position:absolute;z-index:1;width:calc(190 * var(--u));height:calc(205 * var(--u));object-fit:contain;left:calc(25 * var(--u));top:calc(18 * var(--u));transition:.72s var(--ease)}.scent-card:hover>.scent-product{transform:scale(1.03) translateY(calc(-3 * var(--u)))}.scent-copy{position:absolute;z-index:2;left:calc(10 * var(--u));right:calc(10 * var(--u));bottom:calc(12 * var(--u));text-align:center;display:grid;gap:calc(3 * var(--u));font-size:calc(6 * var(--u))}.scent-copy b{text-transform:uppercase}.scent-copy small{font-size:calc(5 * var(--u));color:#444}.scent-copy button{display:none}.scent-card.active{color:#fff}.scent-card.active .scent-copy small{color:#eee}.carousel-progress{position:absolute;left:50%;bottom:calc(var(--fy) + 12 * var(--u));transform:translateX(-50%);width:calc(120 * var(--u));height:calc(2 * var(--u));background:#ddd;cursor:pointer;touch-action:none;user-select:none}.carousel-progress::before{content:'';position:absolute;inset:-8px 0;cursor:pointer}.carousel-progress i{display:block;height:100%;width:16.666%;background:var(--red);transition:transform .55s var(--ease),width .55s var(--ease)}
.drive{background:#080504}.drive-background{filter:brightness(.72);transform:scale(1.11);transition:transform 1.8s var(--ease),filter 1.2s var(--ease)}.drive.scene-active .drive-background{transform:scale(1);filter:brightness(.82)}.drive .vertical-index,.affiliate .vertical-index{color:#fff;z-index:4}.vent-product{position:absolute;z-index:3;left:calc(var(--fx) + 322 * var(--u));top:calc(var(--fy) + 177 * var(--u));width:calc(92 * var(--u))}.callout-lines{position:absolute;z-index:2;left:calc(var(--fx) + 132 * var(--u));top:calc(var(--fy) + 112 * var(--u));width:calc(470 * var(--u));height:calc(270 * var(--u));fill:none;stroke:#fff;stroke-width:1}.callout-lines path{stroke-dasharray:800;stroke-dashoffset:800;transition:stroke-dashoffset 1.2s var(--ease)}.drive.scene-active .callout-lines path{stroke-dashoffset:0}.scent-note{position:absolute;z-index:4;border:1px solid #fff;border-radius:999px;padding:calc(4 * var(--u)) calc(10 * var(--u));background:#1118;font-size:calc(7 * var(--u));opacity:0;transform:scale(.85);transition:.55s var(--ease)}.drive.scene-active .scent-note{opacity:1;transform:none}.drive.scene-active .note-one{transition-delay:.65s}.drive.scene-active .note-two{transition-delay:.82s}.drive.scene-active .note-three{transition-delay:.98s}.drive.scene-active .note-four{transition-delay:1.14s}.note-one{left:calc(var(--fx) + 285 * var(--u));top:calc(var(--fy) + 165 * var(--u))}.note-two{left:calc(var(--fx) + 430 * var(--u));top:calc(var(--fy) + 243 * var(--u))}.note-three{left:calc(var(--fx) + 245 * var(--u));top:calc(var(--fy) + 283 * var(--u))}.note-four{left:calc(var(--fx) + 460 * var(--u));top:calc(var(--fy) + 351 * var(--u))}.buy-panel{position:absolute;z-index:4;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 349 * var(--u));width:calc(275 * var(--u));height:calc(118 * var(--u));padding:calc(10 * var(--u));background:#050505d9}.buy-panel h2{font:400 calc(18 * var(--u))/1 Syne;margin:calc(5 * var(--u)) 0}.buy-panel p{font-size:calc(6.3 * var(--u));line-height:1.25;margin:calc(5 * var(--u)) 0}.drive-detail{position:absolute;z-index:3;left:calc(var(--fx) + 557 * var(--u));top:calc(var(--fy) + 316 * var(--u));width:calc(160 * var(--u));height:calc(150 * var(--u));background:#2f0004;border-radius:calc(7 * var(--u));overflow:hidden}.drive-detail img{width:100%;height:100%;object-fit:cover}.drive-detail span{position:absolute;bottom:calc(6 * var(--u));left:calc(6 * var(--u));font-size:calc(5 * var(--u))}
.reviews{background:radial-gradient(circle at 45% 40%,#985837,#1d0005 63%,#050101)}.reviews>.micro{position:absolute;left:50%;top:calc(var(--fy) + 42 * var(--u));transform:translateX(-50%)}.reviews>h2{position:absolute;z-index:3;left:0;top:calc(var(--fy) + 53 * var(--u));width:100%;text-align:center;text-transform:uppercase;font:500 calc(22 * var(--u)) Syne;margin:0}.quote{position:absolute;z-index:2;left:calc(var(--fx) + 26 * var(--u));top:calc(var(--fy) + 100 * var(--u));font:calc(70 * var(--u)) Georgia;line-height:.7;pointer-events:none}.review-stage{position:absolute;left:calc(var(--fx) + 38 * var(--u));top:calc(var(--fy) + 118 * var(--u));width:calc(680 * var(--u));height:calc(292 * var(--u));display:grid;grid-template-columns:calc(465 * var(--u)) 1fr;align-items:center;pointer-events:none}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(11 * var(--u));pointer-events:none}.review-card{background:#fff;color:#111;border-radius:calc(3 * var(--u));overflow:hidden;padding:0 calc(8 * var(--u)) calc(10 * var(--u));height:calc(272 * var(--u));font-size:calc(5.5 * var(--u));pointer-events:auto}.review-card img{width:calc(100% + 16 * var(--u));height:calc(103 * var(--u));object-fit:cover;margin:0 calc(-8 * var(--u)) calc(8 * var(--u));clip-path:polygon(0 0,100% 0,100% 78%,0 100%)}.review-card h3{font-size:calc(8 * var(--u));margin:0}.review-card span{color:#666}.review-card p{line-height:1.32}.review-card b{display:block;color:var(--red);letter-spacing:.15em}.review-card small{font-size:calc(4.5 * var(--u))}.review-product{position:absolute;left:calc(495 * var(--u));top:calc(3 * var(--u));width:calc(250 * var(--u));height:calc(290 * var(--u));pointer-events:none}.review-product img{width:100%;max-width:none;filter:drop-shadow(0 calc(12 * var(--u)) calc(10 * var(--u)) #0008)}.review-button{position:absolute;z-index:25;pointer-events:auto;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--u));left:50%;bottom:calc(var(--fy) + 16 * var(--u));transform:translateX(-50%);color:#fff;border:1px solid #ffffff55;background:#ffffff17;border-radius:999px;padding:calc(6 * var(--u)) calc(16 * var(--u));font-size:calc(6 * var(--u));text-decoration:none;transition:background-color .25s ease,border-color .25s ease}.review-button:hover{background:#ffffff2e;border-color:#ffffff88;color:#fff}
.affiliate{background:#080300}.affiliate-bg{filter:brightness(.5);transform:scale(1.08);transition:transform 1.8s var(--ease),filter 1.5s}.affiliate.scene-active .affiliate-bg{transform:scale(1);filter:brightness(.58)}.affiliate-shade{position:absolute;inset:0;background:radial-gradient(circle,transparent,#000a)}.ghost-logo{position:absolute;z-index:2;left:50%;top:calc(var(--fy) + 22 * var(--u));transform:translateX(-50%);font:600 calc(42 * var(--u)) Georgia;color:#c58b4433}.affiliate-copy{position:absolute;z-index:3;left:calc(var(--fx) + 105 * var(--u));top:calc(var(--fy) + 108 * var(--u));width:calc(525 * var(--u));text-align:center}.affiliate-copy h2{font:300 calc(28 * var(--u))/1.02 Syne;margin:calc(12 * var(--u)) 0}.affiliate-copy em{font-style:normal;color:#ff9e48}.affiliate-copy p{font-size:calc(8 * var(--u));max-width:calc(420 * var(--u));margin:0 auto calc(14 * var(--u))}.diamond-rule{display:flex;align-items:center;gap:calc(12 * var(--u));margin:calc(9 * var(--u))}.diamond-rule i{height:1px;background:#fff;flex:1}.affiliate-product{position:absolute;z-index:3;left:calc(var(--fx) + 548 * var(--u));top:calc(var(--fy) + 274 * var(--u));width:calc(215 * var(--u))}
.support{background:linear-gradient(115deg,#fff,#f5f1ef)}.faq-layout{position:absolute;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 70 * var(--u));width:calc(700 * var(--u));height:calc(185 * var(--u));display:grid;grid-template-columns:calc(260 * var(--u)) 1fr;gap:calc(22 * var(--u))}.faq-heading{position:relative}.faq-heading h2{font:500 calc(20 * var(--u))/1.12 Syne;margin:0}.faq-heading img{position:absolute;left:calc(42 * var(--u));top:calc(45 * var(--u));width:calc(190 * var(--u))}.accordion{padding-top:calc(1 * var(--u))}.accordion-item{margin-bottom:calc(5 * var(--u));background:#f9f4f2;border-radius:calc(5 * var(--u));overflow:hidden}.accordion-item button{width:100%;height:calc(25 * var(--u));padding:0 calc(10 * var(--u));border:0;background:none;text-align:left;font-weight:600;font-size:calc(6.5 * var(--u));display:flex;align-items:center;justify-content:space-between}.accordion-item button span{color:var(--red);font-size:calc(12 * var(--u));transition:.3s}.accordion-item.open button span{transform:rotate(45deg)}.accordion-item p{max-height:0;overflow:hidden;margin:0;padding:0 calc(10 * var(--u));transition:.35s var(--ease);color:#555;font-size:calc(5.5 * var(--u));line-height:1.25}.accordion-item.open p{max-height:calc(45 * var(--u));padding:0 calc(10 * var(--u)) calc(7 * var(--u))}.how{position:absolute;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 266 * var(--u));width:calc(700 * var(--u));height:calc(198 * var(--u))}.how>span{display:block;margin-bottom:calc(2 * var(--u))}.how h2{font:500 calc(20 * var(--u))/1.1 Syne;margin:0 0 calc(8 * var(--u))}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:calc(8 * var(--u))}.steps article{position:relative;height:calc(151 * var(--u));background:#fff;border:1px solid #ddd;border-radius:calc(4 * var(--u));padding:calc(7 * var(--u));overflow:hidden}.steps article:not(:last-child):after{content:"";position:absolute;right:calc(-9 * var(--u));top:50%;width:calc(17 * var(--u));border-top:1px dashed var(--red);z-index:2}.steps b{display:grid;place-items:center;width:calc(17 * var(--u));height:calc(17 * var(--u));color:#fff;background:var(--red);border-radius:50%;font-size:calc(7 * var(--u))}.steps h3{position:absolute;left:calc(28 * var(--u));top:calc(8 * var(--u));right:calc(4 * var(--u));font-weight:500;font-size:calc(6.5 * var(--u));margin:0}.steps img{position:absolute;left:calc(7 * var(--u));right:calc(7 * var(--u));bottom:calc(3 * var(--u));height:calc(112 * var(--u));width:calc(120 * var(--u));object-fit:contain}
.contact{background:#fff}.contact-title{position:absolute;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 65 * var(--u))}.contact-title h2{font:500 calc(29 * var(--u)) Syne;margin:0}.contact-grid{position:absolute;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 133 * var(--u));width:calc(700 * var(--u));height:calc(235 * var(--u));display:grid;grid-template-columns:calc(455 * var(--u)) 1fr;gap:calc(16 * var(--u))}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:calc(8 * var(--u)) calc(12 * var(--u));border:1px solid #ddd;border-radius:calc(7 * var(--u));padding:calc(13 * var(--u));font-size:calc(6 * var(--u))}.contact label{display:grid;gap:calc(3 * var(--u))}.contact .full{grid-column:1/-1}.contact input,.contact select,.contact textarea{border:0;border-radius:calc(4 * var(--u));background:#f3f3f3;padding:calc(6 * var(--u));min-height:calc(25 * var(--u));font-size:calc(5.5 * var(--u))}.contact textarea{height:calc(53 * var(--u));resize:none}.contact form button{width:calc(103 * var(--u));padding:calc(6 * var(--u));align-self:center}.form-status{color:var(--red);font-size:calc(5 * var(--u));margin:0}.contact-scene{position:relative;overflow:hidden;border-radius:calc(7 * var(--u));height:100%}.contact-bg{width:100%;height:100%;object-fit:cover}.contact-product{position:absolute;left:calc(22 * var(--u));top:calc(45 * var(--u));width:calc(190 * var(--u));filter:drop-shadow(0 calc(10 * var(--u)) calc(8 * var(--u)) #0007)}.contact-scene a{position:absolute;top:calc(8 * var(--u));right:calc(8 * var(--u));color:#fff;border:1px solid;border-radius:999px;padding:calc(5 * var(--u)) calc(9 * var(--u));font-size:calc(6 * var(--u))}.contact-methods{position:absolute;left:calc(var(--fx) + 18 * var(--u));top:calc(var(--fy) + 390 * var(--u));width:calc(700 * var(--u));display:grid;grid-template-columns:repeat(3,1fr);text-align:center;font-size:calc(6 * var(--u))}.contact-methods div{display:grid;gap:calc(3 * var(--u))}.contact-methods b{margin:auto;display:grid;place-items:center;width:calc(25 * var(--u));height:calc(25 * var(--u));border-radius:50%;background:#f1f1f1;font-size:calc(10 * var(--u))}.contact-methods span{color:#666;font-size:calc(5.3 * var(--u))}
.footer{background:radial-gradient(circle at 25% 40%,#541015,#100001 70%);padding:0}.footer-main{position:absolute;left:calc(var(--fx) + 30 * var(--u));top:calc(var(--fy) + 125 * var(--u));width:calc(670 * var(--u));display:grid;grid-template-columns:2fr .7fr .7fr;gap:calc(45 * var(--u));font-size:calc(6 * var(--u))}.footer-main>div{display:flex;flex-direction:column;gap:calc(5 * var(--u))}.footer-main p{max-width:calc(340 * var(--u));color:#d4c6c6;font-size:calc(7 * var(--u))}.footer-social{display:flex;gap:calc(5 * var(--u))}.footer-social a{display:grid;place-items:center;border:1px solid;border-radius:50%;width:calc(22 * var(--u));height:calc(22 * var(--u))}.legal{position:absolute;z-index:2;left:calc(var(--fx) + 30 * var(--u));right:calc(var(--fx) + 30 * var(--u));top:calc(var(--fy) + 382 * var(--u));display:flex;justify-content:space-between;color:#d4c6c6;font-size:calc(6 * var(--u))}.footer-word{position:absolute;left:calc(var(--fx) + 20 * var(--u));bottom:calc(var(--fy) - 7 * var(--u));font:800 calc(130 * var(--u))/.8 Syne,sans-serif;color:transparent;-webkit-text-stroke:1px rgba(255,20,30,0.4);letter-spacing:0.05em}.outro{display:grid;place-items:center;align-content:center;background:#120002}.outro-glow{position:absolute;width:calc(330 * var(--u));height:calc(330 * var(--u));background:#d4001650;filter:blur(calc(45 * var(--u)));border-radius:50%}.outro img{position:relative;width:calc(92 * var(--u));opacity:0;transform:scale(.5)}.outro h2{position:relative;font:300 calc(25 * var(--u)) Syne;margin:calc(6 * var(--u));letter-spacing:.15em;opacity:0}.outro span{width:0;height:1px;background:#e00012}.outro.in-view img{animation:logoReveal 1s both}.outro.in-view h2{animation:rise 1s .5s both}.outro.in-view span{animation:lineGrow 1s .9s both}@keyframes logoReveal{to{opacity:1;transform:scale(1)}}@keyframes lineGrow{to{width:calc(120 * var(--u))}}
.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:0;transition:opacity .8s var(--ease),transform .9s var(--ease);transition-delay:var(--delay,0s)}.reveal-up{transform:translateY(calc(18 * var(--u)))}.reveal-left{transform:translateX(calc(-18 * var(--u)))}.reveal-right{transform:translateX(calc(18 * var(--u)))}.reveal-scale{transform:scale(.88)}.in-view{opacity:1;transform:none}#cart{position:fixed;z-index:81;top:0;right:0;height:100%;width:min(430px,92vw);padding:28px;background:#fff;transform:translateX(105%);transition:.5s var(--ease);display:flex;flex-direction:column}#cart.open{transform:none}.cart-head{display:flex;justify-content:space-between}.cart-head button{font-size:2rem;border:0;background:none}.cart-items{flex:1;overflow:auto}.cart-row{display:grid;grid-template-columns:65px 1fr auto;gap:15px;align-items:center;border-bottom:1px solid #ddd;padding:15px 0}.cart-row img{width:65px;height:65px;object-fit:contain}.cart-row button{border:0;background:none;color:var(--red)}.cart-foot{display:grid;gap:12px}.cart-foot strong{font-size:1.4rem}.cart-foot button{border:0;background:#111;color:#fff;padding:15px}.cart-foot small{color:#777}.cart-scrim{position:fixed;z-index:80;inset:0;background:#0009;opacity:0;visibility:hidden;transition:.4s}.cart-scrim.open{opacity:1;visibility:visible}body.section-transition .site-header{pointer-events:none}.shared-product[data-stage="collections"]{filter:drop-shadow(0 calc(12 * var(--u)) calc(10 * var(--u)) #52000838)}.shared-product[data-stage="buy"]{filter:drop-shadow(0 calc(7 * var(--u)) calc(4 * var(--u)) #0007)}.shared-product[data-stage="reviews"],.shared-product[data-stage="affiliate"]{filter:drop-shadow(0 calc(17 * var(--u)) calc(12 * var(--u)) #0009)}
@media(max-width:767px){:root{--u:1px;--fw:100vw;--fh:100svh;--fx:0px;--fy:0px}html{scroll-snap-type:none}.site-header{height:64px;padding:0 16px}.logo-lockup img{width:30px;height:30px}.logo-lockup span{display:none}.mobile-toggle{display:block;margin-left:auto}.mobile-toggle i{display:block;width:24px;height:1px;background:currentColor;margin:6px}.site-header nav{top:64px;left:14px;right:14px;transform:translateY(-12px);display:grid;opacity:0;visibility:hidden;background:#180004f2!important;padding:14px;color:#fff}.site-header nav.open{opacity:1;visibility:visible;transform:none}.site-header nav a{font-size:14px;padding:10px}.shop-now{font-size:13px;margin-left:8px}.shared-product{display:none}.journey-ready .suspended-product>img,.journey-ready .about-visual>img,.journey-ready .scent-card.active>img,.journey-ready .vent-product>img,.journey-ready .review-product>img,.journey-ready .affiliate-product,.journey-ready .faq-heading>img,.journey-ready .contact-product{opacity:1!important}.hero,.about,.drive,.reviews,.affiliate,.contact,.footer,.outro{height:auto;min-height:760px}.collections,.support{height:auto;min-height:820px}.hero-title-wrap{left:0;top:105px;width:100%}.hero-title{font-size:17vw}.hero-title-wrap p{font-size:12px}.suspended-product{left:50%;top:180px;width:94vw;transform:translateX(-50%)}.suspended-product .rope{display:none}.hero-copy{left:6%;top:auto;bottom:70px;width:88%}.hero-copy h2{font-size:28px}.hero-copy p{font-size:13px}.hero-stats{display:flex;left:5%;right:5%;top:auto;bottom:5px;width:90%;justify-content:space-between}.hero-stats div{border:0}.hero-stats strong{font-size:24px}.hero-stats small{font-size:9px}.social-rail,.video-teaser,.scroll-cue{display:none}.about{padding:90px 20px 70px}.vertical-index{display:none}.about-visual{position:relative;left:auto;top:auto;width:100%;height:390px}.about-visual img{left:50%;top:-30px;width:430px;transform:translateX(-50%) rotate(9deg)}.soft-disc{left:50%;top:50px;width:280px;height:280px;transform:translateX(-50%)}.orbit{left:50%;top:30px;width:260px;height:350px;transform:translateX(-50%) rotate(-12deg)}.about-copy{position:relative;left:auto;top:auto;width:100%;padding:0 6%}.about-copy h2{font-size:42px}.about-copy p{font-size:15px;max-width:none}.coordinate-line{left:20px;right:20px;bottom:25px}.collection-head{position:relative;left:auto;top:auto;width:auto;height:auto;padding:95px 18px 18px}.collection-head h2{font-size:30px}.collection-head img{width:34px;height:34px}.collection-window{position:relative;left:auto;top:auto;width:100%;height:560px}.scent-card{flex-basis:86%!important}.scent-card>img{width:80%;height:70%;left:10%;top:7%}.scent-copy{font-size:13px}.scent-copy small{font-size:11px}.carousel-progress{position:relative;left:auto;bottom:auto;transform:none;width:45%;margin:22px auto}.drive{min-height:780px}.vent-product{left:50%;top:260px;width:170px;transform:translateX(-50%)}.callout-lines,.scent-note{display:none}.buy-panel{left:4%;top:auto;bottom:30px;width:92%;height:auto;padding:18px}.buy-panel h2{font-size:32px}.buy-panel p{font-size:13px}.drive-detail{display:none}.reviews{padding:90px 18px 55px}.reviews>.micro,.reviews>h2,.quote,.review-stage,.review-button{position:relative;left:auto;top:auto;bottom:auto;transform:none;width:auto}.reviews>h2{font-size:31px;margin:8px 0 20px}.quote{font-size:72px}.review-stage{height:auto;display:block}.review-cards{display:flex;overflow:auto;gap:14px}.review-card{flex:0 0 82vw;height:500px;font-size:14px}.review-card img{height:210px}.review-product{display:none}.review-button{display:block;margin:22px auto}.affiliate{min-height:740px}.ghost-logo{font-size:14vw}.affiliate-copy{left:6%;top:150px;width:88%}.affiliate-copy h2{font-size:38px}.affiliate-copy p{font-size:16px}.affiliate-product{left:50%;top:auto;bottom:-20px;width:260px;transform:translateX(-50%) rotate(7deg)}.support{padding:90px 18px 40px}.faq-layout,.how{position:relative;left:auto;top:auto;width:auto;height:auto;display:block}.faq-heading{min-height:360px}.faq-heading h2,.how h2{font-size:36px}.faq-heading img{left:50%;top:85px;width:260px;transform:translateX(-50%) rotate(9deg)}.accordion-item button{height:58px;font-size:15px}.accordion-item p{font-size:13px}.how{margin-top:30px}.steps{display:flex;overflow:auto;gap:12px}.steps article{flex:0 0 76vw;height:330px}.steps h3{font-size:16px;left:58px;top:18px}.steps b{width:36px;height:36px;font-size:15px}.steps img{width:90%;height:250px;left:5%}.contact{padding:90px 18px 50px}.contact-title,.contact-grid,.contact-methods{position:relative;left:auto;top:auto;width:auto;height:auto}.contact-title h2{font-size:46px;margin-bottom:25px}.contact-grid{display:grid;grid-template-columns:1fr}.contact form{grid-template-columns:1fr;font-size:14px;padding:18px}.contact .full{grid-column:auto}.contact input,.contact select,.contact textarea{font-size:14px;padding:12px}.contact-scene{height:520px}.contact-product{left:12%;top:28%;width:82%}.contact-methods{grid-template-columns:1fr;gap:24px;margin-top:28px;font-size:14px}.contact-methods span{font-size:13px}.footer{min-height:650px;padding:80px 24px 30px}.footer-main,.legal,.footer-word{position:relative;left:auto;right:auto;top:auto;bottom:auto;width:auto}.footer-main{grid-template-columns:1fr 1fr;gap:35px;font-size:14px}.footer-main>div:first-child{grid-column:1/-1}.footer-main p{font-size:15px}.legal{display:grid;gap:12px;margin-top:60px;font-size:12px}.footer-word{position:absolute;bottom:0;font-size:24vw}.outro{min-height:520px}.outro img{width:110px}.outro h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important}.intro{display:none}.reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}.shared-product{transition:none!important}.drive-background,.affiliate-bg{transform:none!important}}

@media(max-width:767px){
  .scent-card>.scent-product{width:80%;height:70%;left:10%;top:7%}
  .scent-card>.scent-shadow{position:absolute;z-index:0;left:10%;top:20%;width:80%;height:70%;pointer-events:none}
}

/* Figma hero specification supplied in /home/nithu/Desktop/s (1728 x 1117). */
:root{--figma-s:min(.05787037vw,.08952551svh);--figma-w:calc(1728 * var(--figma-s));--figma-h:calc(1117 * var(--figma-s));--figma-x:calc((100vw - var(--figma-w))/2);--figma-y:calc((100svh - var(--figma-h))/2)}
.hero-bg{inset:0;left:0;top:0;width:100%;height:100%;background:url('assets/image-26.png') center/100% 100% no-repeat;transform:none}
.hero-reflection{display:none}
.suspended-product .hero-rope-art{display:none}
.shared-product #sharedProductImage,.suspended-product>img:not(.hero-rope-art){position:relative;z-index:2}
.shared-product.ropes-off .shared-rope-art{opacity:0;transform:translateY(calc(-35 * var(--figma-s)))}

@media(min-width:768px){
  .site-header{height:calc(var(--figma-y) + 80 * var(--figma-s));padding:var(--figma-y) calc(var(--figma-x) + 45 * var(--figma-s)) 0}
  .site-header nav{width:calc(458 * var(--figma-s));height:calc(40 * var(--figma-s));justify-content:center}
  .site-header nav a{padding-inline:calc(5 * var(--u))}
  .hero-title-wrap{z-index:2;left:calc(var(--figma-x) + 318 * var(--figma-s));top:calc(var(--figma-y) + 116 * var(--figma-s));width:calc(1093 * var(--figma-s));height:calc(148 * var(--figma-s))}
  .hero-title{position:relative;left:0;width:100%;height:100%;font-size:0;color:transparent;text-shadow:none;background:url('assets/hero-title-figma.png') center calc(42 * var(--figma-s))/calc(1084 * var(--figma-s)) calc(108 * var(--figma-s)) no-repeat;transform:none}
  .hero-subtitle{position:absolute;z-index:50;left:50%;top:calc(var(--figma-y) + 281 * var(--figma-s));transform:translateX(-50%);display:flex;align-items:center;justify-content:center;width:calc(713 * var(--figma-s));height:calc(40 * var(--figma-s));margin:0;padding:calc(10 * var(--figma-s));background:#ffffff1a;backdrop-filter:blur(2px);font-family:Inter,Arial,sans-serif;font-size:calc(24 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:400;white-space:nowrap;pointer-events:none}
  .suspended-product{left:calc(50% - 312 * var(--figma-s));top:calc(var(--figma-y) + 299 * var(--figma-s));width:calc(735 * var(--figma-s));height:calc(735 * var(--figma-s))}
  .suspended-product>img:not(.hero-rope-art){width:100%;height:100%;object-fit:contain}
  .shared-product{width:calc(735 * var(--figma-s))}
  .shared-product .shared-rope-art,.suspended-product .hero-rope-art{position:absolute;z-index:1;left:calc(-67 * var(--figma-s));top:calc(-751 * var(--figma-s));display:block;width:calc(742 * var(--figma-s));height:calc(1113 * var(--figma-s));max-width:none;object-fit:fill;filter:none;transition:opacity .35s var(--ease),transform .55s var(--ease)}
  .hero-reflection{position:absolute;z-index:3;display:block;left:calc(var(--figma-x) + 534 * var(--figma-s));top:calc(var(--figma-y) + 1117 * var(--figma-s));width:calc(772 * var(--figma-s));height:calc(118 * var(--figma-s));overflow:hidden;opacity:.2;filter:blur(calc(5 * var(--figma-s)));transform:scaleY(-1);transform-origin:center top}
  .hero-reflection img{position:absolute;left:0;bottom:0;width:100%;height:auto;max-width:none}
  .hero-copy{left:calc(var(--figma-x) + 45 * var(--figma-s));top:calc(var(--figma-y) + 839 * var(--figma-s));width:calc(559 * var(--figma-s))}
  .hero-copy h2{height:calc(70 * var(--figma-s));margin:0 0 calc(22 * var(--figma-s));font-family:'Pilat Extended',Syne,Arial,sans-serif;font-size:calc(35 * var(--figma-s));line-height:calc(35 * var(--figma-s));font-weight:400}
  .hero-copy h2>span{display:block;width:max-content;transform:translateY(calc(4 * var(--figma-s))) scaleX(1.52);transform-origin:left top}
  .hero-copy p{height:calc(60 * var(--figma-s));margin:0 0 calc(29 * var(--figma-s));font-family:Inter,'DM Sans',Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:300;color:#fff}
  .hero-copy .pill{width:calc(256 * var(--figma-s));height:calc(45 * var(--figma-s));padding:calc(12 * var(--figma-s)) calc(20 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(18 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:500}
  .video-teaser{left:calc(var(--figma-x) + 118 * var(--figma-s));top:calc(var(--figma-y) + 593 * var(--figma-s));width:calc(361 * var(--figma-s));height:calc(207 * var(--figma-s));border-radius:calc(20 * var(--figma-s));box-shadow:0 0 calc(2 * var(--figma-s)) calc(2 * var(--figma-s)) #ffffff40}
  .video-teaser b{width:calc(46 * var(--figma-s));height:calc(49 * var(--figma-s));background:none}
  .video-teaser b img{width:100%;height:100%}
  .social-rail{left:calc(var(--figma-x) + 45 * var(--figma-s));top:calc(var(--figma-y) + 583 * var(--figma-s));display:block;width:calc(40.5543 * var(--figma-s));height:calc(227 * var(--figma-s))}
  .social-rail>img{display:block;width:100%;height:100%}
  .hero-stats{left:calc(var(--figma-x) + 1453 * var(--figma-s));top:calc(var(--figma-y) + 776 * var(--figma-s));width:calc(230 * var(--figma-s))}
  .hero-stats div{height:calc(75 * var(--figma-s));margin:0 0 calc(32 * var(--figma-s));padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .hero-stats .stat-number{display:flex;align-items:center;width:max-content;height:calc(36 * var(--figma-s));transform:translateY(calc(-3 * var(--figma-s))) scaleX(1.88);transform-origin:left center}
  .hero-stats strong{font-family:'Pilat Extended',Syne,Arial,sans-serif;font-size:calc(48 * var(--figma-s));line-height:calc(36 * var(--figma-s));font-weight:600;text-shadow:none}
  .hero-stats sup{font-family:'Pilat Extended',Syne,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(36 * var(--figma-s));font-weight:600}
  .hero-stats div:nth-child(2) .stat-number{transform:translateY(calc(-3 * var(--figma-s))) scaleX(2.08)}
  .hero-stats small{position:relative;top:calc(3 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(36 * var(--figma-s));font-weight:500;color:#ffffff80}
  .scroll-cue{left:50%;top:calc(var(--figma-y) + 1050 * var(--figma-s));bottom:auto;width:calc(17 * var(--figma-s));height:calc(48 * var(--figma-s));gap:0}
  .scroll-cue>img{display:block;width:100%;height:100%}
}

/* FAQ active state supplied in the approved reference. */
.accordion-item{
  transition:background-color .3s var(--ease),color .3s var(--ease);
}
.accordion-item button{color:inherit}
.accordion-item.open{background:#cf0010;color:#fff}
.accordion-item.open button span{color:#fff;transform:none}
.accordion-item.open p{color:#fff}
.scent-copy small{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:clamp(2px,calc(4 * var(--figma-s)),4px);
  white-space:nowrap;
}
.scent-copy small i{
  display:block;
  flex:0 0 auto;
  width:clamp(2px,calc(4 * var(--figma-s)),3px);
  height:clamp(2px,calc(4 * var(--figma-s)),3px);
  border-radius:50%;
  background:#ba0109;
  font-style:normal;
}
@media(max-width:767px){
  .accordion-item button{height:auto;min-height:58px;padding:12px 10px}
  .accordion-item.open p{max-height:160px;padding:0 12px 14px}
}

/* Exact Figma prototype transition: Hero Section (67:4007) -> About Us
   (67:5139), Smart Animate 2.4 s, cubic-bezier(.49,-.01,.09,1). */
@media(min-width:768px){
  body.home-about-motion{overscroll-behavior:none}
  body.home-about-motion .site-header{
    transition:color 2.4s cubic-bezier(.49,-.01,.09,1),background-color 2.4s cubic-bezier(.49,-.01,.09,1),box-shadow 2.4s cubic-bezier(.49,-.01,.09,1)
  }
  body.home-about-motion .site-header nav,
  body.home-about-motion .site-header nav a{
    transition:color 2.4s cubic-bezier(.49,-.01,.09,1),background-color 2.4s cubic-bezier(.49,-.01,.09,1)
  }
  body.home-about-motion #home,
  body.home-about-motion #about{will-change:transform}
  body.home-about-motion #home .hero-bg,
  body.home-about-motion #home .hero-title-wrap,
  body.home-about-motion #home .hero-subtitle,
  body.home-about-motion #home .video-teaser,
  body.home-about-motion #home .social-rail,
  body.home-about-motion #home .hero-copy>*,
  body.home-about-motion #home .hero-stats>*,
  body.home-about-motion #home .hero-reflection,
  body.home-about-motion #home .scroll-cue,
  body.home-about-motion #about .vertical-index,
  body.home-about-motion #about .headline-rule,
  body.home-about-motion #about .coordinate-line i{will-change:transform}
  body.home-about-motion #about .reveal-left,
  body.home-about-motion #about .reveal-right{opacity:1!important;transform:none!important;transition:none!important}
  #about .headline-rule{transform-origin:left center}
  #about .coordinate-line i{transform-origin:right center}
}

/* Buy + Reviews — exact 1728 × 1117 export alignment from /new/VELMORA. */
@media(min-width:768px){
  body.affiliate-motion #reviews,body.affiliate-motion #affiliate{will-change:transform}
  body.affiliate-motion #affiliate .affiliate-bg,
  body.affiliate-motion #affiliate .affiliate-copy,
  body.affiliate-motion #affiliate .affiliate-copy>*,
  body.affiliate-motion #affiliate .vertical-index{transition:none!important;will-change:transform,opacity}
  body.affiliate-motion #affiliate .affiliate-copy{opacity:1!important}
  body.affiliate-motion #faq .faq-heading,
  body.affiliate-motion #faq .faq-heading h2,
  body.affiliate-motion #faq .accordion,
  body.affiliate-motion #faq .how,
  body.affiliate-motion #faq .how h2,
  body.affiliate-motion #faq .how-subtitle,
  body.affiliate-motion #faq .steps,
  body.affiliate-motion #faq .steps article{transition:none!important;will-change:transform;opacity:1!important}
  body.affiliate-motion #contact .contact-title,
  body.affiliate-motion #contact .contact-grid,
  body.affiliate-motion #contact form,
  body.affiliate-motion #contact .contact-scene,
  body.affiliate-motion #contact .contact-scene a,
  body.affiliate-motion #contact .contact-methods,
  body.affiliate-motion #contact .contact-methods>div{transition:none!important;will-change:transform,width,height;opacity:1!important}
  .shared-product #sharedProductImage{width:100%;height:100%;max-width:none;object-fit:fill}
  .shared-product.switching #sharedProductImage{opacity:0}

  body.buy-review-motion #buy{z-index:43}
  body.buy-review-motion #buy .buy-viewport{will-change:transform}
  body.buy-review-motion #reviews{z-index:44;will-change:transform,clip-path}
  body.buy-review-motion #reviews{background:transparent}
  body.buy-review-motion #buy .drive-background,
  body.buy-review-motion #buy .buy-callout-art,
  body.buy-review-motion #buy .scent-note{transition:none!important;will-change:transform,opacity}
  body.buy-review-motion #reviews>h2,
  body.buy-review-motion #reviews .quote,
  body.buy-review-motion #reviews .review-card,
  body.buy-review-motion #reviews .review-button{transition:none!important;will-change:transform,opacity}

  .drive{height:200svh;overflow:visible;background:#080504}
  .buy-viewport{position:relative;width:100%;height:100svh;overflow:hidden;background:#080504}
  .buy-two-snap{position:absolute;left:0;top:100svh;width:1px;height:1px;pointer-events:none;scroll-snap-align:start;scroll-snap-stop:always}
  .drive-background,.drive.scene-active .drive-background{left:calc(var(--figma-x) - 547 * var(--figma-s));top:var(--figma-y);width:calc(2823 * var(--figma-s));height:calc(1275 * var(--figma-s));max-width:none;object-fit:cover;filter:none;transform:none}
  .vent-product{left:calc(var(--figma-x) + 768 * var(--figma-s));top:calc(var(--figma-y) + 505 * var(--figma-s));width:calc(351 * var(--figma-s));height:calc(351 * var(--figma-s))}
  .vent-product>img{width:100%;height:100%;object-fit:fill}
  .callout-lines{display:none}
  .buy-callout-art{position:absolute;z-index:2;inset:0;pointer-events:none}
  .journey-ready .drive .buy-callout-art,.journey-ready .drive .scent-note{opacity:0}
  .buy-callout-art img{position:absolute;max-width:none}
  .buy-callout-art .fresh{left:calc(var(--figma-x) + 670 * var(--figma-s));top:calc(var(--figma-y) + 404 * var(--figma-s));width:calc(255 * var(--figma-s));height:calc(65 * var(--figma-s))}
  .buy-callout-art .soft{left:calc(var(--figma-x) + 944 * var(--figma-s));top:calc(var(--figma-y) + 591.5 * var(--figma-s));width:calc(44 * var(--figma-s));height:calc(18 * var(--figma-s))}
  .buy-callout-art .sea{left:calc(var(--figma-x) + 568 * var(--figma-s));top:calc(var(--figma-y) + 604 * var(--figma-s));width:calc(284 * var(--figma-s));height:calc(78 * var(--figma-s))}
  .buy-callout-art .drift{left:calc(var(--figma-x) + 952 * var(--figma-s));top:calc(var(--figma-y) + 726 * var(--figma-s));width:calc(126 * var(--figma-s));height:calc(89 * var(--figma-s))}
  /* Fresh and Sea are embedded in their exports; Soft and Drift need HTML text. */
  .scent-note{display:flex;align-items:center;justify-content:center;overflow:hidden;white-space:nowrap;padding:0 calc(10 * var(--figma-s));height:calc(44 * var(--figma-s));border:calc(1 * var(--figma-s)) solid #fff;background:#ffffff1a;font-size:calc(18 * var(--figma-s));line-height:1}
  .scent-note.note-one,.scent-note.note-three{display:none!important}
  .note-one{left:calc(var(--figma-x) + 670 * var(--figma-s));top:calc(var(--figma-y) + 404 * var(--figma-s));width:calc(194 * var(--figma-s))}
  .note-two{left:calc(var(--figma-x) + 986.5 * var(--figma-s));top:calc(var(--figma-y) + 570 * var(--figma-s));width:calc(136 * var(--figma-s))}
  .note-three{left:calc(var(--figma-x) + 568 * var(--figma-s));top:calc(var(--figma-y) + 637 * var(--figma-s));width:calc(149 * var(--figma-s))}
  .note-four{left:calc(var(--figma-x) + 1076.5 * var(--figma-s));top:calc(var(--figma-y) + 790.21 * var(--figma-s));width:calc(134 * var(--figma-s))}
  .buy-panel{left:calc(var(--figma-x) + 45 * var(--figma-s));top:calc(var(--figma-y) + 794 * var(--figma-s));width:calc(588 * var(--figma-s));height:calc(293 * var(--figma-s));padding:calc(13 * var(--figma-s)) calc(12 * var(--figma-s));background:#000c;backdrop-filter:blur(calc(5 * var(--figma-s)))}
  .buy-panel .micro{display:flex;align-items:center;gap:calc(8 * var(--figma-s));height:calc(20 * var(--figma-s));margin-left:calc(10 * var(--figma-s));font-size:calc(16 * var(--figma-s));line-height:calc(20 * var(--figma-s));letter-spacing:0}
  .buy-panel .micro i{display:block;flex:0 0 calc(5 * var(--figma-s));width:calc(5 * var(--figma-s));height:calc(5 * var(--figma-s));border-radius:50%;background:#ba0109}
  .buy-panel h2{height:calc(70 * var(--figma-s));margin:calc(15 * var(--figma-s)) 0 calc(9 * var(--figma-s)) calc(10 * var(--figma-s));font-family:'Pilat Extended',Syne,sans-serif;font-size:calc(35 * var(--figma-s));line-height:calc(35 * var(--figma-s));font-weight:600}
  .buy-panel h2 .buy-title-art{width:calc(411 * var(--figma-s));height:calc(61 * var(--figma-s));max-width:none;object-fit:fill}
  .buy-panel p{width:calc(565 * var(--figma-s));height:calc(100 * var(--figma-s));margin:0 0 calc(9 * var(--figma-s));padding:calc(10 * var(--figma-s));background:#ffffff1a;font-family:Inter,'DM Sans',sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:300}
  .buy-panel .pill{width:calc(256 * var(--figma-s));height:calc(44 * var(--figma-s));margin:0 0 0 calc(10 * var(--figma-s));padding:calc(12 * var(--figma-s)) calc(20 * var(--figma-s));background:#ba0109;font-size:calc(18 * var(--figma-s));display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--figma-s));border:0;color:#fff;cursor:pointer;position:relative;z-index:10;pointer-events:auto;transition:background-color .2s ease}
  .buy-panel .pill:hover{background:#d40815}
  .buy-actions{display:flex;align-items:center;gap:calc(9 * var(--figma-s));position:relative;z-index:10;pointer-events:auto}
  .buy-panel .pill img{width:calc(19.23 * var(--figma-s));height:calc(19.5 * var(--figma-s));object-fit:fill}
  .buy-bag{width:calc(43 * var(--figma-s));height:calc(43 * var(--figma-s));padding:0;border:0;background:transparent;border-radius:50%;cursor:pointer;position:relative;z-index:10;pointer-events:auto}
  .buy-bag img{display:block;width:100%;height:100%}
  .drive-detail{left:calc(var(--figma-x) + 1300 * var(--figma-s));top:calc(var(--figma-y) + 833 * var(--figma-s));width:calc(383 * var(--figma-s));height:calc(479 * var(--figma-s));border-radius:calc(20 * var(--figma-s)) calc(20 * var(--figma-s)) 0 0;background:none}
  .drive-detail img{width:100%;height:100%;object-fit:fill}
  .drive-detail span{display:none}

  .reviews{background:#fff}
  .reviews-blur{position:absolute;z-index:0;left:calc(var(--figma-x) - 53 * var(--figma-s));top:calc(var(--figma-y) - 460 * var(--figma-s));width:calc(1913 * var(--figma-s));height:calc(2391 * var(--figma-s));background:url('assets/reviews-bg-preblur.png') center/100% 100% no-repeat;filter:none;pointer-events:none}
  .reviews>.micro{display:none}
  .reviews>h2{left:calc(var(--figma-x) + 515 * var(--figma-s));top:calc(var(--figma-y) + 147 * var(--figma-s));width:calc(700 * var(--figma-s));height:calc(29 * var(--figma-s));background:url('assets/reviews-title-figma.png') center/contain no-repeat;color:transparent;font-size:0;transform:none}
  .quote{left:calc(var(--figma-x) + 74 * var(--figma-s));top:calc(var(--figma-y) + 210 * var(--figma-s));width:calc(124 * var(--figma-s));height:calc(124 * var(--figma-s));background:url('assets/reviews-quote-figma.png') center/contain no-repeat;color:transparent;font-size:0;pointer-events:none}
  .review-stage{z-index:1;left:var(--figma-x);top:var(--figma-y);width:var(--figma-w);height:var(--figma-h);display:block;pointer-events:none}
  .review-cards{display:block;pointer-events:none}
  .review-card{position:absolute;width:calc(345 * var(--figma-s));height:calc(682 * var(--figma-s));padding:0;border:0;border-radius:0;background:none;overflow:visible;box-shadow:none;pointer-events:auto}
  .review-card:nth-child(1){left:calc(138 * var(--figma-s));top:calc(279 * var(--figma-s))}
  .review-card:nth-child(2){left:calc(449 * var(--figma-s));top:calc(313 * var(--figma-s))}
  .review-card:nth-child(3){left:calc(760 * var(--figma-s));top:calc(279 * var(--figma-s))}
  .review-card .review-card-art{width:100%;height:100%;margin:0;object-fit:fill;clip-path:none}
  .review-product{left:calc(var(--figma-x) + 1037.245 * var(--figma-s));top:calc(var(--figma-y) + 208.245 * var(--figma-s));width:calc(776.41 * var(--figma-s));height:calc(776.41 * var(--figma-s));pointer-events:none}
  .review-product img{width:100%;height:100%;max-width:none;object-fit:fill;filter:drop-shadow(0 calc(24 * var(--figma-s)) calc(32 * var(--figma-s)) #0006)}
  .review-button{left:50%;top:calc(var(--figma-y) + 980 * var(--figma-s));bottom:auto;transform:translateX(-50%);width:calc(281 * var(--figma-s));height:calc(54 * var(--figma-s));display:inline-flex;align-items:center;justify-content:center;gap:calc(8 * var(--figma-s));padding:calc(10 * var(--figma-s)) calc(20 * var(--figma-s));font-size:calc(24 * var(--figma-s));line-height:calc(32 * var(--figma-s));background:#ffffff1a;border-color:#ffffff26;backdrop-filter:blur(calc(2 * var(--figma-s)));text-decoration:none;z-index:25;pointer-events:auto;cursor:pointer}
}

@media(max-width:767px){
  .review-card{height:auto;min-height:0;padding:0;background:none;overflow:visible}
  .review-card .review-card-art{width:100%;height:auto;margin:0;object-fit:contain;clip-path:none}
  .buy-viewport{position:relative;min-height:780px;overflow:hidden}
  .buy-actions{display:flex;align-items:center;gap:9px}
  .buy-panel .pill{display:flex;align-items:center;justify-content:center;gap:8px}
  .buy-panel .pill img{width:19px;height:19px}
  .buy-panel h2 .buy-title-art{width:min(100%,411px);height:auto}
  .buy-bag{width:43px;height:43px;padding:0;border:0;border-radius:50%;background:transparent}
  .buy-bag img{display:block;width:100%;height:100%}
}






@media(max-width:767px){
  .hero-title-wrap{overflow:hidden}
  .hero-title{font-size:12vw;line-height:.95;letter-spacing:0;text-align:center;white-space:nowrap}
  .hero-subtitle{position:absolute;z-index:50;left:4%;top:158px;transform:none;display:block;width:92%;height:auto;margin:0;padding:5px 8px;background:#440008cc;font-size:8px;line-height:1.2;text-align:center;white-space:normal;overflow:hidden}
  .suspended-product{top:215px;width:64vw}
  .hero-copy{left:20px;width:calc(100% - 40px);bottom:90px}
  .hero-copy h2{font-size:26px;line-height:1.05}
  .hero-copy p{font-size:12px;line-height:1.25;overflow-wrap:anywhere}
  .hero-stats div{width:31%;padding:0;background:transparent;box-shadow:none;backdrop-filter:none}
  .about-product-art{transform:translateX(-50%)}
}

/* VELMORA Figma master frame (32:606) — measured desktop geometry. */
@media(min-width:768px){
  .hero-title-wrap{
    left:calc(var(--figma-x) + 318 * var(--figma-s));
    top:calc(var(--figma-y) + 116 * var(--figma-s));
    width:calc(1093 * var(--figma-s));
    height:calc(148 * var(--figma-s));
  }
  .hero-title{
    left:0;width:100%;height:100%;
    font-family:'Pilat Extended','Arial Narrow','Helvetica Neue',Arial,sans-serif;
    font-size:calc(115 * var(--figma-s));line-height:calc(148 * var(--figma-s));font-weight:300;
    letter-spacing:0;text-align:left;transform:none;
    background:linear-gradient(172.95deg,#000 5.68%,#fff 80.27%);
    -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;
  }
  .hero-title>span{display:inline-block;background:linear-gradient(172.95deg,#000 5.68%,#fff 80.27%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transform:translate3d(calc(4 * var(--figma-s)),calc(13 * var(--figma-s)),0) scaleX(1.479);transform-origin:left top}

  .about-visual>img{
    left:calc(172.63 * var(--figma-s));
    top:calc(21 * var(--figma-s));
    width:calc(1081.9 * var(--figma-s));
    height:calc(1081.9 * var(--figma-s));
    object-fit:fill;
    filter:none;
  }

  .collections{background:#fff}
  .collection-head{
    left:calc(var(--figma-x) + 45 * var(--figma-s));
    top:calc(var(--figma-y) + 177 * var(--figma-s));
    width:calc(1638 * var(--figma-s));
    height:calc(70 * var(--figma-s));
    gap:calc(24 * var(--figma-s));
  }
  .collection-head img{width:calc(72 * var(--figma-s));height:calc(69 * var(--figma-s))}
  .collection-head h2{
    margin:0;font-family:'Pilat Extended',Syne,sans-serif;
    font-size:calc(48 * var(--figma-s));line-height:1;font-weight:400;
  }
  .carousel-actions{display:none}
  .carousel-actions button{
    width:calc(52 * var(--figma-s));height:calc(52 * var(--figma-s));
    font-size:calc(20 * var(--figma-s));
  }
  .collection-window{
    left:calc(var(--figma-x) + 65 * var(--figma-s));
    top:calc(var(--figma-y) + 273 * var(--figma-s));
    width:calc(1608 * var(--figma-s));
    height:calc(741 * var(--figma-s));
  }
  .collection-track{height:100%}
  .scent-card{
    flex:0 0 calc(536 * var(--figma-s))!important;
    height:calc(741 * var(--figma-s));
    color:#111;background:#f9f5f3;border-color:#9d9d9d;
  }
  .scent-card:before{
    display:block;z-index:0;
    background:linear-gradient(180deg,transparent 58%,rgba(17,0,0,.82) 100%),var(--scene) center/cover no-repeat;
    opacity:0;transform:scale(1.045);
  }
  .scent-card.active:before{opacity:0;transform:scale(1.045)}
  .scent-card:hover:before,.scent-card:focus-within:before{opacity:1;transform:scale(1)}
  .scent-card.active{color:#111}
  .scent-card.active .scent-copy small{color:#444}
  .scent-card:hover,.scent-card:focus-within{color:#fff}
  .scent-card:hover .scent-copy small,.scent-card:focus-within .scent-copy small{color:#eee}
  .scent-card>span,.scent-card>h3{
    top:calc(22 * var(--figma-s));font-size:calc(16 * var(--figma-s));
  }
  .scent-card>span{right:calc(27 * var(--figma-s))}
  .scent-card>h3{left:calc(27 * var(--figma-s));font-size:calc(16 * var(--figma-s))}
  .scent-card>.scent-product{
    left:calc(39 * var(--figma-s) - 1px);top:calc(65 * var(--figma-s) - 1px);
    width:calc(523 * var(--figma-s));height:calc(523 * var(--figma-s));
    max-width:none;object-fit:fill;filter:none;
  }
  .scent-card:nth-child(2)>.scent-product{left:calc(40 * var(--figma-s) - 1px)}
  .scent-card:nth-child(3)>.scent-product{left:calc(41 * var(--figma-s) - 1px)}
  .scent-card:nth-child(5)>.scent-product{left:calc(34 * var(--figma-s) - 1px)}
  .scent-card:nth-child(6)>.scent-product{left:calc(41 * var(--figma-s) - 1px)}
  .scent-card>.scent-shadow{
    position:absolute;z-index:0;left:calc(23 * var(--figma-s));top:calc(150.5 * var(--figma-s));
    width:calc(418.5 * var(--figma-s));height:calc(555 * var(--figma-s));
    max-width:none;pointer-events:none;object-fit:fill;
  }
  .scent-card:nth-child(2)>.scent-shadow{left:calc(39 * var(--figma-s))}
  .scent-card:nth-child(3)>.scent-shadow{left:calc(27 * var(--figma-s))}
  .scent-copy{
    left:calc(30 * var(--figma-s));right:calc(30 * var(--figma-s));
    bottom:calc(30 * var(--figma-s));gap:calc(8 * var(--figma-s));
    font-size:calc(18 * var(--figma-s));
  }
  .scent-copy small{font-size:calc(14 * var(--figma-s))}
  .carousel-progress{
    left:calc(var(--figma-x) + 601 * var(--figma-s));bottom:auto;
    top:calc(var(--figma-y) + 1062 * var(--figma-s));
    transform:none;width:calc(534 * var(--figma-s));height:calc(6 * var(--figma-s));
    background:#e5dfdb;border-radius:999px;cursor:pointer;touch-action:none;user-select:none;
  }
  .carousel-progress::before{
    content:'';position:absolute;inset:calc(-10 * var(--figma-s)) 0;cursor:pointer;
  }
  .carousel-progress i{
    display:block;height:100%;width:16.666%;background:var(--red);border-radius:999px;
    transition:transform .55s var(--ease),width .55s var(--ease);
  }

  .affiliate{background:#100805}
  .affiliate-bg,.affiliate.scene-active .affiliate-bg{
    inset:auto;left:calc(var(--figma-x) - 128 * var(--figma-s));top:var(--figma-y);
    width:calc(1984 * var(--figma-s));height:calc(1117 * var(--figma-s));
    max-width:none;object-fit:fill;filter:blur(calc(3.5 * var(--figma-s)));transform:none;transition:none;
  }
  .affiliate-shade,.affiliate .ghost-logo{display:none}
  .affiliate .vertical-index{
    left:calc(var(--figma-x) + 45 * var(--figma-s));
    top:calc(var(--figma-y) + 144 * var(--figma-s));
    width:calc(22 * var(--figma-s));height:calc(260 * var(--figma-s));
    font-family:Inter,Arial,sans-serif;font-size:calc(22 * var(--figma-s));
    line-height:calc(22 * var(--figma-s));font-weight:600;
    letter-spacing:calc(6.6 * var(--figma-s));white-space:nowrap;
    writing-mode:vertical-rl;transform:rotate(180deg);
  }
  .affiliate-copy{
    left:calc(var(--figma-x) + 238 * var(--figma-s));
    top:calc(var(--figma-y) + 685 * var(--figma-s));
    width:calc(1252 * var(--figma-s));height:calc(403 * var(--figma-s));
    text-align:center;
  }
  .affiliate-copy .micro{
    position:absolute;left:calc(87 * var(--figma-s));top:calc(9 * var(--figma-s));
    display:block;width:calc(1078 * var(--figma-s));height:calc(32 * var(--figma-s));
    font-family:Inter,Arial,sans-serif;font-size:calc(24 * var(--figma-s));
    line-height:calc(32 * var(--figma-s));font-weight:400;letter-spacing:0;
  }
  .affiliate-copy .diamond-rule{
    position:absolute;left:calc(319 * var(--figma-s));top:calc(50 * var(--figma-s));
    width:calc(614 * var(--figma-s));height:calc(18.385 * var(--figma-s));margin:0;
    gap:calc(24 * var(--figma-s));
  }
  .affiliate-copy .diamond-rule i{flex:0 0 calc(283 * var(--figma-s));height:calc(2 * var(--figma-s));background:#fff}
  .affiliate-copy .diamond-rule b{display:block;flex:0 0 calc(13 * var(--figma-s));width:calc(13 * var(--figma-s));height:calc(13 * var(--figma-s));background:#fff;transform:rotate(45deg)}
  .affiliate-copy h2{
    position:absolute;left:0;top:calc(105 * var(--figma-s));
    width:calc(1252 * var(--figma-s));height:calc(120 * var(--figma-s));margin:0;
    font-size:0;color:transparent;
    background:linear-gradient(91.03deg,#fff 20.9%,#f5f5f5 110.34%);
    -webkit-mask:url('assets/affiliate-title-figma.png') center/calc(1097 * var(--figma-s)) calc(103 * var(--figma-s)) no-repeat;
    mask:url('assets/affiliate-title-figma.png') center/calc(1097 * var(--figma-s)) calc(103 * var(--figma-s)) no-repeat;
  }
  .affiliate-copy h2 img{position:absolute;left:calc(77.5 * var(--figma-s));top:calc(8.5 * var(--figma-s));width:calc(1097 * var(--figma-s));height:calc(103 * var(--figma-s));max-width:none;object-fit:fill;opacity:0}
  .affiliate-copy p{
    position:absolute;left:calc(260 * var(--figma-s));top:calc(256 * var(--figma-s));
    width:calc(732 * var(--figma-s));max-width:none;height:calc(64 * var(--figma-s));
    margin:0;font-family:Inter,Arial,sans-serif;
    font-size:calc(24 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400;
  }
  .affiliate-copy .pill{
    position:absolute;left:calc(392 * var(--figma-s));top:calc(351 * var(--figma-s));
    width:calc(390 * var(--figma-s));height:calc(52 * var(--figma-s));
    min-width:0;padding:calc(10 * var(--figma-s)) calc(20 * var(--figma-s));
    margin:0;font-family:Inter,Arial,sans-serif;font-size:calc(24 * var(--figma-s));
    line-height:calc(32 * var(--figma-s));font-weight:500;text-transform:uppercase;
    background:linear-gradient(94.57deg,#fff -11.59%,#fff 144.06%);color:#000;backdrop-filter:blur(calc(5 * var(--figma-s)));
  }
  .affiliate-product{
    left:calc(var(--figma-x) + 1317 * var(--figma-s));
    top:calc(var(--figma-y) + 581 * var(--figma-s));
    width:calc(450 * var(--figma-s));height:calc(450 * var(--figma-s));
    max-width:none;object-fit:fill;filter:none;transform:rotate(-14.55deg);
  }

  .support{background:#fff}
  .support:before,.support:after{content:"";position:absolute;pointer-events:none;border-radius:50%;filter:blur(calc(100 * var(--figma-s)));opacity:.1}
  .support:before{left:calc(var(--figma-x) - 23 * var(--figma-s));top:calc(var(--figma-y) - 13 * var(--figma-s));width:calc(663 * var(--figma-s));height:calc(490 * var(--figma-s));background:#000}
  .support:after{left:calc(var(--figma-x) + 1070 * var(--figma-s));top:calc(var(--figma-y) + 277 * var(--figma-s));width:calc(704 * var(--figma-s));height:calc(850 * var(--figma-s));background:#000}
  .faq-layout{
    left:calc(var(--figma-x) + 45 * var(--figma-s));
    top:calc(var(--figma-y) + 106 * var(--figma-s));
    width:calc(1636 * var(--figma-s));height:calc(565 * var(--figma-s));
    display:block;
  }
  .faq-heading{position:absolute;left:0;top:0;width:calc(722 * var(--figma-s));height:100%}
  .faq-heading h2{
    position:absolute;left:0;top:0;margin:0;width:calc(722 * var(--figma-s));height:calc(120 * var(--figma-s));font-size:0;
  }
  .faq-heading h2 img{
    position:absolute;left:calc(2.441 * var(--figma-s));top:calc(20 * var(--figma-s));
    width:calc(450.32 * var(--figma-s));height:calc(88.4 * var(--figma-s));max-width:none;object-fit:fill;mix-blend-mode:multiply;
  }
  .faq-heading>img{
    left:calc(138.93 * var(--figma-s));top:calc(70.93 * var(--figma-s));
    width:calc(444.333 * var(--figma-s));height:calc(444.333 * var(--figma-s));
    max-width:none;object-fit:fill;filter:none;transform:rotate(15deg);
  }
  .accordion{
    position:absolute;left:calc(727 * var(--figma-s));top:calc(20 * var(--figma-s));
    width:calc(909 * var(--figma-s));height:calc(495 * var(--figma-s));padding:0;
  }
  .accordion-item{margin-bottom:calc(15 * var(--figma-s));border-radius:calc(10 * var(--figma-s));background:#f9f5f3}
  .accordion-item:last-child{margin-bottom:0}
  .accordion-item button{
    height:calc(70 * var(--figma-s));padding:0 calc(24 * var(--figma-s));
    font-family:Inter,Arial,sans-serif;font-size:calc(24 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:500;
  }
  .accordion-item button span{display:grid;place-items:center;width:calc(22 * var(--figma-s));height:calc(22 * var(--figma-s));font-family:Arial,sans-serif;font-size:calc(39 * var(--figma-s));line-height:calc(18 * var(--figma-s));font-weight:200;color:#ba0109}
  .accordion-item p{
    padding:0 calc(24 * var(--figma-s));font-size:calc(15 * var(--figma-s));
  }
  .accordion-item.open p{
    max-height:calc(70 * var(--figma-s));
    padding:0 calc(24 * var(--figma-s)) calc(14 * var(--figma-s));
  }
  .how{
    left:calc(var(--figma-x) + 45 * var(--figma-s));
    top:calc(var(--figma-y) + 681 * var(--figma-s));
    width:calc(1635 * var(--figma-s));height:calc(436 * var(--figma-s));
  }
  .how:before{content:"";position:absolute;z-index:0;pointer-events:none;left:calc(-68 * var(--figma-s));top:0;width:calc(1751 * var(--figma-s));height:calc(480 * var(--figma-s));background:#f9f5f3}
  .how>.how-subtitle{
    position:absolute;left:0;top:calc(60 * var(--figma-s));margin:0;
    width:calc(967 * var(--figma-s));height:calc(20 * var(--figma-s));
    color:rgba(0,0,0,.8);font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:400;letter-spacing:0;text-transform:none;
  }
  .how h2{
    position:absolute;left:0;top:0;width:calc(967 * var(--figma-s));height:calc(60 * var(--figma-s));margin:0;font-size:0;
  }
  .how h2 img{position:absolute;left:calc(3.48 * var(--figma-s));top:calc(19.6 * var(--figma-s));width:calc(954.082 * var(--figma-s));height:calc(35.2 * var(--figma-s));max-width:none;object-fit:fill;mix-blend-mode:multiply}
  .steps{
    position:absolute;left:0;top:calc(99 * var(--figma-s));width:100%;
    grid-template-columns:repeat(5,calc(311 * var(--figma-s)));
    gap:calc(20 * var(--figma-s));
  }
  .steps:before{content:"";position:absolute;z-index:0;left:calc(112 * var(--figma-s));top:calc(137 * var(--figma-s));width:calc(1378 * var(--figma-s));border-top:calc(1 * var(--figma-s)) dashed #ba0109}
  .steps article{
    z-index:1;height:calc(311 * var(--figma-s));padding:0;
    border:calc(.5 * var(--figma-s)) solid rgba(0,0,0,.15);border-radius:calc(10 * var(--figma-s));
  }
  .steps article:not(:last-child):after{display:none}
  .steps b{
    position:absolute;left:calc(13 * var(--figma-s));top:calc(13 * var(--figma-s));
    width:calc(36 * var(--figma-s));height:calc(36 * var(--figma-s));
    font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:400;
  }
  .steps h3{
    left:calc(69 * var(--figma-s));top:calc(21 * var(--figma-s));right:auto;
    width:calc(220 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:400;white-space:nowrap;
  }
  .steps img{
    left:calc(43 * var(--figma-s));right:auto;top:calc(51 * var(--figma-s));bottom:auto;
    width:calc(225 * var(--figma-s));height:calc(247 * var(--figma-s));object-fit:contain;
  }

  .contact{background:#fff}
  .contact:before,.contact:after{content:"";position:absolute;pointer-events:none;border-radius:50%;background:#000;opacity:.1;filter:blur(calc(100 * var(--figma-s)))}
  .contact:before{left:calc(var(--figma-x) - 23 * var(--figma-s));top:calc(var(--figma-y) - 13 * var(--figma-s));width:calc(987 * var(--figma-s));height:calc(365 * var(--figma-s))}
  .contact:after{left:calc(var(--figma-x) + 1010 * var(--figma-s));top:calc(var(--figma-y) + 277 * var(--figma-s));width:calc(764 * var(--figma-s));height:calc(850 * var(--figma-s))}
  .contact-title{
    left:calc(var(--figma-x) + 45 * var(--figma-s));
    top:calc(var(--figma-y) + 121 * var(--figma-s));
    width:calc(722 * var(--figma-s));height:calc(80 * var(--figma-s));
    mix-blend-mode:multiply;
  }
  .contact-title h2{
    position:relative;width:100%;height:100%;margin:0;font-size:0;
  }
  .contact-title h2 img{position:absolute;left:calc(2 * var(--figma-s));top:calc(23 * var(--figma-s));width:calc(438 * var(--figma-s));height:calc(44 * var(--figma-s));max-width:none;object-fit:fill;mix-blend-mode:multiply}
  .contact-grid{
    left:calc(var(--figma-x) + 45 * var(--figma-s));
    top:calc(var(--figma-y) + 250 * var(--figma-s));
    width:calc(1638 * var(--figma-s));height:calc(777 * var(--figma-s));display:block;
  }
  .contact form{
    position:absolute;left:0;top:0;width:calc(1085 * var(--figma-s));height:calc(478 * var(--figma-s));display:block;
    padding:0;background:#fafafa;border:calc(.5 * var(--figma-s)) solid rgba(0,0,0,.1);border-radius:calc(20 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(32 * var(--figma-s));
  }
  .contact form label{position:absolute;display:block;width:calc(479 * var(--figma-s));height:calc(78 * var(--figma-s));gap:0}
  .contact form label:nth-of-type(1){left:calc(49 * var(--figma-s));top:calc(31 * var(--figma-s))}
  .contact form label:nth-of-type(2){left:calc(558 * var(--figma-s));top:calc(31 * var(--figma-s))}
  .contact form label:nth-of-type(3){left:calc(49 * var(--figma-s));top:calc(129 * var(--figma-s))}
  .contact form label:nth-of-type(4){left:calc(558 * var(--figma-s));top:calc(129 * var(--figma-s))}
  .contact form label:nth-of-type(5){left:calc(49 * var(--figma-s));top:calc(227 * var(--figma-s));width:calc(988 * var(--figma-s));height:calc(152 * var(--figma-s))}
  .contact input,.contact select,.contact textarea{
    display:block;width:100%;height:calc(46 * var(--figma-s));min-height:0;margin:0;padding:calc(7 * var(--figma-s)) calc(16 * var(--figma-s));
    border:0;border-radius:calc(10 * var(--figma-s));background:#f2f2f2;color:#000;font-family:Inter,Arial,sans-serif;font-size:calc(16 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400;
  }
  .contact input::placeholder,.contact textarea::placeholder{color:rgba(0,0,0,.5);opacity:1}
  .contact select{color:rgba(0,0,0,.5);appearance:auto}
  .contact textarea{height:calc(120 * var(--figma-s));resize:none}
  .contact form .pill{position:absolute;left:calc(44 * var(--figma-s));top:calc(399 * var(--figma-s));width:calc(241 * var(--figma-s));height:calc(52 * var(--figma-s));padding:calc(10 * var(--figma-s)) calc(20 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400}
  .contact form .pill span{display:grid;place-items:center;width:calc(32 * var(--figma-s));height:calc(32 * var(--figma-s));border-radius:50%;background:#fff;color:#ba0109}
  .contact .form-status{position:absolute;left:calc(300 * var(--figma-s));top:calc(405 * var(--figma-s));margin:0;font-size:calc(14 * var(--figma-s));line-height:calc(24 * var(--figma-s))}
  .contact-scene{
    position:absolute;left:calc(1105 * var(--figma-s));top:0;width:calc(533 * var(--figma-s));height:calc(777 * var(--figma-s));border-radius:calc(20 * var(--figma-s));overflow:hidden;transform-origin:left top;
  }
  .contact-bg{width:100%;height:100%;max-width:none;object-fit:fill}
  .contact-scene a{top:calc(14 * var(--figma-s));right:calc(11 * var(--figma-s));width:calc(128 * var(--figma-s));height:calc(44 * var(--figma-s));display:grid;place-items:center;padding:0;font-family:Inter,Arial,sans-serif;font-size:calc(14 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400;background:rgba(255,255,255,.05);backdrop-filter:blur(calc(4 * var(--figma-s)))}
  .contact-product{
    left:calc(98 * var(--figma-s));top:calc(139 * var(--figma-s));
    width:calc(405 * var(--figma-s));height:calc(405 * var(--figma-s));
    max-width:none;object-fit:fill;
  }
  .contact-methods{
    left:calc(var(--figma-x) + 45 * var(--figma-s));
    top:calc(var(--figma-y) + 778 * var(--figma-s));
    width:calc(1085 * var(--figma-s));height:calc(141 * var(--figma-s));display:grid;grid-template-columns:repeat(3,calc(311 * var(--figma-s)));gap:calc(76 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400;text-align:center;
  }
  .contact-methods>div{position:relative;display:block;width:calc(311 * var(--figma-s));height:calc(141 * var(--figma-s))}
  .contact-methods b{display:block;width:calc(69 * var(--figma-s));height:calc(69 * var(--figma-s));margin:0 auto;background:none;border-radius:0;font-size:0}
  .contact-methods b img{display:block;width:100%;height:100%;object-fit:fill}
  .contact-methods strong{display:block;margin:calc(7 * var(--figma-s)) 0 0;font-size:calc(20 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400}
  .contact-methods span{display:block;margin:0 auto;color:rgba(0,0,0,.8);font-size:calc(16 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400;white-space:nowrap}
  .contact-methods>div:last-child strong{margin-top:0}
  .contact-methods>div:last-child span{width:calc(205 * var(--figma-s));line-height:calc(20 * var(--figma-s));letter-spacing:calc(-.25 * var(--figma-s));white-space:normal}

  .footer{
    height:calc(764 * var(--figma-s));min-height:0;scroll-snap-align:start;
    background:#190003;
  }
  .footer-bg{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill}
  .footer-main{
    left:calc(var(--figma-x) + 72 * var(--figma-s));
    top:calc(222 * var(--figma-s));
    width:calc(1468 * var(--figma-s));
    grid-template-columns:calc(1019 * var(--figma-s)) calc(150 * var(--figma-s)) calc(190 * var(--figma-s));
    gap:calc(55 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(18 * var(--figma-s));line-height:calc(25 * var(--figma-s));
  }
  .footer-main>div{gap:0}
  .footer-brand{display:block;width:max-content;font-family:'Pilat Extended',Syne,sans-serif;font-size:calc(40 * var(--figma-s));line-height:calc(40 * var(--figma-s));font-weight:300}
  .footer-main p{width:calc(630 * var(--figma-s));max-width:none;margin:calc(21 * var(--figma-s)) 0 0;color:#fff;font-size:calc(20 * var(--figma-s));line-height:calc(25 * var(--figma-s));font-weight:300}
  .footer-subscribe{margin:calc(18 * var(--figma-s)) 0 0;width:100%;max-width:calc(460 * var(--figma-s))}
  .footer-subscribe-row{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.22);border-radius:999px;padding:calc(4 * var(--figma-s));transition:border-color .3s}
  .footer-subscribe-row:focus-within{border-color:rgba(255,255,255,.65)}
  .footer-subscribe input[type="email"]{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:0 calc(16 * var(--figma-s));color:#fff;font-size:calc(16 * var(--figma-s));line-height:calc(22 * var(--figma-s))}
  .footer-subscribe input[type="email"]::placeholder{color:rgba(255,255,255,.5)}
  .footer-subscribe button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:calc(6 * var(--figma-s));padding:calc(10 * var(--figma-s)) calc(22 * var(--figma-s));border:0;border-radius:999px;background:var(--red);color:#fff;font-size:calc(15 * var(--figma-s));font-weight:600;cursor:pointer;transition:background-color .3s,transform .2s}
  .footer-subscribe button:hover{background:#9e1023;transform:translateX(calc(2 * var(--figma-s)))}
  .footer-subscribe-status{font-size:calc(14 * var(--figma-s));margin:calc(8 * var(--figma-s)) 0 0 calc(12 * var(--figma-s));min-height:calc(20 * var(--figma-s));color:#ff9e48}
  .footer-subscribe-status.success{color:#5cd685}
  .footer-subscribe-status.error{color:#ff6b6b}
  .footer-social{position:relative;display:block;width:calc(222 * var(--figma-s));height:calc(41 * var(--figma-s));margin-top:calc(22 * var(--figma-s))}
  .footer-social a{position:absolute;top:0;height:calc(40.554 * var(--figma-s))}
  .footer-social a:nth-child(1){left:0;width:calc(76.554 * var(--figma-s))}
  .footer-social a:nth-child(2){left:calc(91 * var(--figma-s));width:calc(40.554 * var(--figma-s))}
  .footer-social a:nth-child(3){left:calc(145 * var(--figma-s));width:calc(77 * var(--figma-s))}
  .footer-social img{display:block;width:100%;height:100%;max-width:none}
  .footer-main h3{margin:0 0 calc(15 * var(--figma-s));font-size:calc(24 * var(--figma-s));line-height:calc(25 * var(--figma-s));font-weight:500}
  .footer-links a{display:block;height:calc(33 * var(--figma-s));font-size:calc(18 * var(--figma-s));line-height:calc(25 * var(--figma-s));font-weight:400}
  .legal{
    left:calc(var(--figma-x) + 72 * var(--figma-s));
    right:calc(var(--figma-x) + 72 * var(--figma-s));
    top:calc(540 * var(--figma-s));height:calc(32 * var(--figma-s));align-items:start;color:#fff;font-family:Inter,Arial,sans-serif;font-size:calc(20 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:300;
  }
  .footer-policies{display:flex;align-items:center;gap:calc(20 * var(--figma-s))}
  .footer-policies i{display:block;width:calc(2 * var(--figma-s));height:calc(24 * var(--figma-s));background:#fff}
  .footer-word{
    left:calc(var(--figma-x) + 72 * var(--figma-s));bottom:auto;
    top:calc(580 * var(--figma-s));width:calc(1598 * var(--figma-s));height:calc(163 * var(--figma-s));max-width:none;object-fit:fill;mix-blend-mode:multiply;
  }
}

/* Mobile stability and touch pass. Desktop Figma geometry is intentionally
   untouched. Use transform rather than the newer independent translate
   property so parallax also works in older iOS/Android browsers. */
@media(max-width:767px){
  html,body{width:100%;max-width:100%;overflow-x:clip}
  main,.hero,.about,.collections,.drive,.buy-viewport,.reviews,.affiliate,.support,.contact,.footer,.outro{width:100%;max-width:100%;overflow-x:hidden}
  .site-header{max-width:100vw;transform:translateZ(0)}
  .collection-head{
    display:grid;grid-template-columns:34px minmax(0,1fr) auto;
    align-items:center;gap:8px;width:100%;
  }
  .collection-head>div:nth-child(2){min-width:0}
  .collection-head h2{font-size:clamp(23px,7.2vw,30px);line-height:1.05}
  .carousel-actions{margin-left:0}
  .ghost-logo{left:0;width:100%;transform:none;text-align:center;font-size:12vw}
  .hero-title{
    font-family:'Pilat Extended','Arial Narrow',Arial,sans-serif;
    font-weight:300;
    color:transparent;
    text-shadow:none;
    background:linear-gradient(172.95deg,#000 5.68%,#fff 80.27%);
    -webkit-background-clip:text;
    background-clip:text;
    -webkit-text-fill-color:transparent;
  }
  .about-copy h2{
    font-size:clamp(32px,9.4vw,37px);
    letter-spacing:-.01em;
  }

  .hero-bg,
  .drive .drive-background,.drive.scene-active .drive-background,
  .affiliate .affiliate-bg,.affiliate.scene-active .affiliate-bg,
  .contact-bg{
    translate:none;scale:none;
    transform:translate3d(0,var(--mobile-parallax-y,0px),0) scale(1.12);
    transition:none!important;
  }
  .about-visual{
    translate:none;
    transform:translate3d(0,var(--mobile-parallax-y,0px),0);
  }
  .faq-heading>img{
    translate:none;
    transform:translate3d(-50%,var(--mobile-parallax-y,0px),0) rotate(9deg);
  }
  .mobile-parallax-active{will-change:transform}

  .reveal-up,.reveal-left,.reveal-right,.reveal-scale{
    transition-duration:.45s,.5s;
    transition-delay:min(var(--delay,0s),.12s);
  }
  .orbit i{animation:none}

  .collection-window,.review-cards,.steps{
    -webkit-overflow-scrolling:touch;
    overscroll-behavior-x:contain;
    scrollbar-width:none;
  }
  .review-cards::-webkit-scrollbar,.steps::-webkit-scrollbar{display:none}
  .review-cards,.steps{scroll-snap-type:x mandatory;scroll-padding-inline:6px}
  .review-card,.steps article{scroll-snap-align:center;scroll-snap-stop:always}
  .review-cards{padding:0 6px 8px}
  .review-card{flex-basis:calc(100vw - 54px)}

  /* Desktop moves one shared bottle between cards. On phones the first three
     bottle-free scenes use their transparent product image. */
  .scent-card>.scent-product{
    opacity:1!important;
    object-fit:contain;
    pointer-events:none;
    transition:transform .4s var(--ease),opacity .25s ease;
  }
  .journey-ready .scent-card.active>.scent-product{opacity:1!important}
  /* The original desktop scenes for 4–6 already contain their product. Do
     not draw the separate card image over them on mobile. */
  .collection-track.is-dragging .scent-product{transition:none!important}

  .affiliate-bg,.affiliate.scene-active .affiliate-bg{
    left:0;right:0;width:100%;max-width:100%;
    filter:brightness(.58);
  }
  .footer-word{
    left:24px;right:24px;width:calc(100% - 48px);height:auto;max-width:calc(100% - 48px);
  }
}

@media(max-width:380px){
  .site-header{padding-inline:12px}
  .shop-now{font-size:11px;margin-left:4px;padding:4px 6px}
  .mobile-toggle i{width:21px}
  .hero-copy h2{font-size:24px}
  .about-copy{padding-inline:2%}
  .about-copy h2{font-size:clamp(32px,9.4vw,36px)}
  .collection-head h2{font-size:27px}
  .affiliate-copy h2{font-size:34px}
  .faq-heading h2,.how h2{font-size:32px}
  .contact-title h2{font-size:40px}
}

/* Figma prototype Home entrance: Loading Screen Ui (67:4556) -> Hero (67:4007).
   Smart Animate, 2.4 s, custom cubic-bezier(.49,-.01,.09,1). */
@media(min-width:768px){
  body.home-entering .site-header{animation:figmaHeaderIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-bg{transform-origin:center;animation:figmaHeroBgIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-title-wrap{animation:figmaHeroTitleIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-subtitle{animation:figmaHeroSubtitleIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .video-teaser{animation:figmaHeroVideoIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .social-rail{animation:figmaHeroSocialIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-copy,.hero.loaded .hero-stats{animation:none}
  .hero.loaded .hero-copy h2{animation:figmaHeroCopyTitleIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-copy p{animation:figmaHeroCopyBodyIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-copy .pill{animation:figmaHeroCopyButtonIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-stats div:nth-child(1){animation:figmaHeroStatOneIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-stats div:nth-child(2){animation:figmaHeroStatTwoIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-stats div:nth-child(3){animation:figmaHeroStatThreeIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .scroll-cue{animation:figmaHeroScrollIn 2.4s cubic-bezier(.49,-.01,.09,1) both}
  .hero.loaded .hero-reflection{animation:figmaHeroReflectionIn 2.4s cubic-bezier(.49,-.01,.09,1) both}

  @keyframes figmaHeaderIn{from{transform:translate3d(0,calc(-488 * var(--figma-s)),0)}to{transform:none}}
  @keyframes figmaHeroBgIn{from{transform:scale(1.509)}to{transform:scale(1)}}
  @keyframes figmaHeroTitleIn{from{transform:translate3d(0,calc(-2589 * var(--figma-s)),0)}to{transform:none}}
  @keyframes figmaHeroSubtitleIn{from{transform:translate3d(-50%,calc(-2589 * var(--figma-s)),0)}to{transform:translate3d(-50%,0,0)}}
  @keyframes figmaHeroVideoIn{from{transform:translate3d(calc(-708 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroSocialIn{from{transform:translate3d(calc(-933 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroCopyTitleIn{from{transform:translate3d(calc(-1013 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroCopyBodyIn{from{transform:translate3d(calc(-1213 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroCopyButtonIn{from{transform:translate3d(calc(-1409 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroStatOneIn{from{transform:translate3d(calc(1613 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroStatTwoIn{from{transform:translate3d(calc(1396 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroStatThreeIn{from{transform:translate3d(calc(1133 * var(--figma-s)),0,0)}to{transform:none}}
  @keyframes figmaHeroScrollIn{from{transform:translate3d(-50%,calc(100 * var(--figma-s)),0)}to{transform:translate3d(-50%,0,0)}}
  @keyframes figmaHeroReflectionIn{from{transform:translate3d(0,calc(150 * var(--figma-s)),0) scaleY(-1)}to{transform:translate3d(0,0,0) scaleY(-1)}}
}


/* About VELMORA — full-viewport Figma alignment. */
@media(min-width:768px){
  .about{background:#fff}
  .about:before{content:"";position:absolute;z-index:1;left:3.15vw;top:22.8svh;bottom:2.2svh;width:1px;background:#e30613}
  .about:after{content:"";position:absolute;z-index:1;left:2.7vw;bottom:2.05svh;width:8vw;height:1px;background:#e30613}
  .about .vertical-index{left:calc(var(--figma-x) + 27 * var(--figma-s));top:calc(var(--figma-y) + 69 * var(--figma-s));width:auto;height:auto;background:none;font-family:Syne,sans-serif;font-size:clamp(11px,1.38vw,24px);line-height:1;letter-spacing:.28em;color:var(--red);transform:rotate(180deg)}
  .about-visual{left:0;top:0;width:48.2vw;height:100svh}
  .about-visual:after{content:"";position:absolute;z-index:1;left:4.5vw;top:66svh;width:34vw;height:30svh;background:url('assets/about-glow.png') center/contain no-repeat;pointer-events:none}
  .about-visual>img{left:.2vw;top:5svh;width:53vw;max-width:none;filter:drop-shadow(0 3.8svh 2.8svh #d8083642)}
  .about-visual .soft-disc{z-index:0;left:4.65vw;top:19.5svh;width:40.3vw;height:40.3vw;max-height:73svh;max-width:73svh;background:#f9f5f3}
  .about-visual .orbit{z-index:1;left:10.3vw;top:11.8svh;width:32vw;height:79svh;border:1px solid #e30613;border-radius:50%;background:none;transform:rotate(-12deg)}
  .about-visual .orbit:after{content:"";position:absolute;top:8%;left:8%;width:11px;height:11px;border-radius:50%;background:#d70b17}
  .about-copy{left:50.2vw;top:23.5svh;width:44.5vw}
  .about-copy .micro{font-size:clamp(11px,1.38vw,24px);line-height:1;letter-spacing:.3em;font-weight:500}
  .about-copy h2{width:64.5%;height:auto;background:none;font-family:Syne,sans-serif;font-size:clamp(40px,4.75vw,82px);line-height:.94;font-weight:400;letter-spacing:-.035em;word-spacing:1vw;color:#000;margin:2.6svh 0 1.5svh;transform:scaleX(1.48);transform-origin:left top}
  .about-copy .headline-rule{width:calc(205 * var(--figma-s));height:3px;margin:0 0 5.2svh;background:#d40814}
  .about-copy .about-body-text{width:auto;height:auto;max-width:44vw;margin:0 0 4.5svh;background:none;color:#111;font-family:'DM Sans',Arial,sans-serif;font-size:clamp(13px,1.39vw,24px);line-height:1.28;font-weight:400}
  .about-copy .about-body-text b{color:var(--red)}
  .about-copy .pill{width:17vw;height:5.6svh;min-height:31px;padding:0 2vw;gap:.65vw;background:var(--red);color:#fff;font-size:clamp(13px,1.38vw,23px)}
  .about-copy .pill span{display:inline}
  .about .coordinate-line{left:2.7vw;right:2.7vw;bottom:0;height:20px;display:block;font-size:clamp(9px,.9vw,15px);line-height:1;letter-spacing:.13em}
  .about .coordinate-line i{position:absolute;left:15.1vw;right:0;top:8px;height:1px;background:#e30613}
  .about .coordinate-line b{position:absolute;top:0;white-space:nowrap}
  .about .coordinate-line b:first-child{left:0;width:auto;height:auto;background:none;color:inherit;font-size:inherit}
  .about .coordinate-line b:last-child{right:0}
  .shared-product[data-stage="about"]{filter:drop-shadow(0 3.8svh 2.8svh #d8083642)}
  .about-visual>img{
    left:calc(172.63 * var(--figma-s));top:calc(21 * var(--figma-s));
    width:calc(1081.9 * var(--figma-s));height:calc(1081.9 * var(--figma-s));
    max-width:none;object-fit:fill;filter:none;
  }
}

@media(min-width:768px){
  main{padding-bottom:0;background:#fff}
  .shared-product:not([data-stage="home"]) .shared-rope-art{display:none}
  .about-visual>img{
    left:calc(72 * var(--figma-s));top:calc(120 * var(--figma-s));
    width:calc(880 * var(--figma-s));height:calc(880 * var(--figma-s));
  }
  .faq-heading>img{left:calc(138.93 * var(--figma-s));top:calc(70.93 * var(--figma-s));width:calc(444.333 * var(--figma-s));height:calc(444.333 * var(--figma-s));transform:rotate(15deg)}
}

/* Pixel-accurate Figma header and viewport alignment. */
.scent-card:nth-child(1){--scene:url("assets/collections-scene-1.webp")}
.scent-card:nth-child(2){--scene:url("assets/collections-scene-2.webp")}
.scent-card:nth-child(3){--scene:url("assets/collections-scene-3.webp")}
.scent-card:nth-child(4){--scene:url("assets/scene-humidor.webp")}
.scent-card:nth-child(5){--scene:url("assets/scene-mayfair.webp")}
.scent-card:nth-child(6){--scene:url("assets/scene-coastal.webp")}
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
@media(max-width:767px){
  .collection-window{touch-action:pan-y;overscroll-behavior-x:contain;user-select:none;-webkit-user-select:none;contain:layout paint}
  .collection-track{transform:translate3d(0,0,0);backface-visibility:hidden}
  .collection-track.is-dragging,.collection-track.is-dragging .scent-card,.collection-track.is-dragging .scent-card:before,.collection-track.is-dragging .scent-product{transition:none!important}
  .faq-heading h2 img{position:relative;left:auto;top:auto;width:min(100%,450px);height:auto;max-width:100%;transform:none;mix-blend-mode:multiply}
  .faq-heading>img{left:50%;top:85px;width:260px;height:auto;transform:translate3d(-50%,var(--mobile-parallax-y,0px),0) rotate(9deg)}
  .how h2 img{position:relative;left:auto;top:auto;width:100%;height:auto;max-width:955px;mix-blend-mode:multiply}
  /* Parallax transforms are defined in the mobile stability block above. */
  .affiliate{min-height:max(740px,100svh)}
  .affiliate-copy{top:max(112px,16svh)}
  .affiliate-copy h2 img{filter:grayscale(1) brightness(4)}
  .affiliate-copy .pill{background:#fff;color:#000}
  .affiliate-product{
    left:50%;top:max(400px,58svh);bottom:auto;
    width:min(59vw,230px);height:auto;
    transform:translateX(-50%);
  }
}
@media(min-width:768px){
  .site-header .logo-lockup{width:calc(163 * var(--figma-s));height:calc(40 * var(--figma-s));gap:calc(10.4234 * var(--figma-s));letter-spacing:0}
  .site-header .logo-lockup .logo-mark{width:calc(37.5766 * var(--figma-s));height:calc(40 * var(--figma-s));object-fit:fill}
  .site-header .logo-lockup .logo-word{width:calc(115.0003 * var(--figma-s));height:calc(14.4276 * var(--figma-s));object-fit:fill}
  .site-header nav{gap:calc(4 * var(--figma-s));padding:calc(5 * var(--figma-s))}
  .site-header nav a{font-family:Inter,Arial,sans-serif;font-size:calc(16 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:300;letter-spacing:.1em}
  .site-header nav a.active{font-weight:500}
  .site-header .shop-now{display:flex;align-items:center;justify-content:space-between;width:calc(150 * var(--figma-s));height:calc(40 * var(--figma-s));padding:0 calc(5 * var(--figma-s)) 0 calc(10 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(16 * var(--figma-s));line-height:calc(20 * var(--figma-s));font-weight:300}
  .site-header .shop-now span{width:calc(38 * var(--figma-s));height:calc(28 * var(--figma-s));margin:0;border:0}
  .site-header .shop-now img{display:block;width:100%;height:100%}
}

/* About — exact Figma frame 67:5139. Remove non-Figma decoration/reveals. */
@media(min-width:768px){
  .about{background:#fff}
  .about:before{content:none}
  .about:after{left:calc(var(--figma-x) + 45 * var(--figma-s));top:calc(var(--figma-y) + 1042 * var(--figma-s));bottom:auto;width:calc(138 * var(--figma-s));height:1px;background:#ba0109}
  .about .reveal-left,.about .reveal-right{opacity:1;transform:none;transition:none}
  .about .vertical-index{left:calc(var(--figma-x) + 45 * var(--figma-s));top:calc(var(--figma-y) + 41 * var(--figma-s));width:calc(22 * var(--figma-s));height:calc(260 * var(--figma-s));display:block;font-family:Inter,Arial,sans-serif;font-size:calc(22 * var(--figma-s));line-height:calc(22 * var(--figma-s));font-weight:600;letter-spacing:calc(6.6 * var(--figma-s));writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap}
  .about-visual{left:0;top:0;width:calc(839.13 * var(--figma-s));height:var(--figma-h)}
  .about-visual:after{content:none}
  .about-visual .orbit{left:calc(31.38 * var(--figma-s));top:calc(44.16 * var(--figma-s));width:calc(807.747 * var(--figma-s));height:calc(1022.612 * var(--figma-s));display:flex;align-items:center;justify-content:center;border:0;border-radius:0;background:none;transform:none}
  .about-visual .orbit:after{content:none}
  .about-visual .orbit>img{position:relative;z-index:1;flex:none;width:calc(922.372 * var(--figma-s));height:calc(657.414 * var(--figma-s));max-width:none;object-fit:cover;transform:rotate(-100.011deg)}
  .about-visual .soft-disc{left:calc(80 * var(--figma-s));top:calc(234 * var(--figma-s));width:calc(705 * var(--figma-s));height:calc(705 * var(--figma-s));max-width:none;max-height:none;background:#f9f5f3}
  .about-visual>img{left:calc(47.246 * var(--figma-s));top:calc(83.246 * var(--figma-s));width:calc(909.885 * var(--figma-s));height:calc(909.885 * var(--figma-s));max-width:none;object-fit:fill;filter:none}
  .about-copy{left:calc(var(--figma-x) + 864 * var(--figma-s));top:calc(var(--figma-y) + 259 * var(--figma-s));width:calc(726 * var(--figma-s));height:calc(567 * var(--figma-s))}
  .about-copy .micro{display:block;position:relative;left:calc(-2 * var(--figma-s));width:calc(314 * var(--figma-s));height:calc(22 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(22 * var(--figma-s));line-height:calc(22 * var(--figma-s));font-weight:500;letter-spacing:calc(6.6 * var(--figma-s))}
  .about-copy h2{width:calc(663 * var(--figma-s));height:calc(160 * var(--figma-s));margin:calc(16 * var(--figma-s)) 0 calc(21 * var(--figma-s));font-family:'Pilat Extended',Syne,Arial,sans-serif;font-size:calc(80 * var(--figma-s));line-height:calc(80 * var(--figma-s));font-weight:400;letter-spacing:0;word-spacing:0;transform:none}
  .about-copy h2>span{display:block;width:max-content;transform:scaleX(1.48);transform-origin:left top}
  .about-copy .headline-rule{width:calc(205 * var(--figma-s));height:calc(4 * var(--figma-s));margin:0 0 calc(49 * var(--figma-s));background:#ba0109}
  .about-copy .about-body-text{width:calc(726 * var(--figma-s));height:calc(192 * var(--figma-s));max-width:none;margin:0 0 calc(51 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(24 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:400;color:#000}
  .about-copy .about-body-text b{font-weight:600;color:#ba0109}
  .about-copy .pill{width:calc(293 * var(--figma-s));height:calc(52 * var(--figma-s));min-height:0;padding:calc(10 * var(--figma-s)) calc(20 * var(--figma-s));gap:calc(10 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(24 * var(--figma-s));line-height:calc(32 * var(--figma-s));font-weight:500;background:#c4141b}
  .about .coordinate-line{left:calc(var(--figma-x) + 45 * var(--figma-s));right:auto;top:calc(var(--figma-y) + 1042 * var(--figma-s));bottom:auto;width:calc(1646 * var(--figma-s));height:calc(32 * var(--figma-s));font-family:Inter,Arial,sans-serif;font-size:calc(15 * var(--figma-s));line-height:calc(18 * var(--figma-s));letter-spacing:calc(1.95 * var(--figma-s))}
  .about .coordinate-line i{left:calc(256 * var(--figma-s));right:calc(41 * var(--figma-s));top:0;height:1px;background:#ba0109}
  .about .coordinate-line b{top:calc(10 * var(--figma-s));font-weight:400}
  .about .coordinate-line b:first-child{left:0}
  .about .coordinate-line b:nth-of-type(2){right:calc(45 * var(--figma-s))}
  .about .coordinate-crosshair{position:absolute;right:0;top:calc(-25 * var(--figma-s));width:calc(32 * var(--figma-s));height:calc(32 * var(--figma-s));padding:calc(1 * var(--figma-s));object-fit:contain}
  .light-header .logo-mark{content:url('assets/header-logo-mark-light.svg')}
  .light-header .logo-word{content:url('assets/header-logo-word-light.svg')}
  .light-header .shop-now img{content:url('assets/header-shop-arrow-light.svg')}
}

/* Figma 67:5139 -> 67:5688: 2.4 s Smart Animate, not a page slide. */
@media(min-width:768px){
  body.about-collections-motion #about,
  body.about-collections-motion #collections{will-change:transform}
  body.about-collections-motion #collections{background:transparent}
  body.about-collections-motion #collections:before{
    content:"";position:absolute;z-index:0;
    left:var(--figma-x);top:calc(var(--figma-y) + 60 * var(--figma-s));
    width:var(--figma-w);height:var(--figma-h);background:#fff;
    transform:translate3d(0,var(--collections-enter-y,0px),0);will-change:transform;
  }
  body.about-collections-motion #about:after{
    transform:translate3d(var(--about-left-exit-x,0px),0,0);will-change:transform;
  }
  body.about-collections-motion #about .vertical-index,
  body.about-collections-motion #about .orbit,
  body.about-collections-motion #about .soft-disc,
  body.about-collections-motion #about .about-copy,
  body.about-collections-motion #about .coordinate-line > *,
  body.about-collections-motion .collection-head,
  body.about-collections-motion .collection-window,
  body.about-collections-motion .carousel-progress{
    transition:none!important;will-change:transform;
  }
body.about-collections-motion .collection-head{opacity:1!important}
}

/* Canonical VELMORA typography. These final declarations intentionally
   normalize both responsive layouts after all Figma geometry rules. */
body,button,a,input,select,textarea{font-family:'Inter',Arial,sans-serif;font-synthesis:none}
.about-copy .about-body-text,.buy-panel p,.vertical-index{font-family:'Inter',Arial,sans-serif}
.logo-lockup,.hero-title,.hero-copy h2,.hero-stats strong,.hero-stats sup,
.about-copy h2,.collection-head h2,.scent-card>h3,.scent-copy b,
.buy-panel h2,.reviews>h2,.affiliate-copy h2,.faq-heading h2,.how h2,
.contact-title h2,.footer-brand,.footer-word,.ghost-logo,.outro h2{
  font-family:'Pilat Extended','Arial Narrow',Arial,sans-serif;
  font-synthesis:none;
}

/* The earlier Figma build horizontally stretched its fallback display font.
   Pilat Extended now ships locally, so applying those scaleX values a second
   time pushes the hero typography outside its measured Figma bounds. */
@media(min-width:768px){
  .hero-title>span{
    transform:none;
  }
  .hero-copy h2>span{
    transform:translateY(calc(4 * var(--figma-s)));
  }
  .hero-stats .stat-number,
  .hero-stats div:nth-child(2) .stat-number{
    transform:translateY(calc(-3 * var(--figma-s)));
  }
  .about-copy h2>span{
    transform:none;
  }
}

/* Phone composition: retain the desktop artwork at readable, touch sizes.
   Product and background layers use separate scroll offsets in script.js. */
@media(max-width:767px){
  section,.footer{scroll-margin-top:64px}
  .reveal-up,.reveal-left,.reveal-right,.reveal-scale{opacity:1;transform:none}
  .site-header .logo-lockup{gap:8px;flex-shrink:0}
  .site-header .logo-lockup .logo-mark{width:30px;height:32px}
  .site-header .logo-lockup .logo-word{width:92px;height:auto;max-height:20px}
  .site-header .shop-now{display:flex;align-items:center;gap:8px;font-size:12px;min-height:40px;padding:6px 10px}
  .site-header .shop-now span{width:22px;height:22px;border:0;margin:0}
  .site-header .shop-now img{width:100%;height:100%}
  .mobile-toggle{min-width:44px;min-height:44px;padding:8px}
  .site-header nav{border-radius:18px;padding:12px;gap:3px;max-height:calc(100svh - 80px);overflow-y:auto}
  .site-header nav a{font-size:15px;min-height:44px}
  .light-header .logo-mark{content:url('assets/header-logo-mark-light.svg')}
  .light-header .logo-word{content:url('assets/header-logo-word-light.svg')}
  .light-header .shop-now img{content:url('assets/header-shop-arrow-light.svg')}
  .site-header.light-header nav a{color:#fff}
  .site-header.light-header nav a.active{color:#fff;background:#a11022}
  .pill,.review-button{font-size:13px;line-height:1.3;min-height:44px;padding:12px 20px}
  .micro{font-size:10px;line-height:1.5;letter-spacing:.18em}
  .hero{display:flex;flex-direction:column;align-items:stretch;height:auto;min-height:100svh;padding:108px 20px 24px;gap:18px}
  .hero-title-wrap{position:relative;left:auto;top:auto;width:100%;flex-shrink:0;overflow:visible}
  .hero-title{font-size:8.89vw;line-height:11.97vw}
  .hero-subtitle{position:relative;left:auto;top:auto;z-index:5;width:100%;padding:0;margin:0;background:transparent;font-size:10px;line-height:1.5}
  .suspended-product{position:relative;left:50%;top:auto;width:min(72vw,350px);margin:14px 0 16px;flex-shrink:0;transform:translate3d(-50%,var(--mobile-parallax-y,0px),0) rotate(var(--mobile-parallax-rotate,0deg));transition:none}
  .suspended-product .hero-rope-art{position:absolute;display:block;z-index:1;left:-9.1%;top:-102.2%;width:101%;height:151.4%;max-width:none;object-fit:fill;filter:none;pointer-events:none}
  .hero-reflection{display:block;position:relative;width:min(60vw,280px);height:28px;margin:-24px auto 0;overflow:hidden;opacity:.15;pointer-events:none}
  .hero-reflection img{position:absolute;width:100%;left:0;top:0;transform:scaleY(-1)}
  .hero-copy{position:relative;left:auto;top:auto;bottom:auto;width:100%}
  .hero-copy h2{font-size:clamp(23px,6.2vw,36px);line-height:1.12;margin-bottom:14px}
  .hero-copy p{font-size:13px;line-height:1.55;margin-bottom:18px}
  .hero-stats{position:relative;left:auto;right:auto;top:auto;bottom:auto;display:flex;width:100%;gap:10px;margin-top:10px}
  .hero-stats div{flex:1;min-width:0;margin:0;text-align:center}
  .hero-stats strong{font-size:clamp(22px,6vw,32px)}
  .hero-stats sup{font-size:10px}
  .hero-stats small{font-size:10px;line-height:1.4;margin-top:6px}
  .social-rail{display:block;left:16px;top:260px;width:22px;height:124px}
  .social-rail>img{width:100%;height:100%;object-fit:contain}
  .scroll-cue{display:block;position:relative;left:auto;bottom:auto;transform:none;width:20px;height:38px;margin:6px auto 0}
  .scroll-cue>img{width:100%;height:100%;object-fit:contain}
  .hero-bg{background-size:100% 100%}
  .about{padding-top:76px}
  .about-visual{height:min(103vw,430px);transform:none;opacity:1;transition:none}
  .about-visual>.about-product-art{top:0;width:min(106vw,450px);transform:translate3d(-50%,var(--mobile-parallax-y,0px),0) rotate(calc(9deg + var(--mobile-parallax-rotate,0deg)));transition:none}
  .about-visual .orbit{transform:translate3d(-50%,var(--mobile-parallax-y,0px),0) rotate(-12deg);transition:none}
  .about-copy{padding:12px 0 0}
  .about-copy h2{font-size:clamp(30px,8.5vw,48px);line-height:1.08}
  .about-copy p{font-size:15px;line-height:1.55}
  .coordinate-line{font-size:9px}
  .coordinate-crosshair{width:24px;height:24px;object-fit:contain}
  .vertical-index{display:block;z-index:3;left:12px;top:82px;font-size:9px;letter-spacing:.2em;writing-mode:vertical-rl;transform:rotate(180deg)}
  .collection-head{padding-top:76px;grid-template-columns:30px minmax(0,1fr)}
  .collection-head h2{font-size:clamp(20px,6.2vw,30px)}
  .carousel-actions{grid-column:2;justify-self:end;opacity:1}
  .carousel-actions button{width:44px;height:44px;font-size:18px;color:#222}
  .scent-copy button{min-height:44px;font-size:13px}
  .drive{min-height:0}
  .buy-viewport{height:auto;min-height:0;padding:510px 18px 24px;background:#13070a}
  .drive .drive-background{height:100%;object-fit:cover;object-position:50% 30%}
  .vent-product{left:50%;top:260px;width:180px;transform:translate3d(-50%,var(--mobile-parallax-y,0px),0) rotate(var(--mobile-parallax-rotate,0deg));transition:none}
  .buy-callout-art{position:absolute;z-index:3;inset:0;pointer-events:none;opacity:1}
  .buy-callout-art img{position:absolute;height:auto;max-width:none;object-fit:contain}
  .buy-callout-art .fresh{left:18px;top:205px;width:146px}
  .buy-callout-art .sea{left:10px;top:357px;width:140px}
  .buy-callout-art .soft{left:calc(50% + 63px);top:325px;width:24px}
  .buy-callout-art .drift{left:calc(50% + 33px);top:420px;width:63px}
  .drive .scent-note{display:flex;align-items:center;justify-content:center;z-index:4;font-size:11px;line-height:1.2;padding:7px 10px;opacity:1;transform:none;transition:none;background:#160b0bcc}
  .drive .note-one,.drive .note-three{display:none}
  .drive .note-two{left:auto;right:10px;top:310px}
  .drive .note-four{left:auto;right:10px;top:463px}
  .buy-panel{position:relative;left:auto;top:auto;bottom:auto;width:100%;height:auto;padding:18px;border-radius:12px;background:#080808de}
  .buy-panel .micro{display:flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.1em}
  .buy-panel .micro i{width:4px;height:4px;flex:none;border-radius:50%;background:#ce0712}
  .buy-panel p{font-size:14px;line-height:1.55;margin:14px 0 18px}
  .buy-panel h2 .buy-title-art{width:100%;height:auto}
  .drive-detail{display:block;position:relative;left:auto;top:auto;z-index:3;width:130px;height:160px;margin:24px 0 0 auto;border:1px solid #ffffff40;border-radius:10px}
  .drive-detail img{width:100%;height:100%;object-fit:cover}
  .drive-detail span{font-size:10px}
  .reviews{padding-top:76px}
  .reviews>.micro,.reviews>h2,.quote,.review-stage{position:relative;z-index:2}
  .review-button{position:relative;z-index:25;pointer-events:auto;cursor:pointer}
  .reviews>h2{font-size:clamp(25px,7.3vw,42px);line-height:1.15}
  .review-product{display:block;position:relative;left:auto;top:auto;width:min(62vw,270px);height:auto;margin:40px auto 0;transform:translate3d(0,var(--mobile-parallax-y,0px),0) rotate(calc(-15deg + var(--mobile-parallax-rotate,0deg)));transition:none}
  .review-product img{width:100%;height:auto}
  .affiliate{display:flex;flex-direction:column;align-items:center;min-height:100svh;padding:110px 20px 48px}
  .affiliate-copy{position:relative;left:auto;top:auto;width:100%}
  .affiliate-copy h2{margin:20px 0}
  .affiliate-copy p{font-size:15px;line-height:1.55;margin-bottom:22px}
  .affiliate-product{position:relative;left:auto;top:auto;bottom:auto;width:min(68vw,280px);height:auto;margin:65px auto 0;transform:translate3d(0,var(--mobile-parallax-y,0px),0) rotate(calc(-9deg + var(--mobile-parallax-rotate,0deg)));transition:none}
  .affiliate .ghost-logo{display:none}
  .support{padding-top:76px}
  .faq-heading>img{transform:translate3d(-50%,var(--mobile-parallax-y,0px),0) rotate(calc(9deg + var(--mobile-parallax-rotate,0deg)));transition:none}
  .accordion-item button{font-size:14px;line-height:1.4;gap:12px}
  .accordion-item p{font-size:14px;line-height:1.55}
  .how-subtitle{font-size:13px;line-height:1.5;margin-bottom:18px!important}
  .contact{padding-top:76px}
  .contact-title h2 img{width:min(100%,438px);height:auto}
  .contact input,.contact select,.contact textarea{font-size:16px;min-width:0;width:100%}
  .contact textarea{height:120px}
  .contact form button{width:max-content;max-width:100%}
  .contact .form-status{font-size:13px;line-height:1.5}
  .contact-scene{height:440px}
  .contact-product{transform:translate3d(0,var(--mobile-parallax-y,0px),0) rotate(var(--mobile-parallax-rotate,0deg));transition:none}
  .contact-scene a{font-size:12px;min-height:44px;display:flex;align-items:center;padding:10px 14px}
  .contact-methods b{width:44px;height:44px}
  .contact-methods b img{width:24px;height:24px;object-fit:contain}
  .footer{padding-top:64px;padding-bottom:100px;min-height:0}
  .footer-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none}
  .footer-main,.legal,.footer-word{z-index:2}
  .footer-main{position:relative;gap:28px}
  .footer-main p{line-height:1.6}
  .footer-social a{width:40px;height:40px}
  .footer-social img{width:100%;height:100%;object-fit:contain}
  .legal{margin-top:32px;line-height:1.6}
  .footer-word{bottom:22px;mix-blend-mode:multiply}
  .footer-policies{display:flex;flex-wrap:wrap;gap:8px 12px}
  .hero-bg,.drive .drive-background,.drive.scene-active .drive-background,
  .reviews-blur,.affiliate .affiliate-bg,.affiliate.scene-active .affiliate-bg,.contact-bg,.footer-bg{
    transform:translate3d(0,var(--mobile-parallax-y,0px),0) scale(1.18);transition:none!important;
  }
}

/* Keep each section's own bottle visible at rest. Only the temporary cinematic
   handoff below may hide it; the obsolete corner overlay remains disabled. */
.mobile-journey-product{display:none!important}
@media(max-width:767px){
  .suspended-product,.about-visual>.about-product-art,
  .scent-card>.scent-product,.vent-product,.vent-product>img,
  .review-product,.review-product>img,.affiliate-product,
  .faq-heading>img,.contact-product{opacity:1!important}
  .hero-bg,.drive .drive-background,.drive.scene-active .drive-background,
  .reviews-blur,.affiliate .affiliate-bg,.affiliate.scene-active .affiliate-bg,
  .contact-bg,.footer-bg{
    transform:translate3d(0,0,0) scale(1.08);
    will-change:auto;
  }
  .mobile-parallax-active{will-change:transform}
  /* Avoid continuously blurring the moving page through fixed phone UI. */
  .site-header,.site-header nav,.hero-subtitle,.hero-stats div,.buy-panel,
  .scent-note,.review-button,.contact-scene a{
    backdrop-filter:none;-webkit-backdrop-filter:none;
  }
}

/* Brighter original scenes, without the added black vignettes or product
   shadows. Filters stay on artwork layers so the scroll transforms are intact. */
.hero-bg{filter:brightness(1.12) contrast(.92)}
.drive .drive-background,.drive.scene-active .drive-background{
  filter:brightness(1.3) contrast(.86);
}
.affiliate .affiliate-bg,.affiliate.scene-active .affiliate-bg{
  filter:brightness(1.24) contrast(.88);
}
.affiliate-shade{display:none}
.reviews-blur{filter:brightness(1.36) contrast(.84)}
.drive-detail>img{filter:brightness(1.36) contrast(.84)!important}
.contact-bg{filter:brightness(1.2) contrast(.9)}
.footer-bg{filter:brightness(1.26) contrast(.88)}
.scent-card:before{
  background:var(--scene) center/cover no-repeat;
  filter:brightness(1.26) contrast(.84);
}
.scent-card>.scent-shadow{display:none}
.shared-product,.shared-product[data-stage],
.mobile-journey-product:not([hidden]),
.suspended-product>img,.about-visual>.about-product-art,
.scent-card>.scent-product,.vent-product>img,.review-product>img,
.affiliate-product,.faq-heading>img,.contact-product{
  filter:none;
}
.support:before,.support:after,.contact:before,.contact:after{display:none}

/* Readability comes from light local surfaces, not black masks over photos. */
.buy-panel{background:rgba(255,252,247,.94);color:#241a18;box-shadow:none}
.buy-panel p{background:transparent;color:#241a18}
.buy-panel .buy-title-art,.buy-panel .buy-bag>img{filter:brightness(0)}
.drive .scent-note{background:rgba(255,252,247,.94);color:#241a18;border-color:#fff}
.scent-card:is(:hover,:focus-within) .scent-copy{
  background:rgba(255,252,247,.94);color:#241a18;padding:10px;border-radius:8px;
}
.scent-card:is(:hover,:focus-within) .scent-copy small{color:#493e38}
.scent-card:nth-child(6):is(:hover,:focus-within)>:is(h3,span){color:#241a18}
@media(max-width:767px){
  .scent-card.active .scent-copy{
    background:rgba(255,252,247,.94);color:#241a18;padding:10px;border-radius:8px;
  }
  .scent-card.active .scent-copy small{color:#493e38}
  .scent-card:nth-child(6).active>:is(h3,span){color:#241a18}
}

/* Mobile cinematic handoffs use a temporary full-sized bottle. It is absent
   at rest; the real artwork always returns to its exact destination. */
#mobileSceneProduct,#mobileSceneTile{display:none}
@media(max-width:767px) and (prefers-reduced-motion:no-preference){
  #mobileSceneProduct:not([hidden]){
    display:block;position:fixed;z-index:50;left:0;top:0;width:512px;height:512px;
    pointer-events:none;transform-origin:0 0;will-change:transform;filter:none;
  }
  .mobile-scene-image{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:contain;filter:none}
  .mobile-scene-rope{position:absolute;left:-9.1%;top:-102.2%;width:101%;height:151.4%;max-width:none;object-fit:fill}
  body.mobile-cinema-active .mobile-cinema-hidden{visibility:hidden!important}
  body.mobile-cinema-active .mobile-cinema-layer{z-index:48!important;will-change:transform,opacity;animation:none!important;transition:none!important}
  /* The initial entrance must not override the handoff or restart on return. */
  .hero.loaded.mobile-cinema-seen .staged,.hero.loaded.mobile-cinema-seen .hero-title-wrap{animation:none!important}
  #mobileSceneTile:not([hidden]){
    display:block;position:fixed;z-index:46;left:0;top:0;width:256px;height:320px;
    pointer-events:none;overflow:hidden;border-radius:12px;transform-origin:0 0;will-change:transform,opacity;
  }
  #mobileSceneTile img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;filter:brightness(1.36) contrast(.84);will-change:opacity}
}
@media(max-width:767px){
  /* Put these two destination bottles before long content, instead of docking
     below the testimonial cards or contact form and skipping that content. */
  .review-stage{display:flex;flex-direction:column;align-items:stretch}
  .review-product{order:-1;flex:none;margin:20px auto 28px}
  .review-cards{width:100%;min-width:0}
  .contact-grid{display:flex;flex-direction:column}
  .contact-scene{order:-1;flex:none;margin:0 0 24px;height:max(440px,calc((100vw - 36px)*1.12))}
  /* Align the glass base with the stone's top, accounting for the cover crop.
     Variables are refreshed only when mobile layout changes. */
  .contact-product{left:var(--contact-bottle-left,16.5%);top:var(--contact-bottle-top,16%);transform:translate3d(0,0,0)}
  .scent-card:hover>.scent-product{transform:none}
}

/* Mobile Buy 1 / Buy 2 share the desktop camera coordinates. Text and purchase
   controls stay outside the scaled artwork so they remain readable/tappable. */
.mobile-buy-stage{display:contents}
.mobile-buy-step,.mobile-buy-leaders{display:none}
@media(max-width:767px){
  html.mobile-motion-locked{overflow:hidden;overscroll-behavior:none;scroll-behavior:auto!important}
  #buy{height:auto;min-height:0;background:#fffaf5}
  #buy .buy-viewport{display:flex;flex-direction:column;padding:0 0 24px;min-height:calc(100svh - 64px);height:auto;background:#fffaf5;overflow:hidden}
  .mobile-buy-stage{--buy-u:calc(100vw / 1728);display:block;position:relative;width:100%;aspect-ratio:1728 / 1117;flex:none;overflow:hidden;isolation:isolate;contain:paint;background:#241b13}
  #buy .drive-background,#buy.scene-active .drive-background{inset:auto;left:0;top:0;width:calc(2473 * var(--buy-u));height:calc(1117 * var(--buy-u));max-width:none;object-fit:cover;object-position:50% 50%;transform-origin:0 0;transition:none!important}
  #buy .vent-product{left:0;top:0;bottom:auto;width:calc(351 * var(--buy-u));height:calc(351 * var(--buy-u));transform-origin:0 0;z-index:5;transition:none!important}
  #buy .vent-product>img{width:100%;height:100%;object-fit:fill}
  #buy .drive-detail{position:absolute;left:0;top:0;width:calc(383 * var(--buy-u));height:calc(479 * var(--buy-u));margin:0;border:0;border-radius:calc(20 * var(--buy-u));transform-origin:0 0;z-index:6}
  #buy .drive-detail img{object-fit:fill}
  #buy .drive-detail span,#buy .buy-callout-art,#buy .callout-lines{display:none!important}
  #buy .vertical-index{top:12px;left:9px;font-size:8px;color:#fff;z-index:7}
  #buy .scent-note{display:flex!important;position:absolute;inset:auto;min-height:22px;height:auto;width:auto;padding:4px 7px;font-size:clamp(9px,2.4vw,12px);line-height:1;white-space:nowrap;border:1px solid #fff9;background:#fffaf5ed;color:#241a18;z-index:7;transform:none;transition:none!important}
  #buy .note-one{left:26%;top:25%}
  #buy .note-two{left:62%;top:45%}
  #buy .note-three{left:20%;top:56%}
  #buy .note-four{left:52%;top:75%}
  .mobile-buy-leaders{display:block;position:absolute;inset:0;width:100%;height:100%;fill:none;stroke:#fff;stroke-width:1;vector-effect:non-scaling-stroke;pointer-events:none;z-index:4}
  .mobile-buy-leaders path{vector-effect:non-scaling-stroke}
  #buy .buy-panel{position:relative;inset:auto;width:auto;height:auto;margin:18px 18px 0;padding:18px;background:#fffaf5;color:#241a18;border:1px solid #e5dcd5;border-radius:12px;flex:none}
  #buy .buy-panel h2{height:auto;margin:12px 0}
  #buy .buy-panel h2 .buy-title-art{width:min(100%,320px);height:auto}
  #buy .buy-panel p{width:auto;height:auto;padding:0;margin:12px 0 18px;font-size:14px;line-height:1.5}
  #buy .buy-panel .micro{font-size:9px;line-height:1.4;letter-spacing:.07em}
  #buy .buy-panel .pill{min-height:44px;font-size:13px;padding:10px 20px}
  #buy .buy-bag{width:44px;height:44px}
  .mobile-buy-step{display:block;flex:none;min-height:44px;margin:16px 18px 0;padding:10px 14px;border:1px solid #d9bcb8;border-radius:24px;background:#fff;color:#86090e;font:500 12px/1.4 Inter,Arial,sans-serif;text-align:center;cursor:pointer}
  body.mobile-buy-animating #buy .drive-background,body.mobile-buy-animating #buy .vent-product,body.mobile-buy-animating #buy .drive-detail{will-change:transform}
  body.mobile-buy-animating #buy .scent-note,body.mobile-buy-animating .mobile-buy-leaders{will-change:opacity}
}

/* Each collection bottle is planted on its own photograph's stone surface.
   Position the visible glass foot, not the transparent PNG's bottom edge.
   Hover may reveal the scene, but cannot move the stone beneath the bottle. */
#collections .scent-card:before{transform:none!important;transition:opacity .65s var(--ease)}
#collections .scent-card>.scent-product{
  left:var(--collection-bottle-left,9%);top:var(--collection-bottle-top,12%);
  width:var(--collection-bottle-size,98%);height:var(--collection-bottle-size,auto);
  max-width:none;aspect-ratio:1;object-fit:contain;transform:none!important;
  transition:none!important;pointer-events:none;
}
@media(min-width:768px){
  .journey-ready.collection-docked .scent-card.active>.scent-product{opacity:1!important}
  .collection-docked #sharedProduct{visibility:hidden}
}
@media(max-width:767px){
  /* Wide phones/tablets need the original portrait composition too; otherwise
     a fixed 560px cover crop puts the stone behind the product-copy panel. */
  #collections .collection-window{height:max(560px,calc(86vw * 741 / 536))}
}

/* Mobile collection cards fit the usable phone viewport, with a dedicated
   information band instead of placing names/notes/prices below the screen. */
@media(max-width:767px){
  #collections{
    --collection-info-height:100px;
    --collection-card-height:clamp(320px,calc(100svh - 200px),600px);
    height:auto;min-height:0;padding-bottom:12px;
  }
  #collections .collection-head{
    padding:20px 16px 14px;grid-template-columns:minmax(0,1fr) auto;gap:12px;
  }
  #collections .collection-head>img{display:none}
  #collections .collection-head h2{font-size:clamp(15px,4.7vw,24px);line-height:1.12}
  #collections .carousel-actions{grid-column:auto;display:flex;gap:8px;align-self:center}
  #collections .carousel-actions button{width:44px;height:44px;flex:none}
  #collections .collection-window{height:var(--collection-card-height)}
  #collections .scent-card{
    flex-basis:min(86vw,max(240px,calc((var(--collection-card-height) - var(--collection-info-height))*1.02)))!important;
    background:#fffaf7;
  }
  #collections .scent-card:before{bottom:var(--collection-info-height)}
  #collections .scent-card>:is(h3,span){top:8px;font-size:8px;line-height:1.2}
  #collections .scent-copy{
    left:0;right:0;bottom:0;height:var(--collection-info-height);
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    gap:5px;padding:10px!important;border-top:1px solid #e9e1dc;border-radius:0!important;
    background:#fffaf7!important;color:#241a18!important;text-align:center;
  }
  #collections .scent-copy b{font-size:14px;line-height:1.2}
  #collections .scent-copy small{font-size:11px;line-height:1.35;color:#493e38!important}
  #collections .scent-copy strong{font-size:14px;line-height:1.2}
  #collections .carousel-progress{height:2px;margin:16px auto 0}
}

/* Mobile Affiliate keeps the complete bottle, copy and CTA inside the usable
   viewport. The fitted size reserves room for the existing gentle parallax. */
@media(max-width:767px){
  #affiliate{min-height:calc(100svh - 64px);padding:20px 20px 16px;justify-content:center}
  #affiliate .affiliate-copy{flex:none}
  #affiliate .affiliate-copy h2{margin:12px 0 14px}
  #affiliate .affiliate-copy h2 img{display:block;width:100%;height:auto}
  #affiliate .affiliate-copy p{font-size:14px;line-height:1.45;margin-bottom:14px}
  #affiliate .affiliate-copy .pill{min-height:44px}
  #affiliate .affiliate-product{flex:none;width:var(--affiliate-bottle-size,min(60vw,240px));height:auto;margin:24px auto 0}
  #home.mobile-hero-pending .suspended-product{translate:0 -120svh}
  #home.mobile-hero-entering .suspended-product{will-change:transform,translate}
  #home.mobile-hero-pending .hero-reflection{opacity:0}
  #home.mobile-hero-entering .hero-reflection{animation:mobileHeroReflectionIn 3.2s ease both}
  @keyframes mobileHeroReflectionIn{0%,65%{opacity:0}100%{opacity:.15}}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){
  #home.mobile-hero-pending .suspended-product{translate:none}
}

/* Remove only the requested decorative section labels, retaining the nodes
   used by the cinematic layer setup and all section headings/navigation. */
#about .vertical-index,#buy .vertical-index,#affiliate .vertical-index{display:none!important}

/* The bottle journey lands in FAQ. Answers and How to Use keep their normal
   document flow, including expanded answers and uninterrupted reading. */
html.reading-mode{scroll-snap-type:none!important}
#faq.reading-section,#faq.reading-section~#footer{
  scroll-snap-align:none!important;scroll-snap-stop:normal!important;
}
#faq.reading-section{
  height:auto;min-height:0;overflow:visible;scroll-margin-top:88px;
}
#faq.reading-section .faq-layout,#faq.reading-section .how{
  position:relative;inset:auto;width:100%;height:auto;min-height:0;
  transform:none!important;opacity:1!important;
}
#faq.reading-section .faq-heading,#faq.reading-section .accordion{
  opacity:1!important;transform:none!important;transition:none!important;
}
#faq.reading-section .faq-heading>img{
  opacity:1!important;visibility:visible;translate:none!important;
  scale:none!important;rotate:none!important;transition:none!important;
  animation:none!important;will-change:auto;
}
#faq.reading-section .accordion-item button{
  height:auto;min-height:58px;gap:12px;
}
#faq.reading-section .accordion-item button span{flex-shrink:0}
#faq.reading-section .accordion-item p{overflow-wrap:anywhere}
#faq.reading-section .accordion-item.open p{
  max-height:none;height:auto;overflow:visible;
}
#faq.reading-section .how{scroll-margin-top:88px}
@media(min-width:768px){
  #faq.reading-section{
    /* Reading text must not shrink with a short browser window. */
    --figma-s:min(.05787037vw,1px);
    padding:clamp(72px,calc(106 * var(--figma-s)),106px)
      max(24px,calc((100vw - 1636 * var(--figma-s))/2)) 0;
  }
  #faq.reading-section .faq-layout{
    display:grid;grid-template-columns:minmax(0,722fr) minmax(0,909fr);
    gap:calc(5 * var(--figma-s));align-items:start;
  }
  #faq.reading-section .faq-heading{
    position:relative;inset:auto;width:auto;height:auto;
    min-height:calc(565 * var(--figma-s));
  }
  #faq.reading-section .faq-heading h2{max-width:100%}
  #faq.reading-section .faq-heading>img{transform:rotate(15deg)!important}
  .journey-ready #faq.reading-section .faq-heading>img{opacity:0!important}
  #faq.reading-section .accordion{
    position:relative;inset:auto;width:auto;height:auto;min-width:0;
    padding-top:calc(20 * var(--figma-s));
  }
  #faq.reading-section .accordion-item button{
    min-height:max(58px,calc(70 * var(--figma-s)));
    padding:12px max(14px,calc(24 * var(--figma-s)));
    font-size:clamp(14px,calc(24 * var(--figma-s)),24px);line-height:1.4;
  }
  #faq.reading-section .accordion-item p{
    padding-inline:max(14px,calc(24 * var(--figma-s)));
    font-size:clamp(14px,calc(15 * var(--figma-s)),16px);line-height:1.55;
  }
  #faq.reading-section .accordion-item.open p{padding-bottom:18px}
  #faq.reading-section .how{
    margin-top:clamp(24px,calc(30 * var(--figma-s)),40px);
    padding:24px 0 40px;isolation:isolate;
  }
  #faq.reading-section .how:before{
    inset:0 calc(-1 * max(24px,calc((100vw - 1636 * var(--figma-s))/2)));
    width:auto;height:auto;z-index:-1;
  }
  #faq.reading-section .how h2{
    position:relative;inset:auto;width:min(100%,calc(967 * var(--figma-s)));
    height:auto;margin:0 0 14px;
  }
  #faq.reading-section .how h2 img{
    position:relative;inset:auto;width:100%;height:auto;max-width:100%;
  }
  #faq.reading-section .how>.how-subtitle{
    position:relative;inset:auto;width:auto;height:auto;margin:0 0 24px;
    font-size:clamp(14px,calc(20 * var(--figma-s)),20px);line-height:1.5;
  }
  #faq.reading-section .steps{
    position:relative;inset:auto;width:100%;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:clamp(8px,calc(20 * var(--figma-s)),20px);
  }
  #faq.reading-section .steps:before{
    left:6%;top:50%;width:88%;
  }
  #faq.reading-section .steps article{
    display:grid;grid-template-columns:auto minmax(0,1fr);
    grid-template-rows:minmax(44px,auto) minmax(0,1fr);
    column-gap:clamp(8px,calc(20 * var(--figma-s)),20px);
    height:clamp(220px,calc(311 * var(--figma-s)),311px);
    padding:clamp(10px,calc(13 * var(--figma-s)),13px);align-items:start;
  }
  #faq.reading-section .steps b{
    position:relative;inset:auto;width:clamp(24px,calc(36 * var(--figma-s)),36px);
    height:clamp(24px,calc(36 * var(--figma-s)),36px);
    font-size:clamp(13px,calc(20 * var(--figma-s)),20px);
  }
  #faq.reading-section .steps h3{
    position:relative;inset:auto;width:auto;margin:4px 0 0;
    white-space:normal;font-size:clamp(12px,calc(20 * var(--figma-s)),20px);line-height:1.3;
  }
  #faq.reading-section .steps img{
    position:relative;inset:auto;grid-column:1/-1;align-self:stretch;
    width:100%;height:100%;max-height:calc(247 * var(--figma-s));object-fit:contain;
  }
}
@media(max-width:767px){
  #faq.reading-section{scroll-margin-top:64px}
  #faq.reading-section .how{scroll-margin-top:64px}
  #faq.reading-section .faq-heading>img{transform:translateX(-50%) rotate(9deg)}
  body.mobile-cinema-active #faq.reading-section .faq-heading>img.mobile-cinema-hidden{visibility:hidden!important}
}

/* Keep the About maker credit above the button as the copy grows. */
@media(min-width:768px){
  .about-copy{height:auto}
  .about-copy .about-body-text{height:auto}
}

/* Keep the original Ambassador design; clarify only the small paragraph. */
#affiliate .affiliate-copy p{color:#fffaf7;text-shadow:0 1px 3px #220309,0 0 10px rgba(34,3,9,.75)}

/* Match collection labels to the visible photo; plain cards stay black. */
#collections .scent-card{--scene-label-color:#fff}
#collections .scent-card:is([data-index="2"],[data-index="4"]){--scene-label-color:#000}
#collections .scent-card>h3,
#collections .scent-card>span{color:#000;text-shadow:none}
@media(min-width:768px){
  #collections .scent-card:is(:hover,:focus-within)>:is(h3,span){color:var(--scene-label-color)}
}
@media(max-width:767px){
  #collections .scent-card.active>:is(h3,span){color:var(--scene-label-color)}
}

/* Keep the hero word centred while its webfont loads or falls back. */
.hero-title{text-align:center}

/* Only active transition layers are promoted; visual properties stay intact. */
@media(min-width:768px){
  body.buy-review-motion .drive-detail{will-change:filter}
  body.buy-review-motion .drive-detail>img{will-change:transform}
}

/* Keep the invitation paragraph below the partner button at every size. */
@media(min-width:768px){
  #affiliate .affiliate-copy .pill{top:calc(256 * var(--figma-s))}
  #affiliate .affiliate-copy p{top:calc(339 * var(--figma-s))}
}
@media(max-width:767px){
  #affiliate .affiliate-copy p{margin:14px 0 0}
}

/* Compact offer information leaves the cinematic scenes and motion intact. */
.bundle-offers-link{display:inline-flex;align-items:center;gap:8px;min-height:32px;padding:3px 0;border:0;background:transparent;color:#ad0015;font:600 12px/1.4 Inter,Arial,sans-serif;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
.bundle-dialog{width:min(580px,calc(100vw - 32px));max-height:calc(100dvh - 40px);margin:auto;padding:36px 28px 28px;overflow:auto;border:1px solid #e6d8d4;border-radius:20px;background:#fffaf7;color:#241a18;box-shadow:0 20px 80px #0005;text-align:left}
.bundle-dialog::backdrop{background:#1d000bb8}
.bundle-close{position:absolute;right:12px;top:8px;width:40px;height:40px;border:0;background:transparent;color:#241a18;font-size:30px;cursor:pointer}
.bundle-eyebrow{display:block;margin:8px 0 14px;color:#a11022;font:600 10px/1.5 Inter,Arial,sans-serif;letter-spacing:.1em}
.bundle-dialog h2{margin:0 0 14px;font:400 clamp(24px,5vw,34px)/1.15 'Pilat Extended',Arial,sans-serif}
.bundle-dialog p{font:400 14px/1.6 Inter,Arial,sans-serif;margin:0 0 20px}
.bundle-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin:22px 0}
.bundle-options>div{display:flex;flex-direction:column;gap:10px;padding:18px 12px;border:1px solid #e5d4ce;border-radius:12px;background:#fff}
.bundle-options>div:last-child{border-color:#ab1729;background:#fff3f0}
.bundle-options span{font-size:12px}.bundle-options strong{font-size:23px;color:#a11022}.bundle-options small{font-size:11px;line-height:1.4}
.bundle-dialog .bundle-terms{font-size:12px;color:#61504a}
.bundle-choose{min-height:44px;padding:12px 20px;font-size:13px}
.cart-bundle-offer{display:grid;gap:5px;margin:0 20px 12px;padding:12px 14px;border:1px solid #ead7d1;border-radius:10px;background:#fff6f1;color:#241a18;flex-shrink:0}
.cart-bundle-savings{display:flex;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;color:#9e1023;font-size:13px}
.cart-bundle-savings strong{font-size:14px;font-weight:700;color:#9e1023;text-align:right;white-space:nowrap}
.cart-bundle-savings[hidden]{display:none}
@media(min-width:768px){
  .collection-head>div:not(.carousel-actions){display:flex;align-items:center;gap:24px}
  .hero-stats div:last-child small{display:block;line-height:1.25}
}
@media(max-width:767px){
  .bundle-offers-link{font-size:11px;min-height:28px;margin-top:4px}
  .bundle-dialog{padding:32px 20px 24px}
  .bundle-options{grid-template-columns:1fr;gap:8px}
  .bundle-options>div{display:grid;grid-template-columns:1fr auto;gap:6px;padding:12px 14px}
  .bundle-options small{grid-column:1/-1}
  .bundle-options strong{font-size:21px}
}

.hero-stats .stat-prefix{margin-right:4px;white-space:nowrap}

/* Show the existing bundle offers immediately beside each product price. */
#collections .scent-copy .scent-bundle-offer{
  display:flex;flex-direction:column;gap:5px;align-items:stretch;
  width:100%;max-width:300px;min-height:48px;margin:3px auto 0;padding:8px 12px;
  border:1px solid #deb8b3;border-radius:8px;background:#fff0ec;color:#9e1023;
  font:600 12px/1.3 Inter,Arial,sans-serif;text-align:left;cursor:pointer;
}
#collections .scent-bundle-label{display:flex;justify-content:space-between;gap:8px;font-size:10px;letter-spacing:.07em;text-transform:uppercase}
#collections .scent-bundle-prices{display:flex;justify-content:space-between;gap:12px;white-space:nowrap}
#collections .scent-bundle-offer:hover{border-color:#a11022;background:#ffe6df}
#collections .scent-bundle-offer:focus-visible{outline:2px solid #a11022;outline-offset:3px}
@media(max-width:767px){
  #collections{--collection-info-height:158px}
  #collections .scent-copy .scent-bundle-offer{max-width:320px;flex-shrink:0}
  .footer-subscribe{margin:18px 0 0;width:100%;max-width:360px}
  .footer-subscribe-row{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px}
  .footer-subscribe input[type="email"]{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:0 14px;color:#fff;font-size:14px}
  .footer-subscribe button{padding:10px 18px;font-size:13px}
  .footer-subscribe-status{font-size:12px;margin:6px 0 0 10px}
}

.footer-subscribe{margin:16px 0 0;width:100%;max-width:380px}
.footer-subscribe-row{display:flex;align-items:center;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:4px;transition:border-color .3s}
.footer-subscribe-row:focus-within{border-color:rgba(255,255,255,.6)}
.footer-subscribe input[type="email"]{flex:1;min-width:0;background:transparent;border:0;outline:0;padding:0 14px;color:#fff;font:400 13px/1 Inter,Arial,sans-serif}
.footer-subscribe input[type="email"]::placeholder{color:rgba(255,255,255,.5)}
.footer-subscribe button{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 18px;border:0;border-radius:999px;background:var(--red);color:#fff;font:600 12px/1 Inter,Arial,sans-serif;cursor:pointer;transition:background-color .3s}
.footer-subscribe button:hover{background:#9e1023}
.footer-subscribe-status{font-size:12px;margin:6px 0 0 10px;min-height:16px;color:#ff9e48}
.footer-subscribe-status.success{color:#5cd685}
.footer-subscribe-status.error{color:#ff6b6b}

/* Footer profile badge: isolated from existing header, scenes and footer layout. */
#footer .velmora-footer-trustpilot{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;box-sizing:border-box;width:164px;max-width:100%;min-height:62px;margin-top:14px;padding:9px 14px;border:1px solid rgba(255,255,255,.25);border-radius:8px;color:#fff;text-decoration:none;background:rgba(0,0,0,.12);font-family:Inter,Arial,sans-serif;line-height:1.3}
#footer .velmora-footer-trustpilot span{font-size:11px;font-weight:400;letter-spacing:.02em}
#footer .velmora-footer-trustpilot img{display:block;width:132px;max-width:100%;height:auto;object-fit:contain}
#footer .velmora-footer-trustpilot:hover{border-color:rgba(255,255,255,.65)}
#footer .velmora-footer-trustpilot:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(min-width:768px){#footer .velmora-footer-trustpilot{position:absolute;left:calc(650 * var(--figma-s));top:0;width:clamp(148px,calc(235 * var(--figma-s)),196px);margin:0}}

/* Keep the Trustpilot profile and review link together through scene animations. */
#reviews .review-trustpilot-link{display:flex;width:max-content;max-width:calc(100% - 32px);height:auto;min-height:44px;gap:16px;padding:6px 16px;border-radius:12px;line-height:1.3}
#reviews .review-trustpilot-brand{display:flex;flex-direction:column;align-items:center;flex-shrink:0;gap:2px}
#reviews .review-trustpilot-brand img{display:block;width:88px;height:22px;object-fit:contain}
#reviews .review-trustpilot-stars{font-family:Arial,sans-serif;font-size:16px;line-height:16px;letter-spacing:2px;color:#fff;white-space:nowrap}
#reviews .review-trustpilot-label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:13px;padding-left:16px;border-left:1px solid rgba(255,255,255,.25)}
#reviews .review-trustpilot-link:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(max-width:767px){#reviews .review-trustpilot-link{margin:22px auto;gap:12px;padding:8px 12px}#reviews .review-trustpilot-label{padding-left:12px;font-size:12px}}