/* Reversible homepage/catalog visual preview. No checkout or account rules. */
:root{--ink:#f5f7fb;--muted:#a4adbd;--champagne:#a8caff;--coral:#6ba9ff;--amethyst:#90b5ff;--line:#303945}
html,body{background:#0b0e13}
.service-bar{background:#080a0e;color:#a8b1c0;border-color:#222936;font-size:11px;letter-spacing:.06em}
.header{background:rgba(11,14,19,.94);border-color:#28303c;box-shadow:none}
.logo em,.inverse em{color:#b9d2f7}.brand-symbol .hex,.brand-symbol .vial-line{stroke:#b9d2f7}.brand-symbol .wave,.brand-symbol circle{stroke:#7daef2;fill:#7daef2}
.header nav a{color:#b9c3d4}.header nav a:hover{color:#fff}
.cart-trigger{background:#253349;box-shadow:none}.cart-trigger b{background:#729bd2;color:#080e18}
.account-trigger{background:#151b25;border-color:#344052;color:#e2eaf5}
.hero{background:radial-gradient(ellipse at 83% 45%,#1c314d88,transparent 50%),linear-gradient(125deg,#0b0e13,#111823);min-height:650px;overflow:hidden}
.hero:before{background:none}.hero-copy:before{content:'THE PEPSFORYOU COLLECTION';background:transparent;border-color:#3d4c61;color:#aac4e8;letter-spacing:.18em;border-radius:4px}
.hero-copy{padding-top:55px;padding-bottom:55px}.hero h1{font-size:clamp(48px,5.7vw,82px);line-height:1.04;letter-spacing:-.055em;font-weight:600;max-width:640px}
.hero h1 span{background:linear-gradient(105deg,#edf5ff,#8cb9f1,#d7e3f7);background-clip:text;-webkit-background-clip:text;filter:none}
.hero .lede{font-size:16px;line-height:1.8;max-width:440px;color:#adb8ca}.kicker{color:#9ebde8;letter-spacing:.18em}
.primary{background:#c5daf7;color:#101722;box-shadow:none;border:1px solid #e0edff;border-radius:6px}.primary:hover{background:#e3eeff;box-shadow:0 8px 28px #608dce22}
.ghost{border-color:#3b4759;color:#e7edf6;border-radius:6px}.trust{border-color:#303a49}.trust b{color:#eef4ff}.trust span{color:#8f9caf}
.science{background:radial-gradient(ellipse at center,#213b5c44,transparent 68%);filter:none;display:flex;align-items:center;justify-content:center;min-height:580px;position:relative}
.science .grid-lines,.science .molecule,.science .halo,.science>.vial{display:none}
.hero-product{width:100%;height:540px;object-fit:contain;mix-blend-mode:screen;filter:saturate(.6) contrast(1.1);position:relative;z-index:1;animation:product-arrival 1.1s ease-out both}
.science:after{content:'';position:absolute;width:70%;height:1px;bottom:95px;background:linear-gradient(90deg,transparent,#789ac5,transparent);box-shadow:0 0 40px 10px #466ea222}
.science .spec{z-index:2;background:#111822dd;border-color:#38475b;box-shadow:none;backdrop-filter:blur(8px);border-radius:6px}.science .spec span{color:#91b2de}
.categories{margin-top:0;background:#111720;border-color:#2b3442;border-radius:0;box-shadow:none}.categories button{background:#111720;border-color:#2b3442;color:#f2f5fa}.categories button:hover{background:#1a2534}.categories i{background:#1b2635;box-shadow:none;color:#a9c5ec}.categories small{color:#9ba8bb}.categories em{color:#9fbfeb}
.catalog{background:#0b0e13}.catalog:before{display:none}.heading h2{font-weight:600;letter-spacing:-.04em}.heading>p{color:#a4afc0}
.catalog-offer{background:#141c28;border:1px solid #2d3c51;border-radius:8px;box-shadow:none}.catalog-offer b{color:#d0e0f8}.catalog-offer span{color:#a4b3c7}
.controls{background:#11161e;border-color:#2d3644;box-shadow:none;border-radius:8px}.search{border-color:#303b4b}.search input{color:#f0f5ff}.filters button{color:#a6b2c4}.filters button.active{background:#2a3c55;color:#fff}.catalog-sort select{background:#192231;border-color:#35445c;color:#edf4ff}
.product-grid{gap:24px}.product-card{background:#141a23;border:1px solid #2b3442;border-radius:12px;box-shadow:none;overflow:hidden;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.product-card:hover{transform:translateY(-5px);border-color:#607da6;box-shadow:0 16px 36px #0004}
.product-art.photo-art{background:radial-gradient(ellipse at 50% 65%,#29436444,transparent 65%),#0e131b;height:270px}.photo-art img,.product-card:hover .photo-art img{filter:saturate(.55) contrast(1.07)}
.photo-art:before{background:linear-gradient(180deg,transparent 65%,#0e131b)}.photo-label{display:none}.photo-art .pill{background:#1c2b3ee6;border:1px solid #4b6584;color:#cbdcf3;font-size:9px;letter-spacing:.13em}.art-code{color:#8d9bb0}.vial-print{color:#131e2d}
.product-info{padding:23px}.product-info>span{color:#95a6bd;font-size:11px;letter-spacing:.07em}.product-info h3{font-size:21px;letter-spacing:-.025em;line-height:1.25;min-height:53px}.product-info>p{display:none}.product-info .research-status{background:#1e2b3b;color:#afc6e6;border:1px solid #33475e;font-size:8px;margin:10px 0 20px}
.product-info>div:last-child{border-color:#303c4d}.product-info>div:last-child>b{color:#e9f1ff;font-size:23px}.product-info .details{color:#c4d8f4;border-color:#536780;font-size:11px}.product-info .add{background:#c1d7f6;color:#101925;border:0}.size-choice{color:#a9b9d0}.size-choice select{background:#182332;color:#edf4ff;border-color:#3e5069}
.quality,.contact{background:#131c2a}.quality-list article,.accordions details{border-color:#344154}.quality-intro p,.quality-list p,.faq p{color:#aab7ca}.quality-intro a{color:#c5dcfb}
.faq,.product-guide{background:#0b0e13}.guide-directory article{background:#141c28;border-color:#303e53}.guide-directory article p{color:#b0bdd0}.guide-directory article small{color:#90a2bc}.guide-directory article header b{color:#f1f5fc}.guide-directory article header span{color:#aac6eb}
footer{background:#080b10;border-color:#263244}.footer-top p,.footer-top a{color:#a7b5ca}
@keyframes product-arrival{from{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:900px){.hero{min-height:0}.hero-copy{padding-top:40px;padding-bottom:16px}.hero h1{font-size:56px}.science{min-height:390px}.hero-product{height:390px}.science:after{bottom:50px}.hero .spec-a{top:25px}.hero .spec-b{bottom:30px}.categories{margin:0}.product-grid{gap:16px}}
@media(max-width:600px){.hero h1{font-size:46px}.hero .lede{font-size:14px}.science{min-height:340px}.hero-product{height:340px}.product-art.photo-art{height:220px}.product-info{padding:16px}.product-info h3{font-size:18px;min-height:45px}.product-info>div:last-child>b{font-size:21px}.product-grid{gap:12px}.product-info .research-status{font-size:7px}.service-bar{font-size:9px}}
@media(prefers-reduced-motion:reduce){.hero-product{animation:none}.product-card,.product-card:hover{transition:none;transform:none}}

/* Research navigation and accessible product information tabs. */
.materials-nav{position:relative}.materials-toggle{border:0;background:none;color:#c5d0e0;font:inherit;font-size:13px;cursor:pointer;padding:12px 0}.materials-toggle span{margin-left:7px;color:#91b8eb}.materials-toggle:hover,.materials-toggle[aria-expanded=true]{color:#fff}
.materials-menu{position:absolute;top:calc(100% + 12px);left:-18px;width:290px;padding:18px;background:#121a26;border:1px solid #3b4c65;border-radius:12px;box-shadow:0 25px 60px #0008;z-index:50}.materials-menu[hidden]{display:none!important}.menu-eyebrow{display:block;padding:0 10px 12px;color:#91accf;font-size:9px;letter-spacing:.16em}.materials-menu button,.materials-menu a{display:block;width:100%;padding:11px 10px;border:0;border-radius:6px;text-align:left;background:none;color:#e6edf7;font:inherit;font-size:13px;cursor:pointer;white-space:normal}.materials-menu small{display:block;color:#94a5bc;font-size:10px;margin-top:4px}.materials-menu button:hover,.materials-menu a:hover{background:#23324a}.menu-divider{height:1px;background:#334156;margin:10px 0}
.product-tabs{display:flex;gap:6px;margin:24px 0 18px;padding-bottom:8px;border-bottom:1px solid #43516a;overflow-x:auto}.product-tabs button{flex:0 0 auto;border:1px solid transparent;border-radius:6px;background:none;color:#a9b7cb;padding:10px 13px;font-family:inherit;font-size:12px;font-weight:600;line-height:1.4;cursor:pointer}.product-tabs button[aria-selected=true]{color:#f3f7ff;background:#2c405c;border-color:#546d91}.product-tabs button:focus-visible,.materials-toggle:focus-visible,.materials-menu button:focus-visible{outline:2px solid #b2d0ff;outline-offset:3px}
.product-tab-panels{min-height:235px}.product-tab-panels section[hidden]{display:none!important}.product-tab-panels section{animation:tab-arrive .2s ease;color:#b7c4d8}.product-tab-panels h3{color:#f1f5ff;margin-top:8px}.documentation-contact{display:inline-block;color:#cfdef6;border-bottom:1px solid #607eac;padding:8px 0}.documentation-note{font-size:12px;opacity:.8}.shipping-facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:18px 0}.shipping-facts span{background:#1c2b3e;border:1px solid #3b506e;padding:16px;border-radius:8px;font-size:11px}.shipping-facts b{display:block;color:#d9e8ff;font-size:22px;margin-bottom:8px}
@keyframes tab-arrive{from{opacity:.4;transform:translateY(4px)}to{opacity:1;transform:none}}
/* Six-second opening: calm light sweep, expanding rings, staged brand reveal. */
.welcome.extended-premiere{background:radial-gradient(ellipse at 50% 38%,#29497066,transparent 55%),linear-gradient(145deg,#080b12,#172338);overflow:auto}
.extended-premiere .welcome-aurora{filter:blur(45px);opacity:.35}.extended-premiere .welcome-aurora i{background:#5786c8}.extended-premiere .welcome-aurora i:nth-child(2){background:#7fa4d5}.extended-premiere .welcome-aurora i:nth-child(3){background:#38587c}
.extended-premiere .intro-flash{display:none}.extended-premiere .intro-cinematic{animation:cinematicExit 1.2s 4.5s ease forwards}.extended-premiere .intro-ignition{animation-duration:3s;box-shadow:0 0 20px 5px #b8d4fc,0 0 90px 35px #668cc755}
.extended-premiere .intro-ring-burst i{animation-duration:3.8s;border-color:#a6c6ee88}.extended-premiere .intro-ring-burst i:nth-child(2){border-color:#7ba7e488;animation-delay:.9s}.extended-premiere .intro-ring-burst i:nth-child(3){border-color:#d6e5ff55;animation-delay:1.5s}
.extended-premiere .intro-helix{animation-duration:3s;animation-delay:1s}.extended-premiere .intro-streaks i{animation-duration:2.6s;background:linear-gradient(90deg,#d0e0f6,#759bce77,transparent)}
.extended-premiere:not(.stage-age) .welcome-content{animation:contentImpact 1.2s 2.4s ease forwards}.extended-premiere:not(.stage-age) .intro-orbit{animation:emblemImpact 1.6s 2.2s ease both}.extended-premiere:not(.stage-age) .welcome-eyebrow{animation:revealUp 1s 3.1s ease both}.extended-premiere:not(.stage-age) h1{animation:titleImpact 1.4s 3.4s ease both;background:linear-gradient(115deg,#fff,#a4c7fa,#edf4ff);background-clip:text;-webkit-background-clip:text}.extended-premiere h1 em{color:#edf4ff;-webkit-text-fill-color:#edf4ff}
.extended-premiere:not(.stage-age) .welcome-content>p:not(.welcome-eyebrow){animation:revealUp 1s 4.1s ease both}.extended-premiere:not(.stage-age) .intro-points{animation:revealUp 1s 4.5s ease both}.extended-premiere:not(.stage-age) .welcome-enter{animation:revealUp 1s 4.8s ease both}.extended-premiere:not(.stage-age) .welcome-content>small{animation:revealUp 1s 5.1s ease both}
.extended-premiere .welcome-enter{background:#b9d3f5;color:#121b2a;border-color:#d9e8fc;box-shadow:0 10px 35px #6085bc33}.extended-premiere .welcome-enter:before{animation:none}.extended-premiere .welcome-mark{color:#b8d2f6;border-color:#95b6e766;background:#14223a}.extended-premiere .welcome-mark svg{stroke:#c5ddfc}.extended-premiere .intro-points span{border-color:#8daddd44;color:#b0c5e4}.extended-premiere .orbit{border-color:#a5c6f055}
.skip-premiere{position:absolute;top:max(24px,env(safe-area-inset-top));right:24px;z-index:12;border:1px solid #8eacd455;border-radius:99px;padding:10px 17px;color:#d4e2f7;background:#122038cc;font-size:12px;cursor:pointer}.skip-premiere:focus-visible{outline:2px solid #c1d9fa;outline-offset:4px}
.premiere-caption{position:absolute;inset:0;z-index:3;display:grid;place-items:center;pointer-events:none}.premiere-caption span{position:absolute;color:#c8d9f1;font-size:clamp(13px,2.1vw,24px);letter-spacing:.22em;text-align:center;opacity:0;padding:25px}.premiere-caption span:first-child{animation:premiere-caption 2.7s .2s ease both}.premiere-caption span:last-child{animation:premiere-caption 2.7s 1.6s ease both}
.premiere-beams{position:absolute;inset:0;z-index:1;overflow:hidden;pointer-events:none}.premiere-beams i{position:absolute;width:40%;height:160%;top:-30%;left:-60%;background:linear-gradient(90deg,transparent,#7396c515,transparent);transform:rotate(25deg);animation:premiere-beam 6s ease both}.premiere-beams i:nth-child(2){animation-delay:1s}.premiere-beams i:nth-child(3){animation-delay:2s}
@keyframes premiere-caption{0%,100%{opacity:0;transform:translateY(10px)}30%,65%{opacity:1;transform:translateY(0)}}
@keyframes premiere-beam{to{left:130%}}
.extended-premiere.stage-age{background:#111c2c}.extended-premiere.stage-age .welcome-content{opacity:1}.extended-premiere.stage-age h1{font-size:clamp(38px,6vw,64px);line-height:1.05}.extended-premiere.stage-age .premiere-beams,.extended-premiere.stage-age .premiere-caption{display:none}
@media(max-width:900px){.materials-menu{position:relative;top:0;left:0;max-width:100%;width:290px;margin-bottom:10px}.materials-toggle{padding:14px 0}.header nav{background:#111b2b}.shipping-facts{grid-template-columns:1fr}}
@media(max-width:600px){.extended-premiere .welcome-content{padding:24px 0}.extended-premiere h1{line-height:.95}.skip-premiere{right:16px;top:16px;font-size:11px}.product-tabs button{padding:9px;font-size:11px}}
@media(prefers-reduced-motion:reduce){.extended-premiere .intro-cinematic,.premiere-beams,.premiere-caption{display:none!important}.extended-premiere:not(.stage-age) .welcome-content,.extended-premiere:not(.stage-age) .welcome-content *{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}.product-tab-panels section{animation:none}}

/* Black & champagne gold direction. Keep content surfaces restrained. */
:root{--champagne:#dfbc77;--coral:#d4a756;--amethyst:#e5c893}
.logo em,.inverse em,.kicker,.materials-toggle span{color:#e0bd7a}.brand-symbol .hex,.brand-symbol .vial-line{stroke:#e2c38c}.brand-symbol .wave,.brand-symbol circle{stroke:#d2a75d;fill:#d2a75d}
.hero{background:radial-gradient(ellipse at 83% 45%,#7b5a2526,transparent 50%),linear-gradient(125deg,#0d0e11,#191713)}.hero-copy:before{color:#d9bc87;border-color:#6e5a38}.hero h1 span{background-image:linear-gradient(105deg,#fff6e6,#d8b36b,#f6e3bc)}
.primary,.product-info .add{background:linear-gradient(120deg,#efdcb3,#d1aa62);color:#211a0e;border-color:#efd5a2}.primary:hover{background:#f5e6c9;box-shadow:0 8px 28px #c09a4822}.cart-trigger{background:#433522}.cart-trigger b{background:#ddba76;color:#221a0d}
.catalog-offer b,.quality-intro a,.documentation-contact{color:#e2c58e}.filters button.active,.product-tabs button[aria-selected=true]{background:#463820;border-color:#8a6f43;color:#f9e8c6}.product-art .pill{color:#e6d0a5;background:#302819dd;border-color:#77613d}.product-card:hover{border-color:#a78952;box-shadow:0 16px 36px #0004}.product-info .research-status{color:#d7c29d;background:#2b251b;border-color:#584a32}.science:after{background:linear-gradient(90deg,transparent,#c5a367,transparent);box-shadow:0 0 40px 10px #a1782822}
.welcome.extended-premiere{background:radial-gradient(ellipse at 50% 38%,#94703933,transparent 52%),linear-gradient(145deg,#08090b,#1d1911)}
.extended-premiere:after{animation:none;background:radial-gradient(circle at 50% 50%,transparent 0 22%,#d6b57012 22.2% 22.45%,transparent 22.7% 32%,#f3d69b10 32.2% 32.45%,transparent 32.7%)}
.extended-premiere:before{background:conic-gradient(from 180deg at 50% 50%,transparent,#d6b56b0b,transparent,#f7dda416,transparent)}
.extended-premiere .welcome-aurora i{background:#b98f41}.extended-premiere .welcome-aurora i:nth-child(2){background:#e5c583}.extended-premiere .welcome-aurora i:nth-child(3){background:#7b5c27}
.extended-premiere .intro-ignition{background:#f8e4bd;box-shadow:0 0 24px 6px #f3ddb0,0 0 100px 35px #b7914555}.extended-premiere .intro-ring-burst i{border-color:#e4c38399}.extended-premiere .intro-ring-burst i:nth-child(2){border-color:#a8884c99}.extended-premiere .intro-ring-burst i:nth-child(3){border-color:#fff0cf55}
.extended-premiere .intro-streaks i{background:linear-gradient(90deg,#fff2d6,#d3b16b77,transparent)}.extended-premiere .intro-helix i{background:#efd6a3;box-shadow:0 0 18px #d5b36e}.extended-premiere .intro-helix i:after{background:linear-gradient(90deg,#dfbc7888,transparent)}
.extended-premiere:not(.stage-age) h1{background-image:linear-gradient(115deg,#fff5df 10%,#c99e50 48%,#f5dfac 68%,#b68a3d 95%);background-size:180% 100%;animation:titleImpact 1.4s 3.4s ease both,gold-letter-light 6s 4.5s ease-in-out infinite}.extended-premiere h1 em{color:#f7e6c5;-webkit-text-fill-color:#f7e6c5}
.extended-premiere .welcome-eyebrow{color:#dfc18a}.extended-premiere .welcome-mark{background:#231c12;border-color:#c5a36377;color:#e9cc94}.extended-premiere .welcome-mark svg{stroke:#f0d6a0}.extended-premiere .intro-orbit .welcome-mark{box-shadow:0 0 35px #b58a3c44,0 0 90px #ccaa6333;animation:gold-core-breathe 5s ease-in-out infinite}.extended-premiere .orbit,.extended-premiere .orbit-two,.extended-premiere .orbit-three{border-color:#d7b36c66}.extended-premiere .orbit:after{background:#f2ddae;box-shadow:0 0 16px #dfbf7e}
.extended-premiere .welcome-enter{background:linear-gradient(115deg,#f3deb4,#cba25b,#ecd3a2);color:#241b0c;border-color:#edc987;box-shadow:0 12px 40px #b3863522}.extended-premiere .welcome-enter:hover{box-shadow:0 15px 50px #c49b4e44}.extended-premiere .intro-points span{color:#dcc69e;border-color:#b9965444}.premiere-caption span{color:#e9cfa1}.premiere-beams i{background:linear-gradient(90deg,transparent,#d9b96e20,transparent)}
.gold-horizon{position:absolute;left:8%;right:8%;top:57%;height:1px;z-index:1;pointer-events:none;background:linear-gradient(90deg,transparent,#d6b066,#ffedc8,#d6b066,transparent);box-shadow:0 0 32px 9px #d6ad5722;animation:gold-horizon-reveal 5s ease both}
.extended-premiere.stage-age{background:radial-gradient(ellipse at center,#70522322,transparent 60%),#11110f}.extended-premiere .age-confirm{border-color:#8c74464d;color:#ede0c8}.extended-premiere .age-confirm input{accent-color:#d6b36d}
@keyframes gold-letter-light{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes gold-core-breathe{50%{transform:scale(1.05);box-shadow:0 0 48px #c59b4655,0 0 115px #e4bf6d33}}
@keyframes gold-horizon-reveal{0%{opacity:0;transform:scaleX(.02)}35%{opacity:.8;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1.1)}}
@media(prefers-reduced-motion:reduce){.extended-premiere .gold-horizon{display:none}.extended-premiere:not(.stage-age) h1,.extended-premiere .intro-orbit .welcome-mark{animation:none!important}}