/* Opal Pleasure — static clone of the Wix Studio site. Desktop metrics measured at 1440, mobile at 390. */
@font-face{font-family:'eschaton';font-weight:600;font-display:swap;src:url(/assets/fonts/eschaton-600.woff2) format('woff2')}
@font-face{font-family:'eschaton';font-weight:700;font-display:swap;src:url(/assets/fonts/eschaton-700.woff2) format('woff2')}
@font-face{font-family:'gloock';font-weight:400;font-display:swap;src:url(/assets/fonts/gloock-400.woff2) format('woff2')}
@font-face{font-family:'questrial';font-weight:400;font-display:swap;src:url(/assets/fonts/questrial-400.woff2) format('woff2')}
@font-face{font-family:'sora';font-weight:400 800;font-display:swap;src:url(/assets/fonts/sora-vf.woff2) format('woff2')}
@font-face{font-family:'syne';font-weight:400 800;font-display:swap;src:url(/assets/fonts/syne-vf.woff2) format('woff2')}
@font-face{font-family:'helvetica-w01-bold';font-weight:400;font-display:swap;src:url(/assets/fonts/helvetica-w01-bold.woff2) format('woff2')}
@font-face{font-family:'helvetica-w01-light';font-weight:400;font-display:swap;src:url(/assets/fonts/helvetica-w01-light.woff2) format('woff2')}
@font-face{font-family:'avenir-lt-w01_35-light';font-weight:400;font-display:swap;src:url(/assets/fonts/avenir-lt-w01-35-light.woff2) format('woff2')}
@font-face{font-family:'madefor-text';font-weight:400 800;font-display:swap;src:url(/assets/fonts/madefor-text-vf.woff2) format('woff2')}
@font-face{font-family:'Madefor Display';font-weight:400 800;font-display:swap;src:url(/assets/fonts/madefor-display-vf.woff2) format('woff2')}

:root{--cream:#fffdeb;--beige:#f4f2e3;--card:#f7f4df;--red:#8b0000;--rasp:#ac2d42;--rasp-dark:#95263f;--blue:#39429a;--lav:#7471dc;--peri:#8b8cd6;--steel:#6a7ebe;--ink:#000;--grey:#454545;--active:#045afc;--white:#fff;
 --f-body:questrial,sans-serif;--f-serif:gloock,serif;--f-esch:eschaton,serif;--f-syne:syne,sans-serif;--f-sora:sora,sans-serif}
*{box-sizing:border-box}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--cream);color:var(--ink);font-family:var(--f-body);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%;height:auto}
a{color:inherit}
button{font:inherit;cursor:pointer}
h1,h2,h3,h4,p{margin:0;font-weight:400}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;left:-9999px;top:0;background:var(--red);color:var(--cream);padding:8px 14px;z-index:200}
.skip:focus{left:8px;top:8px}
.wrap{position:relative;max-width:1440px;margin:0 auto}
.btn{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;border:0;border-radius:24px;font-family:var(--f-body);transition:background-color .2s ease,color .2s ease,border-color .2s ease;white-space:nowrap}
.btn-red{background:var(--red);color:var(--cream);font-size:14px;text-transform:uppercase;height:47px;padding:0 24px;border-radius:5px}
.btn-red:hover{background:var(--rasp)}
.btn-pill{background:var(--red);color:var(--cream);font-size:16px;height:36px;padding:0 28px;border-radius:18px}
.btn-pill:hover{background:var(--rasp)}
.btn-cream{background:var(--cream);color:var(--rasp);font-size:15px;height:45px;padding:0 20px;border-radius:4px}
.btn-cream:hover{background:var(--white)}
.btn-outline{background:transparent;color:var(--cream);border:2px solid var(--cream);font-size:14px;text-transform:uppercase;height:47px;padding:0 22px;border-radius:24px}
.btn-outline:hover{background:var(--cream);color:var(--red)}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:60;background:var(--cream);height:157px;transition:box-shadow .2s}
.site-header .wrap{height:157px}
.site-header .logo{position:absolute;left:80px;top:25px;width:178px;height:119px}
.site-header .logo img{width:178px;height:119px}
.nav{position:absolute;left:479px;top:71px;margin:0;padding:0;list-style:none;display:flex;gap:46px}
.nav a{display:block;line-height:42px;padding:0 10px;font-size:16px;color:var(--rasp);text-decoration:none;transition:color .2s}
.nav a:hover{color:var(--red)}
.nav a.is-active{color:var(--active)}
.login{position:absolute;left:1175px;top:37px;width:114px;height:38px;display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--rasp);font-size:16px;cursor:default}
.login svg{width:26px;height:26px;fill:var(--rasp)}
.cart-btn{position:absolute;left:1308px;top:42px;width:23px;height:23px;border-radius:50%;background:var(--rasp);color:var(--cream);font-size:11px;line-height:23px;text-align:center;text-decoration:none;font-family:var(--f-body)}
.cart-btn:hover{background:var(--red)}
.shop-now{position:absolute;left:1217px;top:117px;width:128px;height:36px;background:var(--rasp-dark);color:var(--cream);font-size:16px}
.shop-now:hover{background:var(--red)}
.burger,.mnav{display:none}
main{display:block;min-height:40vh}

/* ---------- footer ---------- */
.site-footer{position:relative;background:var(--red);color:var(--white);height:836px;overflow:hidden}
.site-footer .wrap{height:100%}
.fcol{position:absolute;top:49px}
.fcol h2{font-size:24px;line-height:38px;margin-bottom:29px}
.fcol a,.fcol span.todo{display:block;font-size:16px;line-height:16px;margin-bottom:15px;text-decoration:underline;color:var(--white)}
.fcol a:hover{color:var(--cream);opacity:.85}
.fcol-brand{left:46px;width:195px}
.fcol-follow{left:453px;width:173px}
.newsletter{position:absolute;left:858px;top:73px;width:498px}
.newsletter h2{font-size:25px;line-height:38px;margin-bottom:14px}
.newsletter label{display:block;font-size:16px;line-height:26px;margin-bottom:5px}
.newsletter .field{width:100%;height:46px;border:1px solid var(--cream);border-radius:23px;background:transparent;color:var(--white);padding:0 18px;font:inherit}
.newsletter .check{display:flex;align-items:center;gap:12px;margin:14px 0 14px;font-size:16px;line-height:24px}
.newsletter .check input{appearance:none;width:16px;height:16px;border:1px solid var(--cream);background:transparent;margin:0;flex:none}
.newsletter .check input:checked{background:var(--cream)}
.newsletter .submit{width:100%;height:43px;border-radius:22px;background:var(--white);color:var(--rasp);border:0;font-size:16px}
.newsletter .submit:hover{background:var(--cream)}
.form-note{font-size:14px;line-height:1.5;margin-top:10px;color:var(--cream)}
.watermark{position:absolute;left:76px;top:544px;width:364px;height:191px;opacity:.56}   /* source: vector image --opacity:0.56, paths fill #952633; glyph bounds x76-440, footer-relative y544-735 (capture/work-1__bell/1440.png) */
.watermark svg{width:100%;height:100%}
.copyright{position:absolute;right:61px;top:739px;font-size:16px;line-height:25px;text-align:right}

/* ---------- cart drawer ---------- */
.cart-overlay{position:fixed;inset:0;background:rgba(0,0,0,.35);z-index:80}
.cart-drawer{position:fixed;top:0;right:0;height:100%;width:420px;max-width:100%;background:var(--cream);color:var(--ink);z-index:90;display:flex;flex-direction:column;transform:translateX(100%);transition:transform .5s cubic-bezier(.22,.61,.36,1);box-shadow:-8px 0 30px rgba(0,0,0,.15)}
.cart-drawer.is-open{transform:none}
.cart-head{display:flex;align-items:center;justify-content:space-between;padding:22px 24px;border-bottom:1px solid rgba(139,0,0,.2)}
.cart-head h2{font-size:20px;color:var(--red)}
.cart-close{background:none;border:0;padding:4px;color:var(--red)}
.cart-items{list-style:none;margin:0;padding:10px 24px;overflow:auto;flex:1}
.cart-item{display:grid;grid-template-columns:72px 1fr auto;gap:14px;padding:14px 0;border-bottom:1px solid rgba(139,0,0,.15);align-items:center}
.cart-item img{width:72px;height:72px;border-radius:6px;background:var(--beige)}
.ci-name{font-size:16px}.ci-opt,.ci-price{font-size:14px;color:var(--grey)}
.ci-remove{background:none;border:0;color:var(--red);font-size:20px;line-height:1;align-self:start}
.qty{display:inline-flex;align-items:center;border:1px solid rgba(0,0,0,.55);height:40px}
.qty button{width:36px;height:100%;border:0;background:none;color:var(--grey);font-size:18px}
.qty input,.qty span{width:44px;text-align:center;border:0;background:none;font:inherit;font-size:14px;padding:0}
.qty-sm{height:30px;margin-top:6px}.qty-sm button{width:28px;font-size:16px}.qty-sm span{width:30px}
.cart-empty{padding:40px 0;text-align:center;color:var(--red);font-size:18px}
.cart-foot{padding:18px 24px 24px;border-top:1px solid rgba(139,0,0,.2)}
.cart-total{display:flex;justify-content:space-between;font-size:16px;margin-bottom:14px}
.cart-foot .btn{width:100%;height:48px;border-radius:0;font-size:16px}
.cart-foot .btn + .btn{margin-top:10px}
.btn-order{background:var(--rasp);color:var(--cream)}.btn-order:hover{background:var(--red)}
.btn-view{background:transparent;color:var(--ink);border:1px solid var(--ink)}.btn-view:hover{background:var(--beige)}
.cart-note{font-size:13px;color:var(--grey);margin-top:12px;line-height:1.5}

