@font-face{font-family:Gotham;src:url(assets/gotham.woff2)}@font-face{font-family:Publico;src:url(assets/publico.woff2)}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 50% 40%,#283745,#090e13 75%);color:#fff;font:13px Gotham,Arial,sans-serif;min-height:100vh}header{height:76px;padding:22px 32px;display:flex;justify-content:space-between;align-items:center}header img{width:125px}header div{display:flex;gap:12px;align-items:center}button,select,header a#contact{font:inherit;color:inherit;border:1px solid #ffffff35;background:#ffffff08;border-radius:5px;padding:10px 14px;cursor:pointer;text-decoration:none}select option{background:#101820}button:hover{background:#ffffff20}button:focus-visible,a:focus-visible,select:focus-visible{outline:3px solid #69b9ff;outline-offset:3px}button:disabled{opacity:.25;cursor:default}main{padding:8px 24px 22px}#stage{max-width:1080px;margin:auto;height:min(72vh,732px);display:flex;align-items:center;justify-content:center}#book{width:100%;max-height:100%;filter:drop-shadow(0 18px 22px #0008)}.sheet{background:#f5f3ec;overflow:hidden;color:#101820;border:1px solid #00000015}.sheet-inner{position:relative;width:100%;height:100%;padding:9% 9% 8%;overflow:hidden}.sheet-inner:after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#00000009,transparent 8%,transparent 92%,#00000008)}.folio{font-size:9px;letter-spacing:2px;display:flex;justify-content:space-between;margin-bottom:9%}.eyebrow{font-size:10px;letter-spacing:1.5px;line-height:1.6;margin:0 0 5%}h2{font-size:clamp(26px,3.1vw,43px);font-weight:400;line-height:1.08;letter-spacing:-1.6px;margin:0 0 6%}em{font-family:Publico,Georgia,serif;font-weight:normal}p{font-size:clamp(12px,1.15vw,16px);line-height:1.65;margin:0 0 6%}.blue{background:#0056d4;color:white}.dark,.back-cover{background:#101820;color:white}.photo .backdrop{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.6)}.photo{color:white}.photo .sheet-inner>*:not(.backdrop){position:relative}.photo h2{margin-top:40%}.cover{background:#0a127b;color:white}.cover .sheet-inner{background:radial-gradient(ellipse at 70% 60%,#0056d4,transparent 65%)}.cover-logo{width:35%;margin-bottom:9%}.cover .folio{display:none}.cover h2{font-size:clamp(28px,3.3vw,46px)}.cover p{max-width:67%;font-size:13px}.cover-can{height:38%;position:absolute;bottom:7%;right:14%;transform:rotate(12deg);filter:drop-shadow(12px 20px 12px #0005)}.cover-bottom{position:absolute;bottom:6%;left:9%;font-size:9px;letter-spacing:2px;writing-mode:vertical-rl;transform:rotate(180deg)}.water-detail{width:100%;height:30%;object-fit:cover;margin:0 0 4%}.statement{font-size:12px;border-top:1px solid #ffffff45;padding-top:5%}.cream .statement{border-color:#10182030}.minerals{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin:14% 0 10%}.minerals div{display:flex;flex-direction:column;gap:7px}.minerals b{font-size:45px;color:#0056d4;font-weight:400}.minerals span{font-size:11px}.product{background:#d0edff}.product p{font-size:13px}.hero-can{height:39%;display:block;margin:0 auto 4%;filter:drop-shadow(12px 15px 9px #0002)}small{display:block;text-align:center;font-size:9px;line-height:1.6}.collection{display:flex;gap:20px;height:42%;margin-top:7%;text-align:center}.collection>div{width:50%}.collection img{height:85%;margin-bottom:9px}.reasons{margin-top:10%}.reasons section{border-top:1px solid #ffffff50;padding:6% 0 0}.reasons h3{font-size:14px;font-weight:400;margin:0 0 10px}.reasons p{font-size:13px}.cta{display:inline-block;background:#d0edff;color:#101820;text-decoration:none;padding:16px 18px;font-size:12px;border-radius:2px;margin:5% 0}.email{color:#d0edff;display:block;font-size:13px;margin:4% 0 12%}.closing{font-family:Publico;font-size:20px}.bottom-logo{width:32%;position:absolute;bottom:7%}#hint{text-align:center;color:#abb8c4;font-size:11px;margin:22px 0 16px}nav{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}nav button{border:0;font-size:12px}#counter{width:75px;text-align:center}.divider{height:20px;border-left:1px solid #ffffff30;margin:0 12px}.muted{opacity:.45}dialog{background:#f5f3ec;color:#101820;border:0;border-radius:8px;padding:32px;max-width:90vw;width:480px}dialog::backdrop{background:#000a}dialog h2{font-size:28px}dialog input{width:100%;padding:12px;margin:12px 0;font:12px Gotham}dialog button{background:#0056d4;color:white}.close{float:right}#notice{text-align:center} @media(max-width:700px){header{height:64px;padding:14px 16px}header img{width:90px}header div{gap:5px}header button,header select{padding:8px;font-size:11px}#contact{display:none}main{padding:8px 12px 24px}#stage{height:min(72vh,650px)}h2,.cover h2{font-size:31px}p{font-size:13px}.sheet-inner{padding:8% 9%}.folio{margin-bottom:8%}.photo h2{margin-top:45%}.cover p{font-size:12px}.reasons p{font-size:12px}.eyebrow{font-size:9px}.divider{margin:0 3px}nav button{padding:9px 6px;font-size:10px}#hint{font-size:10px;line-height:1.6;margin:16px auto 9px;max-width:300px}}@media(max-width:350px){h2,.cover h2{font-size:26px}p{font-size:11px}.reasons p{font-size:10px}.reasons h3{font-size:12px}.minerals{gap:18px;margin:10% 0}.minerals b{font-size:35px}.closing{font-size:17px}.cta{font-size:10px;padding:12px}}
#stage{width:min(100%,calc(72vh * 1.4769),1080px)}#book{transition:transform .65s ease}.front #book{transform:translateX(-25%)}.back #book{transform:translateX(25%)}.sheet{container-type:inline-size}h2,.cover h2{font-size:8.2cqw}p{font-size:3.25cqw}.eyebrow{font-size:2.3cqw}.folio{font-size:2.2cqw}.statement{font-size:2.9cqw}.cover p{font-size:3.1cqw}.product p{font-size:3.1cqw}.reasons p{font-size:3cqw}.reasons h3{font-size:3.4cqw}.closing{font-size:4.7cqw}.cta{font-size:2.9cqw}.email{font-size:3cqw}.water-detail{height:24%}.photo h2{margin-top:30%}@media(max-width:700px){#stage{width:min(100%,calc(72vh * .73846))}.front #book,.back #book{transform:none}}
.minerals{margin:7% 0 6%;gap:4cqw}.minerals b{font-size:9cqw}.minerals span{font-size:2.8cqw}.sheet-inner{padding-bottom:6%}.collection{height:35%}.hero-can{height:34%}.reasons{margin-top:5%}.reasons section{padding-top:4%}.reasons p{margin-bottom:4%}
.back-cover .email{margin:3% 0 6%}.back-cover .closing{font-size:4cqw;margin-bottom:5%}.back-cover .bottom-logo{position:static;width:32%;display:block}.back-cover .cta{margin:2% 0}

.pdf-link{color:inherit;text-decoration:none;padding:10px;font-size:12px}.source{display:block;color:inherit;font-size:2.5cqw;text-underline-offset:4px;margin-top:6%}.photo .sheet-inner .source{position:relative}.photo h2{margin-top:25%}.minerals{margin:5% 0}.minerals b{font-size:8cqw}.minerals span{font-size:2.6cqw}.cream small{font-size:2.3cqw;margin-top:3%}.sheet-inner p{line-height:1.6}@media(max-width:700px){.pdf-link{font-size:10px;padding:9px 6px}}

/* Uniform dark editorial surfaces, requested by the client. */
.sheet,.cream,.blue,.product,.cover,.dark,.back-cover{background:#101820;color:#f3f1e9}.cover .sheet-inner{background:#101820}.minerals b{color:#d6dad9}.cream .statement,.statement{border-color:#ffffff35}.cta{background:#303b43;color:#f3f1e9;border:1px solid #ffffff40}.email{color:#dedfd9}.sheet-inner:after{background:linear-gradient(90deg,#0003,transparent 8%,transparent 92%,#0002)}