/* Aegis story system. Page content, product labels and controls stay live HTML. */
:root {
  --story-red: #f04453;
  --story-paper: #f1eeea;
  --story-muted: #a7abb5;
  --story-line: rgba(225,231,241,.15);
  --story-ease: cubic-bezier(.22,.7,.2,1);
}
body[data-story] { background-color:#08090b; }
body[data-story]:not([data-story="home"]) {
  background-image:radial-gradient(ellipse 85% 580px at 85% 150px,rgba(108,21,33,.12),transparent 75%);
}
.story-main { --shell:min(1280px,calc(100% - 96px)); max-width:1280px; padding-top:30px; padding-bottom:100px; }
.story-main .cmp-crumbs {font:10px/1.8 var(--mono,monospace);letter-spacing:.04em;margin-bottom:24px;color:#969aa4;}
.story-main .cmp-crumbs a {color:#a7abb5;}
.story-main .cmp-crumbs strong {font-weight:400;color:#e5e4e5;}
.story-main .cmp-eyebrow,.story-main .rv-kicker {font:10px/1.5 var(--mono,monospace);letter-spacing:.16em;color:#ff6672;}
.story-main :is(.cmp-hero,.cmp-band,.story-intro) { margin-bottom:0;border-radius:3px; }
.story-main h1 {text-wrap:balance;letter-spacing:-.062em;font-weight:480;}
.story-main p {line-height:1.85;}
.story-main :is(.cmp-lede,.rv-lead) {color:#b7bac3;line-height:1.85;}
.story-main > p,.story-main > .cmp-list {max-width:76ch;}

/* Chapter opening: large composition, a restrained technical orbit and live type. */
.story-intro {
  position:relative;isolation:isolate;overflow:hidden;min-height:440px;display:flex;flex-direction:column;
  justify-content:center;padding:64px 54px;border:1px solid var(--story-line);
  background:radial-gradient(ellipse at 100% 10%,#70152335,transparent 66%),linear-gradient(125deg,#17191f,#0a0b0f 75%);
}
.story-intro::before {content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background:linear-gradient(90deg,transparent 49.9%,#ffffff05 50%,transparent 50.1%),linear-gradient(transparent 49.9%,#ffffff04 50%,transparent 50.1%);background-size:110px 110px;}
.story-intro::after {content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,var(--story-red),#f0445310 80%);}
.story-main .story-intro h1 {font-size:clamp(42px,5.9vw,85px);line-height:1.02;max-width:15ch;margin-bottom:25px;position:relative;z-index:2;}
.story-main .story-intro .cmp-lede {max-width:55ch;margin-bottom:0;position:relative;z-index:2;}
.story-intro .cmp-eyebrow {margin-bottom:30px;position:relative;z-index:2;}
.story-orbit {position:absolute;z-index:-1;width:420px;aspect-ratio:1;right:-70px;top:calc(50% - 210px);border:1px solid #ef465333;border-radius:50%;
  transform:translateY(var(--scene-shift,0px)) rotate(var(--scene-turn,-16deg));transition:transform .2s linear;pointer-events:none;}
.story-orbit::before,.story-orbit::after {content:"";position:absolute;inset:18%;border:1px solid #ffffff12;border-radius:50%;}
.story-orbit::after {inset:37%;border-color:#f0445370;background:radial-gradient(circle,#ef35450d,transparent);box-shadow:0 0 75px #ef35450d;}
.story-orbit i {position:absolute;inset:0;border:1px solid #ffffff1c;border-radius:50%;transform:rotate(-38deg) scaleX(.4);}
.story-orbit i:nth-child(2) {transform:rotate(38deg) scaleX(.4);}
.story-orbit i:nth-child(3) {inset:5%;border:0;animation:story-orbit-turn 25s linear infinite;}
.story-orbit i:nth-child(3)::after {content:"";position:absolute;top:0;left:50%;width:7px;height:7px;border-radius:50%;background:#f04453;box-shadow:0 0 20px #f04453a0;}

/* Section rails carry visitors through the actual content of each page. */
.story-index {display:flex;align-items:stretch;gap:0;margin:0 0 54px;padding:0;border:1px solid var(--story-line);border-top:0;background:#101115;overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#555863 #101115;}
.story-index a {position:relative;flex:1 0 auto;max-width:330px;padding:20px 24px;min-height:58px;display:flex;align-items:center;
  font:10px/1.5 var(--mono,monospace);text-decoration:none;color:#bdc0c8;border-right:1px solid var(--story-line);transition:background .25s,color .25s;}
.story-index a:last-child{border-right:0;}
.story-index a::after{content:"↗";margin-left:24px;color:#e34e5b;}
.story-index a:hover,.story-index a:focus-visible{background:#211317;color:#fff;}
.story-index a:focus-visible{outline:2px solid #f04453;outline-offset:-3px;}
.story-main h2.story-heading {position:relative;border-top:1px solid #ffffff1c;padding-top:30px;margin:70px 0 26px;
  font-size:clamp(25px,3.15vw,42px);line-height:1.18;letter-spacing:-.045em;font-weight:480;scroll-margin-top:115px;}
.story-main h2.story-heading::before {content:attr(data-chapter) " /";display:block;font:10px/1 var(--mono,monospace);letter-spacing:.12em;color:#ef6874;margin-bottom:17px;}
.story-main .cmp-article h2.story-heading {font-size:clamp(26px,2.7vw,36px);}
.story-main .cmp-dl {gap:1px;background:var(--story-line);border:1px solid var(--story-line);border-radius:2px;overflow:hidden;margin:0 0 24px;}
.story-main .cmp-dl > div {padding:24px;background:#101217;border-radius:0;}
.story-main .cmp-dl dt {font:10px/1.6 var(--mono,monospace);letter-spacing:.09em;color:#9fa5af;margin-bottom:12px;}
.story-main .cmp-dl dd {font-size:16px;line-height:1.55;}
.story-main .cmp-dl > div::after {display:none;}
.story-main .cmp-dl > div:hover {transform:none;background:#15171d;box-shadow:none;}

/* Every material opens on a named, branded specimen: CSS glass and a real label. */
[data-story="material"] .cmp-hero {grid-template-columns:minmax(300px,.85fr) minmax(0,1.15fr);min-height:535px;background:#101116;border:1px solid var(--story-line);box-shadow:0 30px 80px #0003;}
[data-story="material"] .cmp-hero-media {background:#0a0b0e;min-height:535px;}
[data-story="material"] .cmp-hero-body {padding:54px;}
[data-story="material"] .cmp-hero-body h1 {font-size:clamp(37px,4.25vw,62px);line-height:1.06;overflow-wrap:anywhere;margin-bottom:25px;}
[data-story="material"] .cmp-hero-body .cmp-eyebrow {margin-bottom:28px;}
[data-story="material"] .cmp-hero-body .cmp-lede {font-size:15px;}
[data-story="material"] .cmp-stats {margin-top:35px;padding-top:26px;gap:18px 0;}
[data-story="material"] .cmp-stats div {padding:0 15px;min-width:100px;}
[data-story="material"] .cmp-stats div:first-child{padding-left:0;}
[data-story="material"] .cmp-stats dt {font:9px/1.5 var(--mono,monospace);letter-spacing:.1em;color:#969ba6;}
[data-story="material"] .cmp-stats dd {font-size:16px;color:#f0eff0;}
.story-vial-stage {position:relative;isolation:isolate;display:flex;align-items:center;justify-content:center;min-height:535px;height:100%;overflow:hidden;
  background:radial-gradient(ellipse at 48% 49%,#31374255,transparent 55%),radial-gradient(ellipse at 5% 40%,#c3294322,transparent 60%),#090b0f;}
.story-vial-stage::before {content:"";position:absolute;inset:25px;border:1px solid #ffffff08;pointer-events:none;}
.story-vial-stage::after {content:"";position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff0a;z-index:-2;}
.story-vial {position:relative;width:172px;height:282px;z-index:2;filter:drop-shadow(18px 28px 23px #0009);
  transform:translateY(var(--scene-shift,0px)) rotate(calc(-8deg + var(--scene-turn,0deg)));transition:transform .18s linear;}
.vial-cap {position:absolute;top:0;left:20px;width:132px;height:42px;border-radius:12px 12px 5px 5px;z-index:5;
  background:linear-gradient(90deg,#3e424b,#a7acb3 14%,#e9e9e6 22%,#787f89 34%,#bbbfc3 55%,#535a65 83%,#20242c),repeating-linear-gradient(90deg,transparent 0 2px,#0009 2px 3px);
  box-shadow:inset 0 2px 1px #fff9,inset 0 -6px 9px #0006,0 4px 9px #0007;border:1px solid #969ca588;}
.vial-cap::before {content:"";position:absolute;inset:1px 4px auto;height:8px;border-radius:50%;background:linear-gradient(90deg,#686d76,#dedfdf 45%,#686e77);box-shadow:0 1px 2px #0008;}
.vial-cap::after {content:"";position:absolute;inset:10px 1px 4px;opacity:.4;background:repeating-linear-gradient(90deg,transparent 0 3px,#0a101980 3px 4px);border-radius:3px;}
.vial-neck {position:absolute;top:32px;left:33px;width:106px;height:38px;z-index:3;background:linear-gradient(90deg,#404854,#d9e2ea99 14%,#333b47 31%,#b1bbc640 65%,#3c4653);border:1px solid #9ca8b355;}
.vial-glass {position:absolute;top:56px;bottom:0;left:0;right:0;border-radius:34px 34px 19px 19px;border:1px solid #acb8c777;
  background:linear-gradient(90deg,#1d242cdd,#b4c5d457 5%,#effaff50 9%,#353d4555 16%,#12172055 37%,#c8d4df22 70%,#eaf7ff55 92%,#141e29c9),linear-gradient(0deg,#c7d1d455 0 9%,#63717a14 15%,transparent 40%);
  box-shadow:inset 4px 0 4px #e4f3ff20,inset -5px 0 7px #ffffff26,inset 0 -6px 1px #e4edf950;overflow:hidden;}
.vial-glass::before {content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 20%,#ffffff22 28%,transparent 38%,transparent 61%,#ffffff1b 73%,transparent 78%);z-index:4;pointer-events:none;}
.vial-glass::after {content:"";position:absolute;bottom:12px;left:14px;right:14px;height:18px;border-radius:50%;background:radial-gradient(ellipse,#e7e7e1bb,#b3beb570 67%,transparent 70%);box-shadow:0 5px 15px #dfe8e328;}
.vial-label {position:absolute;top:44px;left:5px;right:5px;min-height:130px;padding:15px 14px 12px;display:flex;flex-direction:column;align-items:flex-start;
  background:linear-gradient(90deg,#c7c8c7,#f2f1ea 13%,#e8e7e1 70%,#caccc9 93%,#a4a8a8);color:#111216;border-block:1px solid #fff7;box-shadow:0 2px 3px #0004;}
.vial-label strong {display:flex;align-items:baseline;gap:5px;font:800 23px/.9 var(--display,sans-serif);letter-spacing:-1.6px;color:#0e1218;white-space:nowrap;}
.vial-label strong span {font-size:15px;color:#b12535;letter-spacing:-.7px;}
.vial-label small {font:5px/1.4 var(--mono,monospace);font-weight:600;letter-spacing:.13em;color:#42464c;margin-top:6px;}
.vial-label b {display:block;max-width:100%;margin:15px 0 12px;font:650 13px/1.15 var(--display,sans-serif);letter-spacing:-.035em;overflow-wrap:anywhere;color:#11151b;}
.vial-label em {font:normal 6px/1.2 var(--mono,monospace);letter-spacing:.09em;border-top:2px solid #c33343;padding-top:7px;width:100%;color:#4b5055;margin-top:auto;}
.vial-orbit {position:absolute;width:340px;height:340px;border:1px solid #ef354528;border-radius:50%;z-index:-1;transform:rotate(-25deg) scaleY(.73);}
.vial-orbit::before {content:"";position:absolute;inset:30px;border:1px solid #c6d0df12;border-radius:50%;}
.vial-orbit::after {content:"";position:absolute;width:6px;height:6px;left:14%;top:13%;border-radius:50%;background:#f34f60;box-shadow:0 0 12px #ee425a99;}
.vial-caption {position:absolute;left:26px;right:26px;bottom:23px;font:8px/1.6 var(--mono,monospace);letter-spacing:.025em;text-align:center;color:#989da9;}

/* Collections: wide, photographic opening followed by sharp catalogue tables. */
[data-story="collection"] .cmp-hero {grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);min-height:440px;border:1px solid var(--story-line);background:#111318;}
[data-story="collection"] .cmp-hero-media {min-height:440px;}
[data-story="collection"] .cmp-hero-media img {filter:saturate(.45) contrast(1.08);object-position:center;}
[data-story="collection"] .cmp-hero-wash {background:linear-gradient(90deg,transparent,#111318 100%),linear-gradient(0deg,#08090b50,#c7213920);}
[data-story="collection"] .cmp-hero-body {padding:48px;}
[data-story="collection"] .cmp-hero-body h1 {font-size:clamp(40px,5vw,72px);line-height:1.05;margin-bottom:24px;}
[data-story="collection"] .cmp-stats {margin-top:30px;padding-top:24px;}
.story-main .cmp-scroll {border:1px solid #ffffff19;border-radius:2px;background:#0f1115;box-shadow:0 16px 45px #0002;}
.story-main .cmp-table {font-size:14px;}
.story-main .cmp-table th,.story-main .cmp-table td {padding:18px 21px;border-color:#ffffff0e;}
.story-main .cmp-table thead th {background:#17191f;font:9px/1.7 var(--mono,monospace);letter-spacing:.12em;color:#b4b8c2;padding-block:19px;}
.story-main .cmp-cap {font:10px/1.6 var(--mono,monospace);padding:21px;color:#bdc0c8;background:linear-gradient(100deg,#28151b,#101217);}
.story-main .cmp-table tbody tr:hover {background:#201519;}
.story-main .cmp-add {min-height:44px;padding:11px 18px;border-radius:2px;font-size:12px;}
.story-main .cmp-price {color:#ff7180;}
.story-main .cmp-index {gap:8px;margin:24px 0;}
.story-main .cmp-index a {border-radius:2px;min-height:42px;padding:11px 15px;background:#111318;border-color:#ffffff1c;font-size:12px;}
.story-main .cmp-cards {gap:18px;margin-top:24px;}
.story-main .cmp-cards li {padding:32px;min-height:170px;border:1px solid #ffffff17;border-radius:3px;background:radial-gradient(ellipse at 0 0,#7623371c,transparent 80%),#111318;}
.story-main .cmp-cards h3 {font-size:22px;letter-spacing:-.035em;font-weight:500;line-height:1.25;margin-bottom:17px;}
.story-main .cmp-cards p {font-size:13px;line-height:1.8;color:#a6aab5;}
.story-main .cmp-cards li:hover {border-color:#f0445366;transform:translateY(-5px);box-shadow:0 20px 45px #0003;}

/* Editorial stories have a wide cinematic opener and comfortable text measure. */
[data-story="journal"] .cmp-band {min-height:430px;border:1px solid #ffffff20;}
[data-story="journal"] .cmp-band-img {filter:saturate(.35);transform:scale(1.03);object-position:center;}
[data-story="journal"] .cmp-band-scrim {background:linear-gradient(90deg,#080a0eed,#080a0eb5 50%,#080a0e48),linear-gradient(0deg,#08090b88,transparent);}
[data-story="journal"] .cmp-band-body {min-height:430px;padding:65px 55px;}
[data-story="journal"] .cmp-band-body h1 {font-size:clamp(42px,5.4vw,76px);line-height:1.06;max-width:18ch;margin-bottom:25px;}
[data-story="journal"] .cmp-band-body .cmp-eyebrow {margin-bottom:30px;}
[data-story="journal"] .cmp-band-body .cmp-lede {max-width:62ch;}
[data-story="journal"] .cmp-article {max-width:78ch;margin:0 auto;}
[data-story="journal"] .cmp-article p {font-size:17px;line-height:1.9;color:#bec1ca;}
[data-story="journal"] .cmp-article h3 {font-size:23px;letter-spacing:-.035em;font-weight:550;margin-top:35px;}
[data-story="journal"] .cmp-article ul {font-size:16px;line-height:1.8;}
[data-story="journal"] .cmp-article > p:first-of-type {font-size:19px;color:#e0e1e6;}
.story-main .gl-nav {background:#101217;border:1px solid #ffffff1a;border-radius:2px;padding:19px;gap:8px;}
.story-main .gl-nav a {min-height:38px;min-width:36px;display:grid;place-items:center;border-radius:2px;font-family:var(--mono,monospace);}
.story-main .gl-term {padding:28px;border-radius:3px;border:1px solid #ffffff17;background:linear-gradient(135deg,#171a20,#0e1014);}
.story-main .gl-term dt {font-size:23px;letter-spacing:-.035em;}

/* Instruments: a control surface and luminous readouts with functional motion. */
[data-story="instruments"] .story-orbit {border-radius:2px;width:380px;height:290px;top:calc(50% - 145px);right:45px;border-color:#ef35452e;transform:rotate(-12deg) translateY(var(--scene-shift,0px));background:repeating-linear-gradient(0deg,transparent 0 28px,#ffffff0a 28px 29px);}
[data-story="instruments"] .story-orbit::before {inset:16% 20%;border-color:#ef354550;border-radius:0;transform:rotate(24deg);}
[data-story="instruments"] .story-orbit::after {inset:39% 32%;border-radius:0;background:#ef354510;}
[data-story="instruments"] .story-orbit i {display:none;}
.story-main .calc {gap:28px;grid-template-columns:minmax(0,1fr) minmax(270px,.6fr);}
.story-main .calc-input {max-width:none;margin-bottom:22px;}
.story-main .calc-input>label {font:10px/1.8 var(--mono,monospace);letter-spacing:.1em;color:#b2b7c2;}
.story-main .calc-select {min-height:52px;border-radius:3px;border-color:#ffffff22;background:#15171e;}
.story-main .calc :is(input:not([type="range"]),select) {min-height:48px;}
.story-main .calc-modes {border-radius:3px;background:#111319;border-color:#ffffff1c;padding:5px;}
.story-main .calc-mode {border-radius:2px;min-height:44px;}
.story-main .calc-chip {min-height:42px;border-radius:3px;background:#13151b;}
.story-main .calc-hero {border-radius:3px;padding:30px;background:radial-gradient(ellipse at 0 100%,#bd253b24,transparent 80%),#14171d;border-color:#ef35453d;box-shadow:0 15px 50px #0003;}
.story-main .calc-hero .num {font-size:clamp(43px,5vw,68px);font-weight:450;letter-spacing:-.06em;color:#ff6374;text-shadow:0 0 32px #ef354527;}
.story-main .calc-hero .lab {font:10px/1.6 var(--mono,monospace);margin-bottom:19px;}
.story-main .calc-copy {min-height:36px;border-radius:2px;}
.story-main .calc-grid {border-radius:3px;border-color:#ffffff19;background:#ffffff19;}
.story-main .calc-cell {padding:22px;background:#111419;}
.story-main .calc-cell dd {font-size:25px;font-weight:450;letter-spacing:-.035em;}
.story-main .calc-vis {padding:35px 22px;background:radial-gradient(ellipse at 50% 25%,#7b233026,transparent 65%),#101218;border:1px solid #ffffff1c;border-radius:3px;}
.story-main .calc-vis svg {filter:drop-shadow(0 5px 14px #f044531a);}
.story-main .calc-vis b {font-size:29px;letter-spacing:-.04em;font-weight:450;}
.story-main .calc-more {border-radius:3px;background:#111318;border-color:#ffffff20;}
.story-main .calc-more summary {min-height:48px;}
.story-main .calc-slider {height:32px;}
.story-main .calc-slider::-webkit-slider-thumb {width:22px;height:22px;margin-top:-9px;box-shadow:0 0 0 5px #f044531a;}
.story-main .calc-slider::-moz-range-thumb {width:19px;height:19px;box-shadow:0 0 0 5px #f044531a;}

/* Customer voices remain grounded in real reviews and verified order controls. */
[data-story="voices"] .rv-hero {position:relative;isolation:isolate;padding:60px 0 65px;gap:60px;border-color:#ffffff1a;}
[data-story="voices"] .rv-hero::before {content:"“";position:absolute;right:30%;top:-90px;z-index:-1;font:500 450px/1 Georgia,serif;color:#f044530d;pointer-events:none;}
[data-story="voices"] .rv-hero h1 {font-size:clamp(49px,6.4vw,88px);font-weight:450;letter-spacing:-.07em;}
[data-story="voices"] .rv-hero h1 span {color:#f15a68;}
[data-story="voices"] .rv-trust {position:relative;padding:35px;border-radius:3px;border-color:#f0445340;background:radial-gradient(ellipse at 100% 0,#a8233930,transparent 85%),#121419;box-shadow:0 30px 65px #0003;}
[data-story="voices"] .rv-trust-mark {border-radius:2px;background:#421b24;border-color:#f0445350;color:#ff6a79;}
[data-story="voices"] .rv-trust h2 {font-size:28px;letter-spacing:-.045em;}
[data-story="voices"] .rv-trust li {color:#b6bac5;}
[data-story="voices"] .rv-trust .rv-text-link {border-color:#ffffff1a;color:#efb7bd;}
[data-story="voices"] .rv-hero+.story-index {border-top:0;margin-bottom:55px;}
[data-story="voices"] .rv-section-heading h2.story-heading {margin-top:0;font-size:34px;border-top:0;padding-top:0;}
[data-story="voices"] .rv-writing {background:#111318;border-color:#ffffff1c;border-radius:3px;}
[data-story="voices"] .rv-form :is(input:not([type="radio"]):not([type="checkbox"]),select,textarea),[data-story="voices"] .rv-browse select {background:#0d0f14;border-color:#ffffff24;border-radius:3px;color:#eeeef1;}
[data-story="voices"] .rv-hero .button {border-radius:3px;}
[data-story="voices"] .rv-card {border-radius:3px;border-color:#ffffff1a;background:linear-gradient(145deg,#171920,#101217);}
[data-story="voices"] .rv-footer {background:#0b0d10;border-color:#ffffff17;}
[data-story="voices"] .rv-footer-brand span {color:#f04453;}

/* Standards and assistance: clear text, deliberate space, and responsive details. */
[data-story="standards"] .story-intro {background:radial-gradient(ellipse at 93% 100%,#65142740,transparent 70%),linear-gradient(130deg,#17191e,#0b0c10);}
[data-story="standards"] .story-orbit {right:0;opacity:.65;transform:rotate(-30deg) translateY(var(--scene-shift,0px));}
.story-main .cmp-faq {border-radius:3px;border:1px solid #ffffff16;background:#111318;margin-bottom:10px;}
.story-main .cmp-faq summary {padding:23px 25px;font-size:16px;line-height:1.5;}
.story-main .cmp-faq>div {padding:0 25px 23px;border-color:#ffffff10;}
.story-main .cmp-faq[open] {background:linear-gradient(130deg,#211419,#111318);border-color:#f0445340;}
.story-main .cmp-faq summary::after {margin-left:15px;color:#ff6273;}
.story-main .cmp-faq>div p {font-size:15px;line-height:1.85;}
[data-story] .cmp-footer {margin-top:0;background:linear-gradient(160deg,#161016,#090b0e 70%);border-top:1px solid #ffffff1a;padding-block:60px;}
[data-story] .cmp-footer h2 {color:#d2d3da;}

/* Commerce is part of the visual story, with calm, stable interactive controls. */
[data-story="home"] .catalog-controls-wrap {border-color:#ffffff22;background:linear-gradient(120deg,#17191f,#111218);border-radius:3px;box-shadow:0 22px 65px #0003;}
[data-story="home"] .catalog-overview {border-color:#ffffff1b;background:linear-gradient(110deg,#27141b,#111318);}
[data-story="home"] .catalog-overview strong {color:#eceef2;}
[data-story="home"] .catalog-section-title {letter-spacing:-.035em;}
[data-story="home"] .product-card {background:radial-gradient(ellipse at 100% 0,#a8223620,transparent 60%),#111318;}
[data-story="home"] .product-card:focus-within {border-color:#f0445380;box-shadow:0 0 0 1px #f0445320;}
[data-story="home"] .checkout-card {border-radius:3px;border-color:#ffffff20;background:linear-gradient(145deg,#16181e,#101217);box-shadow:0 25px 70px #0003;}
[data-story="home"] .checkout-card-head {background:linear-gradient(100deg,#29161d,#16181e);border-color:#ffffff18;}
[data-story="home"] .checkout-card-head h2 {font-weight:480;letter-spacing:-.035em;}
[data-story="home"] .checkout-totals {border-color:#ffffff16;}
[data-story="home"] .order-fields :is(input,select,textarea) {border-radius:3px;background:#0c0e13;border-color:#ffffff23;}
[data-story="home"] .order-fields :is(input,select,textarea):focus {border-color:#f04453;box-shadow:0 0 0 3px #f0445315;}
[data-story] .cart-drawer {background:linear-gradient(160deg,#18151b,#0d0f14);border-color:#ffffff24;}
[data-story] .cart-drawer .drawer-head {border-color:#ffffff1c;}

/* Small screens get composed scenes, not a shrunken desktop layout. */
@media (max-width:1050px) {
  .story-main {--shell:min(100% - 56px,1280px);}
  .story-intro {padding:45px;min-height:400px;}
  .story-orbit {right:-170px;opacity:.65;}
  [data-story="material"] .cmp-hero {grid-template-columns:minmax(260px,.85fr) minmax(0,1.15fr);min-height:470px;}
  [data-story="material"] .cmp-hero-media,.story-vial-stage {min-height:470px;}
  [data-story="material"] .cmp-hero-body {padding:35px;}
  [data-story="material"] .cmp-hero-body h1 {font-size:44px;}
  [data-story="material"] .cmp-stats div {min-width:90px;}
  [data-story="collection"] .cmp-hero-body {padding:35px;}
  [data-story="journal"] .cmp-band-body {padding:48px;}
  [data-story="voices"] .rv-hero {gap:30px;grid-template-columns:minmax(0,1.2fr) minmax(270px,.8fr);}
  [data-story="voices"] .rv-trust {padding:27px;}
  [data-story="instruments"] .story-orbit {right:-70px;opacity:.6;}
}
@media (max-width:760px) {
  .story-main {--shell:calc(100% - 36px);padding-top:22px;padding-bottom:65px;}
  .story-main .cmp-crumbs {font-size:9px;line-height:1.8;margin-bottom:17px;overflow-wrap:anywhere;}
  .story-intro {padding:34px 26px 42px;min-height:355px;}
  .story-main .story-intro h1 {font-size:clamp(40px,8vw,62px);max-width:17ch;}
  .story-main .story-intro .cmp-lede {font-size:14px;max-width:45ch;}
  .story-intro .cmp-eyebrow {margin-bottom:25px;font-size:9px;}
  .story-orbit {width:340px;right:-195px;top:100px;opacity:.4;}
  .story-index {margin-bottom:35px;}
  .story-index a {font-size:9px;padding:16px 19px;min-height:54px;max-width:265px;}
  .story-index a::after {margin-left:16px;}
  .story-main h2.story-heading {margin-top:48px;margin-bottom:21px;padding-top:25px;font-size:30px;}
  .story-main .cmp-dl {grid-template-columns:repeat(2,minmax(0,1fr));}
  .story-main .cmp-dl > div {padding:20px;min-width:0;overflow-wrap:anywhere;}
  .story-main .cmp-dl dd {font-size:14px;}
  [data-story="material"] .cmp-hero {grid-template-columns:1fr;min-height:0;}
  [data-story="material"] .cmp-hero-media {min-height:340px;}
  .story-vial-stage {min-height:340px;}
  .story-vial {width:144px;height:245px;}
  .vial-cap {left:17px;width:110px;height:35px;border-radius:10px 10px 4px 4px;}
  .vial-neck {top:29px;left:29px;width:86px;height:26px;}
  .vial-glass {top:48px;border-radius:29px 29px 17px 17px;}
  .vial-label {top:34px;min-height:123px;padding:13px 11px 10px;}
  .vial-label strong {font-size:20px;gap:4px;}
  .vial-label strong span {font-size:13px;}
  .vial-label small {font-size:4.5px;}
  .vial-label b {font-size:12px;margin:12px 0 10px;}
  .vial-label em {font-size:5.5px;}
  .vial-caption {bottom:14px;font-size:7px;}
  .vial-orbit {width:290px;height:290px;}
  [data-story="material"] .cmp-hero-body {padding:32px 27px 35px;}
  [data-story="material"] .cmp-hero-body h1 {font-size:clamp(37px,7vw,52px);margin-bottom:20px;}
  [data-story="material"] .cmp-hero-body .cmp-eyebrow {margin-bottom:20px;}
  [data-story="material"] .cmp-hero-body .cmp-lede {font-size:14px;}
  [data-story="material"] .cmp-stats {margin-top:25px;padding-top:22px;}
  [data-story="material"] .cmp-stats div {min-width:80px;padding-inline:12px;}
  [data-story="material"] .cmp-stats dd {font-size:14px;}
  [data-story="collection"] .cmp-hero {grid-template-columns:1fr;min-height:0;}
  [data-story="collection"] .cmp-hero-media {min-height:240px;max-height:280px;}
  [data-story="collection"] .cmp-hero-media img {height:280px;}
  [data-story="collection"] .cmp-hero-wash {background:linear-gradient(0deg,#111318,transparent 50%);}
  [data-story="collection"] .cmp-hero-body {padding:30px 27px 35px;}
  [data-story="collection"] .cmp-hero-body h1 {font-size:clamp(39px,8vw,58px);}
  .story-main .cmp-table td,.story-main .cmp-table th {padding:16px;}
  .story-main .cmp-cards {grid-template-columns:1fr;gap:13px;}
  .story-main .cmp-cards li {padding:28px;min-height:150px;}
  [data-story="journal"] .cmp-band,[data-story="journal"] .cmp-band-body {min-height:410px;}
  [data-story="journal"] .cmp-band-body {padding:36px 27px;}
  [data-story="journal"] .cmp-band-body h1 {font-size:clamp(39px,7.3vw,59px);}
  [data-story="journal"] .cmp-band-scrim {background:linear-gradient(90deg,#080a0ee6,#080a0e99),linear-gradient(0deg,#08090baa,transparent);}
  [data-story="journal"] .cmp-band-body .cmp-lede {font-size:14px;}
  [data-story="journal"] .cmp-article {padding-inline:6px;}
  [data-story="journal"] .cmp-article p {font-size:16px;line-height:1.85;}
  [data-story="journal"] .cmp-article > p:first-of-type {font-size:18px;}
  [data-story="instruments"] .story-orbit {right:-240px;opacity:.45;}
  .story-main .calc {grid-template-columns:1fr;gap:24px;}
  .story-main .calc-vis {padding-block:28px;}
  .story-main .calc-hero {padding:26px 22px;}
  .story-main .calc-cell {padding:18px;min-width:0;overflow-wrap:anywhere;}
  .story-main .calc-cell dd {font-size:22px;}
  .story-main .calc-mode {padding:9px 13px;}
  [data-story="voices"] .rv-hero {grid-template-columns:1fr;padding:35px 0 40px;gap:35px;}
  [data-story="voices"] .rv-hero h1 {font-size:clamp(46px,9vw,72px);}
  [data-story="voices"] .rv-hero::before {font-size:320px;top:-45px;right:-5px;}
  [data-story="voices"] .rv-trust {padding:28px;}
  [data-story="voices"] .rv-hero+.story-index {margin-bottom:38px;}
  [data-story="voices"] .rv-section-heading h2.story-heading {font-size:31px;}
  [data-story="standards"] .story-orbit {right:-195px;opacity:.4;}
  .story-main .cmp-faq summary {font-size:15px;padding:21px;}
  .story-main .cmp-faq>div {padding:0 21px 21px;}
  .story-main .cmp-faq>div p {font-size:14px;}
}
@media (max-width:390px) {
  .story-main {--shell:calc(100% - 28px);}
  .story-intro {padding:30px 21px 36px;}
  .story-main .story-intro h1 {font-size:39px;}
  .story-main .cmp-dl > div {padding:17px 14px;}
  [data-story="material"] .cmp-hero-body,[data-story="collection"] .cmp-hero-body {padding-inline:23px;}
  [data-story="material"] .cmp-stats div {min-width:70px;padding-inline:9px;}
  [data-story="journal"] .cmp-band-body {padding-inline:23px;}
}
@keyframes story-orbit-turn {to{transform:rotate(360deg);}}
@media (hover:hover) and (pointer:fine) {
  .story-main .cmp-band:hover .cmp-band-img {scale:1.025;transition:scale 1.2s var(--story-ease);}
  .story-main .cmp-cards li {transition:transform .4s var(--story-ease),border-color .35s,box-shadow .4s;}
}
/* Decorative motion pauses with the site's explicit control and OS preference. */
.site-reduced .story-orbit i,.cinema-static .story-orbit i {animation:none!important;}
.site-reduced :is(.story-vial,.story-orbit),.cinema-static :is(.story-vial,.story-orbit) {transition:none!important;transform:none!important;}
@media (prefers-reduced-motion:reduce) {
  .story-orbit i {animation:none!important;}
  .story-vial,.story-orbit {transform:none!important;transition:none!important;}
  .story-main .cmp-cards li,.story-main .cmp-band-img,.story-index a {transition:none!important;}
  .story-main .cmp-band:hover .cmp-band-img {scale:1;}
}