/* ---------- animations ---------- */
.fi{opacity:0;transform:translateY(60px)}
.fi.in{animation:floatIn 1.2s cubic-bezier(.445,.05,.55,.95) 1ms forwards}
@keyframes floatIn{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.fi{opacity:1;transform:none;animation:none}}
.gs{transform-origin:center center;will-change:transform}
/* marquee: one set of 5 icons = 1308px at 1440 (26.16s), two sets = 1658px at 390 (33.16s) — source runtime distances; 4 sets rendered */
.marquee{overflow:hidden;white-space:nowrap}
.marquee-track{display:inline-flex;align-items:center;gap:72.2px;animation:marquee 26.16s linear infinite}
.marquee-track img{height:116px;width:auto;flex:none}
@keyframes marquee{to{transform:translateX(-1308px)}}
.marquee:hover .marquee-track{animation-play-state:running}

/* ---------- HOME ---------- */
.hero{position:relative;padding:189px 46px 0;height:491px}
.hero .eyebrow{font-size:33.75px;line-height:54px;color:var(--steel)}
.hero h1{font-family:var(--f-serif);font-size:57.45px;line-height:69px;color:var(--red);max-width:1132px}
.hero .featured{position:absolute;left:1138px;top:343px;display:inline-flex;align-items:center;gap:14px;font-size:24.5px;line-height:39px;color:var(--peri);text-decoration:none}
.hero .featured:visited{color:var(--peri)}
.hero .featured svg{width:18px;height:24px}
.prow{position:relative;height:462px}
.prow .pimg{position:absolute;border-radius:20px;overflow:hidden;background:var(--beige)}
.prow .ptext{position:absolute}
.prow h2{font-family:var(--f-esch);font-weight:600;font-size:50.33px;line-height:60px;color:var(--red)}
.prow .tag{font-size:18.72px;line-height:30px;color:var(--rasp);margin-bottom:30px}
.prow .desc{font-size:17.15px;line-height:27.5px;max-width:555px}
.prow .btn{position:absolute}
.prow-bell{height:462px}
.prow-bell .pimg{left:46px;top:0;width:345px;height:341px}
.prow-bell .ptext{left:409px;top:164px;width:560px}
.prow-bell .btn{left:1196px;top:146px}
.prow-petals{height:488px}
.prow-petals .pimg{right:59px;top:0;width:368px;height:338px}
.prow-petals .ptext{right:456px;top:151px;width:560px;text-align:right}
.prow-petals h2{margin-bottom:15px}
.prow-petals .btn{left:88px;top:169px}
.prow-rosa{height:390px}
.prow-rosa .pimg{left:52px;top:0;width:359px;height:330px}
.prow-rosa .ptext{left:430px;top:153px;width:560px}
.prow-rosa .btn{left:1217px;top:135px}
.bundle{position:relative;height:495px}
.bundle .btext{position:absolute;left:233px;top:177px;width:480px}
.bundle .btext p.lead{font-family:var(--f-esch);font-weight:600;font-size:22px;line-height:35px;color:var(--blue);margin-bottom:28px}
.bundle .btext p.sub{font-size:14.93px;line-height:24px;color:var(--lav);max-width:440px}
.bundle .bimg{position:absolute;right:62px;top:0;width:441px;height:458px;border-radius:20px;overflow:hidden}
.quiz-banner{position:relative;margin:0 46px;height:532px;border-radius:20px;overflow:hidden;color:var(--cream);text-align:center}
.quiz-banner img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.quiz-banner h2{position:absolute;left:0;right:0;top:104px;font-family:var(--f-serif);font-size:90.18px;line-height:108px;max-width:420px;margin:0 auto}
.quiz-banner .btn{position:absolute;left:50%;top:388px;transform:translateX(-50%)}
.wellness{padding:32px 46px 0}
.wellness .eyebrow{font-size:19.125px;line-height:31px;color:var(--blue)}
.wellness h2{font-family:var(--f-serif);font-size:51.2px;line-height:51px;color:var(--red);max-width:772px;margin:3px 0 32px}
.stats{display:grid;grid-template-columns:repeat(4,321px);gap:16px;padding:0 37px;margin-bottom:20px}
.stat{border:1px solid var(--red);border-radius:14px;min-height:436px;padding:36px 23px 30px;color:var(--red)}
.stat .num{font-family:var(--f-sora);font-style:normal;font-size:56.25px;line-height:73px;margin-bottom:89px}   /* source --font_5: normal normal normal sora */
.stat p:not(.num){font-style:italic;font-size:19.125px;line-height:30.5px}
.home-marquee{margin:0}
.features{display:grid;grid-template-columns:655px 655px;gap:23px;padding:0 46px;height:478px}
.feature{position:relative;border-radius:20px;overflow:hidden;color:var(--cream)}
.feature img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature .ftext{position:absolute;left:33px;right:33px}
.feature-left .ftext{top:280px}
.feature-right .ftext{top:47px}
.feature .lead{font-family:var(--f-esch);font-weight:600;font-size:19.125px;line-height:31px;margin-bottom:7px}
.feature .lead-brand{font-family:var(--f-body);font-weight:400;font-size:14.93px;line-height:24px;margin-bottom:20px}
.feature p{font-size:14.93px;line-height:24px;max-width:480px}
.feature .btn{position:absolute;left:33px;top:389px}
.community{position:relative;height:591px;margin-top:157px}
.community .chead{position:absolute;left:46px;top:36px;width:200px}
.community .chead h2{display:flex;gap:10px;font-size:19.125px;line-height:31px;color:var(--red);max-width:200px}
.community .chead svg{width:20px;height:20px;flex:none;margin-top:6px}
.community .chead .btn{position:absolute;left:9px;top:379px}
.testimonials{position:absolute;left:312px;right:62px;top:-2px;list-style:none;margin:0;padding:0;border-top:1px solid var(--red)}
.testimonials li{display:grid;grid-template-columns:1fr 421px;gap:40px;padding:33px 0 33px;border-bottom:1px solid var(--red);min-height:115px;align-items:start}
.testimonials h3{font-family:var(--f-esch);font-weight:600;font-size:27.83px;line-height:39px;color:var(--red)}
.testimonials p{font-size:14px;line-height:22.5px;color:var(--red);padding-right:28px}
.experts{padding:0 46px}
.experts h2{display:flex;align-items:center;gap:18px;font-size:19.125px;line-height:31px;margin-bottom:44px}
.experts h2 svg{width:18px;height:24px;transform:rotate(-90deg)}
.expert-cards{display:grid;grid-template-columns:repeat(3,421px);gap:34px}
.ecard{position:relative;background:var(--card);border-radius:14px;min-height:430px;padding:27px 25px}
.ecard .name{font-size:16px;line-height:26px;font-weight:700}
.ecard .role{font-size:17.8px;line-height:28px}
.ecard .quote{font-size:16px;line-height:25.5px;margin-top:75px;min-height:102px;color:var(--grey)}
.ecard .btn{position:absolute;left:24px;top:325px;height:45px;padding:0 30px;border-radius:22px;background:var(--red);color:var(--cream);font-size:16px;text-transform:none}
.contact-home{position:relative;padding:114px 46px 0;height:644px}
.contact-home .eyebrow{font-size:19.125px;line-height:31px;color:var(--rasp)}
.contact-home h2{font-family:var(--f-serif);font-size:74.25px;line-height:77px;color:var(--red);max-width:478px;margin-top:10px}   /* source: inner span font-family:gloock */
.cform{position:absolute;left:618px;top:194px;width:737px;display:grid;grid-template-columns:343px 343px;column-gap:51px;row-gap:37px;grid-auto-rows:80px}   /* source labels y5769.7/5886.7, button 6003.7: 117px pitch from the section top 5576 */
.cform .field label{display:block;font-size:16px;line-height:20px;color:var(--rasp);margin-bottom:38px}
.cform .field input{width:100%;height:22px;border:0;border-bottom:1px solid var(--rasp);background:transparent;font:inherit;font-size:16px;color:var(--ink);padding:0;outline:0}
.cform .field input:focus{border-bottom-width:2px}
.cform .phone{display:flex;align-items:flex-end;gap:8px}
.cform .phone .cc{display:inline-flex;align-items:center;gap:4px;padding-bottom:2px;color:var(--ink)}
.cform .submit{grid-column:1;width:343px;height:48px;border-radius:24px;background:var(--rasp);color:var(--white);border:0;font-family:var(--f-syne);font-size:20px;margin-top:0}
.cform .submit:hover{background:var(--red)}
.cform .form-note{grid-column:1/3;color:var(--rasp)}

