/* Generated from the approved Figma build (iv-vitamin-therapy.html). */
:root{
  --u:min(1.2px,0.0694444vw);   /* the design canvas grows with the screen up to 1728px (operator 10-24: 1440 felt boxed) */
  --ink:#000;--cream:#f3eeeb;--brown:#3e2f2c;--teal:#3a4b53;--light:#eee9dd;--rose:#9a6869;--text2:#2b2b2d;
  --script:'Pinyon Script',cursive;--serif:'Playfair Display',Georgia,serif;--sans:'Poppins',Arial,sans-serif;
}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-text-size-adjust:100%}
body{background:var(--cream);color:var(--ink);font-family:var(--sans);overflow-x:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
.vmcp-page{position:relative;max-width:calc(1440*var(--u));margin:0 auto;overflow:hidden;isolation:isolate}
.dc{font-family:var(--script);font-weight:400;line-height:0}

/* ===================== DESKTOP (Figma 214:1077, 1440) ===================== */
.hero{position:relative;height:calc(832*var(--u));isolation:isolate;background:var(--cream);box-shadow:0 calc(24*var(--u)) 0 var(--cream)}
.waves{position:absolute;left:0;top:calc(-203*var(--u));width:calc(1440*var(--u));height:calc(974*var(--u));background:url(../img/iv-hero-waves.webp) center/cover no-repeat;opacity:.6;mix-blend-mode:multiply;pointer-events:none}
.watermark{position:absolute;left:calc(56*var(--u));top:calc(633*var(--u));width:calc(1331.513*var(--u));height:calc(205.226*var(--u));max-width:none;mix-blend-mode:soft-light;pointer-events:none}
.watermark.m{display:none}
.portrait{position:absolute;left:calc(664*var(--u));top:calc(8*var(--u));width:calc(877*var(--u));height:calc(763*var(--u));pointer-events:none}
.portrait img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:fill;mix-blend-mode:multiply;opacity:.9}
.portrait .glow{position:absolute;inset:0;overflow:hidden;mix-blend-mode:color-dodge;opacity:.23}
.portrait .glow img{inset:auto;left:0;top:-8.65%;width:100%;height:114.94%;mix-blend-mode:normal;opacity:1}

