/* VELOR: label-inspired typography, piano black and polished metals. */
@font-face{font-family:Velor Label;src:url('assets/fonts/label-bold.otf') format('opentype');font-weight:700;font-display:swap}
@font-face{font-family:Velor Text;src:url('assets/fonts/label-regular.otf') format('opentype');font-weight:400;font-display:swap}
:root{--paper:#08090a;--ink:#fafafa;--muted:#b5b8bd;--line:#343536;--lime:#f5c65d;--gold:linear-gradient(115deg,#aa6519 0%,#f5bf50 22%,#fff1b4 42%,#d99729 57%,#ffdb7b 77%,#b57820 100%)}
body{font-family:Velor Text,Arial,sans-serif;background:#08090a}
h1,h2,h3,.product-info h3,.steps h3,.about-visual>p{font-family:Velor Label,'Arial Narrow',Arial,sans-serif;font-weight:700;text-transform:uppercase;letter-spacing:.015em;line-height:1.02}
em,h1 em,.routine h2 em{font-family:inherit;font-weight:700;background:var(--gold);background-clip:text;-webkit-background-clip:text;color:transparent}
h1{color:#fff}h2{font-size:clamp(34px,3.7vw,56px)}
header{background:linear-gradient(175deg,#26282c 0%,#08090a 48%,#030405 80%,#151719 100%);border-bottom:1px solid #d5a04770;box-shadow:0 2px 18px #0008}
header .brand-logo{width:210px;height:66px}footer .brand-logo{width:240px;height:76px}
.announcement{background:#030405;color:#f6c963;border-bottom-color:#37332a}.announcement span{color:#d6d9df}
nav,.cart-button,.button,.filters button,.stage-heading,.stage-footer,.eyebrow,.values,.product-price{font-family:Velor Label,'Arial Narrow',Arial,sans-serif;font-weight:700;text-transform:uppercase}
nav{font-size:14px;letter-spacing:1px}nav a:hover{color:#f9d17a}
.cart-button{font-size:13px}.cart-button span{background:var(--gold);color:#060708}
.velor-hero{background:radial-gradient(ellipse at 80% 5%,#34383c88,transparent 44%),linear-gradient(135deg,#171a1d,#030405 54%,#17191b);border-bottom:1px solid #d6a144;isolation:isolate}
.velor-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(128deg,transparent 51%,#ffffff08 51.2%,transparent 55%),linear-gradient(128deg,transparent 85%,#c28c3270 85.15%,#ffe9a2 85.3%,#c28c3233 85.5%,transparent 86%);pointer-events:none}
.velor-hero .hero-copy{padding-top:76px;padding-bottom:60px}
.velor-hero h1{font-size:clamp(64px,6.6vw,100px);letter-spacing:0;line-height:.98;margin:32px 0 28px}
.hero-description{color:#c3c6ca;font-size:15px;line-height:1.8;max-width:355px}
.eyebrow{color:#ffd678;letter-spacing:2.2px;font-size:11px}.dot{background:#ffd678}
.button{font-size:14px;letter-spacing:.7px;min-height:54px;border:1px solid #ffe7a080;transition:box-shadow .2s,filter .2s}
.lime,.filters button.active{background:var(--gold);color:#08090a;box-shadow:inset 0 1px 0 #fff5d9,0 5px 20px #db9c2120}
.button:hover{filter:brightness(1.12);box-shadow:0 0 24px #d6a44340}
.brand-endorsement{color:#c1c3c7}.brand-endorsement strong{color:#ffe09a}
.hero-bottom{color:#b8bcc2}.velor-hero-stage{background:radial-gradient(ellipse at 50% 90%,#e5a33625,transparent 65%)}
.stage-heading{color:#f5d084;font-size:12px}.stage-footer{color:#c6c8cb;font-size:10px}
.velor-hero-stage:after{background:var(--gold);box-shadow:0 0 20px #ffc45199}
#hero-products svg{filter:drop-shadow(0 15px 14px #0009)}
.values{background:linear-gradient(180deg,#202328,#0c0e10);color:#e3e5e8;font-size:12px;letter-spacing:1.5px;border-bottom-color:#4b4030}.asterisk{color:#f4c45f}
.shop{background:radial-gradient(ellipse at 50% 0,#292a2d66,transparent 45%),#08090a}
.section-heading>p{color:#bcc0c6;font-size:14px}.filters button{font-size:14px;letter-spacing:.6px;color:#ddd}.filters button.active{color:#08090a}.price-note{color:#aeb2b8}
.product-art{background:linear-gradient(145deg,#34383d 0%,#0d0f12 30%,#020304 67%,#27231a);border:1px solid #766443;box-shadow:inset 0 1px 0 #ffffff40,0 12px 24px #0005;transition:border-color .2s,box-shadow .2s}
.product-art:before{display:block;inset:0;width:auto;height:auto;background:linear-gradient(130deg,#fff1,transparent 30%,transparent 75%,#efbe5420);pointer-events:none;z-index:1}
.product-art:hover{border-color:#f9ce78;box-shadow:inset 0 1px 0 #fff7,0 10px 30px #e7b04922}
.product-art .velor-bottle{mix-blend-mode:lighten}.product-number{color:#e1c995}.product-category{color:#e1d9c9;z-index:2}
.product-info h3{font-size:22px;letter-spacing:0}.product-info h3 button{font:inherit;text-transform:inherit}.product-info p{font-size:12px;color:#aeb3bb}.product-price{font-size:17px;color:#ffdc83;letter-spacing:.5px}
.add{border-color:#b78b40;color:#f9d078;background:linear-gradient(145deg,#393127,#0b0c0e)}.add:hover{background:var(--gold)}
.routine{background:linear-gradient(120deg,#26292d,#08090a 58%,#171512);border-block:1px solid #81612f}.routine h2{font-size:clamp(40px,4.5vw,65px)}.steps h3{font-size:26px}.steps article{border-color:#665331}.steps article>span{color:#ffce65}.steps p,.routine-intro>p:not(.eyebrow){color:#bfc3ca;font-size:14px}.text-link{color:#ffda7b;border-color:#bb9246;font-size:12px}
.about-visual{background:linear-gradient(135deg,#31353b,#020304 45%,#171614);border-color:#b48439;box-shadow:inset 0 1px 0 #fff5,0 20px 40px #0006}
.about-visual:before{height:38px;top:67%;background:var(--gold);transform:rotate(-36deg);box-shadow:0 -7px 0 #000,0 -9px 0 #e3e5e7}
.about-brand-logo{top:56px;left:9%;width:82%;height:160px}.about-visual>p{color:#fff;font-size:40px;bottom:15px;text-shadow:0 2px 12px #000}
.about-copy>p:not(.eyebrow){color:#c1c4c9;font-size:15px}.dark{background:linear-gradient(135deg,#2f2921,#0a0b0d);color:#ffda83;border-color:#c09546}.vertical{color:#ded3bc}
.faq h2{font-size:40px}summary{font-size:14px}details p{font-size:14px}
footer{background:linear-gradient(165deg,#22252a,#030405 65%);border-top-color:#b38238}footer>p{color:#dedfe1}footer>a:not(.brand){color:#f7ce76}
dialog{background:linear-gradient(145deg,#24272c,#08090a 60%);border-color:#aa8240}.product-detail h2{font-size:40px;overflow-wrap:anywhere}.product-detail p{color:#c0c4ca}.cart-item h3{font-size:20px}.cart-head h2 span{color:#ffd77f}.cart-item strong{color:#ffd77f}.close{color:#ffe5a8}.delivery{color:#eee}.cart-note{color:#bfc3ca}#toast{background:var(--gold);color:#070809}
button:focus-visible,a:focus-visible,select:focus-visible{outline-color:#ffe19a}
@media(max-width:1000px){.velor-hero h1{font-size:72px}.product-info h3{font-size:23px}}
@media(max-width:650px){header .brand-logo{width:163px;height:54px}.cart-button{font-size:11px}.velor-hero .hero-copy{padding:38px 6% 10px}.velor-hero h1{font-size:68px;letter-spacing:0}.hero-description{font-size:14px}.hero .button{font-size:13px}.eyebrow{font-size:10px;letter-spacing:1.5px}.values{font-size:10px;letter-spacing:1px}.stage-heading{font-size:10px}.stage-footer{font-size:8px}.filters button{font-size:12px}.product-info h3{font-size:18px;min-height:36px}.product-info p{font-size:11px}.product-price{font-size:15px}.section-heading>p{font-size:13px}.about-brand-logo{top:40px;height:140px}.about-visual>p{font-size:36px}.faq h2{font-size:34px}.product-detail h2{font-size:34px}.product-dialog{padding:26px 20px}.cart-head h2{font-size:34px}.cart-item h3{font-size:18px}footer .brand-logo{width:220px;height:70px}}