/* ---------- STORE ---------- */
.crumbs{padding:28px 20px 0;font-size:16px;line-height:20px}
.crumbs-product{padding-left:71px}
.crumbs ol{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:10px}
.crumbs a{text-decoration:none;color:var(--ink)}
.crumbs svg{width:8px;height:12px}
.cat-layout{display:grid;grid-template-columns:200px 1fr;gap:40px;padding:36px 20px 0}
.cat-side h2{font-size:16px;line-height:42px;border-bottom:1px solid rgba(0,0,0,.2)}
.cat-side .tree{list-style:none;margin:0 0 48px;padding:14px 0 0}
.cat-side .tree a{color:var(--rasp);font-size:16px}
.cat-side h2.filter{font-size:20px;line-height:25px;padding-bottom:20px}
.cat-side .filter-head{width:100%;display:flex;justify-content:space-between;align-items:center;background:none;border:0;padding:14px 0 14px;font-size:16px}
.cat-side .filter-body{display:flex;gap:10px;padding-bottom:16px;border-bottom:1px solid rgba(0,0,0,.2)}
.swatch{width:20px;height:20px;border-radius:50%;display:inline-block;border:1px solid rgba(0,0,0,.1)}
.cat-main h1{font-family:var(--f-serif);font-size:51px;line-height:63px;color:#8d0c37}
.cat-desc{font-size:16px;line-height:24px;max-width:672px;margin-top:16px}
.cat-desc .more{color:var(--lav);text-decoration:underline;background:none;border:0;padding:0;font-size:16px}
.cat-desc .rest{display:none}.cat-desc.is-open .rest{display:inline}.cat-desc.is-open .ell,.cat-desc.is-open .more{display:none}
.cat-bar{display:flex;justify-content:space-between;align-items:center;margin:60px 0 24px;font-size:14px;color:var(--grey)}
.sort{display:inline-flex;align-items:center;gap:8px;background:none;border:0;font-size:16px;color:var(--ink)}
.sort svg{width:20px;height:20px}
.filter-link{display:none;font-size:16px;color:var(--ink)}
.pgrid{display:grid;grid-template-columns:repeat(3,271px);gap:20px}
.pcard{display:block;text-decoration:none;color:var(--ink)}
.pcard-media{position:relative;display:block;background:var(--beige)}
.pcard-media img{width:100%;aspect-ratio:1}
.ribbon{position:absolute;left:11px;top:12px;background:var(--rasp);color:var(--cream);font-size:14px;line-height:24px;padding:0 10px}
.pcard-name{display:block;font-size:16px;line-height:26px;margin-top:16px}
.pcard-price{display:block;font-size:16px;line-height:26px;color:var(--grey);margin-top:4px}
.learn-row{display:flex;justify-content:space-around;padding:140px 60px 46px}
/* product page */
.product{display:grid;grid-template-columns:827px 423px;gap:33px;padding:36px 86px 0 71px}
.gallery{display:grid;grid-template-columns:60px 759px;gap:8px;align-items:start}
.gallery .thumbs{display:grid;gap:8px}
.gallery .thumbs img{width:60px;height:60px;background:var(--beige);border:1px solid transparent;cursor:pointer}
.gallery .thumbs img.is-active{border-color:rgba(0,0,0,.2)}
.gallery .main{background:var(--beige)}
.gallery .main img{width:759px;height:759px}
.pinfo h1{font-family:var(--f-syne);font-size:28px;line-height:34px;color:var(--rasp)}
.pinfo .sku{font-size:14px;line-height:14px;color:var(--grey);margin-top:8px}
.pinfo .price{font-size:20px;line-height:20px;margin-top:16px}
.pinfo .desc{font-family:'avenir-lt-w01_35-light',sans-serif;font-size:16px;line-height:24px;background:var(--white);margin-top:14px}
.pinfo .opt{font-size:14px;line-height:14px;color:var(--rasp);margin-top:20px}
.pinfo .opt-sw{margin:12px 0 0;display:flex;gap:10px}
.pinfo .opt-sw button{width:20px;height:20px;border-radius:50%;border:1px solid rgba(0,0,0,.1);padding:0}
.pinfo .opt-sw button.is-selected{box-shadow:0 0 0 2px var(--cream),0 0 0 3px var(--ink)}
.pinfo .qty{margin-top:8px;width:120px}
.pactions{margin-top:28px;display:grid;gap:12px}
.pactions .btn{height:48px;border-radius:0;font-size:16px;width:100%}
.btn-add{background:var(--rasp);color:var(--cream)}.btn-add:hover{background:var(--red)}
.btn-buy{background:var(--ink);color:var(--white)}.btn-buy:hover{background:#222}
.pinfo .info{margin-top:33px;border-top:1px solid rgba(0,0,0,.2)}
.pinfo details{border-bottom:1px solid rgba(0,0,0,.2)}
.pinfo summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:14px 0;font-size:16px;line-height:24px;color:var(--rasp);cursor:pointer}
.pinfo summary h2{font-size:16px;line-height:24px;font-weight:400}   /* source accordion headings are 16px H2s (UA default 1.5em would give 24px) */
.pinfo summary::-webkit-details-marker{display:none}
.pinfo summary .pm{width:16px;height:16px;position:relative}
.pinfo summary .pm::before,.pinfo summary .pm::after{content:"";position:absolute;background:var(--ink);left:0;top:7px;width:16px;height:1.5px}
.pinfo summary .pm::after{transform:rotate(90deg)}
.pinfo details[open] summary .pm::after{display:none}
.pinfo details .body{font-family:'avenir-lt-w01_35-light',sans-serif;font-size:16px;line-height:24px;padding:0 0 22px}
.pinfo details .body p{background:var(--white)}
.pinfo details .body p + p{margin-top:24px}
.share{display:flex;gap:10px;margin:34px 0 24px;list-style:none;padding:0}
.share a{display:inline-flex;width:16px;height:16px;color:var(--ink)}
.share svg{width:16px;height:16px}
.pnav{position:absolute;right:86px;top:19px;font-size:13.3px;color:rgba(16,16,16,.3);display:flex;gap:8px;align-items:center}
.pnav span + span{border-left:1px solid rgba(16,16,16,.3);padding-left:8px}
.pnav svg{width:10px;height:10px;vertical-align:middle}
/* cart page */
.cart-page{position:relative;padding:39px 71px 0;height:553px}
.cart-page h1{font-size:20px;line-height:28px;color:var(--red);padding-bottom:19px;border-bottom:1px solid rgba(139,0,0,.3)}
.cart-page .empty{text-align:center;padding-top:176px;color:var(--red)}
.cart-page .empty h2{font-size:22px;line-height:24px}
.cart-page .empty a{display:inline-block;margin-top:17px;font-size:15px;color:var(--ink)}
.cart-page .rule{position:absolute;left:71px;right:87px;bottom:0;border:0;border-top:1px solid rgba(139,0,0,.3);margin:0}
.cart-page.has-items .rule{position:static}
.cart-page.has-items{height:auto;padding-bottom:60px}
.cart-full{display:none;grid-template-columns:1fr 360px;gap:40px;padding:30px 0}
.cart-page.has-items .cart-full{display:grid}.cart-page.has-items .empty{display:none}
.cart-full .cart-items{padding:0}
.order-box{border:1px solid rgba(139,0,0,.3);padding:24px;align-self:start}
.order-box h2{font-size:20px;color:var(--red);margin-bottom:12px}
.order-box .cart-total{font-size:18px}
.order-box .btn{width:100%;height:48px;border-radius:0;font-size:16px;margin-top:10px}

/* ---------- product landing (/work-1, /copy-of-work-1, /copy-2-of-work-1) ---------- */
.landing{position:relative;height:1061px}
.landing .limg{position:absolute;left:75px;top:71px;width:601px;height:516px;border-radius:30px;overflow:hidden}
.landing .ltext{position:absolute;left:756px;top:86px;width:342px}
.landing h1{font-family:var(--f-serif);font-weight:700;font-size:38.6px;line-height:47px;color:var(--red)}
.landing .sub{font-family:'helvetica-w01-light',sans-serif;font-size:14.4px;line-height:18px;letter-spacing:.32em;text-transform:uppercase;margin-top:9px}
.landing .stars{display:flex;align-items:center;gap:6px;margin-top:15px}
.landing .stars svg{width:24px;height:24px;fill:var(--lav)}
.landing .stars .rev{font-family:var(--f-syne);font-size:14.5px;color:var(--lav);text-decoration:underline;margin-left:1px}
.landing .lprice{font-family:var(--f-syne);font-weight:700;font-size:15.6px;line-height:19px;text-decoration:underline;margin-top:11px}
.landing .ldesc{font-family:var(--f-syne);font-size:13.4px;line-height:20px;color:var(--grey);text-align:justify;margin-top:13px}
.landing .colors{margin-top:17px}
.landing-petals .colors{margin-top:0}
.landing-rosa .qtyf{margin-top:6px}
.landing .colors .rings{display:flex;gap:6px}
.landing .colors .rings span{width:24px;height:24px;border-radius:50%;border:2.5px solid var(--lav)}
.landing .colors .rings span + span{border-color:var(--blue)}
.landing .colors .lbl{font-family:var(--f-syne);font-weight:700;font-size:12.8px;letter-spacing:.3em;margin-top:6px}
.landing .qtyf{margin-top:30px;width:280px}
.landing-petals .qtyf{margin-top:27px}
.landing .qtyf label{display:block;font-family:'madefor-text',sans-serif;font-size:14px;line-height:14px;margin-bottom:8px}
.landing .sel{position:relative;width:272px;margin-left:-20px}
.landing select{width:100%;height:48px;border:1px solid var(--lav);border-radius:6px;background:var(--cream);font:inherit;font-size:16px;padding:0 40px 0 14px;appearance:none;color:var(--ink)}
.landing .sel svg{position:absolute;right:16px;top:20px;width:12px;height:8px;pointer-events:none}
.landing .btn-add-lg{position:absolute;left:751px;top:509px;width:272px;height:55px;border-radius:28px;background:var(--red);color:var(--cream);font-size:16px;text-transform:uppercase;letter-spacing:.02em}
.landing .btn-add-lg:hover{background:var(--rasp)}
.landing-petals .btn-add-lg{left:756px;top:562px}
.landing-rosa .colors{margin-top:67px}

/* ---------- FAQ ---------- */
.faq-section{background:var(--red);color:var(--cream);padding:0}
.faq-hero{text-align:center;padding-top:4px}
.faq-hero img{margin:0 auto;width:1152px;max-width:100%}
.faq-top{display:flex;justify-content:space-between;align-items:flex-start;padding:24px 247px 0 253px}
.faq-top h1,.faq-top h2.title{font-family:var(--f-serif);font-size:50px;line-height:60px;max-width:615px}
.faq-search{position:relative;width:268px;margin-top:-16px}
.faq-search input{width:100%;height:34px;border:0;border-bottom:1px solid var(--cream);background:transparent;color:var(--cream);font:inherit;font-size:16px;padding:0 30px 0 0;outline:0}
.faq-search input::placeholder{color:var(--cream);opacity:1}
.faq-search svg{position:absolute;right:0;top:8px;width:16px;height:16px}
.faq-tabs{position:relative;display:flex;gap:0;padding:38px 166px 0;list-style:none;margin:0}
.faq-tabs button{background:none;border:0;color:var(--cream);font-size:16px;line-height:26px;padding:0 32px 10px;border-bottom:2px solid transparent}
.faq-tabs button.is-active{border-bottom-color:var(--cream)}
.faq-tabs.has-ink button.is-active{border-bottom-color:transparent}
.tab-ink{position:absolute;bottom:0;height:2px;background:var(--cream);left:0;width:0;transition:left .4s ease-in-out,width .4s ease-in-out}   /* source: active underline left/width 400ms ease-in-out */
.faq-list{padding:24px 190px 110px 166px}
.faq-panel{display:none}.faq-panel.is-active{display:block}
.qa{border:0}
.qa summary{list-style:none;display:flex;justify-content:space-between;align-items:center;padding:28px 0;cursor:pointer}
.qa summary::-webkit-details-marker{display:none}
.qa summary h3{font-size:20px;line-height:24px}
.qa summary svg{width:24px;height:24px;flex:none;transition:transform .2s}
.qa[open] summary svg{transform:rotate(180deg)}
.qa .ans{font-size:16px;line-height:24px;padding-right:0}
.qa .ans strong{font-weight:700}
.qa-share{display:flex;gap:20px;margin:20px 0 40px;list-style:none;padding:0}
.qa-share a,.qa-share button{display:inline-flex;width:20px;height:20px;color:var(--cream);background:none;border:0;padding:0}
.qa-share svg{width:20px;height:20px}
.qa.is-filtered{display:none}
.faq-empty{padding:20px 0;font-size:16px}
/* about */
/* source 1440: image 1029x553 at the top, heading overlaps its bottom (y444), paragraph at y553; measured in capture/about-us/1440.json */
.about-hero{position:relative;display:flow-root;background:var(--red);color:var(--cream);text-align:center;height:646px}
.about-hero picture{display:block;width:1029px;height:553px;margin:-88.25px auto 0}   /* source image top y68.75 (partly behind the fixed header); flow-root keeps the margin from collapsing through the section */
.about-hero img{width:1029px;height:553px}
.about-hero h1{position:absolute;left:43px;width:1338px;top:444px;font-family:var(--f-esch);font-weight:600;font-size:35.6px;line-height:43px}
.about-hero p{position:absolute;left:113px;width:1199px;top:553px;font-size:14.5px;line-height:19px}
.about-faq .faq-top{padding-top:86px}

/* ---------- contact ---------- */
.contact-page{text-align:center;padding-top:28px;height:552px;position:relative;overflow:hidden}
.contact-page h1{font-family:var(--f-esch);font-weight:600;font-size:44.5px;line-height:45px;color:var(--rasp)}
.contact-page h2{font-family:var(--f-syne);font-size:22.3px;line-height:22px;color:var(--rasp);margin-top:19px}
.contact-page .lines{margin-top:45px;font-size:18.5px;line-height:30px;color:var(--rasp)}
.contact-page .lines a{color:var(--rasp)}
.contact-page .art{position:absolute;left:50%;top:265px;width:232px;height:290px;margin-left:-116px;will-change:transform}   /* Track3DMouse target (site.js) */
.contact-page .art img{width:100%;height:100%}

/* ---------- experts ---------- */
.experts-page{background:var(--red);color:var(--cream);padding:100px 45px 84px}
.experts-page h1{font-family:var(--f-serif);font-size:42px;line-height:50px;max-width:1336px}
.egrid{display:grid;grid-template-columns:repeat(4,319px);gap:20px;margin-top:40px}
.egrid img{width:319px;height:368px;border-radius:14px;object-fit:cover}
.egrid h2{font-size:22px;line-height:26px;margin-top:25px}
.egrid p{font-size:16px;line-height:16px;margin-top:9px}
.egrid a{color:var(--cream);text-decoration:none}

/* ---------- quiz landing / questions / result ---------- */
.quiz-hero{position:relative;height:788px;overflow:hidden;color:var(--cream);text-align:center}
.quiz-hero picture{position:absolute;inset:0;display:block}
.quiz-hero picture img{width:100%;height:100%;object-fit:cover}
.quiz-hero::before{content:"";position:absolute;inset:0;background:rgba(0,0,0,.45)}
.quiz-hero .qtext{position:relative;z-index:1;padding-top:158px}
.quiz-hero h1{font-family:var(--f-esch);font-weight:600;font-size:22.6px;line-height:27px}
.quiz-hero p{font-size:16.7px;line-height:27px;margin-top:22px}
.quiz-hero .btn{position:relative;left:-28px;margin-top:28px;height:45px;padding:0 20px;border-radius:0;background:var(--cream);color:var(--rasp);font-size:16px}
.quiz-hero .btn:hover{background:var(--rasp);color:var(--cream)}
.made-marquee{padding:46px 0 42px;overflow:hidden}
.made-marquee p{font-size:19.125px;line-height:20px;color:var(--rasp);white-space:nowrap;padding-left:72px;letter-spacing:.02em}
.quiz{position:relative;height:682px;text-align:center;display:flow-root}
.quiz h1{font-family:var(--f-esch);font-weight:600;font-size:50.5px;line-height:61px;color:var(--lav);margin:67px auto 0;max-width:654px}
.quiz-q1 h1{margin-top:88px}
.quiz-q5 h1{max-width:914px}
.quiz-q2 h1,.quiz-q4 h1{color:var(--blue)}
.quiz .answers{position:absolute;left:0;right:0;top:215px;list-style:none;margin:0;padding:0;display:grid;gap:24px;justify-content:center}
.quiz .answers a{display:flex;align-items:center;justify-content:center;width:235px;height:71px;background:var(--blue);color:var(--cream);font-size:16px;border-radius:10px;text-decoration:none;transition:background .2s}
.quiz .answers a:hover{background:var(--lav)}
.quiz-q2 .answers a,.quiz-q4 .answers a{background:var(--lav)}   /* source Q2/Q4 answers #7471dc, Q1/Q3 #39429a (capture/*/1440.png + 390.png) */
.quiz-q2 .answers a:hover,.quiz-q4 .answers a:hover{background:var(--blue)}
.quiz .next{position:absolute;left:calc(50% + 609.5px);top:435px;width:37px;height:37px;border-radius:10px;background:var(--lav);color:var(--cream);display:flex;align-items:center;justify-content:center;text-decoration:none}
.quiz .next svg{width:12px;height:20px}
/* progress: 1px lavender rule across the page (y747 = 590 in the section) with a 2px blue segment above it per step (x 0-254 / 258-518 / 522-782 / 783-1043 / 1068-end) */
.quiz .progress{position:absolute;left:0;right:0;top:590px;height:1px;background:var(--lav)}
.quiz .progress span{position:absolute;top:-2px;height:2px;background:var(--blue);left:0;width:254px}
.quiz-q2 .progress span{left:258px;width:260px}
.quiz-q3 .progress span{left:522px;width:260px}
.quiz-q4 .progress span{left:783px;width:260px}
.quiz-q5 .progress span{left:1068px;width:auto;right:0;top:-1px}
.quiz .step{position:absolute;left:0;right:0;top:613px;font-size:26.8px;line-height:32px;color:var(--lav)}
.quiz.quiz-email h1{color:var(--red);margin-top:189px}
.quiz .eform{display:grid;grid-template-columns:635px 195px;gap:24px;width:854px;margin:52px auto 0;text-align:left;align-items:end}
.quiz .eform label{display:block;font-size:14px;line-height:20px;margin-bottom:7px}
.quiz .eform input{width:100%;height:41px;border:1px solid var(--ink);background:var(--white);font:inherit;padding:0 12px}
.quiz .eform button{height:41px;border:0;background:var(--rasp);color:var(--white);font-size:16px;text-transform:uppercase}
.quiz .eform .form-note{grid-column:1/3;color:var(--rasp)}
.quiz .qskip{position:absolute;right:85px;top:454px;font-size:20.2px;line-height:24px;color:var(--lav);text-decoration:none}
.quiz.quiz-email .next{top:446px;left:calc(50% + 608.5px);width:34px;height:34px}   /* source boxes x1322–1359 (Q1–4) / 1321–1355 (Q5) with the layout centred on x712.5 (1425px client width, scrollbar) */
.result{position:relative;height:739px}
.result .rtext{position:absolute;left:135px;top:247px;width:427px}
.result h1{font-family:var(--f-serif);font-weight:700;font-size:47.1px;line-height:57px;color:var(--lav)}
.result .sub{font-family:'helvetica-w01-light',sans-serif;font-size:15.3px;line-height:19px;letter-spacing:.32em;text-transform:uppercase}
.result .rdesc{font-family:var(--f-syne);font-size:16.3px;line-height:23.5px;color:var(--grey);text-align:justify;margin-top:82px}
.result .btn{position:absolute;left:0;top:300px;width:158px;height:47px;border-radius:6px;background:var(--lav);color:var(--cream);font-size:16px}
.result .btn:hover{background:var(--blue)}
.result .rimg{position:absolute;right:46px;top:44px;width:668px;height:600px;border-radius:24px;overflow:hidden}

