/* Approved campaign visual system. Shared by home and product worlds. */
:root{--paper:#f5f2ed;--ink:#222421;--midnight:#122431;--pearl:#eae8e3;--champagne:#dcc1a5}
.brand{font-family:var(--serif);font-weight:500;font-size:43px;letter-spacing:2px}.brand small{font-family:var(--sans);font-size:9px;letter-spacing:2px}.campaign-hero{position:relative;height:min(940px,calc(100vw * .64));min-height:760px;background:#ded7cd;isolation:isolate;overflow:hidden}.campaign-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.campaign-topline{position:absolute;top:145px;right:5%;font-size:12px;letter-spacing:3px}.campaign-title{position:absolute;left:5%;top:32%;max-width:230px}.short-rule{display:block;width:46px;border-top:1px solid;margin-bottom:24px}.campaign-title h1{font-family:var(--sans);font-size:25px;text-transform:uppercase;font-weight:400;line-height:1.55;letter-spacing:6px;margin-bottom:32px}.campaign-title .text-link{font-size:10px;gap:22px}.campaign-values{position:absolute;right:4%;top:33%;display:grid;gap:40px;width:175px}.campaign-values>div{display:flex;align-items:center;gap:18px}.campaign-values>div>span{font-size:35px;line-height:1}.campaign-values p{font-size:10px;letter-spacing:1.8px;line-height:1.8;margin:0}.campaign-foot{position:absolute;bottom:28px;left:5%;right:5%;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px}.campaign-foot a{font-size:24px;min-width:44px;text-align:center}.collection-intro{display:flex;justify-content:space-between;padding:35px 5%;font-size:11px;letter-spacing:2.2px}.swipe-hint{display:none}.product-panel{min-height:680px;padding:30px 32px}.panel-art,.blue .panel-art,.pearl .panel-art{opacity:1;mix-blend-mode:normal}.panel-art img{height:100%;object-position:center;transform:none;transition:transform 1.4s ease}.product-panel:hover .panel-art img{transform:scale(1.025)}.product-panel:after{background:linear-gradient(transparent 60%,#081923dd)}.pearl:after{background:linear-gradient(transparent 60%,#f2eee5ed)}.gold:after{background:linear-gradient(transparent 60%,#d7b89aef)}.panel-copy{padding-top:430px}.panel-copy .eyebrow{font-size:12px;letter-spacing:3px;margin-bottom:10px}.panel-copy h2{font-family:var(--serif);font-size:46px;letter-spacing:1px;margin-bottom:12px}.panel-copy>p:not(.eyebrow){font-size:14px;max-width:270px;line-height:1.5}.panel-index{font-size:10px;letter-spacing:1.8px}.panel-copy .text-link{font-size:11px}.science-copy p:not(.eyebrow),.standard-grid p{font-size:16px}.principles{font-size:11px}.germany-section{background:#e5e1d9;display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:center}.germany-photo img{aspect-ratio:1;object-fit:cover}.germany-section h2{font-size:clamp(44px,4.5vw,74px);line-height:1.06}.germany-section p:not(.eyebrow){max-width:470px}.quality-note{font-size:12px!important;color:#65675f;line-height:1.8;margin-top:28px;max-width:600px}.product-campaign{position:relative;min-height:780px;display:grid;grid-template-columns:.85fr 1.15fr;align-items:stretch;overflow:hidden}.product-campaign-copy{padding:110px 7vw 100px 6vw;align-self:center}.product-campaign h1{font-size:clamp(72px,7vw,110px);letter-spacing:1px;margin-bottom:24px}.product-campaign h2{font-size:clamp(40px,3.6vw,58px);margin:48px 0 25px;line-height:1.1}.product-campaign .active{font-size:12px;letter-spacing:1.3px}.product-campaign-image{min-width:0;overflow:hidden}.product-campaign-image img{height:100%;max-height:880px;width:100%;object-fit:cover}.product-campaign-origin{position:absolute;bottom:27px;left:6%;font-size:10px;letter-spacing:2px}.product-world{--world-bg:#eceae4;--world-ink:#252925}.world-copper{--world-bg:#152732;--world-ink:#f4f1e9}.world-pigment{--world-bg:#ddc3a9;--world-ink:#382e25}.product-position{text-align:center;max-width:1060px;margin:auto;padding-top:110px;padding-bottom:110px}.product-position>p:last-child{max-width:620px;margin:0 auto;font-size:18px;color:#686a63}.texture-section{display:grid;grid-template-columns:1fr 1fr;background:var(--world-bg);color:var(--world-ink)}.texture-visual{position:relative;overflow:hidden;min-height:560px}.texture-visual img{width:100%;height:100%;object-fit:cover;mix-blend-mode:luminosity;opacity:.9}.texture-visual>span{position:absolute;bottom:25px;left:7%;font-size:10px;letter-spacing:2px;background:#2229;color:white;padding:7px 12px}.texture-copy{align-self:center}.texture-copy .quality-note{color:inherit;opacity:.8}.peptide-section{text-align:center;max-width:1180px;margin:auto}.peptide-section>p:not(.eyebrow){max-width:660px;margin:20px auto}.benefit-lines{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;text-align:left;margin-top:60px}.benefit-lines>div{border-top:1px solid var(--line);padding-top:20px}.benefit-lines span{font-size:12px;color:var(--muted)}.benefit-lines h3{font-size:31px;margin-top:20px;line-height:1.2}.formula-section{display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#eeebe5}.formula-section details{padding:24px 0;font-size:15px}.purchase-story{display:grid;grid-template-columns:1fr 1fr;gap:9%;align-items:center}.purchase-photo{overflow:hidden;max-height:650px}.purchase-photo img{height:650px;object-fit:cover}.purchase-story .product-info h2{font-size:62px}.purchase-story .text-link{margin-top:30px}.related-worlds>.section{padding-bottom:45px}.related-worlds .product-panels{grid-template-columns:repeat(2,1fr)}.related-worlds .product-panel{min-height:650px}.related-worlds .panel-art img{object-position:center 46%}.related-worlds .panel-copy{padding-top:410px}.product-campaign .text-link{color:inherit}.product-world .gold,.product-campaign.gold{background:#d8bca0}.product-world .pearl{background:#e9e7e2}.product-campaign.blue{background:#152631}
@media(min-width:1500px){.campaign-title{left:5.5%}.campaign-values{right:5.5%}}
@media(max-width:1100px){.brand{font-size:35px}.campaign-hero{min-height:680px}.campaign-topline{top:135px;font-size:10px}.campaign-title{left:4%;max-width:170px}.campaign-title h1{font-size:20px;letter-spacing:4px}.campaign-values{right:3%;width:138px;gap:30px}.campaign-values p{font-size:9px;letter-spacing:1px}.campaign-values>div{gap:12px}.product-panel{min-height:600px;padding:24px}.panel-copy{padding-top:360px}.panel-copy h2{font-size:39px}.product-campaign{min-height:660px}.product-campaign-copy{padding-left:6vw;padding-right:3vw}.product-campaign h1{font-size:68px}.product-campaign h2{font-size:42px}.germany-section{gap:5%}.texture-visual{min-height:480px}}
@media(max-width:760px){header .brand{font-size:32px;letter-spacing:1px}header .brand small{font-size:7px;letter-spacing:1.35px}header{gap:8px}.campaign-hero{height:830px;min-height:0;max-height:none;background:#e5ded4}.campaign-image{top:265px;height:510px;object-fit:cover;object-position:center}.campaign-topline{top:113px;left:7%;right:7%;font-size:8px;letter-spacing:1.6px}.campaign-title{top:151px;left:7%;max-width:none;width:86%;display:flex;align-items:flex-end;justify-content:space-between;gap:15px}.campaign-title .short-rule{display:none}.campaign-title h1{font-family:var(--serif);font-size:39px;line-height:.98;text-transform:none;letter-spacing:-.7px;margin:0}.campaign-title h1 br:nth-of-type(odd){display:none}.campaign-title .text-link{font-size:8px;letter-spacing:1px;gap:12px;white-space:nowrap;margin-bottom:3px}.campaign-values{display:none}.campaign-foot{bottom:23px;left:7%;right:7%;font-size:8px;letter-spacing:1.2px;gap:15px}.campaign-foot>span:last-child{display:none}.collection-intro{padding:26px 7%;font-size:8px;letter-spacing:1.3px;gap:20px}.swipe-hint{display:block;white-space:nowrap}.product-panels,.related-worlds .product-panels{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:thin;overscroll-behavior-x:contain}.product-panel,.related-worlds .product-panel{flex:0 0 90%;min-height:670px;scroll-snap-align:start;padding:25px 7%}.panel-copy,.related-worlds .panel-copy{padding-top:405px}.panel-copy h2{font-size:48px}.panel-copy .eyebrow{font-size:11px}.panel-copy>p:not(.eyebrow){font-size:14px;max-width:260px}.panel-index{font-size:9px}.panel-art img{object-position:center}.germany-section{grid-template-columns:1fr;padding-left:0;padding-right:0;gap:40px}.germany-section>div:last-child{padding:0 7%}.germany-photo img{aspect-ratio:1.2}.germany-section h2{font-size:49px}.product-campaign{display:flex;flex-direction:column;min-height:0}.product-campaign-copy{padding:45px 7% 35px;position:relative;z-index:1;align-self:stretch}.product-campaign h1{font-size:64px;margin-bottom:14px}.product-campaign .eyebrow{margin-bottom:20px}.product-campaign h2{font-size:38px;margin:26px 0 18px}.product-campaign h2 br{display:none}.product-campaign .active{font-size:11px}.product-campaign-image{height:650px}.product-campaign-image img{height:100%;object-position:center}.product-campaign-origin{left:7%;bottom:22px;font-size:9px;padding:8px;background:#f5f2ecce;color:#242722}.product-position{padding:70px 7%}.product-position h2{font-size:43px}.product-position>p:last-child{font-size:16px}.texture-section{grid-template-columns:1fr}.texture-visual{min-height:0;height:380px}.texture-copy h2{font-size:45px}.peptide-section h2{font-size:44px}.benefit-lines{grid-template-columns:1fr;gap:20px;margin-top:35px}.benefit-lines>div{display:flex;gap:20px;align-items:baseline}.benefit-lines h3{font-size:29px;margin:5px 0 10px}.formula-section{grid-template-columns:1fr;gap:10px}.formula-section h2{font-size:44px}.purchase-story{grid-template-columns:1fr;gap:35px;padding-left:0;padding-right:0}.purchase-story .product-info{padding:0 7%}.purchase-photo,.purchase-photo img{height:560px}.purchase-story .product-info h2{font-size:53px}.footer-top .brand{font-size:36px}.related-worlds>.section h2{font-size:43px}}
@media(prefers-reduced-motion:no-preference){.campaign-title,.campaign-topline{animation:campaign-reveal 1.1s ease both}.campaign-image{animation:campaign-photo 1.4s ease both}.product-campaign-copy{animation:campaign-reveal 1s ease both}@keyframes campaign-reveal{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes campaign-photo{from{opacity:.5;transform:scale(1.015)}to{opacity:1;transform:scale(1)}}}

.campaign-values{gap:25px}.campaign-values small{display:block;font-size:9px;letter-spacing:0;line-height:1.5;margin-top:5px;color:#55574f;text-transform:none}

.campaign-image{z-index:-2}.campaign-hero:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#eee8dfcc,transparent 27%,transparent 79%,#ece5db99)}.campaign-topline{left:5%;right:auto;top:135px;max-width:240px;font-size:10px;line-height:1.9;letter-spacing:2.5px}.panel-art{bottom:180px}.panel-copy,.related-worlds .panel-copy{padding-top:0;margin-top:auto}.product-panel:after{pointer-events:none;background:linear-gradient(transparent 60%,#0d202a 78%)}.pearl:after{background:linear-gradient(transparent 60%,#eae8e3 78%)}.gold:after{background:linear-gradient(transparent 60%,#d8bca0 78%)}.product-panel{background:#0d202a}.product-panel.pearl{background:#eae8e3}.product-panel.gold{background:#d8bca0}
@media(max-width:760px){.campaign-topline{top:113px;left:7%;right:7%;max-width:none;font-size:8px;letter-spacing:1.6px}.campaign-hero:before{display:none}.campaign-title h1{font-size:38px}.campaign-title .text-link{white-space:normal;max-width:92px;gap:8px}.panel-art{bottom:180px}.panel-copy,.related-worlds .panel-copy{padding-top:0}}

/* Keep the complete campaign image visible on wide desktop viewports. */
@media(min-width:761px){.campaign-image{object-fit:contain;object-position:center bottom}.campaign-hero{background:#e5ded4}}
@media(min-width:1500px){.panel-art img{object-fit:contain}.product-panel{min-height:760px}.panel-art{bottom:190px}}

/* Let mobile copy determine its height; the photograph follows in normal flow. */
@media(max-width:760px){
 .campaign-hero{display:flex;flex-direction:column;height:auto;min-height:0;max-height:none;padding-top:112px}
 .campaign-topline{position:static;order:1;margin:0 7% 25px;font-size:9px;line-height:1.8}
 .campaign-title{position:static;order:2;display:block;width:auto;max-width:none;margin:0 7% 30px}
 .campaign-title h1{font-size:clamp(38px,10.5vw,55px);line-height:1.04;letter-spacing:-.7px;margin:0;max-width:100%}
 .campaign-title .text-link{display:inline-flex;max-width:none;white-space:nowrap;margin:22px 0 0;font-size:10px;gap:32px}
 .campaign-image{position:relative;order:3;inset:auto;z-index:auto;display:block;width:100%;height:clamp(390px,125vw,580px);object-fit:cover;object-position:center}
 .campaign-foot{position:static;order:4;margin:16px 7%;min-height:44px}
}
