/* Art direction: portrait/tablet below 1024px; supplied wide guide from 1024px. */
picture{display:block}
.ingredient-wide-name{display:none}
.hero-picture{position:absolute;inset:0;width:100%;height:100%}
.hero-picture .hero-photo{width:100%;height:100%;object-fit:cover;object-position:center top}
.capsule-picture{display:flow-root;width:100%}
.pattern-picture,.lifestyle-picture{width:100%;height:100%}
.routine-icon-picture{flex:0 0 9cqw}
.routine-icon-picture img{width:100%;height:auto}
.art-picture .section-art{display:block;width:100%;height:auto;aspect-ratio:auto;max-width:none;object-fit:contain;clip-path:none;margin:0}
.review-picture{display:contents}
/* Tablets retain the complete mobile composition with readable, capped typography. */
@media(min-width:600px) and (max-width:1023px){
 .site-header{padding:26px 6%}.hero .header-logo{width:132px}.menu-toggle{width:48px;height:48px}.mobile-navigation{top:88px}
 .ingredients h2{font-size:clamp(42px,9.8cqw,68px)}.ingredients-heading>p{font-size:clamp(28px,6.5cqw,42px)}
 .ingredient-grid dt{font-size:clamp(23px,5.1cqw,32px)}.ingredient-grid dd{font-size:clamp(27px,5.6cqw,36px)}
 .routine h2{font-size:clamp(58px,12.3cqw,84px)}.routine-line p{font-size:clamp(27px,6.6cqw,38px)}
 .story h2{font-size:clamp(50px,10.1cqw,78px)}.eyebrow{font-size:20px}.story-subtitle{font-size:clamp(28px,6.1cqw,40px)}
 .story-copy>p:not(.eyebrow):not(.story-subtitle){font-size:clamp(22px,4.4cqw,28px)}.customer-stat strong{font-size:clamp(72px,13.8cqw,100px)}.customer-stat span{font-size:clamp(28px,5.4cqw,38px)}.customer-stat p:last-child{font-size:clamp(20px,3.9cqw,25px)}
 .subscription h2{font-size:clamp(54px,10.3cqw,78px)}.subscription-prices dt{font-size:clamp(24px,4.2cqw,32px)}.subscription-prices dd{font-size:clamp(34px,5.8cqw,46px)}.subscription-copy>p{font-size:clamp(17px,2.9cqw,23px)}.subscription-copy small{font-size:15px}
 .purchase h2{font-size:70px}.pack-size{font-size:34px}legend{font-size:30px}.option-top strong,.one-price{font-size:27px}.offer-price b{font-size:39px}.offer-price span{font-size:20px}.renewal-row,.delivery-details{font-size:19px}.option-perks{font-size:17px}.renewal-note{font-size:17px}.button{font-size:23px;min-height:54px}.demo-note,.product-facts{font-size:16px}
 .reviews h2{font-size:clamp(56px,10.4cqw,82px)}.fiction-label{font-size:18px}.review{font-size:clamp(19px,3.3cqw,27px)}.review cite{font-size:clamp(25px,4.3cqw,35px)}
 .footer-brand p{font-size:clamp(34px,6.5cqw,48px)}.footer-nav a,.footer-nav button{font-size:clamp(26px,5.3cqw,36px)}.footer-nav h2{font-size:22px}.footer-bottom{font-size:23px}.concept-pill{font-size:19px}
}
@media(min-width:1024px){
 main>section{container-type:inline-size}
 /* 1: full supplied landscape hero, with the previously requested HTML overlay. */
 .hero{height:auto;min-height:0;max-height:none;aspect-ratio:1672/941;background:#d8bea5}
 .hero-picture{inset:0}.hero-picture .hero-photo{position:static;width:100%;height:100%;max-width:none;object-fit:contain;background:none}
 .hero-message{left:57%;top:24%;width:39%;transform:none}
 .hero-message h1{font-size:clamp(58px,6.8cqw,135px);line-height:1.02}
 .hero-eyebrow{font-size:clamp(12px,1cqw,18px);margin-bottom:1.5cqw}
 .hero-description{font-size:clamp(16px,1.65cqw,30px);max-width:95%;margin-top:2cqw;line-height:1.45}
 .hero-actions{gap:1cqw;margin-top:2.6cqw}.hero-cta,.hero-more{font-size:clamp(14px,1.2cqw,22px);padding:1.05cqw 1.5cqw;min-height:48px;gap:1cqw}
 .site-header{padding:2.3cqw 4.5%;gap:24px}.hero .header-logo{width:clamp(130px,10.2cqw,195px)}
 .desktop-navigation{gap:2.3cqw;font-size:clamp(13px,1.15cqw,22px)}
 /* 2: heading above the capsule, with two nutrient columns around it. */
 .ingredients{display:block;padding:0;height:auto;aspect-ratio:1920/1118;background:#fbf8f2;position:relative}
 .ingredients-heading{position:absolute;top:5.8cqw;left:0;width:100%;text-align:center}
 .ingredients h2{font-size:7.7cqw;line-height:1.04;letter-spacing:-.055em}.ingredients h2::after{content:'.'}
 .ingredients-heading>p{font-size:4.25cqw;letter-spacing:-.045em;margin-top:1cqw;line-height:1.12}.ingredients-heading>p::after{content:'.'}
 .capsule-picture{position:absolute;left:28.59%;top:22.13cqw;width:51.26%;height:auto}
 .ingredients .capsule{display:block;margin:0;width:100%;height:auto;aspect-ratio:857/530;object-fit:contain}
 .ingredient-grid{position:absolute;inset:0;display:block;padding:0;text-align:center}
 .ingredient-grid>div{position:absolute;margin:0;padding:0}
 .ingredient-grid>div:nth-child(1){left:2.1%;top:24.6cqw;width:25%}
 .ingredient-grid>div:nth-child(2){left:78%;top:25.5cqw;width:19.5%}
 .ingredient-grid>div:nth-child(3){left:3%;top:41.1cqw;width:25%}
 .ingredient-grid>div:nth-child(4){left:78%;top:41.1cqw;width:19.5%}
 .ingredient-grid dt{font-size:2.45cqw;line-height:1.05;letter-spacing:-.035em;font-weight:700}.ingredient-grid dd{font-size:2.8cqw;line-height:1.18;margin-top:.45cqw}
 .ingredient-mobile-name{display:none}.ingredient-wide-name{display:inline}
 /* 3: this is the intentional enlarged crop shown in the desktop guide. */
 .pattern{height:auto;aspect-ratio:1920/1075}
 .pattern-picture{position:absolute;inset:0}
 .pattern img{position:absolute;left:-11.25%;top:-7.3cqw;width:123%;height:auto;max-width:none;object-fit:contain;object-position:center}
 /* 4: exact image/text column ratio of the supplied 1999×787 banner. */
 .routine{display:grid;grid-template-columns:47.7% 52.3%;align-items:stretch;aspect-ratio:1999/787;height:auto}
 .routine-copy{align-self:center;padding:0 2cqw 0 9.1cqw}
 .routine h2{font-size:5.8cqw;line-height:1.1;letter-spacing:-.05em}
 .routine-line{margin-top:2.8cqw;gap:1.5cqw}.routine-icon-picture{flex:0 0 3.7cqw}.routine-line img{width:100%;height:auto}
 .routine-line p{font-size:2.8cqw;line-height:1.15;letter-spacing:-.035em}
 .routine-picture{height:100%;width:100%;min-height:0}.routine-photo{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
 /* 5: original wide artwork, cropped only as the desktop guide crops it. */
 .facts.artwork-section{height:auto;aspect-ratio:1920/830;padding:0;background:#47152a}
 .facts .art-picture{position:absolute;inset:0;width:100%;height:100%}
 .facts .section-art{position:absolute;left:0;top:-6.51cqw;width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
 /* 6: the new founder photograph on the left, native editorial copy on the right. */
 .story{display:grid;grid-template-columns:47.7% 52.3%;align-items:stretch;height:auto;aspect-ratio:1672/941;background:#fbf8f2}
 .founders-picture{height:100%;min-height:0;width:100%}.founders{width:100%;height:100%;aspect-ratio:auto;object-fit:contain;object-position:center}
 .story-copy{padding:5.05cqw 3cqw 3cqw 4.6cqw;align-self:start}
 .eyebrow{font-size:1.25cqw;letter-spacing:.19em;margin-bottom:2.4cqw}
 .story h2{font-size:5.4cqw;line-height:1.02;letter-spacing:-.055em;white-space:nowrap}
 .story-subtitle{font-size:3.05cqw;line-height:1.15;margin:1.65cqw 0 2.15cqw;letter-spacing:-.04em}
 .story-copy>p:not(.eyebrow):not(.story-subtitle){font-size:2.15cqw;line-height:1.42;letter-spacing:-.025em}
 .customer-stat{grid-template-columns:32% 1fr;gap:3.3cqw;margin-top:2.8cqw}
 .customer-stat strong{font-size:7.3cqw;line-height:.95;letter-spacing:-.055em}.customer-stat span{font-size:2.65cqw;line-height:1.15}.customer-stat p:last-child{font-size:1.95cqw;line-height:1.35;letter-spacing:-.025em}
 /* 7: the reference puts subscription terms LEFT and the open box RIGHT. */
 .subscription{display:block;position:relative;aspect-ratio:1920/1014;height:auto;padding:0;background:#fcf7f0;text-align:left}
 .subscription-picture{position:absolute;left:50%;top:0;width:50%;height:100%}
 .box{margin:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center}
 .subscription h2{position:absolute;left:5.5%;top:9.5cqw;width:40%;font-size:5.8cqw;line-height:1.0;margin:0;letter-spacing:-.055em}
 .subscription-copy{position:absolute;left:5.5%;top:24.5cqw;width:39%;padding:0}
 .subscription-prices>div{padding:1cqw 0;gap:1cqw;align-items:center}.subscription-prices dt{font-size:2.15cqw;line-height:1.1;letter-spacing:-.035em}.subscription-prices dd{font-size:3.2cqw;line-height:1.1;letter-spacing:-.055em}
 .subscription-copy>p{font-size:1.5cqw;line-height:1.3;margin:2.25cqw 0 0;letter-spacing:-.02em}.subscription-copy small{font-size:.95cqw;margin-top:2.1cqw;color:var(--darkrose)}
 /* 8: preserve all live controls and the complete demonstration checkout. */
 .purchase{display:grid;grid-template-columns:53.3% 46.7%;align-items:stretch;min-height:54.43cqw;height:auto}
 .purchase-picture{width:100%;height:100%;min-height:0}.purchase-photo{width:100%;height:100%;min-height:0;aspect-ratio:auto;object-fit:cover;object-position:center}
 .purchase-copy{padding:3.5cqw 3.4cqw 2.5cqw 3.75cqw;align-self:center;min-width:0}
 .purchase h2{font-size:5.65cqw;line-height:1;letter-spacing:-.065em}.pack-size{font-size:2.55cqw;line-height:1.1;margin:.3cqw 0 1.7cqw}
 legend{font-size:2.25cqw;line-height:1.1;margin-bottom:1.1cqw;letter-spacing:-.04em}
 .purchase-option{border-radius:.8cqw;padding:1.15cqw 1.4cqw}.purchase-option+.purchase-option{margin-top:.85cqw}
 .option-top{gap:1.4cqw}.option-top strong,.one-price{font-size:2cqw;line-height:1.1}
 input[type=radio]{width:2cqw;height:2cqw}.option-top input[type=radio]:checked:after{width:1.2cqw;height:1.2cqw}
 .offer-price{padding-left:.8cqw;margin-top:1cqw;gap:.7cqw}.offer-price b{font-size:3.05cqw;line-height:1.1}.offer-price span{font-size:1.35cqw}
 .renewal-row{font-size:1.28cqw;line-height:1.2;padding-left:.8cqw;margin-top:.4cqw;gap:.6cqw;flex-wrap:wrap}.delivery span{padding-left:.5cqw}.delivery-details{font-size:1.3cqw;line-height:1.5;margin:1.1cqw}
 .option-perks{font-size:1.15cqw;line-height:1.2;margin:1.15cqw 0 0 .8cqw;padding-top:1.1cqw;gap:.6cqw;flex-wrap:wrap;justify-content:flex-start}.option-perks>span{gap:.5cqw}.option-perks i{width:1.7cqw;height:1.7cqw}
 .renewal-note{font-size:1.2cqw;gap:.6cqw;margin:.8cqw 0 1cqw}.renewal-note span{font-size:1.7cqw}
 .purchase .button{font-size:1.65cqw;line-height:1.15;padding:.95cqw 1.1cqw;border-radius:.6cqw;min-height:42px}.secondary{margin-top:.55cqw}
 .demo-note{font-size:1cqw;margin-top:.75cqw}.product-facts{font-size:1.05cqw;margin-top:.95cqw}
 /* 9: unchanged full-width desktop nutrient artwork, no crop. */
 .benefits.artwork-section{height:auto;aspect-ratio:auto;padding:0;background:#fbf8f2}
 .benefits .art-picture{width:100%;height:auto}.benefits .section-art{position:static;width:100%;height:auto;max-width:none;aspect-ratio:auto;object-fit:contain;margin:0}
 /* 10: native review text in the wide, two-by-two card arrangement. */
 .reviews{height:auto;aspect-ratio:1672/941;padding:0;position:relative;text-align:left;background:#fbf8f2}
 .reviews::after{content:'';position:absolute;bottom:0;left:0;width:100%;height:4.25cqw;background:url(assets/web/reviews-floor.webp) center/100% 100% no-repeat;pointer-events:none;z-index:0}
 .reviews h2{position:absolute;top:3.4cqw;left:8.9%;font-size:6.65cqw;line-height:.88;letter-spacing:-.055em;z-index:2;max-width:85%}
 .fiction-label{position:absolute;left:8.9%;top:15.1cqw;font-size:1.65cqw;line-height:1.2;margin:0;z-index:2}
 .review-board{position:absolute;inset:0;width:100%;height:100%;margin:0;container-type:normal}
 .review-picture{display:block;position:absolute;left:0;top:17.94cqw;width:32.89%;height:auto;z-index:1}
 .review-bottle{display:block;position:static;width:100%;height:auto;aspect-ratio:550/641;object-fit:contain;clip-path:none}
 .review{font-size:2.25cqw;line-height:1.13;letter-spacing:-.03em;padding:2.4cqw;border-radius:1.2cqw;background:#fbf8f2;z-index:2}
 .review cite{font-size:2.85cqw;line-height:1.05;margin-bottom:.7cqw;letter-spacing:-.04em}
 .jana{left:34.5%;top:19.3cqw;width:30%;padding-bottom:2.3cqw;transform:rotate(-4deg)}
 .miriam{left:66.5%;right:auto;top:19.7cqw;width:30%;transform:rotate(1deg)}
 .lea{left:37.3%;right:auto;top:37.1cqw;width:29.4%;transform:rotate(3deg)}
 .sabine{left:67.8%;right:auto;top:37.1cqw;width:29.4%;padding-top:2.4cqw;padding-bottom:2.4cqw;transform:rotate(-1deg)}
 /* 11: the only portrait photograph in the desktop set; crop matches the guide. */
 .lifestyle{height:auto;aspect-ratio:1920/1584;background:#dfcbb8}
 .lifestyle-picture{position:absolute;inset:0;width:100%;height:100%}
 .lifestyle img{width:100%;max-width:none;height:100%;margin:0;object-fit:cover;object-position:center 43%}
 .lifestyle::after{height:12cqw}
 /* 12: brand plus three navigation columns, matching desktop reference 12. */
 footer{container-type:normal;aspect-ratio:1672/941;min-height:0;padding:14.8vw 4.2vw 0;display:grid;grid-template-columns:36vw minmax(0,1fr);column-gap:4.8vw;row-gap:0;align-content:start}
 .logo{width:36vw;max-width:100%;height:auto}.footer-brand p{font-size:2.85vw;line-height:1.15;letter-spacing:-.025em;margin-top:1.4vw}.rose-line{display:none}
 .footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3vw;margin:1.6vw 0 0;align-content:start}
 .footer-nav>div{margin:0;padding:0;border:0}.footer-nav h2{font-size:1.35vw;line-height:1.3;letter-spacing:.15em;margin-bottom:1.2vw}
 .footer-nav a,.footer-nav button{font-size:1.9vw;line-height:1.65;text-align:left}
 .footer-bottom{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid var(--rose);margin-top:3.5vw;padding-top:2vw;font-size:1.3vw;line-height:1.4}
 .concept-pill{font-size:1.1vw;padding:.6vw 1.4vw;margin:0;border-radius:999px}
}
/* Reserve artwork space before lazy loading, preventing collapsed sections. */
.facts .art-picture{aspect-ratio:1}
.benefits .art-picture{aspect-ratio:941/1672}
@media(min-width:1024px){.facts .art-picture{aspect-ratio:auto}.benefits .art-picture{aspect-ratio:1672/941}}