/* ---------- privacy ---------- */
.legal{padding:0 71px 40px}
.legal h1{font-size:48px;line-height:60px;color:var(--rasp);text-align:center;padding:22px 0 70px}
.legal .row{display:grid;grid-template-columns:360px 1fr;gap:48px;padding:36px 0 44px;border-top:1px solid rgba(0,0,0,.6)}
.legal .row h2{font-size:32px;line-height:50px;color:var(--rasp)}
.legal .row p{font-size:16px;line-height:25.5px;color:var(--rasp)}
.legal .row p + p{margin-top:26px}
.legal .row a{color:var(--rasp)}

/* ---------- 404 ---------- */
body.page-404{background:var(--white)}
.nf{font-family:'Madefor Display','Helvetica Neue',Helvetica,Arial,sans-serif;background:var(--white);color:var(--ink);min-height:100vh;padding:198px 72px 0}
.nf h2{font-size:19.4px;font-weight:700;line-height:25px}
.nf h1{font-size:288px;line-height:363px;font-weight:400;letter-spacing:-.02em}
.nf p{font-size:21.6px;line-height:40px;margin-top:22px}
.nf .btn{margin-top:0;height:53px;padding:0 40px;border-radius:30px;background:var(--ink);color:var(--white);font-family:inherit;font-size:21.6px}
.nf .btn:hover{background:#333}

/* ============================ MOBILE (≤750px, measured at 390) ============================ */
@media (max-width:750px){
 /* Fluid mobile: build.py rewrites every `Npx` in this block to calc(N*var(--u)); `NPX` stays a fixed pixel value (source text that does not scale). */
 :root{--u:calc(100vw / 390);--d:calc((100vw - 390px) / 40)}   /* --d: calc(1*var(--u)) per calc(40*var(--u)) of extra viewport width (linear fits of the few mixed source values: 390→430 deltas) */
 .quiz .next,.quiz.quiz-email .next{left:auto}  /* r4: desktop left offset must not apply on mobile */
 body{font-size:14px}
 /* mobile menu (owner request, not in the source): burger at the right edge of the header, drop-down panel under the header */
 .burger{display:flex;flex-direction:column;justify-content:center;gap:6px;position:absolute;right:calc(5*var(--u));top:34px;width:26px;height:28px;padding:0 2px;background:none;border:0;border-radius:calc(4*var(--u));z-index:70;-webkit-tap-highlight-color:transparent}
 .burger span{display:block;height:2px;background:var(--rasp);border-radius:1px;transition:transform .25s ease,opacity .2s ease}
 .burger.is-open span:nth-child(1){transform:translateY(8px) rotate(45deg)}
 .burger.is-open span:nth-child(2){opacity:0}
 .burger.is-open span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
 .burger:focus-visible{outline:2px solid var(--rasp);outline-offset:2px}
 .mnav{display:block;position:fixed;left:0;right:0;top:100px;bottom:0;background:var(--cream);color:#952633;z-index:65;overflow:auto;padding:calc(18*var(--u)) calc(29*var(--u)) calc(40*var(--u));opacity:0;transform:translateY(-10px);transition:opacity .25s ease,transform .25s ease;border-top:1px solid rgba(149,38,51,.15)}
 .mnav.is-open{opacity:1;transform:none}
 .mnav ul{list-style:none;margin:0;padding:0}
 .mnav li a{display:block;font-family:var(--f-serif);font-size:26px;line-height:34px;padding:14px 0;color:#952633;text-decoration:none;border-bottom:1px solid rgba(149,38,51,.15)}
 .mnav li a.is-active{color:var(--red);text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
 .mnav li a.mnav-shop{display:inline-flex;align-items:center;justify-content:center;font-family:var(--f-body);font-size:16px;line-height:1;height:44px;padding:0 32px;margin-top:22px;border:0;border-radius:22px;background:#952633;color:var(--cream)}
 .mnav-row{display:flex;align-items:center;justify-content:space-between;margin-top:22px;font-size:16px}
 .mnav-login{display:inline-flex;align-items:center;gap:10px;background:none;border:0;padding:0;color:var(--rasp);font-size:16px;cursor:default}
 .mnav-login svg{width:26px;height:26px;fill:var(--rasp)}
 .mnav-cart{color:var(--rasp);text-decoration:none}
 body.menu-open .site-header{box-shadow:none}
 .site-header,.site-header .wrap{height:100px}   /* live: header height, Log In y31 and cart y35 do not scale; logo/offsets do */
 .site-header .logo{left:calc(28*var(--u));top:12px;width:calc(112*var(--u));height:calc(74*var(--u))}
 .site-header .logo img{width:calc(112*var(--u));height:calc(74*var(--u))}
 .nav,.shop-now{display:none}
 .login{left:auto;right:calc(65*var(--u));top:31px}
 .cart-btn{left:auto;right:calc(37*var(--u));top:35px;width:26px;height:26px;line-height:26px;font-size:12px}
 /* footer 390: calc(709*var(--u)) tall on every source route (doc height - footer "Opal Pleasure" y + 76); texts y+76/+350/+667, watermark glyph x26-127 y621-674 */
 .site-footer{height:calc(709px + 23*var(--d))}   /* live 390→430: footer internals fixed, newsletter +8, copyright/height +21..23 */
 .fcol{top:76px}
 .fcol h2{font-size:24px;line-height:38px;margin-bottom:15px}
 .fcol a,.fcol span.todo{font-size:14px;line-height:14px;margin-bottom:18px}
 .fcol-brand{left:calc(22*var(--u));width:calc(171*var(--u))}
 .fcol-follow{left:calc(212*var(--u));width:calc(160*var(--u))}
 .newsletter{left:calc(46px + 2*var(--d));top:calc(350px + 8*var(--d));width:calc(298px + 36*var(--d))}
 .newsletter h2{font-size:16px;line-height:24px;margin-bottom:14px}
 .newsletter label{font-size:14px;line-height:17px}
 .newsletter .field{height:38px}
 .newsletter .check{font-size:14px;line-height:21px;margin:12px 0}
 .watermark{left:calc(26*var(--u));top:calc(621px + 21*var(--d));width:calc(101*var(--u));height:calc(53*var(--u))}
 .copyright{left:calc(22*var(--u));right:auto;top:calc(667px + 21*var(--d));font-size:12px;line-height:19px;text-align:left}
 .cart-drawer{width:100%}
 .marquee-track{gap:50px;animation:marquee-m 33.16s linear infinite}   /* live 390: icon pitch 143 for a calc(93*var(--u)) icon (gap 50), one set = calc(739*var(--u)) */
 .marquee-track img{height:calc(60*var(--u))}
 @keyframes marquee-m{to{transform:translateX(calc(-978*var(--u) - 500px))}}   /* two sets: icons scale (calc(489*var(--u)) per set at 390), the calc(50*var(--u)) gaps do not */

 .hero{padding:0 calc(20*var(--u));height:calc(198px + 12*var(--d))}   /* live: Bell image top 298→310 (390→430) */
 .hero .eyebrow{font-size:calc(15*var(--u));line-height:calc(24*var(--u))}
 .hero h1{font-size:calc(20*var(--u));line-height:calc(24*var(--u))}
 .hero .featured{left:auto;right:calc(24*var(--u));top:calc(118px + 4*var(--d));font-size:calc(13.97*var(--u));line-height:calc(22*var(--u));gap:calc(20*var(--u))}
 .hero .featured svg{width:calc(14*var(--u));height:calc(20*var(--u));transform:translateY(calc(8*var(--u)))}
 .prow{height:calc(150*var(--u))}
 .prow .pimg{border-radius:calc(12*var(--u))}
 .prow .pimg img{width:100%;height:100%;object-fit:cover}
 .prow h2{font-size:calc(20.6*var(--u));line-height:calc(25*var(--u))}
 .prow .tag{font-size:calc(9.18*var(--u));line-height:calc(14.5*var(--u));margin-bottom:calc(12*var(--u))}
 .prow .desc{font-size:calc(7.39*var(--u));line-height:calc(11.5*var(--u));max-width:calc(110*var(--u))}
 .prow .btn{height:calc(13*var(--u));font-size:calc(5*var(--u));padding:0 calc(6*var(--u));border-radius:calc(2*var(--u))}
 .prow-bell{height:calc(148*var(--u))}
 .prow-bell .pimg{left:calc(12*var(--u));top:0;width:calc(139*var(--u));height:calc(141*var(--u))}   /* live 390 image boxes: Bell 139x141 @x12, Petals 137x131 @x246, Rosa 139x133 @x12 */
 .prow-bell .ptext{left:calc(159*var(--u));top:calc(19*var(--u));width:calc(110*var(--u))}
 .prow-bell .ptext .tag{max-width:calc(72*var(--u));margin-bottom:calc(16*var(--u))}
 .prow-bell .ptext .desc{max-width:calc(102*var(--u))}
 .prow-bell .btn{left:calc(333*var(--u));top:calc(64*var(--u))}
 .prow-petals{height:calc(152*var(--u))}
 .prow-petals .pimg{right:calc(7*var(--u));top:0;width:calc(137*var(--u));height:calc(131*var(--u))}
 .prow-petals .ptext{right:calc(155*var(--u));top:calc(19*var(--u));width:calc(152*var(--u));text-align:right}
 .prow-petals h2{font-size:calc(20*var(--u));line-height:calc(24*var(--u));margin-bottom:calc(3*var(--u))}
 .prow-petals .ptext .desc{font-size:calc(7*var(--u));line-height:calc(11.5*var(--u));max-width:calc(152*var(--u));margin-left:auto}
 .prow-petals .ptext .tag{font-size:calc(9*var(--u));max-width:calc(101*var(--u));margin-left:auto;margin-bottom:calc(8*var(--u))}
 .prow-petals .btn{left:calc(20*var(--u));top:calc(58*var(--u))}
 .prow-rosa{height:calc(170*var(--u))}
 .prow-rosa .pimg{left:calc(12*var(--u));top:0;width:calc(139*var(--u));height:calc(133*var(--u))}
 .prow-rosa .ptext{left:calc(156*var(--u));top:calc(33*var(--u));width:calc(152*var(--u))}
 .prow-rosa h2{font-size:calc(20*var(--u));line-height:calc(24*var(--u));margin-bottom:calc(8*var(--u))}
 .prow-rosa .ptext .tag{font-size:calc(9*var(--u));max-width:calc(101*var(--u));margin-bottom:calc(5*var(--u))}
 .prow-rosa .ptext .desc{font-size:calc(7*var(--u));line-height:calc(11.5*var(--u));max-width:calc(152*var(--u))}
 .prow-rosa .btn{left:calc(333*var(--u));top:calc(59*var(--u))}
 .bundle{height:calc(495*var(--u))}
 .bundle .btext{left:calc(45*var(--u));top:calc(28*var(--u));width:calc(300*var(--u));text-align:center}
 .bundle .btext p.lead{font-size:14px;line-height:22px;margin-bottom:calc(21*var(--u));width:calc(300*var(--u))}
 .bundle .btext p.sub{font-size:12px;line-height:19px;width:calc(300*var(--u));max-width:none;margin:0 auto}
 .bundle .bimg{left:calc(20*var(--u));right:calc(20*var(--u));top:calc(229*var(--u));width:auto;height:calc(248*var(--u));border-radius:calc(14*var(--u))}
 .bundle .bimg img{width:100%;height:100%;object-fit:cover}
 .quiz-banner{margin:0 calc(20*var(--u));height:calc(138*var(--u));border-radius:calc(10*var(--u))}
 .quiz-banner h2{top:calc(26*var(--u));font-size:calc(24.68*var(--u));line-height:calc(30*var(--u));max-width:calc(120*var(--u))}
 .quiz-banner .btn{top:calc(98*var(--u));height:calc(22*var(--u));font-size:calc(8*var(--u));padding:0 calc(10*var(--u));border-width:calc(1*var(--u))}
 .wellness{padding:calc(72*var(--u)) calc(20*var(--u)) 0}
 .wellness .eyebrow{font-size:calc(17.33*var(--u));line-height:calc(28*var(--u))}
 .wellness h2{font-size:calc(26.99*var(--u));line-height:calc(27*var(--u));margin:calc(7*var(--u)) 0 calc(49*var(--u))}
 .stats{grid-template-columns:1fr;gap:calc(18*var(--u));padding:0 calc(20*var(--u));margin-bottom:calc(105*var(--u))}
 .stat{display:flex;flex-direction:column;height:calc(280*var(--u));min-height:0;padding:calc(40*var(--u)) calc(16*var(--u)) calc(28*var(--u))}
 .stat .num{font-size:calc(52*var(--u));line-height:calc(68*var(--u));margin:0}
 .stat p:not(.num){font-size:calc(17.33*var(--u));line-height:calc(27.5*var(--u));margin-top:auto}   /* :not() keeps the specificity above the desktop rule */
 .home-marquee{margin-bottom:calc(85*var(--u))}
 .features{grid-template-columns:1fr;gap:calc(18*var(--u));padding:0 calc(20*var(--u));height:auto}
 .feature{height:calc(325*var(--u));border-radius:calc(10*var(--u))}
 .feature .ftext{left:calc(17*var(--u));right:calc(17*var(--u))}
 .feature-left .ftext{top:calc(42*var(--u))}
 .feature-right .ftext{top:calc(38*var(--u))}
 .feature .lead{font-size:14px;line-height:22px;margin-bottom:calc(5*var(--u))}
 .feature .lead-brand{font-size:12px;line-height:19px;margin-bottom:calc(8*var(--u))}
 .feature p{font-size:12px;line-height:19px;max-width:calc(256*var(--u))}
 .feature .btn{left:calc(22*var(--u));top:calc(285*var(--u));height:calc(23*var(--u));font-size:9px;padding:0 calc(8*var(--u));border-radius:calc(2*var(--u))}
 .community{height:auto;margin-top:calc(74*var(--u));padding:0 calc(20*var(--u))}
 .community .chead{position:static;width:auto;display:flex;justify-content:space-between;align-items:flex-start}
 .community .chead h2{font-size:calc(17.33*var(--u));line-height:calc(27.5*var(--u));max-width:calc(150*var(--u));gap:calc(14*var(--u))}
 .community .chead svg{margin-top:calc(4*var(--u))}
 .community .chead .btn{position:static;margin-top:calc(9*var(--u));width:159px;height:36px;font-size:16px;padding:0;color:#fff}   /* live 390: 159x36, white calc(16*var(--u)) */
 .testimonials{position:static;border-top:0;margin-top:calc(10*var(--u))}
 .testimonials li{grid-template-columns:1fr;gap:0;padding:calc(22*var(--u)) 0 calc(40*var(--u));min-height:0}
 .testimonials h3{font-size:calc(26*var(--u));line-height:calc(36*var(--u))}
 .testimonials p{font-size:14px;line-height:22.5px;padding:calc(22*var(--u)) 0 0}
 .experts{padding:calc(58*var(--u)) calc(20*var(--u)) 0}
 .experts h2{font-size:calc(17.33*var(--u));line-height:calc(27.5*var(--u));margin-bottom:calc(32*var(--u));gap:calc(16*var(--u))}
 .expert-cards{grid-template-columns:1fr;gap:calc(20*var(--u))}
 .ecard{min-height:0;padding:calc(25*var(--u)) calc(24*var(--u)) calc(28*var(--u));border-radius:calc(10*var(--u))}
 .ecard .role{font-size:14px;line-height:22px}
 .ecard .quote{margin-top:90px;min-height:67px;font-size:16px;line-height:25.5px}   /* live card pitch 334→350 (390→430): quote block fixed, paddings/button scale */
 .ecard .btn{position:static;margin-top:calc(20*var(--u));height:calc(36*var(--u));font-size:calc(11*var(--u));padding:0 calc(24*var(--u))}
 .contact-home{padding:calc(117*var(--u)) calc(22*var(--u)) 0;height:auto}
 .contact-home .eyebrow{font-size:calc(17.33*var(--u));line-height:calc(28*var(--u))}
 .contact-home h2{font-size:calc(45.5*var(--u));line-height:calc(47.5*var(--u));margin-top:calc(8*var(--u));max-width:calc(259*var(--u))}
 .cform{position:static;width:100%;grid-template-columns:1fr;row-gap:37px;grid-auto-rows:80px;margin-top:calc(105*var(--u));padding:0 calc(24*var(--u))}   /* live: calc(117*var(--u)) row pitch at every width */   /* source 390: labels 6065.3/6182.3/6299.3/6416.3, button 6533.3 (calc(117*var(--u)) pitch) */
 .cform .field label{margin-bottom:36px;font-size:16px;line-height:20px}
 .cform .submit{width:100%;margin-top:0}
 .cform .form-note{grid-column:1}
 .contact-home .cform{margin-bottom:calc(calc(46*var(--u)) + 13*var(--d))}   /* keeps the footer H2 at the source y6735 / doc 7368 */

 .crumbs,.crumbs-product{padding:12px calc(20*var(--u)) 0}
 .cat-layout{grid-template-columns:1fr;gap:0;padding:41px 20px 0}   /* live category: calc(20*var(--u)) gutters and vertical rhythm fixed, cards fluid */
 .cat-side{display:none}
 .cat-main h1{font-size:51px;line-height:79px}
 .cat-desc{display:none}
 .cat-bar{margin:18px 0 10px;font-size:14px}
 .sort{display:none}
 .filter-link{display:inline;text-decoration:underline}
 .pgrid{grid-template-columns:1fr;gap:24px}
 .pcard-name{margin-top:12px}
 .learn-row{padding:30px calc(20*var(--u)) calc(calc(64.5*var(--u)) + 12*var(--d));gap:calc(10*var(--u));flex-wrap:wrap}
 .learn-row .btn{height:calc(34*var(--u));font-size:calc(9*var(--u));padding:0 calc(20*var(--u))}
 .product{grid-template-columns:1fr;gap:40px;padding:32px calc(20*var(--u)) calc(14*var(--d))}   /* live product page: image y179 at every width, text block offsets fixed */
 .gallery{grid-template-columns:1fr}
 .gallery .thumbs{display:none}
 .gallery .main img{width:100%;height:auto;aspect-ratio:1}
 .pnav{display:none}
 .pactions .btn{height:48px}
 .share{margin:35px 0 26px}
 .cart-page{padding:30px calc(20*var(--u)) 0;height:calc(393px + 13*var(--d))}
 .cart-page .rule{left:calc(20*var(--u));right:calc(20*var(--u))}
 .cart-page .empty{padding-top:120px}
 .cart-full{grid-template-columns:1fr}

 /* landing 390: measured per family (capture/work-1__bell, copy-of-work-1__opal-pleasure, copy-2-of-work-1__opal-pleasure 390.json) */
 .landing .limg{left:calc(60*var(--u));top:calc(65*var(--u));width:calc(270*var(--u));height:calc(304*var(--u));border-radius:calc(18*var(--u))}
 .landing .limg img{width:100%;height:100%;object-fit:cover}
 .landing .ltext{left:calc(51*var(--u));top:calc(418*var(--u));width:calc(308*var(--u))}
 .landing h1{font-size:calc(30*var(--u));line-height:calc(37*var(--u))}
 .landing-bell h1{font-family:var(--f-esch)}
 .landing .sub{font-size:calc(10.16*var(--u));line-height:calc(13*var(--u));margin-top:calc(-2*var(--u));letter-spacing:.3em}
 .landing .stars{margin-top:calc(3*var(--u));gap:calc(3*var(--u));height:calc(12*var(--u))}
 .landing .stars svg{width:calc(11*var(--u));height:calc(11*var(--u))}
 .landing .stars .rev{font-size:calc(5.49*var(--u));margin-left:calc(1*var(--u))}
 .landing .lprice{font-size:calc(9.07*var(--u));line-height:calc(11*var(--u));margin-top:calc(19*var(--u))}
 .landing .ldesc{font-size:calc(8*var(--u));line-height:calc(9.7*var(--u));margin-top:calc(12*var(--u))}
 .landing .colors{margin-top:calc(22*var(--u))}
 .landing .colors .rings{gap:calc(3*var(--u))}
 .landing .colors .rings span{width:calc(14*var(--u));height:calc(14*var(--u));border-width:calc(2*var(--u))}
 .landing .colors .lbl{font-size:calc(5.78*var(--u));line-height:calc(7*var(--u));margin-top:calc(2*var(--u))}
 .landing .qtyf{margin-top:calc(16*var(--u));width:226px}
 .landing .qtyf label{margin-bottom:calc(8*var(--u))}
 .landing .sel{width:226px;margin-left:0}
 .landing select{height:calc(40*var(--u))}
 .landing .sel svg{top:calc(16*var(--u))}
 .landing .btn-add-lg{left:calc(51*var(--u));top:calc(688*var(--u));width:205px;height:41px}
 .landing-bell{height:calc(calc(750*var(--u)) + 13*var(--d))}
 .landing-petals{height:calc(calc(723*var(--u)) + 12*var(--d))}
 .landing-petals .limg{height:calc(268*var(--u))}
 .landing-petals .ltext{top:calc(382*var(--u))}
 .landing-petals h1{font-size:calc(26*var(--u));line-height:calc(31*var(--u))}
 .landing-petals .sub{font-size:calc(12*var(--u));line-height:calc(15*var(--u));margin-top:0}
 .landing-petals .stars{margin-top:calc(2*var(--u));height:calc(13*var(--u))}
 .landing-petals .stars svg{width:calc(12*var(--u));height:calc(12*var(--u))}
 .landing-petals .stars .rev{font-size:calc(5*var(--u))}
 .landing-petals .lprice{font-size:calc(9*var(--u));margin-top:calc(16*var(--u))}
 .landing-petals .ldesc{margin-top:calc(5*var(--u))}
 .landing-petals .colors{margin-top:calc(19*var(--u))}
 .landing-petals .colors .lbl{font-size:calc(5*var(--u));line-height:calc(6*var(--u))}
 .landing-petals .qtyf{margin-top:calc(15*var(--u))}
 .landing-petals .btn-add-lg{top:calc(665*var(--u));left:calc(52*var(--u));width:188px;height:38px}
 .landing-rosa{height:calc(calc(721*var(--u)) + 9*var(--d))}
 .landing-rosa .limg{height:calc(247*var(--u))}
 .landing-rosa .ltext{top:calc(361*var(--u));left:calc(50*var(--u))}
 .landing-rosa h1{line-height:calc(36*var(--u))}
 .landing-rosa .sub{font-size:calc(10*var(--u));margin-top:0}
 .landing-rosa .stars{margin-top:calc(2*var(--u));height:calc(13*var(--u))}
 .landing-rosa .stars svg{width:calc(12*var(--u));height:calc(12*var(--u))}
 .landing-rosa .stars .rev{font-size:calc(5*var(--u))}
 .landing-rosa .lprice{font-size:calc(9*var(--u));margin-top:calc(20*var(--u))}
 .landing-rosa .ldesc{margin-top:calc(5*var(--u))}
 .landing-rosa .colors{margin-top:calc(42*var(--u))}
 .landing-rosa .colors .lbl{font-size:calc(5*var(--u));line-height:calc(6*var(--u))}
 .landing-rosa .qtyf{margin-top:calc(31*var(--u))}
 .landing-rosa .btn-add-lg{top:calc(652*var(--u));left:calc(50*var(--u));width:196px;height:40px}

 .faq-hero{padding-top:0}
 .faq-hero img{width:calc(315*var(--u));height:calc(105*var(--u))}
 .faq-top{flex-direction:column;padding:2px calc(55px + 4*var(--d)) 0;gap:30px}   /* live FAQ block: fixed vertical layout, side padding 55→59 (390→430) */
 .faq-top h1,.faq-top h2.title{font-size:50px;line-height:60px;text-align:center;max-width:none;margin:0 auto}
 .faq-search{width:100%;margin-top:0}
 .faq-search svg{width:24px;height:24px;top:5px}   /* source search + caret svgs are 24x24 at 390 */
 .qa .ans p{padding-right:max(0px, calc(12px - 12*var(--d)))}   /* live answer wraps at 266/280 (390) but 311/312 (430) */   /* source answer text wraps at ~calc(268*var(--u)) inside the calc(280*var(--u)) column (first line ends "quickly to") */
 .faq-tabs{padding:30px calc(55px + 4*var(--d)) 0;overflow-x:auto;scrollbar-width:none;justify-content:safe center}
 .faq-tabs::-webkit-scrollbar{display:none}
 .faq-tabs button{padding:0 8px 10px;white-space:nowrap;font-size:16px;line-height:26px}
 .faq-list{padding:20px calc(55px + 4*var(--d)) 0}
 .faq-panel .qa:last-child summary{padding-bottom:2px}
 .qa summary{padding:24px 0}
 .qa summary h3{font-size:20px;line-height:24px}
 .qa .ans{font-size:16px;line-height:24px}
 .qa summary svg{width:24px;height:24px}
 /* about 390: image 282x151 at top, heading y149 / paragraph y179 (capture/about-us/390.json), FAQ heading follows at y409 */
 .about-hero{height:calc(409px + 9*var(--d))}
 .about-hero picture{width:calc(282*var(--u));height:calc(151*var(--u));margin-top:calc(3px + 11*var(--d))}   /* live image y103 (390) / y114 (430) */
 .about-hero img{width:calc(282*var(--u));height:calc(151*var(--u))}
 .about-hero h1{left:calc(12*var(--u));width:calc(366*var(--u));top:calc(149px + 15*var(--d));font-size:calc(9.75*var(--u));line-height:calc(12*var(--u))}
 .about-hero p{left:calc(31*var(--u));width:calc(328*var(--u));top:calc(179px + 28*var(--d));font-size:12px;line-height:19px}
 .about-faq .faq-top{padding-top:1px}

 /* contact 390: tiny scaled block (title calc(14.4*var(--u)) y14, subtitle calc(6.1*var(--u)), lines calc(10.2*var(--u))/16) + artwork box 216x270 */
 .contact-page{height:calc(calc(391*var(--u)) + 13*var(--d));padding:calc(14*var(--u)) calc(20*var(--u)) 0}
 .contact-page h1{font-size:calc(14.44*var(--u));line-height:calc(14*var(--u))}
 .contact-page h2{font-size:calc(6.09*var(--u));line-height:calc(6*var(--u));margin-top:calc(5*var(--u))}
 .contact-page .lines{margin-top:calc(14*var(--u));font-size:calc(10.24*var(--u));line-height:calc(16*var(--u))}
 .contact-page .art{top:calc(88*var(--u));width:232px;height:290px;margin-left:-116px}   /* live: 232x290 centred at every width, top 188 (390) / 197 (430) */

 .experts-page{padding:calc(70*var(--u)) calc(30*var(--u)) calc(29*var(--u))}
 .experts-page h1{font-size:24px;line-height:28px}
 .egrid{grid-template-columns:1fr;gap:calc(30*var(--u));margin-top:calc(40*var(--u))}
 .egrid img{width:calc(330*var(--u));height:calc(324*var(--u));max-width:100%}
 .egrid h2{font-size:calc(20.3*var(--u));line-height:calc(24*var(--u));margin-top:calc(22*var(--u))}
 .egrid p{font-family:'madefor-text',sans-serif;font-size:14px;line-height:18px}

 .quiz-hero{height:821px}   /* live: calc(797*var(--u)) image below the header at every width */
 .quiz-hero .qtext{padding:calc(125*var(--u)) calc(30*var(--u)) 0}
 .quiz-hero h1{font-size:calc(15.21*var(--u));line-height:calc(18*var(--u))}
 .quiz-hero p{font-size:14px;line-height:22px;margin-top:calc(17*var(--u));max-width:calc(284*var(--u));margin-left:auto;margin-right:auto}
 .quiz-hero .btn{position:absolute;left:calc(50% - calc(36.5*var(--u)));top:calc(303*var(--u));margin:0;width:calc(73*var(--u));height:calc(39*var(--u));padding:0;font-size:calc(14*var(--u))}   /* live: button at a scaled offset (303 from the section top), not after the text */
 .made-marquee{padding:7px 0 37px}   /* live: marquee text y931 and footer offset fixed at 390 and 430 */   /* 390→430 live footer offset */
 .made-marquee p{font-size:14px;padding-left:calc(20*var(--u))}
 /* quiz steps 390: each Wix page scales differently — values from capture/<route>/390.json (header calc(100*var(--u)) subtracted) */
 /* arrows / progress at 390 from capture/<route>/390.png pixel boxes: Q1 arrow calc(34*var(--u)) @ right12/top362, Q2 34 @15/329, Q3 37 @24/322, Q4 37 @24/285, Q5 34 @13/274;
    progress rule x17-369 (calc(1*var(--u)) lavender) with a calc(2*var(--u)) blue segment: Q1 17-81 @424, Q2 90-153 @395, Q3 162-226 @412, Q4 202-266 @350, Q5 283-371 @358 */
 .quiz{height:calc(calc(486*var(--u)) + 9*var(--d))}
 .quiz h1{font-size:calc(21.16*var(--u));line-height:calc(25*var(--u));margin-top:calc(73*var(--u));max-width:calc(330*var(--u))}
 .quiz .answers{top:calc(126*var(--u));gap:calc(16*var(--u))}
 .quiz .answers a{width:calc(168*var(--u));height:calc(51*var(--u));font-size:calc(13*var(--u));border-radius:calc(4*var(--u))}
 .quiz .next{right:calc(12*var(--u));top:calc(362*var(--u));width:34px;height:34px}
 .quiz .next svg{width:calc(11*var(--u));height:calc(18*var(--u))}
 .quiz .progress{top:calc(424*var(--u));left:calc(17*var(--u));right:calc(21*var(--u))}
 .quiz .progress span{top:0;height:calc(2*var(--u));left:0;width:calc(64*var(--u))}
 .quiz .step{top:calc(439*var(--u));font-size:calc(11*var(--u));line-height:calc(13*var(--u))}
 .quiz-q2{height:calc(calc(438*var(--u)) + 10*var(--d))}
 .quiz-q2 h1{font-size:calc(15.09*var(--u));line-height:calc(18*var(--u));margin-top:calc(50*var(--u));max-width:calc(208*var(--u))}
 .quiz-q2 .answers{top:calc(119*var(--u));gap:calc(14*var(--u))}
 .quiz-q2 .answers a{width:calc(130*var(--u));height:calc(39*var(--u));font-size:calc(10*var(--u))}
 .quiz-q2 .next{right:calc(15*var(--u));top:calc(329*var(--u));width:34px;height:34px}
 .quiz-q2 .progress{top:calc(395*var(--u))}
 .quiz-q2 .progress span{left:calc(73*var(--u));width:calc(63*var(--u))}
 .quiz-q2 .step{top:calc(399*var(--u));font-size:calc(10*var(--u));line-height:calc(12*var(--u))}
 .quiz-q3{height:calc(calc(457*var(--u)) + 13*var(--d))}
 .quiz-q3 h1{font-size:calc(24.41*var(--u));line-height:calc(29*var(--u));margin-top:calc(39*var(--u));max-width:calc(353*var(--u))}
 .quiz-q3 .answers{top:calc(128*var(--u));gap:calc(16*var(--u))}
 .quiz-q3 .answers a{width:calc(166*var(--u));height:calc(50*var(--u));font-size:calc(13*var(--u))}
 .quiz-q3 .next{right:calc(24*var(--u));top:calc(322*var(--u));width:37px;height:37px}
 .quiz-q3 .next svg{width:calc(12*var(--u));height:calc(20*var(--u))}
 .quiz-q3 .progress{top:calc(412*var(--u))}
 .quiz-q3 .progress span{left:calc(145*var(--u));width:calc(64*var(--u))}
 .quiz-q3 .step{top:calc(419*var(--u));font-size:calc(7.34*var(--u));line-height:calc(9*var(--u))}
 .quiz-q4{height:calc(calc(399*var(--u)) + 5*var(--d))}
 .quiz-q4 h1{font-size:calc(17.51*var(--u));line-height:calc(21*var(--u));margin-top:calc(40*var(--u));max-width:calc(241*var(--u))}
 .quiz-q4 .answers{top:calc(132*var(--u));gap:calc(16*var(--u))}
 .quiz-q4 .answers a{width:calc(123*var(--u));height:calc(37*var(--u));font-size:calc(9.5*var(--u))}
 .quiz-q4 .next{right:calc(24*var(--u));top:calc(285*var(--u));width:37px;height:37px}
 .quiz-q4 .next svg{width:calc(12*var(--u));height:calc(20*var(--u))}
 .quiz-q4 .progress{top:calc(350*var(--u))}
 .quiz-q4 .progress span{left:calc(185*var(--u));width:calc(64*var(--u))}
 .quiz-q4 .step{top:calc(364*var(--u));font-size:calc(7.34*var(--u));line-height:calc(9*var(--u))}
 .quiz-q5{height:calc(calc(406*var(--u)) + 8*var(--d))}
 .quiz.quiz-email h1{margin-top:calc(54*var(--u));font-size:calc(13.82*var(--u));line-height:calc(17*var(--u));max-width:calc(250*var(--u))}
 .quiz .eform{display:block;width:272px;margin:calc(32*var(--u)) auto 0}   /* live: calc(272*var(--u)) form centred at every width */
 .quiz .eform .ef{width:272px}
 .quiz .eform button{display:block;width:272px;margin-top:calc(25*var(--u))}
 .quiz .qskip{right:calc(12*var(--u));top:calc(316*var(--u));font-size:calc(8*var(--u));line-height:calc(10*var(--u))}
 .quiz.quiz-email .next{right:calc(13*var(--u));top:calc(274*var(--u));width:34px;height:34px}
 .quiz-q5 .progress{top:calc(358*var(--u))}
 .quiz-q5 .progress span{left:calc(266*var(--u));width:auto;right:0;top:0}
 .quiz-q5 .step{top:calc(364*var(--u));font-size:calc(7.34*var(--u));line-height:calc(9*var(--u))}
 /* result 390: text block first (y76), image 354x361 below (capture/copy-2-of-work-3__opal-pleasure/390.json) */
 .result{height:auto;padding:calc(76*var(--u)) 0 calc(calc(47*var(--u)) + 19*var(--d))}
 .result .rtext{position:static;width:calc(290*var(--u));margin-left:calc(50*var(--u))}
 .result h1{font-size:26px;line-height:31px}
 .result .sub{font-size:12.96px;line-height:16px}
 .result .rdesc{margin-top:calc(7*var(--u));font-size:calc(9*var(--u));line-height:calc(14.3*var(--u));width:calc(287*var(--u))}
 .result .btn{position:static;margin-top:calc(23*var(--u));width:calc(87*var(--u));height:calc(23*var(--u));font-size:calc(9*var(--u));border-radius:calc(3*var(--u))}
 .result .rimg{position:static;width:calc(354*var(--u));height:auto;margin:calc(34*var(--u)) auto 0;border-radius:calc(14*var(--u))}
 .result .rimg img{width:100%;height:auto}
 .result-rosa{padding:calc(70*var(--u)) 0 calc(calc(72*var(--u)) + 19*var(--d))}
 .result-rosa .btn{margin-top:calc(50*var(--u))}
 .result-bell .btn{margin-top:calc(9*var(--u))}
 .result-rosa .rtext{margin-left:calc(48*var(--u))}
 .result-rosa .rimg{width:calc(358*var(--u))}

 .legal{padding:0 calc(20*var(--u)) calc(30*var(--u))}
 .legal h1{font-size:calc(34*var(--u));line-height:calc(44*var(--u));padding:calc(20*var(--u)) 0 calc(40*var(--u))}
 .legal .row{grid-template-columns:1fr;gap:calc(16*var(--u));padding:calc(28*var(--u)) 0 calc(34*var(--u))}
 .legal .row h2{font-size:calc(26*var(--u));line-height:calc(36*var(--u))}
 .legal .row p{font-size:14px}
 /* 404 390: label calc(17.55*var(--u)) y40, "404" calc(191.1*var(--u)) y53, button 179x44 y348 (capture/404/390.json) */
 .nf{padding:calc(40*var(--u)) calc(20*var(--u)) calc(60*var(--u))}
 .nf h2{font-size:calc(17.55*var(--u));line-height:calc(22*var(--u));margin-bottom:calc(-9*var(--u))}
 .nf h1{font-size:calc(191.1*var(--u));line-height:calc(241*var(--u))}
 .nf p{font-size:calc(16*var(--u));line-height:calc(26*var(--u));margin-top:calc(8*var(--u))}
 .nf .btn{margin-top:calc(16*var(--u));height:calc(44*var(--u));padding:0 calc(30*var(--u));font-size:16px;border-radius:calc(22*var(--u))}
}