/*
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
*/
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@300;400;500;600&family=Inter:wght@300;400;500&family=Syne:wght@400;500;600;700;800&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}.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}.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}.review-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:calc(11 * var(--u))}.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))}.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))}.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;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))}
.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%}
}

/* 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-left: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))}
  .buy-actions{display:flex;align-items:center;gap:calc(9 * var(--figma-s))}
  .buy-panel .pill{display:flex;align-items:center;justify-content:center;gap:calc(10 * var(--figma-s));margin:0 0 0 calc(10 * var(--figma-s));border:0}
  .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%}
  .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-exact.png') center/100% 100% no-repeat;filter:blur(calc(50 * var(--figma-s)));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}
  .review-stage{z-index:1;left:var(--figma-x);top:var(--figma-y);width:var(--figma-w);height:var(--figma-h);display:block}
  .review-cards{display:block}
  .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}
  .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))}
  .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;width:calc(281 * var(--figma-s));height:calc(54 * 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)))}
}

@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(150 * 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));
  }
  .carousel-progress i{opacity:0}

  .affiliate{background:#100805}
  .affiliate-bg,.affiliate.scene-active .affiliate-bg{
    inset:auto;left:var(--figma-x);top:var(--figma-y);
    width:var(--figma-w);height:var(--figma-h);
    max-width:none;object-fit:fill;filter:none;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) + 242 * 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:linear-gradient(90deg,#fff,#ffbd7e)}
  .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:linear-gradient(135deg,#fff,#ffbd7e);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:none;
  }
  .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}
  .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(100deg,#fff,#ff7f05);color:#000;backdrop-filter:blur(calc(5 * var(--figma-s)));
  }
  .affiliate-product{
    left:calc(var(--figma-x) + 690 * var(--figma-s));
    top:calc(var(--figma-y) + 681 * var(--figma-s));
    width:calc(380 * var(--figma-s));height:calc(380 * var(--figma-s));
    max-width:none;object-fit:fill;filter:none;
  }

  .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(89 * var(--figma-s));top:calc(21 * var(--figma-s));
    width:calc(544.19 * var(--figma-s));height:calc(544.19 * var(--figma-s));
    max-width:none;object-fit:fill;filter:none;
  }
  .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:fill;
  }

  .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-social{position:relative;display:block;width:calc(222 * var(--figma-s));height:calc(41 * var(--figma-s));margin-top:calc(33 * 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;
  }
}

/* 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(89 * var(--figma-s));top:calc(21 * var(--figma-s));width:calc(544.194 * var(--figma-s));height:calc(544.194 * var(--figma-s))}
}

/* Pixel-accurate Figma header and viewport alignment. */
html{scrollbar-width:none}
html::-webkit-scrollbar{display:none}
@media(max-width:767px){
  .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:translateX(-50%) rotate(9deg)}
  .how h2 img{position:relative;left:auto;top:auto;width:100%;height:auto;max-width:955px;mix-blend-mode:multiply}
}
@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}
}