/* Pearl, water blue and cobalt: the separate cinematic concept. */
:root{--ink:#14294c;--muted:#536681;--line:#254e8429;--blue:#285ec2;--dark:#11294b;color-scheme:light}
body{background:#a4bad0;color:var(--ink)}
::selection{background:#c7ddff;color:#143e91}
.cinematic-world{background:#a7bed4}.cinematic-world canvas,.studio-light,.film-grain{opacity:.08}
.site-header{background:#bbccdcf5;color:#173765;border-bottom:1px solid #284d9220;box-shadow:0 3px 25px #2450a308}
.wordmark{color:#194fae}.site-header .wordmark{color:#174caa}
.desktop-nav a:hover,.text-link:hover{color:#235ee5}.reading-progress{background:#2e72ed}
.country i{background:#3481ed}.nav-order{background:#285ec2;color:#fff;border-color:#285ec2}
.nav-order:hover{background:#174ac9}.cart-count{background:#fff;color:#285ec2}
.menu-toggle span{background:#1c4d93}.mobile-nav{background:#b7cbdc;color:#183b72}
.motion-toggle{background:#c1d2e3f2;border-color:#6b8dc449;color:#2454a0;box-shadow:0 6px 25px #2a528e12}
button:focus-visible,a:focus-visible,summary:focus-visible{outline-color:#2364e8}
.button-blue,.pack-select{background:#285ec2;color:#fff;border-color:#285ec2;box-shadow:0 8px 23px #285ec21c}
.button-blue:hover,.pack-select:hover{background:#1649c7}
h2 em{color:#2764df}.eyebrow{color:#3567ad}

/* Bright editorial opening, with a quiet frame around the cinematic footage. */
.video-hero{padding-left:5vw;padding-right:5vw;grid-template-columns:61% 39%;gap:0;background:radial-gradient(ellipse at 89% 23%,#91afd0 0,transparent 43%),radial-gradient(ellipse at 5% 84%,#adc1d6 0,transparent 50%),#a1b8d0;color:#17335c}
.video-presenter{color:#174da9}.video-presenter>span{color:#4e6c97}.video-presenter small{color:#536a8c}
.video-presenter strong{letter-spacing:-.025em;font-weight:650}
.concept-note{color:#536e98}
.video-scene{border:6px solid #d1e1f16b;border-radius:22px;overflow:hidden;background:#040814;box-shadow:0 20px 45px #173d6924,0 2px 8px #16376a14}
.hero-film{border-radius:16px;max-width:864px}
.video-copy{padding-left:38px}.video-copy .eyebrow{color:#3063ad}
.video-copy h1{color:#15375e}.video-copy h1 em{color:#2868dd;background:linear-gradient(135deg,#174cd1 10%,#3188ee 68%,#6475de);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.video-copy p{color:#536a89}.video-copy .button{box-shadow:0 10px 28px #285ec22b}
.video-bottom{border-color:#4268a42b;color:#466590}
.brand-strip{background:#2e61b4;color:#dceaff;border-color:#3e78e7}
.brand-strip strong{color:#fff}.strip-divider{background:#a4c9ff6b}.strip-end{color:#e8f0ff}

/* A clear, daylight treatment for the water's journey. */
.story.source-process{background:radial-gradient(ellipse at 100% 5%,#a1bad5 0,transparent 48%),#b2c5d8;color:#16345d}
.source-heading h2 em{color:#2e70df}.source-intro p{color:#4a6386}
.source-heading .eyebrow,.collection .eyebrow,.occasions .eyebrow,.faq .eyebrow{color:#315887}
.source-intro>span,.process-illustration-note{color:#4f6b93}
.process-card{background:#c6d4e2;border:1px solid #92aecb;border-radius:12px;overflow:hidden;box-shadow:0 8px 25px #27528a08}
.process-copy h3{color:#173e77}.process-copy p{color:#4f6382}
.process-step,.process-photo .process-step{background:#2258c9e8;color:#fff;border-color:#d1e2ff77}
.mineral-summary{border-color:#a9c5eb}.mineral-summary .eyebrow{color:#355d96}
.mineral-summary li{background:#acc4df;color:#23529a;border-color:#7f9fc7}
.mineral-summary li:nth-child(2n){background:#b8c8df;border-color:#95accf;color:#495a9d}
.tds-summary{border-color:#a9c5eb}.tds-summary>span,.tds-summary small{color:#4c6990}.tds-summary strong{color:#285ec2}

/* Keep the photographed stone and moving water immersive. */
.atelier-experience{color:#acc1d7;background:#03060d}
.atelier-experience .size-copy h2{color:#b2c5d8}.atelier-experience .size-copy h2 em{color:#b5d4ff}
.atelier-experience .size-copy>p{color:#c4d5ed}
.atelier-experience .size-switch{background:#0d2040c9;border-color:#b4d1ff55}
.atelier-experience .size-switch button{color:#c2d6f5}.atelier-experience .size-switch button.selected{color:#fff;background:#2d6de3}
.atelier-experience .size-selector-label{color:#accbfa}.atelier-experience .size-caption{color:#fff}
.atelier-experience .size-collection-link{color:#acc4df}
.flow-marquee{background:linear-gradient(100deg,#3267b8,#4d84c8);border-color:#75a7f3;color:#fff}
.flow-marquee span{color:#fff}

/* Dark bottle stages, luminous product information. */
.collection{background:linear-gradient(135deg,#a1b7d0,#97b3d1 60%,#acc1d8);color:#17335b}
.collection .section-intro,.range-note p{color:#4b6488}.collection h2 em{color:#2d68db}
.filter{background:#bcd0e3b8;color:#31598f;border-color:#a9c3e8}.filter.active{background:#285bb8;border-color:#285bb8;color:#fff}
.collection .grade-product{background:radial-gradient(ellipse at 64% 66%,#102a4c,#030b1c 72%);border-color:#91acd14d;border-radius:15px;overflow:hidden;box-shadow:0 17px 40px #234c8e15}
.collection .grade-product::before{filter:contrast(1.15) brightness(1.15);opacity:.88}
.grade-card-top .product-badge{background:#173762b8;border-color:#96bfff6b;color:#edf6ff}
.grade-card-top .product-index{color:#bfd5f3}
.grade-bottle-figure figcaption{background:#0d2137e8;color:#f0f6ff;border-color:#769bd65c}
.grade-bottle-figure figcaption span{color:#b7d5ff}
.grade-card-details{background:#c2d2e1;border-top:1px solid #c2d4ed}
.grade-product[data-grade='b'] .grade-card-details{background:#abc3dd}
.grade-card-details h3,.pack-size strong,.pack-price{color:#17498e}
.grade-card-details .product-kicker{color:#4a6ca0}
.pack-size small,.pack-price>small{color:#536d94}.grade-pack-row{border-color:#b8cceb}
.range-note>span{color:#2b5c9c}.range-note{border-color:#aec8eb}
.bulk-ribbon{background:linear-gradient(105deg,#3266b6,#4d81c2);border-color:#89b4ff;color:#fff;border-radius:8px;box-shadow:0 12px 30px #2862c61a}
.bulk-ribbon>span:first-child{color:#d8e9ff}.bulk-ribbon .ribbon-arrow{border-color:#b7d5ff85;color:#fff}
.bulk-ribbon:hover .ribbon-arrow{background:#fff;color:#285bb8}

/* More colour as the story moves from product to everyday life. */
.occasions{background:#b5c7d9;color:#17345c}.occasions h2 em{color:#2d6bdd}.occasions .section-intro{color:#556b8a}
.occasion,.occasion+.occasion,.occasion:nth-child(2),.occasion:nth-child(3){background:linear-gradient(145deg,#a5bfdd,#91b2dc);border-color:#abc7ef;color:#244f94;border-radius:10px}
.occasion:nth-child(2){background:linear-gradient(145deg,#b8c8df,#a3b5d9);border-color:#b7c2ee}
.occasion:nth-child(3){background:linear-gradient(145deg,#3b6db9,#2d57a3);border-color:#73a4f0;color:#fff}
.occasion:before{border-color:#386bd620;box-shadow:0 0 0 35px #5788e50b,0 0 0 70px #5788e507}
.occasion h3{color:#1f4c90}.occasion p{color:#4b648c}.occasion svg{stroke:#3a70c8}.occasion-number{color:#466ba6}
.occasion:nth-child(3) h3,.occasion:nth-child(3) .occasion-link{color:#fff}.occasion:nth-child(3) p,.occasion:nth-child(3) .occasion-number{color:#e2eeff}.occasion:nth-child(3) svg{stroke:#d3e7ff}
.occasion-link{color:#2457a3}
.faq{background:#acc1d7;color:#17375f}.faq .eyebrow{color:#3c65a2}.faq h2 em{color:#2c68dc}
.faq-list details{border-color:#adc5e9}.faq-list summary{color:#224d8e}.faq-list details p{color:#4c668c}
.site-footer{background:linear-gradient(120deg,#2c58a6,#3d73b9);color:#edf6ff}
.site-footer .wordmark{color:#fff}.footer-supertype{color:#d8eaff}.footer-supertype>span{color:#d9eaff}
.footer-top{border-color:#b8d4ff55}.footer-top p,.footer-bottom,.footer-top>div>span{color:#e0ecff}
.footer-bottom{border-color:#b8d4ff55}.footer-bottom button{color:#acc4df}
.order-dialog,.dialog-header,.privacy-dialog{background:#c4d4e4;color:#183e73;border-color:#a4c1ed}
.order-intro,.order-dialog .demo-note,.order-item p,.privacy-dialog p{color:#536c91}
.order-item,.order-total{border-color:#b5cbee}.close-dialog,.close-privacy{color:#2358ad}
.order-dialog .eyebrow{color:#3968aa}.stepper{border-color:#a9c2e9}.stepper input{background:#a9c2df;color:#16458a}
.stepper button{color:#235bc5}.stepper button:hover{background:#a9c4e4}.toast{background:#1e55c5;color:#fff}

@media(max-width:1000px) and (min-width:701px){.video-copy{padding-left:28px}.video-copy h1{font-size:60px}}
@media(max-width:700px){
  .video-hero{padding:170px 20px 75px;gap:30px}.video-copy{padding:10px 4px 0}.video-copy h1{font-size:60px}
  .video-scene{width:100%;border-width:4px;border-radius:14px}.hero-film{border-radius:10px}
  .video-presenter{left:24px}.video-copy .button{margin-top:21px}.concept-note{max-width:110px}
  .collection .grade-product{border-radius:12px}.grade-card-details{padding-bottom:18px}
  .source-process .process-card{border-radius:10px}.mobile-nav{box-shadow:0 15px 25px #254c8720}
}

/* Dark cinematic opening; the softer blue palette begins below the film. */
.site-header{background:#081321ef;color:#dfebfb;border-color:#9ab6dc26;box-shadow:none}
.site-header .wordmark{color:#edf5ff}.desktop-nav a:hover{color:#a8ccff}
.menu-toggle span{background:#d7e7fc}.mobile-nav{background:#102340;color:#e0edff}
.video-hero{background:radial-gradient(ellipse at 85% 38%,#11243c 0,transparent 58%),#040a13;color:#e9f2ff}
.video-presenter{color:#eef5ff}.video-presenter>span{color:#b5cae6}.video-presenter small{color:#b8cae4}
.concept-note{color:#a0b8d7}.video-copy .eyebrow{color:#a9c4e8}.video-copy h1{color:#f0f5fc}
.video-copy h1 em{color:#9fc5ff;background:linear-gradient(135deg,#c5ddff,#89b8f3 75%,#a1baf2);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.video-copy p{color:#b9cce5}.video-bottom{color:#a7bfdc;border-color:#8baace30}
.video-scene{background:#040914;border:1px solid #789cc02e;box-shadow:0 18px 55px #00000035;border-radius:17px}
.hero-film{border-radius:16px}
@media(max-width:700px){.video-scene{border-width:1px;border-radius:11px}.hero-film{border-radius:10px}}