@font-face{font-family:Hacen;src:url('assets/hacen.ttf');font-display:swap}@font-face{font-family:HacenBold;src:url('assets/hacen-bold.ttf');font-weight:700;font-display:swap}
:root{--blue:#075a9c;--navy:#073776;--pink:#e5368a;--cyan:#a3eaff;--paper:#f4fbff;--muted:#427c9f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--navy);font:18px/1.65 Hacen,Arial,sans-serif;overflow-x:clip}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--pink);outline-offset:5px}button:active{translate:0 2px}h1:focus{outline:none}[hidden]{display:none!important}header{height:100px;max-width:1440px;margin:auto;padding:8px 5%;display:flex;align-items:center;gap:20px;position:relative;z-index:4}.brand,.brand img{width:80px;height:80px}.header-caption{font-size:16px;color:var(--muted)}.menu-button{margin-right:auto;border:0;background:#e7f4fc;border-radius:25px;padding:9px 20px;display:flex;gap:12px;align-items:center;font-size:15px}.menu-button span{font:23px Arial;color:var(--pink)}.eyebrow{color:var(--muted);font-size:15px;display:block}.home-view{max-width:1360px;margin:auto;padding:0 5% 35px}.home-playground{min-height:480px;position:relative;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;isolation:isolate}.home-playground:before{content:'';position:absolute;inset:15px 11% 5px;background:#d8f6ff;border-radius:50%;z-index:-2;transform:rotate(-7deg)}.home-words{grid-column:1;align-self:center;z-index:2;transform:rotate(-5deg)}.home-words h1{font:700 clamp(68px,7vw,100px)/1.1 HacenBold;margin:10px 0 0;white-space:nowrap}.middle-word{display:block;color:var(--blue);padding-right:60px}.ice{display:block;color:var(--pink)}.home-words>.eyebrow{margin-bottom:18px;transform:rotate(5deg)}.product-scene{grid-column:2;position:relative;height:480px;display:grid;place-items:center;z-index:3;isolation:isolate}.product-halo{position:absolute;width:300px;height:300px;background:#fff9;border:2px solid #fff;border-radius:50%;z-index:-1}.hero-bottle{height:465px;width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(10px 16px 14px #155e9326);animation:float 6s ease-in-out infinite}.bottle-caption{position:absolute;bottom:0;background:white;color:var(--blue);padding:3px 18px;border-radius:30px;font-size:15px;transform:rotate(4deg)}.home-aside{grid-column:3;padding-right:40px}.hero-copy{font:700 29px/1.65 HacenBold;margin:0 0 20px;color:var(--blue);transform:rotate(3deg)}.aside-note{font-size:19px;color:var(--muted)}.play-stamp{position:absolute;left:0;bottom:20px;background:var(--pink);color:white;width:116px;height:116px;border-radius:50%;display:grid;align-content:center;text-align:center;font:700 20px/1.3 HacenBold;transform:rotate(12deg);box-shadow:0 0 0 6px #f4fbff,0 0 0 7px #e5368a30}.choices{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin:28px auto 0;max-width:1120px}.journey-card{position:relative;border:0;text-align:right;display:flex;align-items:center;gap:14px;padding:25px 28px;background:var(--blue);color:white;border-radius:28px 28px 8px 28px;box-shadow:0 7px 0 #063f78;transform:rotate(-1deg);transition:transform .2s,box-shadow .2s;min-height:175px;overflow:hidden}.journey-card:hover{transform:rotate(0) translateY(-5px);box-shadow:0 12px 0 #063f78}.who-card{background:var(--pink);box-shadow:0 7px 0 #b32167;border-radius:28px 8px 28px 28px;transform:rotate(1deg)}.who-card:hover{box-shadow:0 12px 0 #b32167}.journey-card h2{font:700 clamp(25px,2.4vw,34px)/1.35 HacenBold;margin:6px 0}.journey-card p{font-size:16px;color:#fff;margin:8px 0 0;opacity:.87}.card-kicker{font-size:14px;opacity:.8}.card-number{position:absolute;top:12px;left:16px;font:12px Arial;opacity:.7}.journey-card img{height:132px;width:55px;object-fit:contain;transform:rotate(-13deg);margin-right:auto;filter:drop-shadow(4px 5px 5px #0002)}.who-card img{transform:rotate(12deg)}.card-icon{width:35px;height:35px;background:white;color:var(--blue);border-radius:50%;display:grid;place-items:center;font:25px Arial;flex-shrink:0}.who-card .card-icon{color:var(--pink)}.home-bottom{display:flex;justify-content:space-between;color:var(--muted);font-size:14px;max-width:1120px;margin:28px auto 0}.view{animation:view-enter .5s both}.inner-view{max-width:1280px;margin:auto;padding:20px 5% 70px}.page-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:25px}.page-heading h1{font:700 clamp(36px,4.4vw,58px)/1.3 HacenBold;color:var(--blue);margin:7px 0}.page-heading p{margin:0;color:var(--muted);font-size:19px}.text-button{border:0;border-radius:25px;background:#deeffb;padding:10px 18px;font-size:15px;white-space:nowrap}.composition-layout{display:block}.composition-select,.who-tabs{display:flex;gap:12px;overflow:auto;padding:6px 3px 18px;scrollbar-width:none}.mineral-tab{border:2px solid #c4e7f7;color:var(--blue);background:#fff;border-radius:22px;padding:10px 18px;display:flex;gap:20px;align-items:center;text-align:right;flex:1;min-width:160px;box-shadow:0 4px 0 #deedf5;transition:transform .2s,background .2s}.mineral-tab strong{font:700 22px HacenBold;white-space:nowrap}.metric{font:18px Arial;text-align:left;direction:ltr}.metric small{font:12px Hacen,Arial;display:block;margin-top:4px}.mineral-tab[aria-selected=true]{background:var(--blue);color:white;border-color:var(--blue);transform:rotate(-2deg);box-shadow:0 4px 0 #053d71}.detail-card{--accent:var(--pink);display:grid;grid-template-columns:.95fr 1.05fr;min-height:500px;margin-top:12px;border-radius:48px 12px 48px 48px;background:#d9f6ff;overflow:hidden}.detail-card[data-mineral=calcium]{background:#ffe5f1;--accent:#bd327a}.detail-card[data-mineral=magnesium]{background:#d2f4f5;--accent:#048293}.detail-card[data-mineral=origin]{background:#e0efff;--accent:#0067b1}.detail-card[data-mineral=minerals]{background:#ceeaff;--accent:#0663a4}.mineral-product{position:relative;display:grid;place-items:center;min-height:500px;isolation:isolate}.giant-symbol{font:900 clamp(95px,12vw,170px)/1 Arial;color:#fff;position:absolute;top:18%;left:10%;z-index:-1;letter-spacing:-6px;transform:rotate(-8deg)}.discovery-bottle{height:425px;width:auto;max-width:65%;object-fit:contain;filter:drop-shadow(10px 18px 12px #07579030);transform:rotate(9deg);animation:bottle-in .6s cubic-bezier(.16,1,.3,1) both}.metric-sticker{position:absolute;left:5%;bottom:60px;min-width:112px;min-height:98px;padding:14px;background:var(--accent);color:#fff;border-radius:24px 24px 4px 24px;transform:rotate(-8deg);box-shadow:0 6px 0 #fff8;text-align:center;display:grid;align-content:center}.metric-sticker b{font:bold 33px Arial}.metric-sticker span{font-size:15px}.product-whisper{position:absolute;bottom:20px;font-size:16px;color:var(--blue)}.mineral-story{padding:45px 35px;align-self:center}.mineral-story h2{font:700 39px/1.4 HacenBold;margin:15px 0;color:var(--blue)}.mineral-story>p{font-size:21px;margin:0;color:#25678f}.takeaway{margin-top:25px;background:#ffffffb0;border-radius:22px 6px 22px 22px;padding:20px;font-size:17px;color:#286782}.step-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:25px}.step-controls>span{font:14px Arial;color:#49839e}.step-controls button,.next-person,.cross-link button{border:0;background:var(--pink);color:white;border-radius:25px;padding:10px 22px;font-size:17px;box-shadow:0 4px 0 #b9256d;transition:translate .2s}.source-line{color:#548299;font-size:14px;margin-top:25px}.source-line a,.note a{color:#076399;text-decoration:underline;text-underline-offset:3px}details:not(.benefit){margin-top:25px;border-top:1px solid #c4dfed;padding-top:18px}summary{cursor:pointer;color:var(--blue);font-size:17px}table{border-collapse:collapse;width:100%;font-size:16px;margin-top:18px}th,td{padding:10px;border-bottom:1px solid #d2e7f1;text-align:right}td:last-child{font-family:Arial;direction:ltr;text-align:left}th{color:var(--muted);font-weight:400}.cross-link{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);padding:22px 0;border-top:1px solid #c5e2ef}.cross-link button{font-size:16px;background:var(--blue);box-shadow:0 4px 0 #063f78}.who-tab{flex:1;white-space:nowrap;border:2px solid #d2e9f5;background:#fff;color:var(--blue);border-radius:28px;padding:12px 20px;font-size:19px;box-shadow:0 4px 0 #e2edf6}.who-tab[aria-selected=true]{background:var(--pink);color:white;border-color:var(--pink);transform:rotate(2deg);box-shadow:0 4px 0 #bd286e}.person-content{display:grid;grid-template-columns:1.08fr 1fr;gap:36px;margin-top:12px;align-items:start}.person-scene{position:sticky;top:25px;isolation:isolate;min-height:500px;margin:8px 0 50px}.person-photo{width:100%;height:500px;object-fit:cover;border-radius:90px 12px 90px 12px;transform:rotate(-2deg);box-shadow:0 14px 0 #d9eff9}.person-scene:after{content:'';position:absolute;inset:65% 0 0;background:linear-gradient(transparent,#063a7680);z-index:0;border-radius:0 0 90px 12px;transform:rotate(-2deg)}.person-bottle{height:240px;width:auto;max-width:120px;object-fit:contain;position:absolute;bottom:-44px;left:18px;filter:drop-shadow(5px 10px 10px #0a4e8d55);transform:rotate(-9deg);z-index:2;animation:bottle-in .55s cubic-bezier(.16,1,.3,1) both}.scene-signature{position:absolute;bottom:30px;right:24px;left:135px;font:700 30px/1.4 HacenBold;color:white;text-shadow:0 2px 10px #09325d90;z-index:1}.scene-sticker{position:absolute;left:12px;top:10px;background:var(--pink);color:white;box-shadow:0 0 0 6px #f4fbff;width:102px;height:102px;border-radius:50%;text-align:center;display:grid;align-content:center;font:700 20px/1.25 HacenBold;transform:rotate(13deg);z-index:1}.person-body{padding:10px 0}.tag{font-size:16px;color:var(--pink)}.person-body h2{font:700 40px/1.35 HacenBold;color:var(--blue);margin:14px 0}.description{color:#44758f;font-size:20px;margin:0 0 22px}.benefit-hint{font-size:14px;color:#538da6}.benefit{border:0;background:#e3f5ff;border-radius:20px 20px 6px 20px;padding:16px 18px;margin-top:12px}.benefit:nth-of-type(2){background:#ffe6f1}.benefit:nth-of-type(3){background:#dff4f3}.benefit summary{display:flex;list-style:none;align-items:center;gap:14px}.benefit summary::-webkit-details-marker{display:none}.benefit strong{font:700 21px/1.4 HacenBold}.number{font:12px Arial;background:#fff;color:var(--blue);border-radius:50%;width:29px;height:29px;display:grid;place-items:center;flex-shrink:0}.benefit-plus{font:23px Arial;margin-right:auto;color:var(--pink);transition:rotate .2s}.benefit[open] .benefit-plus{rotate:45deg}.benefit p{font-size:17px;color:#376f8d;margin:12px 43px 0 0;animation:view-enter .25s both}.next-person{margin-top:25px;font-size:16px}.note{font-size:15px;color:#446d83;border:1px solid #cde1ec;background:#fff;border-radius:20px;padding:16px;margin-top:18px}.bottom-nav{display:none}
/* Opening film: typographic reveal, product arrival, iris exit. */
.intro-active{overflow:hidden}.intro-film{position:fixed;inset:0;z-index:100;overflow:hidden;background:#d6f5ff;display:grid;place-items:center;isolation:isolate;direction:rtl}.intro-film:after{content:'';position:absolute;inset:0;background:#e5368a;z-index:5;clip-path:circle(0% at 50% 50%);pointer-events:none}.skip-intro{position:absolute;left:25px;top:25px;z-index:10;border:1px solid #12669c35;background:#ffffffc0;backdrop-filter:blur(8px);color:var(--blue);font-size:16px;border-radius:30px;padding:9px 22px}.intro-orbit{position:absolute;width:70vmin;height:70vmin;border-radius:50%;background:#fff9;z-index:-1;transform:scale(0)}.intro-type{position:absolute;inset:10% 3% 20%;display:flex;align-items:center;justify-content:space-around;gap:20px;font:700 clamp(60px,11vw,180px)/1.3 HacenBold;color:var(--blue);white-space:nowrap}.intro-type>span{opacity:0}.intro-type>span:last-child{color:var(--pink)}.intro-product{height:75svh;width:auto;max-width:72vw;object-fit:contain;z-index:2;filter:drop-shadow(15px 20px 18px #1c668b35);opacity:0;transform:translateY(120vh) rotate(24deg) scale(.75)}.intro-signature{position:absolute;bottom:4%;z-index:3;display:flex;gap:14px;align-items:center;opacity:0;color:var(--blue);font-size:18px}.intro-signature img{width:65px;height:65px}.intro-signature p{margin:0}.intro-timeline{position:absolute;left:0;bottom:0;height:4px;width:100%;background:var(--pink);transform:scaleX(0);transform-origin:left}.intro-film.playing .intro-orbit{animation:opening-orbit 2.8s .15s cubic-bezier(.16,1,.3,1) both}.intro-film.playing .intro-type>span:first-child{animation:opening-word 2.9s .15s cubic-bezier(.16,1,.3,1) both}.intro-film.playing .intro-type>span:last-child{animation:opening-word 2.9s .4s cubic-bezier(.16,1,.3,1) both}.intro-film.playing .intro-product{animation:opening-bottle 3.45s .15s cubic-bezier(.16,1,.3,1) both}.intro-film.playing .intro-signature{animation:opening-signature 2.2s 1.2s both}.intro-film.playing:after{animation:opening-iris .7s 3.15s ease-in-out both}.intro-film.playing .intro-timeline{animation:opening-progress 3.7s linear both}
@keyframes opening-bottle{0%{opacity:0;transform:translateY(120vh) rotate(24deg) scale(.75)}25%{opacity:1;transform:translateY(0) rotate(-8deg) scale(1)}55%{opacity:1;transform:translateY(-10px) rotate(6deg) scale(1.03)}83%{opacity:1;transform:translateY(0) rotate(-3deg) scale(1)}100%{opacity:0;transform:translateY(-15vh) rotate(-8deg) scale(1.25)}}@keyframes opening-word{0%{opacity:0;transform:translateY(65px) scale(.8)}25%,80%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-20px) scale(1.07)}}@keyframes opening-orbit{0%{transform:scale(0)}35%{transform:scale(1.15)}80%{transform:scale(1)}100%{transform:scale(1.8)}}@keyframes opening-signature{0%{opacity:0;transform:translateY(15px)}25%,85%{opacity:1;transform:translateY(0)}100%{opacity:0}}@keyframes opening-progress{to{transform:scaleX(1)}}@keyframes opening-iris{0%{clip-path:circle(0% at 50% 50%)}55%{clip-path:circle(100% at 50% 50%)}100%{clip-path:circle(0% at 50% 50%)}}@keyframes float{0%,100%{transform:translateY(0) rotate(-7deg)}50%{transform:translateY(-12px) rotate(-2deg)}}@keyframes view-enter{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes bottle-in{from{opacity:0;transform:translateY(45px) rotate(-15deg) scale(.92)}to{opacity:1;transform:translateY(0) rotate(7deg) scale(1)}}
@media(min-width:1500px){.home-playground{min-height:550px}.product-scene{height:540px}.hero-bottle{height:530px}.choices{margin-top:35px}}
@media(max-width:1050px) and (min-width:701px){.home-words h1{font-size:75px}.home-aside{padding-right:10px}.hero-copy{font-size:24px}.hero-bottle{height:415px}.home-playground{min-height:450px}.product-scene{height:450px}.play-stamp{width:95px;height:95px;font-size:18px}.journey-card{padding:22px}.journey-card img{height:105px;width:44px}.journey-card h2{font-size:26px}.card-icon{display:none}.mineral-tab{min-width:140px;gap:12px;padding:10px 12px}.mineral-tab strong{font-size:19px}.detail-card{grid-template-columns:.85fr 1.15fr}.mineral-story{padding:30px}.mineral-story h2{font-size:33px}.person-content{gap:25px}.person-body h2{font-size:32px}.person-photo{height:470px}.scene-signature{font-size:25px}}
@media(max-width:700px){header{height:82px;padding:8px 20px;gap:12px}.brand,.brand img{width:65px;height:65px}.header-caption{font-size:13px}.menu-button{padding:7px 10px;font-size:12px;gap:7px}.menu-button span{font-size:20px}.home-view{padding:0 20px 110px}.home-playground{min-height:435px;grid-template-columns:1fr 1fr;align-items:start}.home-playground:before{inset:32px -12px 10px;border-radius:48% 52% 47% 53%;transform:rotate(-8deg)}.home-words{grid-column:1;grid-row:1;padding-top:18px;transform:rotate(-6deg);z-index:3}.home-words>.eyebrow{font-size:12px;margin-bottom:13px}.home-words h1{font-size:clamp(53px,16vw,69px);line-height:1.05;white-space:normal}.middle-word{padding-right:32px}.product-scene{grid-column:2;grid-row:1;height:350px;padding-top:10px;margin-right:-20px;margin-left:-4px;align-self:center}.hero-bottle{height:345px;max-width:170px;filter:drop-shadow(8px 12px 8px #07579022)}.product-halo{width:160px;height:160px}.bottle-caption{font-size:12px;padding:3px 12px;bottom:3px;left:0;white-space:nowrap}.home-aside{grid-column:1;grid-row:1;align-self:end;padding:0 0 30px;z-index:3}.hero-copy{font-size:19px;line-height:1.5;margin:0 0 8px}.aside-note{font-size:14px;line-height:1.6}.play-stamp{bottom:5px;left:6px;width:70px;height:70px;font-size:14px;line-height:1.4;box-shadow:0 0 0 4px var(--paper)}.choices{gap:14px;margin-top:14px}.journey-card{min-height:230px;display:block;padding:20px 15px 50px;border-radius:23px 23px 7px 23px;overflow:visible}.who-card{border-radius:23px 7px 23px 23px}.journey-card h2{font-size:26px;line-height:1.35;margin:10px 0}.journey-card p{font-size:14px;line-height:1.7;max-width:120px;margin-top:10px}.card-kicker{font-size:12px}.card-number{font-size:10px;top:10px;left:12px}.journey-card img{height:87px;width:36px;position:absolute;bottom:5px;left:32px;pointer-events:none}.card-icon{width:28px;height:28px;font-size:22px;position:absolute;bottom:14px;right:15px}.home-bottom{font-size:13px;display:block;margin-top:30px}.home-bottom span:last-child{display:none}.bottom-nav{position:fixed;bottom:max(14px,env(safe-area-inset-bottom));left:20px;right:20px;background:#fffffff0;border:1px solid #c5e2ef;backdrop-filter:blur(15px);box-shadow:0 8px 25px #145b8b20;border-radius:25px;display:flex;justify-content:space-around;z-index:30}.bottom-nav a{display:flex;flex-direction:column;gap:2px;align-items:center;font-size:12px;color:#4380a0;padding:8px 20px}.bottom-nav a>span{font:23px Arial}.bottom-nav a.active{color:var(--pink)}.inner-view{padding:15px 20px 125px}.page-heading{display:block;margin-bottom:20px}.page-heading h1{font-size:36px;line-height:1.35;margin-top:9px}.page-heading p{font-size:17px}.page-heading .eyebrow{font-size:13px}.text-button{display:none}.composition-select,.who-tabs{margin:0 -20px;padding:5px 20px 16px;gap:10px}.mineral-tab{flex:0 0 auto;min-width:128px;display:block;padding:12px 14px;border-radius:18px}.mineral-tab strong{font-size:20px;display:block}.metric{display:block;font-size:18px;text-align:right;margin-top:5px}.metric small{display:inline;font-size:12px;margin-left:5px}.detail-card{display:flex;flex-direction:column;margin-top:5px;min-height:unset;border-radius:32px 8px 32px 32px}.mineral-product{min-height:290px;height:290px;flex-shrink:0}.discovery-bottle{height:265px;max-width:52%}.giant-symbol{font-size:120px;top:60px;left:10%;letter-spacing:-5px}.metric-sticker{bottom:32px;left:15%;min-width:92px;min-height:75px;padding:10px;border-radius:18px 18px 4px 18px}.metric-sticker b{font-size:26px}.metric-sticker span{font-size:13px}.product-whisper{bottom:6px;font-size:13px}.mineral-story{padding:20px 23px 28px}.mineral-story h2{font-size:30px;line-height:1.4;margin:10px 0 15px}.mineral-story>p{font-size:19px}.mineral-story>.eyebrow{font-size:13px}.takeaway{padding:16px;margin-top:20px;font-size:16px}.step-controls{margin-top:20px}.step-controls button{font-size:16px;padding:9px 18px}.source-line{font-size:13px}.cross-link{align-items:flex-start;flex-direction:column;font-size:17px}.who-tab{flex:0 0 auto;font-size:16px;padding:9px 18px}.person-content{display:block;margin-top:0}.person-scene{min-height:310px;margin:12px 0 65px;position:relative;top:auto}.person-photo{height:310px;border-radius:60px 8px 60px 8px;box-shadow:0 10px 0 #d9eff9}.person-scene:after{border-radius:0 0 60px 8px}.person-bottle{height:175px;max-width:85px;bottom:-40px;left:16px}.scene-signature{font-size:24px;bottom:20px;right:18px;left:112px;line-height:1.4}.scene-sticker{width:78px;height:78px;font-size:16px;top:5px;left:8px;box-shadow:0 0 0 4px var(--paper)}.person-body{padding:0}.person-body h2{font-size:33px;margin:10px 0}.description{font-size:18px}.tag{font-size:15px}.benefit strong{font-size:20px}.benefit{padding:15px}.benefit p{font-size:16px;margin-right:0}.benefit-hint{font-size:14px}.note{font-size:15px}.intro-product{height:63svh;max-width:65vw}.intro-type{inset:8% 0 18%;display:flex;flex-direction:column;justify-content:space-between;gap:0;font-size:clamp(57px,18vw,90px);line-height:1.2}.intro-type>span:first-child{align-self:flex-start;padding-left:15px}.intro-type>span:last-child{align-self:flex-end;padding-right:12px;position:relative;bottom:0}.intro-signature{bottom:3%;gap:10px;font-size:15px}.intro-signature img{width:55px;height:55px}.skip-intro{top:18px;left:18px;font-size:14px;padding:7px 18px}.intro-orbit{width:95vw;height:95vw}}
@media(max-width:370px){header{padding-inline:16px;gap:8px}.header-caption{font-size:12px}.menu-button{font-size:12px;padding-inline:8px}.home-view{padding-inline:16px}.home-words h1{font-size:55px}.product-scene{margin-right:-8px}.hero-bottle{height:320px;max-width:145px}.home-playground{min-height:415px}.journey-card{padding:19px 12px 50px;min-height:235px}.journey-card h2{font-size:24px}.journey-card p{font-size:13px}.inner-view{padding-inline:16px}.page-heading h1{font-size:33px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.intro-orbit{transform:scale(1)}.intro-type>span,.intro-product,.intro-signature{opacity:1;transform:none}.intro-film:after{display:none}}
/* The bottle is the interaction, rather than an illustration beside a page. */
.page-heading h1 span{color:var(--pink)}.composition-select{justify-content:center;gap:24px;overflow:visible;padding:8px 0 24px}.mineral-tab{flex:0 0 auto;background:none!important;border:0;box-shadow:none!important;display:flex;flex-direction:column;gap:6px;min-width:90px;padding:0;transform:none!important;color:var(--blue)!important}.node-symbol{width:68px;height:68px;background:white;border:2px solid #b7e2f5;border-radius:50%;display:grid;place-items:center;font:bold 23px Arial;box-shadow:0 5px 0 #dcecf5;transition:transform .25s,background .25s}.mineral-tab strong{font-size:17px;line-height:1.5}.mineral-tab[aria-selected=true] .node-symbol{background:var(--pink);color:white;border-color:var(--pink);transform:rotate(-9deg) scale(1.12);box-shadow:0 5px 0 #b62069}.mineral-tab:last-child .node-symbol{font-family:HacenBold;font-size:20px}.detail-card{min-height:510px}.bottle-touch{border:0;background:transparent;position:relative;display:grid;place-items:center;padding:0;width:210px;height:440px;border-radius:100px}.bottle-touch .discovery-bottle{max-width:100%;height:425px}.bottle-touch:hover .discovery-bottle{filter:drop-shadow(10px 18px 20px #07579045)}.touch-ring{position:absolute;bottom:35%;left:calc(50% - 24px);width:48px;height:48px;border:3px solid #fff;border-radius:50%;box-shadow:0 0 0 8px #ffffff50;animation:touch-pulse 1.8s ease-in-out infinite;pointer-events:none}.secret-open .touch-ring{display:none}.secret-invitation{align-self:center;padding:35px}.invitation-number{font:900 95px/.95 Arial;color:#ffffffb0;display:block;transform:rotate(-6deg);margin-bottom:20px}.secret-invitation h2{font:700 50px/1.3 HacenBold;margin:10px 0;color:var(--blue)}.secret-invitation p{font-size:23px;line-height:1.7;color:#216b95}.secret-invitation button{border:0;background:var(--pink);color:white;border-radius:25px;padding:10px 23px;font-size:17px;box-shadow:0 4px 0 #b6236b}.mineral-story{animation:view-enter .4s both}.more-story{padding-top:0!important;margin-top:20px!important;border:0!important}.more-story summary{background:#ffffffaa;border-radius:25px;padding:9px 18px;display:inline-block;font-size:16px}.takeaway{margin-top:12px}.who-tabs{gap:22px;justify-content:center;overflow:visible}.who-tab{flex:0 1 150px;display:flex;flex-direction:column;align-items:center;border:0;border-radius:0;padding:0;background:none!important;box-shadow:none!important;color:var(--blue)!important;transform:none!important;gap:8px;font-size:17px}.who-tab img{width:83px;height:83px;object-fit:cover;border:4px solid #fff;border-radius:50%;box-shadow:0 4px 0 #dce9f3;transition:transform .25s,border-color .25s}.who-tab[aria-selected=true] img{border-color:var(--pink);transform:rotate(-8deg) scale(1.1);box-shadow:0 4px 0 #b32067}.who-tab[aria-selected=true] span{color:var(--pink)}.mini-game{display:grid;grid-template-columns:180px 1fr;gap:30px;align-items:center;margin:30px 0;padding:30px 40px;background:#ffe3ef;border-radius:40px 8px 40px 40px;position:relative}.quiz-product{display:grid;place-items:center;position:relative;gap:15px}.quiz-product img{height:220px;width:auto;max-width:100%;object-fit:contain;transform:rotate(-12deg);filter:drop-shadow(5px 9px 8px #90345830)}.quiz-product span{font:15px Arial;color:#ba3576}.mini-game h2{font:700 31px/1.4 HacenBold;color:#a92161;margin:8px 0 15px}.mini-game .eyebrow{color:#ac4678}.mini-game p{font-size:18px;color:#864263}.mini-game button{border:0;background:var(--pink);color:white;border-radius:25px;padding:10px 22px;font-size:17px}.quiz-options{display:grid;gap:10px}.quiz-options button{background:white;color:#9c3264;text-align:right;border:2px solid transparent;border-radius:15px}.quiz-options button:disabled{opacity:1;cursor:default}.quiz-options .correct-answer{background:#d7f1f1;border-color:#228284;color:#066870}.quiz-options .wrong-answer{background:#ffeefa;border-color:#e5368a}.quiz-feedback{font-size:17px!important}.quiz-score{font:bold 70px Arial;color:var(--pink)}.mini-game .quiz-restart{background:#ffffff99;color:#a92161;margin-right:12px;font-size:16px}@keyframes touch-pulse{0%,100%{transform:scale(.88);opacity:.6}50%{transform:scale(1.1);opacity:1}}
@media(max-width:700px){.composition-select{gap:17px;overflow:auto;justify-content:flex-start;padding:12px 20px 22px}.mineral-tab{min-width:63px}.node-symbol{width:55px;height:55px;font-size:20px;border-width:2px}.mineral-tab strong{font-size:14px}.mineral-tab:last-child .node-symbol{font-size:17px}.detail-card{min-height:unset}.bottle-touch{height:275px;width:145px}.bottle-touch .discovery-bottle{height:265px}.secret-invitation{padding:0 23px 28px;align-self:stretch;text-align:center}.invitation-number{display:none}.secret-invitation h2{font-size:30px;margin-top:8px}.secret-invitation p{font-size:18px;margin:10px 0 18px}.secret-invitation p br{display:none}.secret-invitation button{font-size:16px}.touch-ring{width:38px;height:38px;left:calc(50% - 19px);border-width:2px}.who-tabs{gap:17px;overflow:auto;justify-content:flex-start;padding:12px 20px 20px}.who-tab{min-width:68px;flex:0 0 auto;gap:8px;font-size:14px}.who-tab img{width:63px;height:63px;border-width:3px}.mini-game{grid-template-columns:75px 1fr;gap:15px;padding:24px 20px;border-radius:28px 8px 28px 28px;align-items:start}.quiz-product{padding-top:15px}.quiz-product img{height:170px}.mini-game h2{font-size:25px}.mini-game p{font-size:17px}.mini-game .eyebrow{font-size:12px}.mini-game button{font-size:15px;padding:9px 16px}.quiz-options button{font-size:16px;padding:10px 12px}.quiz-score{font-size:50px}.mini-game .quiz-restart{margin:12px 0 0}.quiz-feedback{font-size:16px!important}.mini-game:has(.quiz-options){grid-template-columns:1fr}.mini-game:has(.quiz-options) .quiz-product{display:flex;justify-content:space-between;padding:0}.mini-game:has(.quiz-options) .quiz-product img{height:70px}.mini-game:has(.quiz-options) .quiz-product span{font-size:16px}}
header{position:sticky;top:0;background:#f4fbfff0;backdrop-filter:blur(14px);border-radius:0 0 24px 24px}.pocket-bottle{height:70px;width:auto;object-fit:contain;transform:rotate(-8deg);margin-left:-10px}.mini-nav-bottle{height:28px;width:auto;object-fit:contain;transform:rotate(-9deg);margin-top:-4px;margin-bottom:0}@media(max-width:700px){.pocket-bottle{display:none}header{position:relative;backdrop-filter:none;background:transparent}}
/* Original logo sprite: same 250/220/350/180 crop used for the posters. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.water-word{display:inline-block;position:relative;overflow:hidden;width:1.8em;aspect-ratio:350/180;vertical-align:-.13em;flex-shrink:0;filter:drop-shadow(0 2px 1px #07569614)}.water-word>img{position:absolute;width:248.285714%;height:auto;max-width:none;left:-71.428571%;top:-122.222222%;margin:0;transform:none;filter:none;object-fit:fill}.home-words .middle-word{padding:0;margin:7px 35px 2px 0;line-height:1}.home-words .water-word{width:1.7em;vertical-align:0}.intro-end{display:inline-flex;align-items:center;gap:.15em}.intro-famma{opacity:1!important}.intro-end .water-word{width:1.65em;filter:drop-shadow(0 3px 2px #07569614)}.journey-card h2 .water-word{width:1.65em}.journey-card h2 .water-word>img{position:absolute;height:auto;width:248.285714%;left:-71.428571%;top:-122.222222%;margin:0;transform:none;filter:none}.scene-signature .water-word{width:1.75em;filter:drop-shadow(0 1px 1px #ffffff90)}.menu-button .replay-label{font:15px Hacen,Arial;color:var(--navy)}.menu-button{min-width:44px;min-height:44px}.mineral-tab.discovered .node-symbol{position:relative}.mineral-tab.discovered .node-symbol:after{content:'✓';position:absolute;left:-5px;bottom:-5px;width:21px;height:21px;background:#0c769e;color:white;border:2px solid var(--paper);border-radius:50%;display:grid;place-items:center;font:bold 12px Arial}.step-controls .discovery-count{font-family:Hacen,Arial;font-size:14px}.person-content,.mini-game{scroll-margin-top:120px}.quiz-story h2:focus,.mineral-story h2:focus{outline:none}.person-photo{transition:opacity .25s}.who-tab img{object-position:50% 35%}.who-tab[data-person="1"] img{object-position:30% 40%}.who-tab[data-person="2"] img{object-position:66% 30%}.who-tab[data-person="3"] img{object-position:35% 30%}
@media(max-width:700px){.home-words{align-self:start}.home-words .middle-word{margin:7px 25px 2px 0}.home-words .water-word{width:1.75em}.menu-button .replay-label{display:none}.menu-button{width:44px;height:44px;padding:0;justify-content:center;border:1px solid #c2e3f1;flex-shrink:0;margin-right:auto}.menu-button>span[aria-hidden]{font-size:25px}.header-caption{font-size:14px;line-height:1.5;max-width:130px}.intro-end{gap:.1em}.intro-end .water-word{width:1.65em}.intro-type>span:last-child{padding-right:10px}.person-content,.mini-game{scroll-margin-top:20px}.mineral-tab.discovered .node-symbol:after{width:19px;height:19px;font-size:11px}.scene-signature{left:112px}.home-aside{padding-bottom:25px}.bottom-nav a{min-width:70px;min-height:62px}}
@media(max-width:370px){.home-words h1{font-size:53px}.home-words .water-word{width:1.65em}.header-caption{max-width:115px}.intro-type{font-size:clamp(54px,17vw,66px)}.intro-end .water-word{width:1.6em}.journey-card h2 .water-word{width:1.55em}}
/* The real scene decides the format; no generic 0.5 L is overlaid. */
body[data-view="who"] .pocket-bottle{display:none}.person-scene{margin-bottom:26px}.scene-signature{left:24px}.scene-sticker b{font:bold 25px/1.2 Arial}.scene-sticker>span{font:14px/1.6 Hacen,Arial;margin-top:6px}.bottom-nav .nav-drop{font-size:20px;width:1.8em;margin-top:3px;margin-bottom:4px}.water-word>img{bottom:auto}.person-content[data-person="seniors"] .person-photo{object-position:50% 45%}.person-content[data-person="family"] .person-photo{object-position:50% 45%}
@media(max-width:700px){.person-scene{margin-bottom:28px}.scene-signature{left:18px;right:18px}.scene-sticker b{font-size:21px}.scene-sticker>span{font-size:12px;margin-top:3px}.bottom-nav .nav-drop{font-size:20px}.bottom-nav a{justify-content:center}.person-content{scroll-margin-top:20px}}
/* One shared centre line: signature, product stage and brand footer. */
.intro-stack{position:relative;width:min(92vw,1000px);height:min(calc(100svh - 120px),800px);margin:auto;display:grid;grid-template-rows:auto minmax(0,1fr) auto;justify-items:center;align-items:center;gap:16px;z-index:2;pointer-events:none}.intro-headline{display:flex;align-items:center;justify-content:center;gap:.18em;font:700 clamp(42px,5.8vw,84px)/1.2 HacenBold;color:var(--blue);direction:rtl;white-space:nowrap;opacity:0;max-width:100%}.intro-headline .water-word{width:1.7em;vertical-align:0;filter:drop-shadow(0 2px 2px #07569614)}.intro-headline .intro-famma{color:var(--pink)}.intro-product-stage{width:100%;height:100%;min-height:0;display:grid;place-items:center;isolation:isolate}.intro-product{position:relative;height:100%;width:100%;max-height:100%;max-width:100%;object-fit:contain;filter:drop-shadow(0 17px 15px #1c668b35);transform:translateY(110svh) rotate(12deg);opacity:0}.intro-signature{position:static;bottom:auto;display:flex;align-items:center;justify-content:center;gap:12px;text-align:center;font-size:17px;opacity:0;transform:none}.intro-signature img{width:58px;height:58px;flex-shrink:0}.intro-orbit{left:50%;top:50%;translate:-50% -50%;width:min(66vmin,610px);height:min(66vmin,610px)}.intro-film.playing .intro-headline{animation:balanced-title 3.5s .05s ease-out both}.intro-film.playing .intro-product{animation:balanced-product 3.4s .1s cubic-bezier(.16,1,.3,1) both}.intro-film.playing .intro-signature{animation:balanced-footer 3.2s .25s ease-out both}.intro-film.playing:after{animation:opening-iris .6s 3.1s ease-in-out both}.intro-film.playing .intro-timeline{animation:opening-progress 3.7s linear both}.gesture-hint{font-size:14px;color:var(--muted);margin:0 0 14px;text-align:center}.person-photo,.mineral-story{touch-action:pan-y}.detail-card{scroll-margin-top:115px}.mineral-product,.discovery-bottle,.bottle-touch{transition:height .35s cubic-bezier(.16,1,.3,1),transform .35s}.benefit summary{min-height:32px}.skip-intro{min-height:44px}
@keyframes balanced-title{0%{opacity:0;transform:translateY(20px) scale(.95)}20%,85%{opacity:1;transform:translateY(0) scale(1)}100%{opacity:0;transform:translateY(-10px)}}@keyframes balanced-product{0%{opacity:0;transform:translateY(110svh) rotate(12deg) scale(.9)}26%{opacity:1;transform:translateY(0) rotate(-4deg) scale(1)}57%{opacity:1;transform:translateY(-5px) rotate(3deg) scale(1)}85%{opacity:1;transform:translateY(0) rotate(0deg) scale(1)}100%{opacity:0;transform:translateY(-12px) rotate(0deg) scale(1.02)}}@keyframes balanced-footer{0%{opacity:0;transform:translateY(12px)}25%,85%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-5px)}}
@media(max-width:700px){.intro-stack{width:calc(100vw - 36px);height:calc(100svh - 145px);max-height:760px;gap:14px;margin:auto}.intro-headline{font-size:clamp(31px,8.3vw,52px);gap:.16em;line-height:1.2;width:100%}.intro-headline .water-word{width:1.7em}.intro-product-stage{width:100%}.intro-product{height:100%;width:100%;max-height:100%;max-width:100%}.intro-signature{position:static;font-size:14px;line-height:1.6;gap:9px;max-width:100%}.intro-signature img{width:49px;height:49px}.intro-orbit{width:88vw;height:88vw;max-width:440px;max-height:440px}.skip-intro{left:18px;top:max(14px,env(safe-area-inset-top));padding:8px 17px;min-height:44px}.detail-card{scroll-margin-top:14px}.detail-card.secret-open .mineral-product{min-height:185px;height:185px}.detail-card.secret-open .bottle-touch{height:178px;width:95px}.detail-card.secret-open .discovery-bottle{height:170px}.detail-card.secret-open .giant-symbol{font-size:90px;top:35px;left:16%}.detail-card.secret-open .metric-sticker{bottom:32px;left:18%;min-width:78px;min-height:63px;padding:7px}.detail-card.secret-open .metric-sticker b{font-size:21px}.detail-card.secret-open .metric-sticker span{font-size:12px}.detail-card.secret-open .product-whisper{bottom:3px;font-size:12px}.detail-card.secret-open .mineral-story{padding-top:14px}.gesture-hint{font-size:13px;line-height:1.6;text-align:right;margin-bottom:12px}.person-photo{touch-action:pan-y}.person-content .person-photo{height:300px}.person-content .person-scene{min-height:300px}}
@media(max-height:600px){.intro-stack{height:calc(100svh - 90px);gap:8px}.intro-headline{font-size:clamp(28px,7vw,42px)}.intro-signature img{width:38px;height:38px}.intro-signature{font-size:13px}.skip-intro{font-size:13px;min-height:40px;padding:6px 14px}}
@media(prefers-reduced-motion:reduce){.intro-headline,.intro-product,.intro-signature{opacity:1;transform:none;animation:none!important}.mineral-product,.discovery-bottle,.bottle-touch{transition:none}}
.detail-card,.person-scene{touch-action:pan-y}.intro-stack{box-sizing:border-box}.intro-headline .water-word>img{bottom:auto}
/* The 455 arcade: real packshot, symbolic mineral tokens and a shareable victory. */
.play-view{max-width:1160px;margin:auto;padding:18px 5% 110px}.play-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:20px}.play-heading h1{font:700 52px/1.25 HacenBold;margin:5px 0;color:var(--blue)}.play-heading h1 span{color:var(--pink)}.play-invite{display:flex;align-items:center;text-align:right;gap:25px;max-width:1120px;width:100%;margin:30px auto 0;padding:22px 35px;border:2px solid #abe1f4;background:#c9f1ff;border-radius:36px 9px 36px 36px;box-shadow:0 5px 0 #a7dced;color:var(--blue)}.play-invite strong{display:block;font:700 34px/1.3 HacenBold}.play-invite small{font-size:17px;display:block;margin-top:6px}.invite-target{font:bold 62px/1 Arial;color:var(--pink);transform:rotate(-8deg)}.invite-symbol{margin-right:auto;font:42px Arial;color:var(--pink)}.play-link{background:var(--pink);color:#fff;padding:10px 24px;border-radius:24px;white-space:nowrap}.bottom-nav a[data-nav=play]>span{color:var(--pink)}
.game-start{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:center;direction:ltr}.game-start-copy{direction:rtl;padding:14px 0}.game-start-stage{position:relative;isolation:isolate;min-height:590px;display:grid;place-items:center;overflow:hidden;direction:rtl}.game-start-stage img{height:470px;width:auto;max-width:80%;object-fit:contain;filter:drop-shadow(12px 20px 13px #075a9c25);transform:rotate(-8deg);z-index:2}.start-orbit{position:absolute;inset:80px 0 35px;background:#c5f0ff;border-radius:50%;transform:rotate(-12deg);z-index:-1}.start-target{position:absolute;left:15px;top:14px;z-index:3;font:900 90px/1 Arial;color:var(--blue);transform:rotate(-8deg)}.start-target small{display:block;font:22px Hacen;color:var(--muted);text-align:center;margin-top:8px}.start-token{position:absolute;display:grid;place-items:center;width:83px;height:83px;border-radius:50%;font:700 31px Arial;box-shadow:0 8px 0 #075a9c15;border:3px solid #fff;z-index:3;background:#fff;color:var(--pink)}.token-ca{top:220px;left:10px;transform:rotate(-12deg)}.token-mg{top:65px;right:15px;color:#00877f;transform:rotate(9deg)}.token-no{bottom:60px;right:4px;background:#eee2f3;color:#793b8e;width:94px;height:94px;font-size:26px;transform:rotate(12deg)}.token-no small{position:absolute;right:-3px;top:-5px;background:var(--pink);border:3px solid white;color:#fff;width:33px;height:33px;border-radius:50%;display:grid;place-items:center;font:20px Arial}.game-label{font-size:16px;color:var(--muted)}.game-start-copy h2{font:700 clamp(42px,4.5vw,60px)/1.25 HacenBold;color:var(--blue);margin:15px 0}.game-start-copy h2 span,.finish-actions h2 span{color:var(--pink)}.game-start-copy>p{font-size:19px;line-height:1.7;margin:18px 0 22px}.game-prize{background:#ffe5f2;padding:17px 22px;border-radius:24px 7px 24px 24px;color:#9f205d;display:flex;align-items:center;gap:18px}.game-prize b{font:900 28px Arial;white-space:nowrap}.game-prize span{font-size:16px;line-height:1.6}.game-entry-row{display:flex;gap:10px;align-items:stretch}.game-entry-row input{min-width:0;width:100%;border:2px solid #afe0f5;background:white;border-radius:18px;padding:12px 15px;font:20px Hacen;color:var(--navy)}.game-entry-row input:focus{outline:3px solid #e5368a50;outline-offset:2px}.game-entry-row input::placeholder{color:#548299}#game-entry label{display:block;font:700 20px HacenBold;margin:23px 0 9px}.game-primary,.game-secondary{border:0;border-radius:20px;min-height:48px;padding:12px 24px;font:700 18px/1.4 HacenBold;white-space:nowrap;box-shadow:0 4px 0 #b62069;background:var(--pink);color:#fff}.game-secondary{background:white;color:var(--blue);box-shadow:0 4px 0 #b8ddeb;border:1px solid #b9e0ef}.game-primary:hover{background:#cb2775}.game-primary:disabled,.game-secondary:disabled{cursor:wait;opacity:.5}.game-primary:active,.game-secondary:active{translate:0 3px;box-shadow:none}.game-privacy,.game-fact-note,.game-participation-note{font-size:14px;line-height:1.7;color:var(--muted)}.game-privacy{margin:10px 0}.game-fact-note{max-width:960px;margin:30px auto 0}.game-rules{margin:20px 0 0;font-size:16px}.game-rules summary,.score-breakdown summary{cursor:pointer;color:var(--blue);font:700 16px HacenBold;padding:9px 0;min-height:44px}.game-rules ol{padding-inline-start:25px;margin:10px 0}.game-rules li{margin:10px 0}.game-rules p{font-size:16px;margin:10px 0}
.game-workspace{width:min(100%,740px);margin:0 auto;scroll-margin-top:112px}.game-hud{display:flex;gap:22px;align-items:center;margin-bottom:12px;background:white;padding:14px 20px;border-radius:24px;border:1px solid #cae9f4}.game-meter{flex:1;min-width:0}.game-meter>span{display:flex;justify-content:space-between;gap:10px;font-size:16px}.game-meter b{font:bold 20px Arial;color:var(--blue)}.game-meter progress{appearance:none;height:10px;width:100%;display:block;margin-top:8px;overflow:hidden;border:0;border-radius:10px;background:#e1f1f8}.game-meter progress::-webkit-progress-bar{background:#e1f1f8;border-radius:10px}.game-meter progress::-webkit-progress-value{background:var(--pink);border-radius:10px;transition:width .25s}.game-meter progress::-moz-progress-bar{background:var(--pink);border-radius:10px}.game-time{display:flex;flex-direction:column;align-items:center}.game-time b{font:bold 21px Arial}.game-time span{font-size:14px;color:var(--muted)}.game-icon-button{border:0;border-radius:14px;width:46px;height:46px;flex-shrink:0;background:#edf6fb;color:var(--blue);font:bold 20px Arial}.game-arena{position:relative;height:450px;border-radius:34px;overflow:hidden;background:linear-gradient(180deg,#e4f7ff,#bfefff);border:2px solid #fff;box-shadow:0 7px 0 #b5deee;touch-action:none;user-select:none;direction:ltr;outline-offset:3px;isolation:isolate}.game-arena:before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 16% 25%,#ffffff88 0 3px,transparent 4px),radial-gradient(circle at 90% 55%,#ffffffbb 0 4px,transparent 5px);background-size:170px 180px,140px 230px;pointer-events:none}.arena-mark{position:absolute;top:32%;left:50%;translate:-50% -50%;text-align:center;opacity:.1;color:var(--blue);direction:rtl;pointer-events:none}.arena-mark span{font:28px HacenBold;display:block}.arena-mark strong{font:900 140px Arial}.falling-minerals{position:absolute;inset:0;pointer-events:none}.mineral-pickup{position:absolute;left:0;top:0;width:54px;height:54px;background:white;border-radius:50%;border:2px solid var(--mineral-color);color:var(--mineral-color);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 4px 0 #075a9c14;will-change:transform;font-family:Arial;z-index:2}.mineral-pickup strong{font-size:19px;line-height:1.15}.mineral-pickup small{font:bold 12px Arial;margin-top:3px}.nitrate-pickup{background:#eee1f5;border-style:dashed;border-width:2px}.nitrate-pickup small{font:12px Hacen;color:#62316b}.player-bottle{position:absolute;left:50%;bottom:18px;width:76px;height:145px;translate:-50% 0;z-index:3;pointer-events:none}.player-bottle img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(4px 7px 5px #075a9c35)}.bottle-shield{position:absolute;inset:-10px -5px 0;border:2px solid #ffffffa0;background:#ffffff15;border-radius:50%;z-index:-1;box-shadow:0 0 20px #fff6}.shield-hit .bottle-shield{animation:repel-shield .65s ease-out}.game-toast{position:absolute;left:50%;top:18px;translate:-50% 0;max-width:calc(100% - 28px);width:max-content;border-radius:18px;background:#ffffffed;color:var(--blue);padding:7px 15px;font:16px/1.5 HacenBold;text-align:center;direction:rtl;z-index:4;opacity:0;pointer-events:none;box-shadow:0 3px 12px #075a9c12}.game-toast[data-tone=purple]{background:#fff0fc;color:#743783}.game-toast.show{animation:game-toast 1.55s both}.game-overlay{position:absolute;inset:0;background:#e8f8fff2;backdrop-filter:blur(5px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:15px;direction:rtl;text-align:center;padding:20px;z-index:5}.game-overlay>strong{font:900 120px/1.2 Arial;color:var(--pink)}.game-overlay p{font-size:19px;margin:0}.game-overlay h2{font:700 32px HacenBold;color:var(--blue);margin:0}.game-overlay .game-secondary{box-shadow:none;font-size:16px}.pause-mark{font:bold 50px Arial;color:var(--pink)}.game-controls{display:flex;justify-content:center;align-items:center;gap:16px;margin:16px 0 14px}.game-controls button{border:1px solid #abd8ec;background:white;border-radius:15px;width:53px;height:46px;font:20px Arial;color:var(--blue);touch-action:none}.game-controls p{font-size:14px;color:var(--muted);text-align:center;margin:0}.mineral-recipe{display:grid;grid-template-columns:repeat(8,1fr);gap:8px}.recipe-item{min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;background:white;border:1px solid #d5eaf3;border-radius:16px;padding:10px 2px;gap:4px}.recipe-item strong{color:var(--mineral-color);font:bold 18px Arial}.recipe-name{font-size:12px;color:var(--muted);max-width:100%}.recipe-item b{font:12px Arial;color:var(--navy)}.recipe-complete{background:#dbf5f2;border-color:#a4dcd1}.recipe-complete b{color:#087e73;font-weight:bold}.game-recipe-hint{font-size:14px;text-align:center;margin:12px 0;color:var(--muted)}
.game-finish{display:grid;grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:48px;direction:ltr;align-items:center}.finish-preview{direction:rtl;min-width:0}.victory-card{aspect-ratio:9/16;position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;background:#def5ff;border:8px solid white;border-radius:30px;padding:12px 16px;box-shadow:0 7px 20px #075a9c18}.victory-logo{width:74px;height:74px}.victory-card .game-label{font-size:14px}.victory-card h2{font:700 27px/1.4 HacenBold;margin:10px 0;color:var(--blue);overflow-wrap:anywhere}.victory-score{font:900 61px/1.1 Arial;color:var(--pink)}.victory-score-label{font-size:15px;color:var(--blue)}.victory-product{position:relative;display:grid;place-items:center;flex:1;min-height:180px;width:100%}.victory-product img{height:100%;max-height:210px;width:100%;object-fit:contain;filter:drop-shadow(4px 7px 6px #075a9c25)}.victory-target{position:absolute;right:0;top:30%;background:white;border-radius:15px;padding:10px;font:bold 16px Arial}.victory-target small{display:block;font:12px Hacen;margin-top:4px}.victory-stats{display:flex;gap:10px;width:100%}.victory-stats>span{display:flex;flex-direction:column;flex:1;font-size:12px;background:white;border-radius:12px;padding:8px 4px}.victory-stats b{font:bold 19px Arial;color:var(--blue);margin-bottom:5px}.victory-signature{font:700 26px/1.5 HacenBold;margin:15px 0 0;color:var(--blue);white-space:nowrap}.victory-footer{font-size:12px;color:var(--muted);margin-top:6px}.story-image{display:block;width:100%;height:auto;aspect-ratio:9/16;border-radius:28px;box-shadow:0 7px 20px #075a9c18}.image-status{font-size:14px;line-height:1.6;text-align:center;margin:12px 0;color:var(--muted)}.finish-actions{direction:rtl;min-width:0}.finish-actions h2{font:700 48px/1.25 HacenBold;margin:10px 0 22px;color:var(--blue)}.sharing-steps{list-style:none;margin:25px 0;padding:0;display:grid;gap:16px}.sharing-steps li{display:flex;gap:16px;font-size:18px;line-height:1.7;align-items:flex-start}.sharing-steps li>b{font:bold 18px Arial;display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:#dff4fd;color:var(--blue)}.result-buttons{display:flex;gap:12px;flex-wrap:wrap}.result-buttons button{flex:1}.game-text-button{border:0;background:none;min-height:44px;font-size:16px;color:var(--blue);padding:10px 0;text-decoration:underline;text-underline-offset:4px}.share-feedback{font-size:16px;color:#0b6a82;margin:10px 0}.share-feedback:empty{display:none}.score-breakdown{font-size:15px;line-height:1.7}.score-breakdown p{margin:8px 0}.game-participation-note{margin:12px 0}.game-finish:focus{outline:none}
@keyframes repel-shield{0%,100%{border-color:#ffffffa0;box-shadow:0 0 20px #fff6}25%,65%{border-color:#d68cea;box-shadow:0 0 25px 12px #d997ea70;scale:1.18}}@keyframes game-toast{0%{opacity:0;transform:translateY(-5px)}10%,75%{opacity:1;transform:translateY(0)}100%{opacity:0;transform:translateY(-4px)}}
@media(max-width:900px){.mineral-recipe{grid-template-columns:repeat(4,1fr)}.game-finish{gap:28px}.game-start{gap:22px}.game-start-stage{min-height:520px}.game-start-stage img{height:390px}.start-target{font-size:72px}.game-prize{flex-wrap:wrap;gap:8px}.game-entry-row{flex-wrap:wrap}.game-entry-row input{flex:1 1 180px}.game-entry-row button{flex:1}.finish-actions h2{font-size:39px}}
@media(max-width:700px){.play-view{padding:10px 16px 100px}.play-heading{margin-bottom:10px;gap:12px}.play-heading h1{font-size:35px}.play-heading .eyebrow{font-size:14px}.play-heading .text-button{font-size:14px;padding:9px 14px}.play-invite{gap:15px;padding:20px 18px;margin-top:26px;min-height:120px}.play-invite strong{font-size:28px}.play-invite small{font-size:15px;line-height:1.6}.invite-target{font-size:40px}.invite-symbol{font-size:25px}.bottom-nav{gap:0}.bottom-nav a{min-width:0;flex:1;font-size:13px;padding:6px 3px;min-height:62px}.bottom-nav a[data-nav=play]{white-space:nowrap}.play-cross-link{align-items:flex-start;gap:14px}.play-cross-link span{font-size:17px}.play-link{padding:10px 18px;font-size:16px}.game-start{grid-template-columns:1fr;gap:0;direction:rtl}.game-start-stage{min-height:225px;height:225px;width:min(100%,360px);margin:auto;grid-row:1;overflow:visible}.game-start-stage img{height:223px;max-width:42%}.start-orbit{inset:15px 35px 5px}.start-target{font-size:58px;top:26px;left:15px}.start-target small{font-size:16px;margin-top:4px}.start-token{width:48px;height:48px;font-size:20px;border-width:2px;box-shadow:0 4px 0 #075a9c15}.token-ca{top:143px;left:42px}.token-mg{top:18px;right:29px}.token-no{bottom:20px;right:15px;width:64px;height:64px;font-size:20px}.token-no small{width:25px;height:25px;font-size:14px;border-width:2px}.game-start-copy{padding:14px 0}.game-start-copy>.game-label{display:none}.game-start-copy h2{font-size:35px;line-height:1.3;margin:0 0 9px}.game-start-copy h2 br{display:none}.game-start-copy>p{font-size:17px;margin:10px 0 15px}.game-prize{padding:13px 17px;border-radius:20px 6px 20px 20px;flex-wrap:nowrap;gap:14px}.game-prize b{font-size:23px}.game-prize span{font-size:14px;line-height:1.6}.game-entry-row{flex-wrap:nowrap}.game-entry-row input{font-size:18px;padding:10px 12px;flex:1 1 0;width:auto}.game-entry-row button{flex:0 0 auto;padding:12px 18px;font-size:17px}#game-entry label{font-size:18px;margin:18px 0 8px}.game-privacy{font-size:13px;line-height:1.6}.game-rules{font-size:16px;margin-top:15px}.game-fact-note{font-size:13px;line-height:1.7;margin-top:20px}.game-workspace{scroll-margin-top:10px}.game-hud{padding:10px 12px;border-radius:18px;gap:12px;margin-bottom:10px}.game-meter>span{font-size:14px}.game-meter b{font-size:18px}.game-time b{font-size:18px}.game-time span{font-size:12px}.game-icon-button{width:44px;height:44px}.game-arena{height:clamp(270px,49svh,430px);border-radius:25px}.player-bottle{height:128px;width:62px;bottom:16px}.arena-mark strong{font-size:115px}.game-controls{gap:12px;margin:13px 0}.game-controls p{font-size:13px}.game-controls button{width:46px;height:44px}.mineral-recipe{gap:6px}.recipe-item{padding:7px 2px;border-radius:12px;gap:3px}.recipe-item strong{font-size:16px}.recipe-name{font-size:12px}.recipe-item b{font-size:12px}.game-recipe-hint{font-size:13px;margin:9px 0}.game-toast{font-size:14px;top:12px;padding:6px 12px}.game-overlay h2{font-size:27px}.game-overlay p{font-size:17px}.game-overlay>strong{font-size:90px}.game-finish{grid-template-columns:1fr;gap:22px}.finish-preview{max-width:340px;width:100%;margin:auto}.finish-actions h2{font-size:35px;margin:8px 0 16px}.finish-actions h2 br{display:none}.sharing-steps{margin:20px 0;gap:14px}.sharing-steps li{font-size:17px;gap:12px}.result-buttons button{font-size:16px;padding:12px 16px}.finish-actions>.game-label{font-size:15px}.game-participation-note{font-size:13px}.image-status{font-size:13px}.victory-card{min-height:560px}.victory-card h2{font-size:25px}.victory-signature{font-size:24px}}
@media(max-width:370px){.game-prize{flex-wrap:wrap;gap:5px}.game-prize span{font-size:14px}.game-entry-row{gap:8px}.game-entry-row button{padding:10px 13px}.play-heading .text-button{font-size:13px;padding:9px 10px}.recipe-name{font-size:12px}.game-controls p{max-width:180px}.play-invite{gap:12px}.invite-target{font-size:35px}.invite-symbol{display:none}.victory-card{padding:12px;min-height:540px}}
@media(prefers-reduced-motion:reduce){.game-toast.show{opacity:1}.bottle-shield{box-shadow:none}.shield-hit .bottle-shield{border-color:#bc70d4;background:#e8c6ef44}.game-meter progress::-webkit-progress-value{transition:none}}
.mineral-caught img{animation:catch-product .3s ease-out}@keyframes catch-product{50%{transform:translateY(-5px) scale(1.04)}100%{transform:none}}@media(max-width:700px){.game-start-stage{min-height:190px;height:190px}.game-start-stage img{height:190px}.start-target{font-size:52px;top:21px}.token-ca{top:120px}.game-start-copy{display:flex;flex-direction:column}.game-start-copy>.game-prize{order:1;margin-top:14px}.game-start-copy>.game-rules{order:2}.game-start-copy h2{font-size:32px}.game-start-copy>p{margin-bottom:0}.play-heading .text-button{display:inline-flex}.game-fact-note{margin-top:12px}}
/* Play feedback: mineral badges, glass pickups, catch trails and audio controls. */
.game-audio-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;width:fit-content;min-height:44px;border:1px solid #b8ddec;border-radius:15px;background:#fff;color:var(--blue);padding:8px 13px;font:15px Hacen;cursor:pointer;margin:8px 0 0}.game-audio-button svg,.game-icon-button svg{width:23px;height:23px;flex-shrink:0}.game-audio-button[aria-pressed=false]{background:#eef3f7;color:#627d90}.game-audio-button:disabled{display:none}.game-hud-tools{display:flex;gap:7px;align-items:center}.audio-compact{width:44px;height:44px;padding:10px;margin:0}.audio-compact span{display:none}.game-icon-button{display:grid;place-items:center}.pause-mark svg{width:50px;height:50px}.mineral-badge{position:relative;display:grid;place-items:center;width:40px;height:40px;border:2px solid color-mix(in srgb,var(--mineral-color),transparent 65%);border-radius:13px;background:color-mix(in srgb,var(--mineral-color),white 92%);color:var(--mineral-color);font:bold 18px Arial;box-shadow:0 3px 0 color-mix(in srgb,var(--mineral-color),transparent 85%)}.badge-mg,.badge-so{border-radius:50% 14px 50% 14px}.badge-na,.badge-cl,.badge-f{border-radius:50%}.badge-k{border-radius:10px;transform:rotate(-7deg)}.badge-hco{width:52px;font-size:15px;border-radius:12px}.recipe-item{gap:6px;transition:background .25s,border-color .25s}.recipe-complete .mineral-badge{background:#0c8790;color:white;border-color:#0c8790;box-shadow:0 3px 0 #b1ded6}.recipe-complete .mineral-badge:after{content:'✓';position:absolute;right:-7px;bottom:-5px;border-radius:50%;width:18px;height:18px;background:white;color:#078174;border:1px solid #b6ded6;font:bold 12px Arial;display:grid;place-items:center}.recipe-just-completed{animation:completed-badge .6s ease-out}.counter-pop{animation:score-pop .35s ease-out}.mineral-pickup{background:linear-gradient(140deg,#fff 20%,color-mix(in srgb,var(--mineral-color),white 89%));border-width:2px;box-shadow:0 4px 0 color-mix(in srgb,var(--mineral-color),transparent 77%),inset 0 0 0 3px #ffffff90,0 7px 10px #075a9c14}.mineral-pickup:before{content:'';position:absolute;left:10px;top:6px;right:12px;height:5px;border-radius:10px;background:#ffffffd0;pointer-events:none}.mineral-pickup[data-mineral=mg],.mineral-pickup[data-mineral=so]{border-radius:22px 10px 22px 10px}.mineral-pickup[data-mineral=k],.mineral-pickup[data-mineral=hco]{border-radius:16px}.mineral-pickup strong{font-size:21px;z-index:1}.mineral-pickup[data-mineral=hco] strong,.mineral-pickup[data-mineral=so] strong{font-size:18px}.pickup-icon{position:absolute;right:-5px;top:-6px;width:20px;height:20px;background:white;border:1px solid var(--mineral-color);border-radius:50%;display:grid;place-items:center;box-shadow:0 2px 3px #075a9c12}.pickup-icon svg{width:13px;height:13px}.nitrate-pickup{background:linear-gradient(135deg,#f9f2ff,#e8d5f0);border-radius:14px;border-width:2px;border-color:#8b469e;box-shadow:0 4px 0 #c49ed3,inset 0 0 0 3px #ffffff80}.nitrate-pickup .pickup-icon{background:#793b8e;color:white}.player-bottle img{transform:rotate(var(--bottle-lean,0deg));transition:transform .12s ease-out;transform-origin:50% 80%}.bottle-shield{border-width:2px;background:linear-gradient(180deg,#ffffff44,#ffffff05);box-shadow:0 0 22px #fff8,inset 0 0 15px #ffffff60}.collection-effects{position:absolute;inset:0;pointer-events:none;z-index:4;overflow:hidden}.collect-particle{position:absolute;width:7px;height:7px;border-radius:50%;background:var(--particle-color);box-shadow:0 0 0 2px #ffffffaa,0 0 9px #fff;animation:mineral-burst .6s ease-out both}.collect-particle:nth-child(3n){width:4px;height:12px;border-radius:3px}.repel-particle{border-radius:2px;box-shadow:none}.collect-points{position:absolute;translate:-50% 0;font:900 27px Arial;white-space:nowrap;text-shadow:0 2px 1px white,0 -2px 1px white;animation:points-float .8s ease-out both}.pickup-repelled{filter:drop-shadow(0 0 8px #a65cbe55)}.pickup-collected{filter:brightness(1.3);box-shadow:0 0 15px #ffffffbb}.game-finish{position:relative}.finish-celebration{position:absolute;inset:0 0 auto;height:560px;overflow:hidden;pointer-events:none;z-index:3}.finish-celebration i{position:absolute;left:var(--confetti-x);top:-20px;width:9px;height:18px;border-radius:3px;background:var(--confetti-color);opacity:0;animation:victory-confetti 2.5s var(--confetti-delay) cubic-bezier(.1,.3,.3,1) both}.finish-celebration i:nth-child(3n){border-radius:50%;width:9px;height:9px}.game-arena{background:radial-gradient(ellipse at 50% 95%,#ffffffbb,transparent 45%),linear-gradient(180deg,#e4f7ff,#bfefff)}
@keyframes mineral-burst{0%{opacity:1;transform:translate(-50%,-50%) scale(.4)}25%{opacity:1}100%{opacity:0;transform:translate(calc(-50% + var(--dx)),calc(-50% + var(--dy))) scale(.15)}}
@keyframes points-float{0%{opacity:0;transform:translateY(0) scale(.7)}20%{opacity:1;transform:translateY(-10px) scale(1.1)}75%{opacity:1}100%{opacity:0;transform:translateY(-54px) scale(.95)}}
@keyframes score-pop{50%{transform:scale(1.1);color:var(--pink)}}
@keyframes completed-badge{25%{transform:translateY(-5px) scale(1.07)}65%{transform:translateY(1px)}100%{transform:none}}
@keyframes victory-confetti{0%{opacity:0;transform:translateY(-20px) rotate(0deg)}8%,65%{opacity:1}100%{opacity:0;transform:translateY(480px) rotate(var(--confetti-turn))}}
@media(max-width:700px){.game-hud{gap:10px}.game-hud-tools{gap:5px}.game-time b{font-size:16px}.game-meter b{font-size:17px}.game-meter>span{font-size:14px}.game-audio-button{font-size:14px;margin-top:10px}.audio-compact{margin-top:0}.game-hud-tools .game-icon-button,.audio-compact{width:42px;min-height:44px;height:44px}.mineral-badge{width:32px;height:32px;font-size:16px;border-radius:10px}.badge-na,.badge-cl,.badge-f{border-radius:50%}.badge-hco{width:44px;font-size:13px}.recipe-item{gap:4px;padding:7px 3px}.finish-celebration{height:520px}.game-start-copy>.game-audio-button{align-self:flex-start}.game-meter>span{flex-wrap:wrap;gap:2px 8px}.game-time{flex-shrink:0}}
@media(max-width:370px){.game-hud{padding:10px;gap:7px}.game-hud-tools{gap:3px}.game-meter>span>b{font-size:16px}.game-time{display:none}}
@media(prefers-reduced-motion:reduce){.collection-effects,.finish-celebration{display:none}.player-bottle img{transform:none!important;transition:none}.recipe-just-completed,.counter-pop{animation:none}.recipe-item{transition:none}}
/* Home edit: one brand mark, three quiet product formats, less copy. */
header{height:112px;gap:0;padding-block:16px;background:transparent;backdrop-filter:none;border-radius:0}.brand,.brand img{width:160px;height:auto}.brand{display:block;line-height:0}.brand img{display:block;object-fit:contain}.home-words{transform:translateX(-42px) rotate(-5deg)}.home-words h1{margin-top:0}.home-aside{padding-right:20px}.hero-copy{margin-bottom:0}.hero-rotation{position:relative;width:100%;height:465px}.hero-rotation .hero-bottle{position:absolute;left:50%;bottom:0;translate:-50% 0;width:auto;max-width:100%;object-fit:contain;opacity:0;transition:opacity .85s ease-in-out;pointer-events:none;will-change:opacity}.hero-rotation .hero-bottle.is-visible{opacity:1}.hero-rotation .hero-format-05{height:89%}.hero-rotation .hero-format-1{height:95%}.hero-rotation .hero-format-15{height:100%}.card-kicker{font:700 22px/1.5 HacenBold;opacity:1;display:block}.play-invite .invite-target{width:76px;height:76px;display:grid;place-items:center;flex:0 0 76px;transform:rotate(-9deg);border-radius:23px;background:white;box-shadow:0 4px 0 #a8dced}.gamepad-icon{display:block;width:34px;height:34px;flex-shrink:0}.invite-target .gamepad-icon{width:51px;height:51px;color:var(--pink)}.bottom-nav .gamepad-icon{width:27px;height:27px;color:var(--pink);margin-block:1px 2px}.bottom-nav .nav-brand{display:block;width:74px;height:auto;max-width:100%;object-fit:contain}.bottom-nav a[data-nav=home]{justify-content:center;padding-inline:8px}.bottom-nav a[data-nav=home].active .nav-brand{filter:drop-shadow(0 2px 2px #075a9c20)}
/* A compact trio uses one baseline below the campaign signature. */
.intro-stack{width:min(90vw,800px);height:auto;max-height:calc(100svh - 125px);grid-template-rows:auto auto;gap:34px}.intro-product-stage{display:flex;direction:ltr;align-items:flex-end;justify-content:center;gap:24px;width:min(80vw,500px);height:min(44svh,355px);min-height:0}.intro-product{height:auto;width:auto;max-height:100%;max-width:31%;margin:0;object-fit:contain;filter:drop-shadow(0 10px 10px #1c668b25);transform:translateY(70px);opacity:0}.intro-bottle-05{height:74%;--intro-lean:-5deg}.intro-bottle-15{height:100%;--intro-lean:0deg}.intro-bottle-1{height:89%;--intro-lean:5deg}.intro-orbit{width:min(66vmin,490px);height:min(66vmin,490px)}.intro-film.playing .intro-product{animation:compact-trio 3.3s .1s cubic-bezier(.16,1,.3,1) both}.intro-film.playing .intro-bottle-15{animation-delay:.2s}.intro-film.playing .intro-bottle-1{animation-delay:.3s}
@keyframes compact-trio{0%{opacity:0;transform:translateY(70px) rotate(calc(var(--intro-lean) + 6deg)) scale(.92)}24%,80%{opacity:1;transform:translateY(0) rotate(var(--intro-lean)) scale(1)}100%{opacity:0;transform:translateY(-9px) rotate(var(--intro-lean)) scale(1.01)}}
@media(min-width:1500px){.hero-rotation{height:530px}}
@media(max-width:1050px) and (min-width:701px){.home-words{transform:translateX(-28px) rotate(-5deg)}.hero-rotation{height:415px}.card-kicker{font-size:20px}}
@media(max-width:700px){header{height:100px;padding:14px 20px}.brand,.brand img{width:145px;height:auto}.home-words{transform:translateX(-20px) rotate(-5deg);padding-top:8px}.home-words h1{font-size:clamp(51px,15.5vw,67px);line-height:1.12}.home-playground{min-height:390px}.home-aside{padding:0 0 16px}.hero-copy{font-size:19px;line-height:1.6}.product-scene{height:350px;margin-right:-12px}.hero-rotation{height:340px}.hero-rotation .hero-bottle{max-width:165px}.card-kicker{font-size:18px;line-height:1.5}.journey-card h2{margin-top:8px}.play-invite .invite-target{width:56px;height:56px;flex-basis:56px;border-radius:18px}.invite-target .gamepad-icon{width:39px;height:39px}.bottom-nav .nav-brand{width:67px}.bottom-nav .gamepad-icon{width:26px;height:26px}.intro-stack{width:calc(100vw - 38px);max-height:calc(100svh - 120px);height:auto;gap:26px}.intro-product-stage{width:calc(100vw - 64px);height:min(39svh,300px);gap:15px}.intro-product{max-width:30%;max-height:100%;width:auto}.intro-headline{font-size:clamp(31px,8.3vw,52px)}.intro-orbit{width:82vw;height:82vw;max-width:380px;max-height:380px}}
@media(max-width:370px){.home-words{transform:translateX(-12px) rotate(-5deg)}.home-words h1{font-size:49px}.hero-rotation{height:315px}.product-scene{height:330px}.home-playground{min-height:370px}.card-kicker{font-size:16px}.play-invite .invite-target{width:48px;height:48px;flex-basis:48px}.invite-target .gamepad-icon{width:34px;height:34px}.bottom-nav .nav-brand{width:58px}.intro-product-stage{gap:12px}}
@media(max-height:600px){.intro-stack{gap:16px;max-height:calc(100svh - 100px)}.intro-product-stage{height:39svh}.intro-headline{font-size:clamp(28px,6vw,42px)}}
@media(prefers-reduced-motion:reduce){.intro-product{opacity:1;transform:none;animation:none!important}.hero-rotation .hero-bottle{transition:none;animation:none}}

/* Two clear next steps after discovering the composition. */
.why-people-link{gap:24px}.why-people-link h2{font:700 28px/1.3 HacenBold;margin:0 0 8px}.why-people-link p{margin:0;font-size:20px;line-height:1.65}.why-people-link .water-word{width:1.55em;vertical-align:middle}.why-people-link button{flex-shrink:0}.why-people-link+.play-cross-link{margin-top:18px}.why-people-link+.play-cross-link span{font-size:23px}
@media(max-width:700px){.why-people-link{flex-direction:column;align-items:stretch;gap:18px}.why-people-link h2{font-size:26px}.why-people-link p{font-size:20px}.why-people-link button{align-self:flex-start;min-height:46px}.why-people-link+.play-cross-link{align-items:center;flex-wrap:wrap;gap:18px}.why-people-link+.play-cross-link span{font-size:20px}.why-people-link+.play-cross-link .play-link{min-height:46px}}

/* Keep the mobile campaign signature and its supporting line on one axis. */
.home-message{display:contents}.home-words,.home-aside{grid-row:1}
.giant-symbol{opacity:.4;pointer-events:none}
@media(max-width:700px){
 .home-message{display:flex;flex-direction:column;align-items:center;position:absolute;left:calc(60% + 2px);top:clamp(70px,17.4vw,95px);width:clamp(155px,40vw,250px);translate:-50% 0;z-index:3}
 .home-message .home-words{width:100%;padding:0;transform:none;align-self:auto;text-align:center}
 .home-message h1{display:flex;flex-direction:column;align-items:center;gap:8px;margin:0;line-height:1;transform:rotate(-5deg)}
 .home-message .middle-word{padding:0;margin:0;line-height:1}
 .home-message .water-word{display:block;vertical-align:0}
 .home-message .home-aside{width:100%;padding:0;margin-top:18px;align-self:auto;text-align:center}
 .home-message .hero-copy{margin:0;transform:none}
 /* Product on the right; both the invitation and revealed story use the left. */
 #why .detail-card{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;min-height:310px;padding:10px 12px;gap:6px}
 #why .mineral-product,#why .detail-card.secret-open .mineral-product{--composition-height:clamp(245px,53vw,300px);grid-column:1;grid-row:1;width:100%;height:var(--composition-height);min-height:var(--composition-height);align-self:center}
 #why .bottle-touch,#why .detail-card.secret-open .bottle-touch{width:clamp(105px,28vw,145px);max-width:100%;height:calc(var(--composition-height) - 32px);justify-self:center}
 #why .bottle-touch .discovery-bottle,#why .detail-card.secret-open .discovery-bottle{height:100%;width:auto;max-width:100%}
 #why .giant-symbol,#why .detail-card.secret-open .giant-symbol{font-size:clamp(80px,23vw,110px);top:45px;left:3%;right:0;letter-spacing:-5px;text-align:center;max-width:100%;opacity:.4}
 #why [data-mineral=origin] .giant-symbol{font-size:clamp(45px,11vw,65px);letter-spacing:0}
 #why .metric-sticker,#why .detail-card.secret-open .metric-sticker{left:4%;bottom:15px;min-width:88px;min-height:72px;max-width:95%;padding:10px;z-index:2}
 #why .metric-sticker b,#why .detail-card.secret-open .metric-sticker b{font-size:26px}
 #why .metric-sticker span,#why .detail-card.secret-open .metric-sticker span{font-size:13px}
 #why .secret-invitation,#why .mineral-story{grid-column:2;grid-row:1;min-width:0;padding:22px 8px 22px 4px;align-self:center;text-align:right}
 #why .secret-invitation h2{font-size:clamp(22px,5vw,30px);margin:0 0 12px;overflow-wrap:break-word}
 #why .secret-invitation p{font-size:clamp(16px,3.45vw,19px);line-height:1.6;margin:0 0 18px}
 #why .secret-invitation button{min-height:46px;padding:10px 19px;font-size:16px}
 #why .detail-card.secret-open .mineral-story{padding-top:22px}
 #why .mineral-story h2{font-size:clamp(21px,4.8vw,29px);margin:0 0 14px;line-height:1.4}
 #why .mineral-story>p{font-size:clamp(16px,3.45vw,19px);line-height:1.7}
 #why .more-story{margin-top:16px!important}
 #why .more-story summary{font-size:15px;padding:9px 14px;min-height:44px}
 #why .takeaway{margin-top:12px;padding:12px;font-size:15px}
 #why .step-controls{flex-direction:column;align-items:flex-start;gap:12px;margin-top:18px}
 #why .step-controls button{min-height:44px;padding:10px 16px}
}
@media(max-width:400px){
 #why .detail-card{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:280px;padding:8px;gap:4px}
 #why .metric-sticker,#why .detail-card.secret-open .metric-sticker{left:0;bottom:8px;min-width:72px;min-height:62px;padding:8px}
 #why .metric-sticker b,#why .detail-card.secret-open .metric-sticker b{font-size:22px}
 #why .metric-sticker span,#why .detail-card.secret-open .metric-sticker span{font-size:12px}
 #why .secret-invitation,#why .mineral-story{padding-inline:5px}
 #why .secret-invitation button{padding-inline:14px}
}

/* People: focus on the scene and useful benefits, followed by the game. */
#who .who-tabs{margin-bottom:10px}
#who .person-body h2{margin-top:0}
#who .description{margin-bottom:20px}
#who .benefit summary{min-height:44px;gap:12px}
#who .benefit p{margin:10px 0 0;line-height:1.7}
#who .scene-signature{left:24px;right:24px}
#who .next-person{min-height:46px}
#who .who-play-link{align-items:center;flex-wrap:wrap;gap:18px}
#who .who-play-link>span{font-size:23px}
#who .who-play-link .play-link{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:46px}
#who .who-play-link .gamepad-icon{width:25px;height:25px}
@media(max-width:700px){
 #who .who-tabs{gap:clamp(12px,3vw,20px);padding-top:12px;padding-bottom:20px;margin-bottom:0}
 #who .who-tab{min-width:68px;min-height:98px;scroll-snap-align:center}
 #who .who-tabs{scroll-snap-type:x proximity}
 #who .person-content{margin-top:0}
 #who .person-content .person-scene{margin:8px 0 24px;min-height:clamp(245px,58vw,320px)}
 #who .person-content .person-photo{height:clamp(245px,58vw,320px)}
 #who .scene-signature{left:18px;right:18px;bottom:20px;font-size:clamp(21px,4.6vw,26px)}
 #who .person-body{padding:0}
 #who .person-body h2{font-size:clamp(29px,6.3vw,35px);line-height:1.4;margin:0 0 12px}
 #who .description{font-size:18px;line-height:1.7;margin:0 0 18px}
 #who .benefit{padding:13px 16px;margin-top:10px}
 #who .benefit strong{font-size:20px}
 #who .benefit p{font-size:17px;margin-top:10px}
 #who .note{font-size:14px;line-height:1.75}
 #who .next-person{margin-top:20px}
 #who .who-play-link{margin-top:24px;padding-top:22px}
 #who .who-play-link>span{font-size:20px}
}

/* Game entry and share screen: one clear action at a time. */
.game-start{gap:44px;max-width:940px;margin:auto}
.game-start-stage{min-height:390px;height:390px}
.game-start-stage img{height:330px}
.start-orbit{inset:45px 8px 15px}
.start-target{font-size:72px;top:16px;left:16px}
.start-token{width:64px;height:64px;font-size:26px}
.token-ca{top:230px;left:16px}.token-mg{top:70px;right:12px}
.token-no{bottom:22px;right:8px;width:76px;height:76px;font-size:24px}
.game-start-copy{display:block;padding:0}
.game-start-copy>.game-brief{font:700 28px/1.5 HacenBold;margin:0 0 22px;color:var(--blue)}
.game-entry-label{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:10px}
#game-entry .game-entry-label label{margin:0;font-size:21px}
.game-entry-label .game-audio-button{margin:0;flex-shrink:0}
.game-privacy{font-size:13px;margin:10px 0 0}
.game-start-copy>.game-prize,.finish-actions>.game-prize{margin-top:22px;padding:13px 18px;gap:16px;flex-wrap:wrap;justify-content:space-between}
.game-prize span[dir=ltr]{font-family:Arial;font-size:16px}
.game-start-copy>.game-rules{margin-top:20px}
.game-start-copy>.game-rules summary{font-size:16px}
.game-finish{grid-template-columns:minmax(0,340px) minmax(0,1fr);gap:50px;max-width:960px;margin:auto}
.finish-preview{width:100%;max-width:340px;margin:auto}
.victory-card{display:grid;grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto;justify-items:center;min-height:0;padding:22px 18px;gap:12px}
.victory-logo{width:112px;height:auto;object-fit:contain}
.victory-card h2{font-size:27px;margin:5px 0 0;line-height:1.35}
.victory-score{font-size:66px;line-height:1;margin-top:4px}
.victory-score-label{margin-top:-8px}
.victory-product{min-height:0;height:100%;width:100%}
.victory-product img{position:absolute;inset:0;max-height:none;height:100%;width:100%}
.victory-signature{margin-top:0;font-size:25px;line-height:1.25}
.victory-footer{margin:0}
.image-status:empty{display:none}
.finish-actions h2{font-size:38px;margin:0 0 22px;line-height:1.35}
.finish-actions h2:focus{outline:none}
.result-buttons{flex-wrap:nowrap;gap:10px}
.result-buttons button{padding-inline:18px}
.sharing-steps{margin:22px 0 0;gap:16px}
.sharing-steps li{font-size:18px;line-height:1.65;gap:12px}
.sharing-steps li>b{flex-basis:29px;height:29px;font-size:14px;margin-top:3px}
.capture-hint{font-size:14px;color:var(--muted);margin:15px 0 0}
.finish-extras{display:flex;align-items:baseline;justify-content:space-between;gap:14px;margin-top:16px;border-top:1px solid #c5e2ef;padding-top:10px}
.finish-extras .sharing-caption{margin:0;padding:0;border:0}
.sharing-caption summary{font:15px Hacen;min-height:44px;padding:10px 0;color:var(--muted)}
.finish-extras .game-text-button{font-size:15px}
@media(max-width:700px){
 .game-start{grid-template-columns:1fr;gap:12px}
 .game-start-stage{min-height:185px;height:185px;width:min(100%,340px)}
 .game-start-stage img{height:182px}
 .start-orbit{inset:12px 28px 0}
 .start-target{font-size:50px;top:16px;left:22px}
 .start-target small{font-size:14px;margin-top:4px}
 .start-token{width:44px;height:44px;font-size:19px}
 .token-ca{top:115px;left:42px}.token-mg{top:16px;right:26px}
 .token-no{bottom:15px;right:18px;width:56px;height:56px;font-size:19px}
 .token-no small{width:22px;height:22px;font-size:13px}
 .game-start-copy>.game-brief{font-size:22px;line-height:1.5;margin:0 0 18px;text-align:center}
 #game-entry .game-entry-label label{font-size:19px}
 .game-entry-row button{padding-inline:18px}
 .game-start-copy>.game-prize,.finish-actions>.game-prize{margin-top:18px;padding:12px 16px;gap:12px}
 .game-prize b{font-size:23px}
 .game-prize span[dir=ltr]{font-size:15px}
 .game-start-copy>.game-rules{margin-top:15px}
 .game-finish{grid-template-columns:1fr;gap:24px}
 .finish-preview{max-width:300px;width:min(100%,calc((100svh - 230px)*9/16))}
 .victory-card{gap:8px;padding:18px 14px;min-height:0}
 .victory-logo{width:100px}
 .victory-card h2{font-size:24px}
 .victory-score{font-size:58px}
 .victory-product{min-height:0}
 .victory-product img{max-height:none}
 .victory-signature{font-size:22px}
 .finish-actions h2{font-size:30px;text-align:center;margin:0 0 18px}
 .result-buttons button{font-size:16px;min-height:48px;padding:11px 12px}
 .sharing-steps{margin-top:20px;gap:14px}
 .sharing-steps li{font-size:17px}
 .capture-hint{font-size:13px;line-height:1.6}
 .finish-extras{margin-top:14px}
}
@media(max-width:370px){
 .game-entry-row button{padding-inline:13px}
 .result-buttons{gap:8px}
 .result-buttons button{font-size:15px;padding-inline:9px}
 .game-prize b{font-size:21px}
 .game-prize span[dir=ltr]{font-size:14px}
}

/* Keep the prize connector centered between the two amounts. */
.game-start-copy>.game-prize,.finish-actions>.game-prize{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px;align-items:center;text-align:center}
.game-prize .prize-connector{font:700 18px/1.5 HacenBold;white-space:nowrap}
@media(max-width:700px){.game-start-copy>.game-prize,.finish-actions>.game-prize{gap:8px}.game-prize b{font-size:clamp(16px,5.4vw,22px)}.game-prize span[dir=ltr]{font-size:clamp(12px,3.8vw,15px)}.game-prize .prize-connector{font-size:16px}}

/* Score sharing: direct participation, replay button and campaign address. */
.victory-card{grid-template-rows:auto auto auto auto minmax(0,1fr) auto auto auto}
.victory-url{font:12px/1.3 Arial;color:var(--blue)}
.finish-extras{justify-content:center;border:0;padding:0;margin-top:24px}
.finish-extras .replay-button{min-width:190px;background:var(--blue);color:white;border:0;box-shadow:0 4px 0 #063f78;font-size:17px}
.result-buttons button{display:flex;justify-content:center;align-items:center;gap:.3em}
@media(max-width:370px){.result-buttons{flex-wrap:wrap}.result-buttons button{flex:1 1 100%}.victory-url{font-size:11px}}

/* On phones, the content and navigation occupy separate rows of the visible
   viewport. Safari's controls must never leave the menu on top of a card. */
@media(max-width:700px){
 body{height:100vh;height:var(--mobile-viewport-height,100dvh);min-height:0;display:flex;flex-direction:column;overflow:hidden;padding-top:env(safe-area-inset-top,0px)}
 header{height:84px;width:100%;margin:0;flex:0 0 84px;padding:8px max(20px,env(safe-area-inset-right)) 8px max(20px,env(safe-area-inset-left))}
 #main{flex:1;min-height:0;width:100%;overflow-x:hidden;overflow-y:auto;scroll-padding-block:16px;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch}
 .bottom-nav{position:relative;inset:auto;flex:0 0 auto;margin:8px max(16px,env(safe-area-inset-right)) max(8px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));border-radius:24px;box-shadow:0 3px 14px #145b8b12}
 .bottom-nav a{display:flex;justify-content:center;min-height:60px;padding:6px 3px;gap:3px;font-size:12px;line-height:18px}
 .bottom-nav a>span{font:24px/26px Arial}
 .bottom-nav .gamepad-icon{width:25px;height:26px;margin:0}
 .bottom-nav .nav-brand{width:62px;max-height:32px}
 .home-view{padding-bottom:24px}
 .inner-view{padding-bottom:28px}
 .play-view{padding-bottom:24px}
 .game-arena{height:clamp(220px,calc(var(--mobile-viewport-height,100svh) - 335px),430px)}
 .home-playground{--hero-height:clamp(295px,42svh,355px);height:var(--hero-height);min-height:var(--hero-height)}
 .home-playground:before{inset:12px -8px 5px}
 .home-message{top:30px;width:clamp(148px,40vw,250px)}
 .home-message h1{font-size:clamp(48px,14vw,64px);gap:6px}
 .home-message .home-aside{margin-top:14px}
 .home-message .hero-copy{font-size:17px;line-height:1.55}
 .product-scene{position:absolute;grid-area:auto;left:0;top:12px;width:40%;height:calc(var(--hero-height) - 22px);margin:0;padding:0}
 .hero-rotation{height:calc(var(--hero-height) - 32px)}
 .hero-rotation .hero-bottle{max-width:100%}
 .product-halo{width:min(40vw,155px);height:min(40vw,155px)}
 .choices{margin-top:16px;gap:14px}
 .journey-card{min-height:218px;padding:18px 12px 46px;overflow:hidden}
 .journey-card h2{font-size:clamp(22px,5.7vw,26px);line-height:1.35;margin:8px 0}
 .journey-card p{font-size:13px;line-height:1.6;max-width:100%}
 .card-kicker{font-size:17px}
 .journey-card img{height:69px;width:29px;left:22px;bottom:8px}
 .card-icon{width:28px;height:28px;right:12px;bottom:14px}
}
@media(max-width:370px){
 header{height:76px;flex-basis:76px}.brand,.brand img{width:132px}
 .home-message{left:calc(62% + 2px);width:148px;top:28px}
 .home-message h1{font-size:48px}.home-message .hero-copy{font-size:16px}
 .journey-card{padding-inline:10px}.card-kicker{font-size:16px}
}
@media(max-width:700px) and (max-height:540px){
 header{height:68px;flex-basis:68px}.brand,.brand img{width:115px}
 .bottom-nav a{min-height:52px;padding-block:4px}
}