.nav{position:absolute;top:calc(57*var(--u));left:50%;transform:translateX(-50%);width:calc(1336*var(--u));display:flex;align-items:center;justify-content:space-between;z-index:5;color:var(--text2)}
.nav-links{display:flex;gap:calc(32*var(--u));font-weight:500;font-size:calc(16*var(--u));text-transform:uppercase;white-space:nowrap}
.nav-right{display:flex;gap:calc(24*var(--u));align-items:center;justify-content:flex-end;width:calc(296*var(--u))}
.social{display:flex;gap:calc(11*var(--u));align-items:center}
.social a{position:relative;display:block;width:calc(32*var(--u));height:calc(32*var(--u))}
.social .ig img{position:absolute;left:6.38%;top:6.38%;width:84.12%;height:84.12%}
.social .tt img{width:100%;height:100%}
.pill{display:inline-flex;align-items:center;justify-content:center;height:calc(50*var(--u));width:calc(166*var(--u));border:1px solid var(--text2);border-radius:calc(57*var(--u));font-size:calc(16*var(--u));text-transform:uppercase;white-space:nowrap;color:var(--text2);transition:background .2s,color .2s}
.pill:hover{background:var(--text2);color:var(--cream)}
.nav .pill{border-color:#fff;color:#fff}
.nav .pill:hover{background:#fff;color:var(--brown)}
.logo{position:absolute;left:calc(635*var(--u));top:calc(45.23*var(--u));width:calc(169.798*var(--u));height:calc(54.772*var(--u));z-index:5}
.logo img{width:100%;height:100%}
.logo .m{display:none}
.burger{display:none}

.crumb{position:absolute;left:calc(51*var(--u));top:calc(299*var(--u));transform:translateY(-50%);font-weight:500;font-size:calc(20*var(--u));white-space:pre;line-height:normal;z-index:2}
.crumb a:hover{text-decoration:underline}
.hero-text{position:absolute;left:calc(49*var(--u));top:calc(325*var(--u));width:calc(621*var(--u));display:flex;flex-direction:column;gap:calc(8*var(--u));z-index:2}
.hero-text h1{font-family:var(--serif);font-weight:400;font-size:calc(64*var(--u));line-height:normal}
.hero-text p{font-size:calc(24*var(--u));line-height:normal}

.stack{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:calc(128*var(--u))}
.intro{width:calc(882*var(--u));font-size:calc(16*var(--u));line-height:normal}
.intro p+p{margin-top:calc(24*var(--u))}

/* benefits: ring composition */
.benefits{width:calc(1336*var(--u));display:flex;flex-direction:column;gap:calc(43*var(--u))}
.label{display:flex;align-items:center;justify-content:center;gap:calc(18*var(--u));font-weight:500;font-size:calc(13*var(--u));letter-spacing:.32em;text-transform:uppercase;color:#9a6869;text-align:center;width:100%}
.label::before,.label::after{content:"";width:calc(44*var(--u));height:1px;background:currentColor;opacity:.55}
.orbit-wrap{position:relative;width:100%;height:calc(905*var(--u))}
.orbit{position:absolute;inset:0}
.orbit .photo{position:absolute;left:calc(460*var(--u));top:calc(185*var(--u));width:calc(418*var(--u));height:calc(418*var(--u))}
.orbit .ra{position:absolute;left:calc(354.25*var(--u));top:calc(79.25*var(--u));width:calc(524.069*var(--u));height:calc(525.166*var(--u));max-width:none}
.orbit .rb{position:absolute;left:calc(458.68*var(--u));top:calc(184.75*var(--u));width:calc(524.069*var(--u));height:calc(523.005*var(--u));max-width:none;transform:rotate(180deg)}
.orbit .ra.m,.orbit .rb.m{display:none}
.ben{position:absolute;display:flex;flex-direction:column;gap:calc(6*var(--u));align-items:center;text-align:center;color:var(--brown)}
.ben .ico{width:calc(50*var(--u));height:calc(50*var(--u));display:grid;place-items:center}
.ben h3{font-weight:400;font-size:calc(24*var(--u));line-height:normal}
.ben p{font-size:calc(14*var(--u));line-height:normal}
.b-water{left:calc(190*var(--u));top:0;width:calc(270*var(--u))}
.b-health{left:0;top:calc(307*var(--u));width:calc(311*var(--u))}
.b-health h3,.b-health p{width:calc(301*var(--u))}
.b-well{left:calc(190*var(--u));top:calc(628*var(--u));width:calc(270*var(--u))}
.b-speed{left:calc(533*var(--u));top:calc(762*var(--u));width:calc(270*var(--u))}
.b-brain{left:calc(907*var(--u));top:calc(622*var(--u));width:calc(270*var(--u))}
.b-energy{left:calc(1023*var(--u));top:calc(306*var(--u));width:calc(311*var(--u))}
.b-leaf{left:calc(896*var(--u));top:calc(5*var(--u));width:calc(291*var(--u))}

/* blends */
.blends{width:calc(1336*var(--u));background:var(--brown);border-radius:calc(24*var(--u));padding:calc(32*var(--u)) calc(24*var(--u));display:flex;flex-direction:column;gap:calc(32*var(--u));align-items:center;color:var(--cream)}
.blends h2{height:calc(81*var(--u));display:flex;align-items:center;font-family:var(--serif);font-weight:400;font-size:calc(48*var(--u));text-align:center}
.blends h2 .dc{font-size:calc(100*var(--u))}
.blends>p{width:calc(954*var(--u));font-size:calc(20*var(--u));text-align:center;line-height:normal}
.bgrid{width:calc(1238*var(--u));display:flex;flex-direction:column;gap:calc(36*var(--u))}
.brow{display:flex;gap:calc(39*var(--u));align-items:stretch}
.blend{flex:none;width:calc(295*var(--u));min-height:calc(306*var(--u));background:var(--cream);color:#000;border-radius:calc(24*var(--u));padding:calc(12*var(--u));display:flex;flex-direction:column;gap:calc(8*var(--u));transition:transform .2s}
a.blend:hover{transform:translateY(-3px)}
.blend h3{font-family:var(--serif);font-size:calc(20*var(--u))!important}
.blend.wide{width:calc(569*var(--u));gap:calc(10*var(--u))}
.strip{display:flex;gap:calc(12*var(--u));height:calc(148*var(--u));align-items:flex-end;flex:none}
.strip img{height:100%;object-fit:cover;flex:none}
.strip img:first-child{border-radius:calc(12*var(--u)) 0 0 calc(12*var(--u))}
.strip img:last-child{border-radius:0 calc(12*var(--u)) calc(12*var(--u)) 0}
.strip img:only-child{border-radius:calc(12*var(--u));width:100%}
.blend h3{font-weight:400;font-size:calc(18*var(--u));line-height:normal;white-space:nowrap}
.blend p{font-size:calc(16*var(--u));line-height:normal}
.w-beauty{height:calc(149*var(--u))!important}
.w-m1{width:calc(158*var(--u))}.w-m2{width:calc(245*var(--u))}.w-m3{width:calc(117*var(--u))}
.w-d1{width:calc(88*var(--u))}.w-d2{width:calc(171*var(--u))}
.w-s1{width:calc(128*var(--u))}.w-s2{width:calc(272*var(--u))}.w-s3{width:calc(121*var(--u));object-position:50% 100%}
.note{display:flex;gap:calc(16*var(--u));align-items:center;justify-content:center;padding:calc(12*var(--u)) calc(16*var(--u))}
.note img{width:calc(32*var(--u));height:calc(32*var(--u))}
.note p{width:calc(543*var(--u));font-size:calc(20*var(--u));text-align:center;line-height:normal}

/* beneficial for */
.fit{display:flex;gap:calc(66*var(--u));align-items:flex-start}
.fit-img{width:calc(486*var(--u));height:calc(732*var(--u));border-radius:calc(24*var(--u));overflow:hidden;flex:none}
.fit-img img{width:100%;height:100%;object-fit:cover}
.fit-right{width:calc(684*var(--u));height:calc(699*var(--u));display:flex;flex-direction:column;gap:calc(73*var(--u));align-items:center}
.fit h2{flex:1 0 0;width:100%;font-family:var(--serif);font-weight:400;font-size:calc(48*var(--u));line-height:normal}
.fit h2 .dc{font-size:calc(100*var(--u))}
.checks{list-style:none;width:calc(635*var(--u));display:flex;flex-direction:column;gap:calc(25*var(--u))}
.checks li{display:flex;gap:calc(14*var(--u));align-items:center;font-size:calc(20*var(--u));line-height:normal}
.checks .ck{flex:none;width:calc(36*var(--u));height:calc(36*var(--u));display:grid;place-items:center}
.checks .ck img{width:calc(26*var(--u));height:calc(26*var(--u))}

/* cta */
.consult{position:relative;width:calc(1336*var(--u));height:calc(364*var(--u));border-radius:calc(24*var(--u));overflow:hidden;isolation:isolate;background:var(--rose);color:var(--light);display:flex;flex-direction:column;gap:calc(32*var(--u));align-items:center;justify-content:center;padding:calc(24*var(--u)) calc(32*var(--u));text-align:center}
.consult::before{content:"";position:absolute;inset:0;background:url(../img/cta-waves.webp) center/cover;mix-blend-mode:overlay;opacity:.2;z-index:-1}
.consult h2{width:calc(673*var(--u));height:calc(97*var(--u));font-family:var(--serif);font-weight:400;font-size:calc(48*var(--u));line-height:normal}
.consult h2 .dc{font-size:calc(100*var(--u))}
.consult p{width:calc(1202*var(--u));font-size:calc(16*var(--u));line-height:normal}
.consult .pill{width:auto;border-color:var(--light);color:var(--light);border-radius:calc(63*var(--u));padding:0 calc(10*var(--u))}
.consult .pill span{display:block;width:calc(250*var(--u))}
.consult .pill:hover{background:var(--light);color:var(--rose)}

/* what to expect */
.expect{display:flex;gap:calc(20*var(--u));align-items:center}
.expect h2{width:calc(486*var(--u));height:calc(162*var(--u));font-family:var(--serif);font-weight:400;font-size:calc(48*var(--u));line-height:normal;display:flex;align-items:center}
.expect h2 .dc{font-size:calc(100*var(--u))}
.expect-right{width:calc(710*var(--u));display:flex;flex-direction:column;gap:calc(64*var(--u));align-items:flex-end}
.expect-right>p{font-size:calc(20*var(--u));line-height:normal}
.ask{display:flex;gap:calc(32*var(--u));align-items:center;justify-content:flex-end}
.ask span{width:calc(224*var(--u));font-size:calc(20*var(--u));text-align:right}
.pill-teal{display:inline-flex;align-items:center;justify-content:center;height:calc(50*var(--u));width:calc(166*var(--u));border-radius:calc(57*var(--u));background:var(--teal);color:var(--cream);font-size:calc(16*var(--u));text-transform:uppercase;white-space:nowrap;transition:opacity .2s}
.pill-teal:hover{opacity:.88}

/* footer */
.footer{width:100%;background:var(--teal);color:var(--light);border-radius:calc(24*var(--u)) calc(24*var(--u)) 0 0;padding:calc(64*var(--u)) 0;display:flex;flex-direction:column;align-items:center;gap:calc(32*var(--u));height:calc(600*var(--u))}
.foot-row{width:calc(1334*var(--u));display:flex;gap:calc(173*var(--u));align-items:flex-start}
.foot-logo{position:relative;width:calc(271.809*var(--u));height:calc(282.097*var(--u));flex:none}
.foot-logo .ring{position:absolute;inset:0;width:100%;height:100%}
.foot-logo .word{position:absolute;left:calc(33.92*var(--u));top:calc(115.03*var(--u));width:calc(194.76*var(--u));height:calc(62.824*var(--u))}
.foot-cols{display:contents}
.fcol{display:flex;flex-direction:column;gap:calc(24*var(--u))}
.fcol h4{font-family:var(--serif);font-weight:400;font-size:calc(24*var(--u));white-space:nowrap}
.fcol ul{list-style:none;display:flex;flex-direction:column;gap:calc(24*var(--u));font-weight:500;font-size:calc(16*var(--u))}
.fcol.f1{width:calc(150*var(--u))}.fcol.f2{width:calc(130*var(--u))}.fcol.f3{width:calc(155*var(--u))}
.fcol.f1 li{width:calc(186*var(--u))}.fcol.f2 li{width:calc(161*var(--u))}
.fcol.f3 ul{font-weight:300}
.fcol.f3 li{white-space:nowrap}
.fcol a:hover{text-decoration:underline}
.hours{display:grid;grid-template-columns:calc(45*var(--u)) auto;column-gap:calc(12*var(--u));row-gap:calc(8*var(--u))}
.foot-bottom{width:calc(1334*var(--u));display:flex;align-items:center;justify-content:space-between;font-size:calc(16*var(--u))}
.foot-bottom .copy{font-weight:300;width:calc(462*var(--u));text-align:center}
.foot-legal{display:flex;gap:calc(24*var(--u));align-items:center;font-weight:500}
.foot-legal span{display:inline-flex;align-items:center;gap:calc(5*var(--u))}
.foot-legal img{width:calc(24*var(--u));height:calc(24*var(--u))}

/* ===================== MOBILE (Figma 1074:717, 390) ===================== */
@media (max-width:1099px){
  :root{--u:min(1.3px,0.25641vw)}
  .vmcp-page{max-width:none}
  .hero{height:calc(680*var(--u))}
  .waves{left:calc(-555*var(--u));top:calc(-342*var(--u));background-image:url(../img/svc-hero-waves.webp)}
  .watermark{display:none}
  .watermark.m{display:block;left:calc(-1*var(--u));top:calc(590*var(--u));width:calc(391*var(--u));height:calc(60.265*var(--u))}
  .portrait{left:calc(-20*var(--u));top:calc(252*var(--u));width:calc(438*var(--u));height:calc(380*var(--u))}
  .nav{display:none}
  .logo{left:calc(20*var(--u));top:calc(30*var(--u));width:calc(107.798*var(--u));height:calc(35.047*var(--u))}
  .logo .d{display:none}.logo .m{display:block}
  .burger{display:block;position:absolute;right:calc(22*var(--u));top:calc(25*var(--u));width:calc(46*var(--u));height:calc(45*var(--u));z-index:6}
  .burger img{width:100%;height:100%}
  .crumb{left:calc(23*var(--u));top:calc(141.5*var(--u));font-size:calc(14*var(--u))}
  .hero-text{left:calc(21*var(--u));top:calc(160*var(--u));width:calc(349*var(--u))}
  .hero-text h1{font-size:calc(40*var(--u))}
  .hero-text p{font-size:calc(16*var(--u))}

  .intro{width:calc(304*var(--u))}
  .benefits{width:calc(342*var(--u));gap:calc(32*var(--u));align-items:center}
  .orbit-wrap{height:auto;display:flex;flex-direction:column;gap:calc(32*var(--u));align-items:center}
  .orbit{position:relative;inset:auto;width:calc(342*var(--u));height:calc(342*var(--u))}
  .orbit .photo{left:calc(56.91*var(--u));top:calc(56.91*var(--u));width:calc(228.729*var(--u));height:calc(228.729*var(--u))}
  .orbit .ra.d,.orbit .rb.d{display:none}
  .orbit .ra.m{display:block;left:calc(-1.75*var(--u));top:calc(-1.75*var(--u));width:calc(288.5*var(--u));height:calc(288.5*var(--u))}
  .orbit .rb.m{display:block;left:calc(55.25*var(--u));top:calc(56.25*var(--u));width:calc(288.5*var(--u));height:calc(287.5*var(--u))}
  .ben-list{display:flex;flex-direction:column;gap:calc(32*var(--u));width:calc(342*var(--u))}
  .ben{position:static;width:100%!important}
  .b-health h3,.b-health p{width:calc(301*var(--u))}
  .ben-list .b-water{order:1}.ben-list .b-health{order:2}.ben-list .b-well{order:3}.ben-list .b-speed{order:4}.ben-list .b-brain{order:5}.ben-list .b-energy{order:6}.ben-list .b-leaf{order:7}

  .blends{width:calc(350*var(--u));padding:calc(32*var(--u)) calc(12*var(--u))}
  .blends h2{height:auto;font-size:calc(32*var(--u))}
  .blends h2 .dc{font-size:calc(84*var(--u))}
  .blends>p{width:calc(290*var(--u))}
  .bgrid{width:100%;gap:calc(39*var(--u));align-items:center}
  .brow{flex-direction:column;gap:calc(39*var(--u))}
  .blend,.blend.wide{width:calc(316*var(--u))}
  .brow.r2 .blend{width:calc(326*var(--u))}
  .blend.myers{min-height:calc(316*var(--u))}
  .blend.stem{min-height:calc(362*var(--u))}
  .w-m1{width:calc(82*var(--u))}.w-m2{width:calc(199*var(--u))}.w-m3{display:none}
  .w-d1{width:calc(120*var(--u))}.w-d2{width:calc(171*var(--u))}
  .w-s1{width:calc(83*var(--u))}.w-s2{width:calc(207*var(--u))}.w-s3{display:none}
  .strip img:nth-child(2):not(:last-child){border-radius:0 calc(12*var(--u)) calc(12*var(--u)) 0}
  .note p{width:calc(232*var(--u));font-size:calc(16*var(--u))}

  .fit{flex-direction:column;gap:calc(32*var(--u));width:calc(350*var(--u))}
  .fit-right{display:contents}
  .fit h2{order:1;font-size:calc(25*var(--u))}
  .fit h2 .dc{font-size:calc(77*var(--u))}
  .fit-img{order:2;width:calc(348*var(--u));height:calc(367*var(--u))}
  .checks{order:3;width:100%}
  .checks li{align-items:flex-start}
  .checks li span{width:calc(300*var(--u))}

  .consult{width:calc(350*var(--u));height:auto;padding:calc(48*var(--u)) calc(16*var(--u))}
  .consult h2{width:100%;height:auto;font-size:calc(36*var(--u))}
  .consult h2 .dc{font-size:calc(88*var(--u))}
  .consult p{width:100%}
  .consult .pill{color:#fff}

  .expect{flex-direction:column;align-items:flex-start;gap:calc(32*var(--u));width:calc(350*var(--u))}
  .expect h2{width:100%;height:calc(92*var(--u));font-size:calc(45*var(--u))}
  .expect h2 .dc{font-size:calc(97*var(--u))}
  .expect-right{width:100%;gap:calc(32*var(--u))}

  .footer{height:auto;padding:calc(32*var(--u)) 0}
  .foot-row{width:calc(310*var(--u));gap:calc(32*var(--u))}
  .foot-logo{width:calc(75.465*var(--u));height:calc(76.999*var(--u))}
  .foot-logo .word{left:calc(9.42*var(--u));top:calc(31.4*var(--u));width:calc(54.073*var(--u));height:calc(17.148*var(--u))}
  .foot-cols{display:flex;flex-direction:column;gap:calc(32*var(--u))}
  .fcol h4{font-size:calc(20*var(--u))}
  .fcol ul{gap:calc(16*var(--u));font-size:calc(14*var(--u))}
  .fcol.f3 ul{gap:calc(8*var(--u));font-size:calc(16*var(--u))}
  .foot-bottom{width:calc(350*var(--u));flex-direction:column-reverse;gap:calc(32*var(--u))}
  .foot-bottom .copy{width:100%}
  .foot-legal{width:100%;justify-content:space-between}
}
@media (min-width:1100px){.ben-list{display:contents}}
@media (prefers-reduced-motion:reduce){*{transition:none!important}}

/* the hero portrait stops at the canvas edge, as drawn */
.portrait{clip-path:inset(0 calc(101*var(--u)) 0 0)}
/* WordPress 10-24: hero waves and footer bleed to the screen edges (see index.html note) */
.vmcp-page{overflow:visible}
/* nothing may widen the page: the canvas clips at the screen edges (the bleeds end exactly there) */
html,body{overflow-x:clip}
@supports not (overflow-x:clip){html,body{overflow-x:hidden}}
.vmcp-page{clip-path:inset(0 calc(50% - 50vw))}
.waves{left:50%;transform:translateX(-50%);width:100vw}
.footer{position:relative;isolation:isolate;background:transparent}
.footer::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);background:var(--teal);border-radius:inherit;z-index:-1}
@media (max-width:1099px){.vmcp-page{overflow:hidden;clip-path:none}.waves{transform:none;width:calc(1440*var(--u))}}