/* Four distinct scientific worlds; motion is decorative and respects reduced-motion. */
body{--era:#70edff;--era-alt:#bc95ff;--era-glow:#3c7eff33;--era-shadow:#29204a;overflow-x:hidden}
body.abl-era-energy{--era:#ffca6f;--era-alt:#75caff;--era-glow:#b66a2533;--era-shadow:#352622;background:radial-gradient(ellipse at 90% 8%,#a1641a40,transparent 40%),#080c19}
body.abl-era-hydration{--era:#75f7ee;--era-alt:#6dc9ff;--era-glow:#36dcd833;--era-shadow:#123b44;background:radial-gradient(ellipse at 90% 8%,#126f7545,transparent 40%),#080c19}
body.abl-era-recovery{--era:#d2a0ff;--era-alt:#ff93c7;--era-glow:#a043db33;--era-shadow:#382044;background:radial-gradient(ellipse at 90% 8%,#7827a04d,transparent 40%),#080c19}
.eyebrow,.header nav a:hover,.card-tag,.brand,.price-row>a,.account-link{color:var(--era)}
.header{height:104px;max-width:none;padding-inline:5%;background:#080c19dc;backdrop-filter:blur(18px);border-bottom:1px solid #91baff24}
.header .abl-logo{width:174px}.header nav{gap:30px}.header nav a{font-size:14px;letter-spacing:.03em}
.science-hero{max-width:1440px;margin:34px auto 0;padding:0 5%;display:grid;grid-template-columns:.95fr 1.05fr;min-height:660px;gap:36px;align-items:center}
.science-copy{position:relative;z-index:2;padding-block:35px}.science-copy .eyebrow{font-size:11px;letter-spacing:.24em;display:flex;align-items:center;gap:12px}.science-copy .eyebrow:before{content:'';width:30px;height:1px;background:var(--era)}
.science-copy h1{font-size:clamp(52px,5.5vw,88px);line-height:1.02;letter-spacing:-.065em;font-weight:800;max-width:650px;margin:26px 0}.science-copy h1 span{color:var(--era);background:linear-gradient(110deg,var(--era),var(--era-alt));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.science-copy>p:not(.eyebrow){font-size:17px;line-height:1.8;color:#b8c8e0;max-width:460px}.science-copy .primary{display:inline-flex;margin-top:28px;background:linear-gradient(110deg,var(--era),var(--era-alt));color:#081320}
.science-index{display:flex;align-items:center;gap:16px;margin-top:50px;font:11px/1.6 monospace;letter-spacing:.1em;color:#8cabc8}.science-index:before{content:'';width:8px;height:8px;border-radius:50%;background:var(--era);box-shadow:0 0 17px var(--era)}
.science-stage{--depth-x:0deg;--depth-y:0deg;position:relative;min-width:0;perspective:1200px;isolation:isolate}
.science-stage:before{content:'';position:absolute;inset:8% -4% 6%;border-radius:50%;background:radial-gradient(ellipse,var(--era-glow),transparent 68%);filter:blur(25px);z-index:-1}
.science-art{position:relative;border:1px solid #92a9dd36;border-radius:26px;overflow:hidden;box-shadow:0 22px 0 #030716,0 23px 0 #778ab242,0 45px 70px #0008;transform:rotateX(var(--depth-x)) rotateY(var(--depth-y));transition:transform .22s ease-out;aspect-ratio:4/5;background:#060d1b}
.science-art>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s;filter:saturate(1.02)}
.science-art:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,#0a132a00 55%,#060c19d9);pointer-events:none}
.science-stage.is-category .science-art{aspect-ratio:1/1.08}.science-stage.is-category .science-art>img{object-position:center}
.science-stage-label{position:absolute;bottom:25px;left:26px;right:26px;display:flex;align-items:end;justify-content:space-between;gap:15px;color:#e4f3ff;font:11px/1.5 monospace;letter-spacing:.08em;z-index:1}.science-stage-label span:last-child{color:var(--era)}
.orbit-label{position:absolute;z-index:3;display:flex;gap:12px;align-items:center;padding:17px 20px;border:1px solid #afcaff55;background:#121d32eb;backdrop-filter:blur(20px);border-radius:12px;box-shadow:0 12px 25px #0006;transform:translateZ(30px);font-size:12px;letter-spacing:.05em;white-space:nowrap;color:#e7f3ff}.orbit-label:before{content:'';width:8px;height:8px;box-shadow:0 0 15px currentColor;border-radius:50%;background:currentColor}.orbit-label.energy{top:16%;left:-32px;color:#ffcc7a}.orbit-label.hydration{top:46%;right:-25px;color:#82f4ed}.orbit-label.recovery{bottom:17%;left:-30px;color:#cfacff}
.science-dimensions{position:absolute;top:20px;left:20px;width:44px;height:44px;border-left:1px solid #9de5ff55;border-top:1px solid #9de5ff55;z-index:1}
.era-navigation{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;max-width:1280px;margin:70px auto 0;padding-inline:24px}
.era-card{position:relative;display:block;overflow:hidden;height:230px;border:1px solid #637da255;border-radius:17px;background:#0d192a;text-decoration:none;box-shadow:0 7px 0 #030914,0 18px 35px #0005;transition:transform .25s,border-color .25s}
.era-card>img{width:100%;height:100%;object-fit:cover;opacity:.64;transition:transform .4s,opacity .4s}.era-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#061020f5,#0a122140)}.era-card>div{position:absolute;inset:auto 23px 22px;z-index:1;color:#fff}.era-card small{color:#c4d4e8;font:10px/1.6 monospace;letter-spacing:.14em}.era-card strong{font-size:29px;font-weight:650;letter-spacing:-.04em;display:block;margin:8px 0}.era-card span{font-size:12px;color:#d0dced}.era-card[aria-current=page]{border-color:var(--era);box-shadow:0 7px 0 #030914,0 18px 35px var(--era-glow)}
.era-card:hover{transform:translateY(-7px);border-color:#9bdfff}.era-card:hover>img{transform:scale(1.06);opacity:.9}
.catalogue{max-width:1280px;margin-inline:auto;padding-inline:24px}.catalogue .section-heading h2{font-size:clamp(30px,3vw,44px);line-height:1.2;letter-spacing:-.04em}.product-card{--accent:var(--era);background:linear-gradient(145deg,#1b2a42,#0e1829);border-color:#526a8e77;transition:transform .3s,box-shadow .3s,border-color .3s}.product-card:nth-child(3n+2),.product-card:nth-child(3n){--accent:var(--era)}.product-card .photo-button{background:radial-gradient(ellipse at 50% 20%,#fff,#e1eaf5);box-shadow:0 8px 0 #8aafd233,0 20px 28px #0005}.product-card:hover .photo-button .crop{filter:drop-shadow(0 12px 10px #090f2066)}
.science-story{max-width:1280px;margin:30px auto 90px;padding:0 24px;display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}.science-story-art{border-radius:24px;border:1px solid #99b9e149;overflow:hidden;aspect-ratio:4/5;box-shadow:0 25px 50px #0006}.science-story-art img{display:block;width:100%;height:100%;object-fit:cover}.science-story h2{font-size:clamp(34px,4vw,58px);line-height:1.1;letter-spacing:-.05em}.science-story p{color:#b6c7df;line-height:1.8}.science-story-list{display:grid;gap:20px;margin-top:30px}.science-story-list>a{padding:18px 0;border-top:1px solid #6c87b040;display:flex;align-items:center;justify-content:space-between;color:#f1f7ff;text-decoration:none}.science-story-list strong{font-size:18px;font-weight:500}.science-story-list span{color:var(--era)}.art-note{font-size:11px!important;color:#8ea2be!important;margin-top:20px}
body.woocommerce .abl-woocommerce{background-image:linear-gradient(#080c19c9,#080c19fa),url(science-energy.png);background-size:cover;background-position:top center;border-radius:20px}body.abl-era-hydration.woocommerce .abl-woocommerce{background-image:linear-gradient(#080c19c9,#080c19fa),url(science-hydration.png)}body.abl-era-recovery.woocommerce .abl-woocommerce{background-image:linear-gradient(#080c19c9,#080c19fa),url(science-recovery.png)}
@media(hover:hover) and (pointer:fine){.product-card:hover{transform:perspective(1100px) translateY(-11px) rotateX(var(--depth-x,0deg)) rotateY(var(--depth-y,0deg));box-shadow:0 12px 0 #030714,0 13px 0 #617d9c,0 35px 50px #0009,0 0 28px var(--era-glow)}}
@media(max-width:1000px){.science-hero{gap:25px;min-height:560px}.science-copy h1{font-size:60px}.science-copy>p:not(.eyebrow){font-size:15px}.orbit-label{padding:12px 13px;font-size:10px}.orbit-label.energy{left:-16px}.orbit-label.hydration{right:-10px}.orbit-label.recovery{left:-16px}.science-story{gap:35px}.era-card{height:210px}}
@media(max-width:700px){.header{height:83px}.header .abl-logo{width:145px}.science-hero{grid-template-columns:1fr;margin-top:0;padding:0 24px;gap:24px}.science-copy{padding-block:40px 6px}.science-copy h1{font-size:clamp(49px,14vw,76px);margin:22px 0}.science-copy>p:not(.eyebrow){font-size:16px}.science-copy .primary{margin-top:20px}.science-index{margin-top:30px}.science-stage{margin:5px 9px 20px}.science-art{aspect-ratio:4/4.7;border-radius:20px}.science-stage.is-category .science-art{aspect-ratio:1/1}.orbit-label.energy{left:-15px;top:17%}.orbit-label.hydration{right:-15px;top:49%}.orbit-label.recovery{left:-15px;bottom:18%}.science-stage-label{left:19px;right:19px;font-size:9px}.era-navigation{gap:12px;margin-top:40px;grid-template-columns:1fr}.era-card{height:190px}.era-card>img{object-position:center 45%}.era-card strong{font-size:27px}.catalogue{padding-top:50px}.science-story{grid-template-columns:1fr;gap:38px;margin-bottom:60px}.science-story-art{max-height:540px;order:2}.science-story-copy{order:1}.science-story h2{font-size:42px}.science-story p{font-size:15px}.science-story-list{margin-top:22px}}
@media(prefers-reduced-motion:reduce){.science-art,.product-card,.era-card,.era-card>img{transform:none!important;transition:none!important}}
