/* Product-led storefront, with the clinic's typography and controls. */
.immersive-store {--ink:#112c46;--blue:#589ddd;--ice:#edf5fb;background:#fff;font-family:var(--drg-clinic-font);font-weight:450}
.immersive-store h1,.immersive-store h2 {font-family:var(--drg-clinic-font);font-weight:620;font-stretch:95%;letter-spacing:-.055em;line-height:1.04}
.immersive-store h1 em,.immersive-store h2 em {font-style:normal;color:var(--blue)}
.immersive-store .announcement {height:32px;background:#dcecff;font-size:11px;letter-spacing:.02em}
.immersive-store .site-header {top:48px}
.immersive-store .site-header.is-scrolled {top:12px}
.immersive-store .campaign-kicker {font-size:10px;font-weight:650;letter-spacing:.17em;line-height:1.4;margin:0 0 25px;text-transform:uppercase}
.immersive-store main .button {gap:23px;font-size:12px;text-transform:uppercase;letter-spacing:.065em;min-height:52px;padding:15px 22px}
.immersive-store .button>span:last-child[aria-hidden] {font-size:20px;line-height:1;font-weight:400}
.immersive-store .text-link {font-size:13px}
.campaign-hero {height:calc(100svh - 32px);min-height:650px;max-height:1100px;border-radius:0;background:#eaf4fc;overflow:hidden}
.campaign-hero .hero-image {width:100%;height:100%;inset:0;object-fit:cover;object-position:58% center}
.campaign-hero:after {background:linear-gradient(90deg,#ecf6fe44,transparent 54%)}
.campaign-hero .hero-copy {left:4.5%;top:50%;width:43%;max-width:720px;transform:translateY(-40%)}
.campaign-hero h1 {font-size:clamp(43px,4.3vw,80px);line-height:1.02}
.campaign-hero .hero-description {max-width:385px;font-size:clamp(14px,1.05vw,18px);line-height:1.6;margin:27px 0 30px;white-space:normal}
.campaign-hero .hero-actions {gap:24px;flex-wrap:wrap}
.hero-assurance {display:flex;gap:23px;align-items:center;margin-top:30px;font-size:10px;letter-spacing:.02em;color:#43637d}
.hero-assurance>span {display:inline-flex;gap:8px;align-items:center}
.hero-scroll {position:absolute;bottom:26px;left:4.5%;display:flex;align-items:center;gap:12px;font-size:8px;letter-spacing:.12em;font-weight:600}
.hero-scroll>span:first-child {width:34px;height:34px;display:grid;place-items:center;border:1px solid #274c6e55;border-radius:50%;font-size:17px;letter-spacing:0}
.immersive-store .catalog {display:grid;grid-template-columns:minmax(230px,24%) minmax(0,1fr);gap:0 3%;padding:80px 4.5%;margin:0;background:#fff;color:var(--ink)}
.immersive-store .catalog-heading {grid-column:1;grid-row:1 / 4;display:block;margin:40px 0 0;padding-right:12px}
.immersive-store .catalog-heading h2 {font-size:clamp(30px,2.6vw,45px);max-width:340px}
.immersive-store .catalog-heading p {font-size:13px;line-height:1.65;margin:22px 0;max-width:300px}
.immersive-store .catalog-tools {grid-column:2;gap:12px;margin-bottom:18px}
.immersive-store .filters {gap:6px}
.immersive-store .filters button {color:#4d6e89;border-color:#c7d9e9;border-radius:5px;padding:8px 12px;min-height:34px;font-size:10px}
.immersive-store .filters button.is-active {background:var(--ink);color:white;border-color:var(--ink)}
.immersive-store .carousel-controls button {color:var(--ink);border-color:#9cb7cf;width:34px;height:34px;flex:none}
.immersive-store .product-track {grid-column:2;grid-auto-columns:calc((100% - 28px)/3);gap:14px;padding:5px 0 12px}
.immersive-store .product-track.show-all {grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:row}
.immersive-store .product-card {padding:38px 12px 17px;min-height:415px;height:auto;border:1px solid #e0eaf3;background:#f6f9fc;border-radius:10px;box-shadow:none}
.immersive-store .product-card h3 {font-family:var(--drg-clinic-font);font-size:18px;line-height:1.2;font-weight:600;min-height:23px}
.immersive-store .product-code {background:transparent;border:0;font-size:8px;letter-spacing:.14em;margin:4px 0 9px;padding:0}
.immersive-store .card-badge {top:10px;left:10px;font-size:8px;padding:3px 6px;background:#e6eff7;border-radius:3px}
.immersive-store .product-card:first-child .card-badge {background:#dceeff}
.immersive-store .product-art {height:210px;margin:10px 0 14px;background:white;border-radius:7px;overflow:hidden}
.immersive-store .product-art .official-pack-image {padding:10px;transition:transform .6s cubic-bezier(.2,.6,.3,1)}
.immersive-store .product-card:hover {transform:translateY(-3px)}
.immersive-store .product-card:hover .official-pack-image {transform:scale(1.045)}
.immersive-store .card-button {min-width:0;width:100%;min-height:39px;padding:9px 8px;font-size:9px;letter-spacing:.055em}
.immersive-store .product-card:hover .card-button {background:var(--drg-button-fill) padding-box,var(--drg-control-rim) border-box;color:white}
.immersive-store .product-price {font-size:11px;margin-top:12px;color:#335775}
.immersive-store .catalog-all {grid-column:2;justify-self:start;margin-top:12px}
.campaign-routine {display:grid;grid-template-columns:40% 60%;background:#f1f6fb;min-height:650px;align-items:stretch}
.routine-editorial {padding:75px 10% 75px 11.25%;align-self:center}
.routine-editorial h2 {font-size:clamp(36px,3.65vw,62px)}
.routine-editorial>p:not(.campaign-kicker) {font-size:14px;line-height:1.7;max-width:390px;margin:28px 0 32px}
.routine-note {display:flex;align-items:center;gap:13px;margin-top:45px;font-size:8px;letter-spacing:.075em}
.note-line {height:1px;flex:none;width:30px;background:#789bb9}
.routine-scene {min-width:0;position:relative;overflow:hidden;margin:25px 25px 25px 0;border-radius:12px}
.routine-image {height:100%;width:100%;object-fit:cover;object-position:54% center}
.scene-link {display:flex;align-items:center;justify-content:space-between;gap:30px;position:absolute;bottom:22px;left:24px;right:24px;border:1px solid #fff9;border-radius:6px;background:#ffffffd9;backdrop-filter:blur(10px);padding:16px 18px;font-size:12px;font-weight:600}
.scene-link>span:last-child {font-size:23px}
.capsule-story {height:180svh;min-height:1000px;background:#03122c;position:relative;color:white;--scene-progress:0;--scene-y:0px;--scene-scale:1}
.capsule-stage {height:100svh;min-height:660px;position:sticky;top:0;overflow:hidden;isolation:isolate}
.capsule-art {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% center;transform:translateY(var(--scene-y)) scale(var(--scene-scale));transform-origin:70% center;z-index:-2}
.capsule-stage:after {content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#02132c55,transparent 65%);pointer-events:none}
.capsule-copy {width:42%;margin-left:6%;padding-top:max(125px,17svh);max-width:630px}
.capsule-copy h2 {font-size:clamp(44px,4.4vw,78px);margin-bottom:38px}
.capsule-copy .campaign-kicker {color:#b6d4f3}
.capsule-chapters {display:grid;gap:18px;max-width:380px;margin-bottom:30px}
.capsule-chapter {position:relative;padding:14px 0 15px 36px;border-top:1px solid #fff3;transition:opacity .4s,transform .4s}
.capsule-chapter>span {position:absolute;left:0;top:17px;font-size:9px;color:#81b8ee}
.capsule-chapter h3 {font-family:var(--drg-clinic-font);font-size:16px;font-weight:550;letter-spacing:-.015em;margin-bottom:9px}
.capsule-chapter p {font-size:12px;line-height:1.6;color:#c5d6e9;max-width:310px}
.is-motion-ready .capsule-chapters {display:grid;grid-template-columns:1fr;grid-template-rows:116px;gap:0}
.is-motion-ready .capsule-chapter {grid-area:1/1;opacity:0;transform:translateY(10px);pointer-events:none}
.is-motion-ready .capsule-chapter.is-active {opacity:1;transform:none;pointer-events:auto}
.capsule-caption {position:absolute;bottom:28px;left:6%;right:4%;display:flex;justify-content:space-between;gap:20px;font-size:8px;letter-spacing:.13em;color:#b9d0e5}
.capsule-caption>span {font-size:8px;letter-spacing:.02em;opacity:.8}
.capsule-story:not(.is-motion-ready) {height:auto;min-height:0}
.capsule-story:not(.is-motion-ready) .capsule-stage {position:relative;height:auto;min-height:850px;padding-bottom:100px}
.product-approach {padding:100px 7%;display:grid;grid-template-columns:1fr 1fr;gap:10%;background:#fff}
.product-approach h2 {font-size:clamp(46px,4.8vw,76px)}
.approach-detail>p {max-width:450px;font-size:19px;line-height:1.5;letter-spacing:-.02em;margin-bottom:34px}
.approach-links {border-top:1px solid #c9dae8}
.approach-links a {padding:23px 0;border-bottom:1px solid #c9dae8;display:flex;align-items:center;gap:22px;font-size:14px}
.approach-links a>span:first-child {font-size:9px;color:#7596b2}
.approach-links b {margin-left:auto;font-size:21px;font-weight:400}
.approach-links a:hover {color:#438ed0}
.product-journal {background:#f5f8fb;padding:75px 4.5% 85px}
.journal-heading {display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:35px}
.journal-heading h2 {font-size:clamp(38px,3.5vw,57px)}
.journal-heading>p {font-size:13px;line-height:1.6;max-width:280px;margin-bottom:5px}
.journal-grid {display:grid;grid-template-columns:1fr 1fr 1fr;gap:17px}
.journal-card {position:relative;min-width:0;overflow:hidden;border-radius:10px;height:470px;background:#1b405f;isolation:isolate}
.journal-card img {width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.2,.6,.3,1)}
.journal-energy img {object-position:75% center}
.journal-capsule img {object-position:69% center}
.journal-routine img {object-position:35% center}
.journal-card:after {content:'';position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#082039dd);pointer-events:none}
.journal-card>div {position:absolute;bottom:26px;left:25px;right:25px;z-index:1;color:white}
.journal-card small {font-size:8px;letter-spacing:.1em;display:block;margin-bottom:10px}
.journal-card h3 {font-family:var(--drg-clinic-font);font-size:28px;font-weight:550;letter-spacing:-.03em}
.journal-card>div>span {position:absolute;right:0;bottom:0;font-size:25px}
.journal-card:hover img {transform:scale(1.045)}
.campaign-closing {height:640px;position:relative;isolation:isolate;overflow:hidden;display:grid;place-items:center;text-align:center;background:#0d2841;color:white}
.closing-scene {position:absolute;inset:0;z-index:-2}
.closing-image {width:100%;height:100%;object-fit:cover;object-position:center 52%}
.campaign-closing:after {content:'';position:absolute;inset:0;background:#062342b5;z-index:-1}
.closing-copy {padding:60px 25px}
.closing-copy h2 {font-size:clamp(44px,5vw,80px);margin:0 0 36px}
.closing-copy h2 em {color:#b7dbfc}
.immersive-store .faq {padding:90px 7%;gap:10%;background:white}
.immersive-store .faq h2 {font-size:40px}
.immersive-store .faq summary {font-size:14px;font-weight:550;min-height:36px}
.immersive-store .faq details p {font-size:13px;line-height:1.7}
.immersive-store .site-footer {background:#102a43}
.immersive-store .footer-statement {font-size:32px;font-weight:550}
.immersive-store .footer-links a {font-size:12px}
.immersive-store .footer-bottom {min-height:100px;background:#0d2338}
[data-reveal].is-reveal-ready {opacity:0;transform:translateY(24px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.6,.3,1)}
[data-reveal].is-visible {opacity:1;transform:none}
[data-parallax] {transform:translateY(var(--parallax-y,0px))}
@media(min-width:1800px){.campaign-hero .hero-copy{width:42%}.immersive-store .product-art{height:275px}.immersive-store .product-card{min-height:490px}.campaign-routine{min-height:780px}.journal-card{height:560px}}
@media(max-width:1100px){.campaign-hero .hero-copy{width:46%;left:4%}.campaign-hero h1{font-size:49px}.campaign-hero .hero-description{max-width:320px}.immersive-store .catalog{grid-template-columns:220px minmax(0,1fr);padding:65px 4%}.immersive-store .product-track{grid-auto-columns:calc((100% - 14px)/2)}.immersive-store .product-track.show-all{grid-template-columns:repeat(2,minmax(0,1fr))}.campaign-routine{grid-template-columns:44% 56%;min-height:620px}.routine-editorial{padding:60px 9%}.routine-editorial h2{font-size:40px}.routine-scene{margin:18px 18px 18px 0}.capsule-copy{width:46%}.capsule-copy h2{font-size:52px}.journal-card{height:380px}.journal-card>div{left:19px;right:19px}.journal-card h3{font-size:23px}.product-approach{gap:7%}.approach-detail>p{font-size:17px}}
@media(max-width:760px){
 .immersive-store .announcement{font-size:9px;height:29px}.immersive-store .site-header{top:42px}.immersive-store .site-header.is-scrolled{top:10px}
 .immersive-store main .button{min-height:48px;font-size:10px;padding:13px 17px;gap:18px}.immersive-store .campaign-kicker{font-size:8px;letter-spacing:.12em;margin-bottom:20px}
 .campaign-hero{height:880px;max-height:none;min-height:0;background:#edf6fd}.campaign-hero .hero-image{inset:auto 0 0;width:100%;height:48%;object-position:84% center;object-fit:cover}
 .campaign-hero:after{background:linear-gradient(#edf6fd 44%,#edf6fd00 64%)}.campaign-hero .hero-copy{top:120px;left:6%;width:88%;max-width:none;transform:none}
 .campaign-hero h1{font-size:clamp(39px,8.6vw,61px);line-height:1.01;max-width:550px}.campaign-hero .hero-description{font-size:14px;line-height:1.55;max-width:310px;margin:21px 0 23px}.campaign-hero .hero-actions{gap:18px}.campaign-hero .hero-actions .text-link{font-size:11px}.hero-assurance{font-size:9px;margin-top:21px;gap:18px}.hero-scroll{bottom:17px;left:6%;font-size:7px;background:#f7fbffdc;border:1px solid #fff9;border-radius:6px;padding:6px 12px;gap:9px}.hero-scroll>span:first-child{width:24px;height:24px;border:0}
 .immersive-store .catalog{display:block;padding:52px 6% 50px}.immersive-store .catalog-heading{margin:0 0 28px;padding:0}.immersive-store .catalog-heading h2{font-size:35px;max-width:420px}.immersive-store .catalog-heading p{margin:17px 0 13px;font-size:13px;max-width:360px}.immersive-store .catalog-heading>.text-link{margin-top:0}.immersive-store .catalog-tools{margin-bottom:12px}.immersive-store .filters{gap:5px}.immersive-store .filters button{font-size:9px;padding:8px 10px;min-width:0;min-height:37px}.immersive-store .carousel-controls{gap:5px}.immersive-store .carousel-controls button{width:29px;height:29px}
 .immersive-store .product-track{grid-auto-columns:79%;margin-right:-6.82%;padding-right:6.82%;gap:12px}.immersive-store .product-card{min-height:430px;padding:40px 17px 19px}.immersive-store .product-card h3{font-size:22px}.immersive-store .product-art{height:220px}.immersive-store .card-button{min-height:42px;font-size:10px}.immersive-store .product-price{font-size:12px}.immersive-store .catalog-all{margin-top:17px;font-size:12px}.immersive-store .product-track.show-all{grid-template-columns:repeat(2,minmax(0,1fr));margin:0;padding:0;gap:9px}.immersive-store .show-all .product-card{min-height:330px;padding:35px 9px 15px}.immersive-store .show-all .product-card h3{font-size:16px;min-height:40px}.immersive-store .show-all .product-art{height:140px}.immersive-store .show-all .card-button{font-size:8px;padding:10px 4px}.immersive-store .show-all .product-price{font-size:10px}
 .campaign-routine{display:flex;flex-direction:column;min-height:0}.routine-editorial{padding:55px 6% 35px}.routine-editorial h2{font-size:43px}.routine-editorial>p:not(.campaign-kicker){font-size:13px;line-height:1.65;max-width:350px;margin:23px 0 26px}.routine-note{margin-top:28px;font-size:7px}.routine-scene{height:410px;min-height:0;margin:0 16px 22px;border-radius:9px}.routine-image{object-position:48% center}.scene-link{bottom:16px;left:15px;right:15px;font-size:11px;padding:13px}
 .capsule-story{height:145svh;min-height:1060px}.capsule-stage{height:100svh;min-height:750px}.capsule-art{height:63%;top:auto;bottom:0;object-position:69% center}.capsule-stage:after{background:linear-gradient(#03132d 36%,#03132d00 65%)}.capsule-copy{width:88%;margin-left:6%;padding-top:110px;max-width:500px}.capsule-copy h2{font-size:44px;margin-bottom:25px}.capsule-copy .campaign-kicker{margin-bottom:16px}.capsule-chapters{max-width:340px;margin-bottom:13px}.capsule-chapter{padding-top:12px;padding-bottom:12px}.capsule-chapter h3{font-size:15px}.capsule-chapter p{font-size:11px;max-width:275px}.is-motion-ready .capsule-chapters{grid-template-rows:112px}.capsule-copy .text-link{font-size:11px}.capsule-caption{bottom:20px;left:6%;right:6%;font-size:6px;letter-spacing:.07em}.capsule-caption>span{font-size:7px}
 .product-approach{grid-template-columns:1fr;padding:57px 6%;gap:30px}.product-approach h2{font-size:48px}.approach-detail>p{font-size:16px;margin-bottom:27px;max-width:400px}.approach-links a{padding:21px 0;font-size:13px}.product-journal{padding:50px 6% 55px;overflow:hidden}.journal-heading{display:block;margin-bottom:28px}.journal-heading h2{font-size:38px}.journal-heading>p{font-size:12px;margin-top:19px}.journal-grid{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:83%;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;margin-right:-6.82%;padding-right:6.82%;gap:13px}.journal-card{height:420px;scroll-snap-align:start}.journal-card>div{left:22px;bottom:24px;right:22px}.journal-card h3{font-size:27px}
 .campaign-closing{height:530px}.closing-image{object-position:48% center}.closing-copy h2{font-size:44px;margin-bottom:30px}.closing-copy .campaign-kicker{font-size:8px}.immersive-store .faq{padding:55px 6%;gap:24px}.immersive-store .faq h2{font-size:35px}.immersive-store .faq summary{font-size:12px}.immersive-store .faq details p{font-size:12px}.immersive-store .footer-main{padding:48px 6%}.immersive-store .footer-statement{font-size:28px}.immersive-store .footer-links a{font-size:11px}.immersive-store .footer-bottom{padding:25px 6%;min-height:85px}
}
@media(max-width:370px){.campaign-hero{height:845px}.campaign-hero .hero-copy{top:113px}.campaign-hero h1{font-size:36px}.campaign-hero .hero-description{font-size:13px}.campaign-hero .hero-actions{gap:13px}.campaign-hero .hero-actions .button{font-size:9px;padding:12px 13px}.campaign-hero .hero-actions .text-link{font-size:10px}.immersive-store .filters button{font-size:8px;padding:7px 9px}.immersive-store .product-track{grid-auto-columns:86%}.capsule-copy h2{font-size:39px}.routine-editorial h2{font-size:38px}.product-approach h2{font-size:43px}.journal-heading h2{font-size:35px}.closing-copy h2{font-size:39px}.immersive-store .show-all .card-badge{font-size:6px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.capsule-story{height:auto;min-height:0}.capsule-stage{position:relative;height:auto;min-height:850px;padding-bottom:90px}.capsule-art{transform:none}.capsule-copy{padding-top:100px}.capsule-chapters{display:grid;gap:14px}.capsule-chapter{opacity:1;transform:none}[data-reveal].is-reveal-ready{opacity:1;transform:none}[data-parallax]{transform:none}.product-card,.journal-card img{transition:none!important}}
