*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#182b31;color:#fff;font-family:'Segoe UI',Arial,sans-serif}body{overflow-x:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:3px solid #fff;outline-offset:8px}.background,.veil{position:fixed;inset:0;width:100%;height:100%;object-fit:cover}.background{object-position:center}.veil{background:linear-gradient(180deg,#10212c42,transparent 38%,#10212c28)}.home{position:relative;width:100%;height:100svh;min-height:620px;max-width:1200px;margin:auto;isolation:isolate}header{position:absolute;top:5%;left:7%;right:7%;z-index:3;display:flex;justify-content:center;align-items:center}.brand{margin:0;font-size:clamp(56px,9vw,112px);font-weight:300;letter-spacing:-.055em;line-height:1;text-shadow:0 2px 25px #10232c25}.admin{position:absolute;right:0;top:8px;width:46px;height:46px;display:grid;place-items:center;border:0;border-radius:50%;background:transparent;opacity:.6;transition:opacity .3s}.admin:hover{opacity:1;background:#ffffff12}.admin svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.3}.home nav{position:absolute;inset:17% 5% 5%;pointer-events:none}.drop{position:absolute;pointer-events:auto;display:grid;place-items:center;width:49%;height:30%;border:1px solid #ffffff70;background:radial-gradient(ellipse at 19% 15%,#fff5 0,transparent 35%),radial-gradient(ellipse at 76% 85%,#dbedf528,transparent 48%),radial-gradient(ellipse at 50% 52%,#1e353f75 0%,#5f7a8026 64%,#e1edf45c 95%);box-shadow:inset 2px 3px 3px #ffffffb0,inset -2px -3px 4px #dce9ed90,inset 8px 10px 18px #ffffff20,inset -8px -12px 21px #001b3038,0 14px 23px #06172024,0 2px 3px #07192335;backdrop-filter:blur(13px) saturate(.75);-webkit-backdrop-filter:blur(13px) saturate(.75);isolation:isolate;overflow:hidden;transform:translateZ(0);transition:transform .5s cubic-bezier(.2,.8,.2,1),box-shadow .5s;touch-action:manipulation}.drop:before{content:'';position:absolute;inset:2.5%;border-radius:inherit;pointer-events:none;background:radial-gradient(ellipse at 20% 16%,#fff9,transparent 17%),linear-gradient(125deg,#ffffff60,transparent 20% 73%,#ffffff25);mask-image:radial-gradient(ellipse,transparent 55%,#000 73%);filter:blur(1px)}.drop:after{content:'';position:absolute;top:9%;left:16%;width:34%;height:11%;border-radius:50%;background:linear-gradient(160deg,#ffffff70,#ffffff00 72%);transform:rotate(-35deg);filter:blur(3px);opacity:.65;pointer-events:none}.drop:hover{transform:translateY(-3px);box-shadow:inset 2px 3px 4px #ffffffcc,inset -2px -3px 7px #dce9edaa,inset 8px 10px 25px #ffffff25,0 18px 35px #06172035}.drop:active{transform:scale(.965)}.products{top:0;right:3%;border-radius:58% 42% 47% 53% / 53% 57% 43% 47%}.offers{top:34%;left:3%;border-radius:43% 57% 52% 48% / 57% 44% 56% 43%}.partners{top:68%;right:3%;border-radius:52% 48% 43% 57% / 48% 55% 45% 52%}.drop strong{position:relative;z-index:2;font-size:clamp(22px,3.4vw,42px);font-weight:450;letter-spacing:.12em;line-height:1.45;text-align:center;text-shadow:0 2px 8px #091e3570;padding:22px}.drop strong span{font-size:.78em;letter-spacing:.13em}.beads{position:absolute;inset:0;z-index:1;pointer-events:none;mask-image:radial-gradient(ellipse at center,transparent 35%,#000 65%)}.bead{position:absolute;border-radius:47% 53% 45% 55% / 44% 48% 52% 56%;background:radial-gradient(ellipse at 28% 25%,#ffffffb0 0%,#ffffff15 32%,#09273250 62%,#ffffff60 94%);box-shadow:inset .5px .8px 1px #ffffff90,inset -.6px -1px 1px #ffffff60,.5px 1.5px 2px #06192380}.touch-ring{position:absolute;left:50%;top:50%;width:50px;height:50px;margin:-25px;border:1px solid #ffffff80;border-radius:50%;animation:touchRipple .7s ease-out forwards;pointer-events:none;z-index:3}@keyframes touchRipple{to{transform:scale(8);opacity:0}}
#intro{position:fixed;inset:0;z-index:20;background:radial-gradient(ellipse at 50% 40%,#40606b,#152d38 65%,#10222b);display:flex;flex-direction:column;align-items:center;justify-content:center;transition:opacity 1s,visibility 1s;overflow:hidden}#intro.finished{opacity:0;visibility:hidden;pointer-events:none}.intro-logo{width:min(80%,700px);filter:invert(1) grayscale(1);mix-blend-mode:screen;animation:logo 3s ease both}#intro p{font-size:12px;letter-spacing:5px;animation:logo 3s .6s ease both}.intro-line{height:1px;width:120px;margin-top:35px;background:#bde2ec;transform-origin:left;animation:line 5s linear both}.intro-ripple{position:absolute;width:55vw;height:55vw;border-radius:50%;border:1px solid #ffffff18;box-shadow:0 0 100px #b6dce91a,inset 0 0 100px #b6dce90d;animation:ripple 5s ease-out infinite}dialog{color:#fff;background:linear-gradient(140deg,#25414bea,#142b35f5);backdrop-filter:blur(24px);border:1px solid #ffffff50;border-radius:30px;width:min(620px,90vw);padding:65px 48px;box-shadow:0 30px 120px #0006}dialog::backdrop{background:#06151c70;backdrop-filter:blur(12px)}.close{position:absolute;right:22px;top:20px;background:transparent;border:1px solid #ffffff40;border-radius:50%;height:44px;width:44px;font-size:18px}dialog h2{font-size:34px;font-weight:300;letter-spacing:1px}dialog p{font-size:17px;line-height:1.7;color:#dfebed}dialog .eyebrow{font-size:12px;letter-spacing:4px;color:#b7d5de}label{display:block;font-size:14px;margin:25px 0 9px}input{width:100%;padding:15px;color:#fff;background:#ffffff08;border:1px solid #ffffff40;border-radius:9px}form button{width:100%;margin-top:28px;padding:16px;border:1px solid #ffffff80;background:#ffffff15;border-radius:9px}#login-status{font-size:14px;color:#dbe8ed}.empty{border-top:1px solid #ffffff30;margin-top:32px;padding-top:20px}@keyframes logo{from{opacity:0;transform:translateY(16px);filter:invert(1) grayscale(1) blur(10px)}to{opacity:1;transform:translateY(0);filter:invert(1) grayscale(1) blur(0)}}@keyframes line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ripple{from{transform:scale(.7);opacity:0}50%{opacity:1}to{transform:scale(1.8);opacity:0}}@keyframes arrive{from{opacity:0}to{opacity:1}}@media(min-aspect-ratio:4/5){.home{max-width:1600px;min-height:540px}header{top:8%}.brand{font-size:clamp(60px,8vw,96px)}.home nav{inset:30% 5% 10%;display:flex;align-items:center;justify-content:space-between;gap:4%}.drop{position:relative;inset:auto;width:30.5%;height:auto;aspect-ratio:1.04}.offers{transform:translateY(8%)}.drop strong{font-size:clamp(20px,2.5vw,36px)}.drop:hover{transform:translateY(-3px)}.drop:active{transform:scale(.965)}}@media(max-width:600px) and (max-aspect-ratio:4/5){.home{min-height:620px}header{top:5%}.brand{font-size:62px}.admin{right:-12px;top:0}.home nav{inset:19% 3% 5%}.drop{width:61%;height:29%}.products{right:3%}.offers{left:3%;top:34%}.partners{right:3%;top:68%}.drop strong{font-size:clamp(19px,4.6vw,28px);letter-spacing:.09em;padding:15px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Vertical presentation for tablets and touch kiosks. */
.home{min-height:620px;max-width:1200px;height:100svh}
header{top:4%;left:7%;right:7%}
.brand{font-size:clamp(54px,8vw,100px)}
.home nav{position:absolute;inset:16% 8% 5%;display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:3.5vh;pointer-events:none}
.drop,.products,.offers,.partners{position:relative;inset:auto;width:min(75%,640px);height:auto;flex:1;max-height:30%;aspect-ratio:auto;transform:none;border-radius:49% 51% 48% 52% / 48% 47% 53% 52%;border:1px solid #ffffff70;background:linear-gradient(130deg,#ffffff24,#ecf9ff10 45%,#b7e4ed1f),radial-gradient(ellipse at 50% 55%,#15313b2b,transparent 78%);backdrop-filter:blur(3px) saturate(.9);-webkit-backdrop-filter:blur(3px) saturate(.9);box-shadow:inset 1px 2px 3px #ffffff90,inset -1px -2px 3px #ffffff70,inset 0 0 26px #d6f5ff12,0 8px 24px #071b2520}
.offers{border-radius:51% 49% 53% 47% / 49% 53% 47% 51%}
.partners{border-radius:48% 52% 50% 50% / 51% 48% 52% 49%}
.drop:before{inset:-30%;border:0;border-radius:45%;mask-image:none;filter:blur(10px);opacity:.55;background:radial-gradient(ellipse at 24% 35%,transparent 13%,#d9faff40 18%,transparent 23%),radial-gradient(ellipse at 70% 65%,transparent 15%,#e1fbff30 20%,transparent 25%);animation:waterLight 12s ease-in-out infinite alternate;transform-origin:50% 50%}
.drop:after{inset:-15%;width:auto;height:auto;border-radius:inherit;filter:blur(4px);opacity:.45;background:linear-gradient(115deg,transparent 20%,#ffffff05 35%,#e6fbff45 43%,#ffffff08 50%,transparent 65%);animation:waterSweep 9s ease-in-out infinite alternate;transform:translateX(-32%)}
.offers:before{animation-delay:-4s}.offers:after{animation-delay:-3s}.partners:before{animation-delay:-8s}.partners:after{animation-delay:-6s}
.drop strong{font-size:clamp(23px,3.5vw,42px);font-weight:450;text-shadow:0 1px 8px #071e3590;letter-spacing:.13em;line-height:1.4;padding:20px}
.drop:hover{transform:scale(1.015);box-shadow:inset 1px 2px 4px #ffffffb0,inset -1px -2px 4px #ffffff90,0 8px 26px #071b2528}
.drop:active{transform:scale(.965)}
@keyframes waterLight{0%{transform:translate(-5%,-5%) rotate(-12deg) scale(1);opacity:.35}50%{opacity:.7}100%{transform:translate(7%,8%) rotate(18deg) scale(1.18);opacity:.45}}
@keyframes waterSweep{0%{transform:translateX(-32%) rotate(-8deg);opacity:.2}50%{opacity:.6}100%{transform:translateX(32%) rotate(8deg);opacity:.3}}
@media(min-aspect-ratio:4/5){.home{min-height:600px}header{top:3%}.brand{font-size:clamp(50px,7vh,80px)}.home nav{inset:17% 8% 5%;gap:3vh}.drop,.products,.offers,.partners{width:min(62%,600px);max-height:30%;flex:1}.drop strong{font-size:clamp(20px,3.3vh,34px)}}
@media(max-width:600px) and (max-aspect-ratio:4/5){.home nav{inset:17% 5% 5%;gap:3vh}.drop,.products,.offers,.partners{width:90%;max-height:30%;flex:1}.drop strong{font-size:clamp(22px,5vw,28px)}}
@media(prefers-reduced-motion:reduce){.drop:before,.drop:after{animation:none!important;transform:none}}

/* Floating water bubbles: clear centre, curved rim and gentle surface tension. */
.home nav{inset:15% 8% 4%;gap:2vh}
.drop,.products,.offers,.partners{width:min(58%,470px);flex:1;max-height:31%;border-radius:50%;background:radial-gradient(ellipse at 35% 24%,#ffffff08 0%,transparent 35%),radial-gradient(ellipse at 50% 48%,#122d3820 15%,#ffffff06 56%,#d9f4ff18 76%,#ffffff65 96%,#ffffff10 100%);border:1px solid #ffffff80;backdrop-filter:blur(1.5px) saturate(1.06);-webkit-backdrop-filter:blur(1.5px) saturate(1.06);box-shadow:inset 3px 4px 6px #ffffff90,inset -3px -5px 8px #e4faff60,inset 12px 0 22px #b4dcff18,inset -10px 0 20px #f4d7c81c,0 7px 20px #0b223c15;animation:bubbleFloat 10s ease-in-out infinite;transform-origin:50% 50%;overflow:hidden}
.offers{animation-duration:12s;animation-delay:-4s}.partners{animation-duration:11s;animation-delay:-7s}
.drop:before{inset:2%;border-radius:inherit;filter:blur(.6px);opacity:.9;mask-image:radial-gradient(ellipse at center,transparent 63%,#000 82%);background:conic-gradient(from 10deg,#ffffff05,#d4faff80 12%,#a9d7ff25 24%,#ffe9d640 38%,#fff9 49%,#f1d5ed30 60%,#d7faff90 75%,#fff3 85%,#ffffff05);animation:bubbleSheen 14s ease-in-out infinite alternate}
.drop:after{inset:7% 10% 10% 8%;width:auto;height:auto;border-radius:50%;opacity:.8;filter:blur(2px);background:radial-gradient(ellipse at 25% 19%,#ffffffe0 0%,#ffffff60 4%,transparent 12%),radial-gradient(ellipse at 70% 84%,#e6faff90 0%,#ffffff20 5%,transparent 13%),radial-gradient(ellipse at 19% 30%,#ffffff55,transparent 16%);animation:reflectionDrift 9s ease-in-out infinite alternate}
.drop strong{font-size:clamp(23px,3.1vw,37px);letter-spacing:.1em;text-shadow:0 2px 10px #081b39b0;transform:translateZ(0);z-index:4}
.drop:hover{background-color:#ffffff0a;box-shadow:inset 3px 4px 8px #ffffffb0,inset -3px -5px 10px #e4faff80,0 8px 30px #c4f6ff15}
.drop:active{animation-play-state:paused;scale:.95}
@keyframes bubbleFloat{0%,100%{transform:translate(0,0) rotate(-1deg) scale(1,1);border-radius:50% 50% 49% 51% / 50% 49% 51% 50%}25%{transform:translate(5px,-7px) rotate(.7deg) scale(.99,1.012)}50%{transform:translate(-3px,-12px) rotate(1deg) scale(1.013,.99);border-radius:49% 51% 51% 49% / 51% 50% 50% 49%}75%{transform:translate(-6px,-4px) rotate(-.5deg) scale(1.005,.997)}}
@keyframes bubbleSheen{0%{transform:rotate(-9deg);opacity:.65}100%{transform:rotate(12deg);opacity:1}}
@keyframes reflectionDrift{0%{transform:translate(-2px,-3px) rotate(-4deg);opacity:.65}100%{transform:translate(3px,4px) rotate(5deg);opacity:.9}}
@media(min-aspect-ratio:4/5){.home nav{inset:16% 8% 4%;gap:2vh}.drop,.products,.offers,.partners{width:min(42vh,400px);max-height:31%;flex:1}.drop strong{font-size:clamp(18px,2.8vh,30px)}}
@media(max-width:600px) and (max-aspect-ratio:4/5){.home nav{inset:16% 5% 4%;gap:2vh}.drop,.products,.offers,.partners{width:min(72%,32vh);max-height:31%}.drop strong{font-size:clamp(19px,4.5vw,26px)}}
@media(prefers-reduced-motion:reduce){.drop,.drop:before,.drop:after{animation:none!important;transform:none}}

.drop,.products,.offers,.partners{flex:none;width:min(24svh,70vw,470px);height:min(24svh,70vw,470px);max-height:none}
@media(min-aspect-ratio:4/5){.drop strong{font-size:clamp(14px,1.9svh,26px);padding:10px}}

/* Soft moving mist behind a crisp icon and typographic hierarchy. */
.fog{position:absolute;inset:-15%;pointer-events:none;z-index:1;border-radius:50%;background:radial-gradient(ellipse at 30% 42%,#eefaff55 0%,#e8f7ff25 22%,transparent 45%),radial-gradient(ellipse at 75% 64%,#f3fcff60 0%,#e6f8ff20 24%,transparent 48%),radial-gradient(ellipse at 48% 70%,#cceeff30,transparent 43%);filter:blur(19px);animation:fogBreathe 13s ease-in-out infinite alternate;opacity:.65}
.offers .fog{animation-delay:-5s;animation-duration:15s}.partners .fog{animation-delay:-9s;animation-duration:14s}
.bubble-label{position:relative;z-index:5;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;width:90%;height:80%;pointer-events:none}
.tab-icon{width:clamp(30px,4.6vw,57px);height:clamp(30px,4.6vw,57px);fill:none;stroke:#fff;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 2px 5px #08223370);opacity:.95}
.drop strong{display:flex;flex-direction:column;gap:7px;padding:0;line-height:1.25;text-shadow:0 2px 7px #082030c0,0 0 24px #09253460;font-weight:600;letter-spacing:.07em}
.drop strong .label-small{display:block;font-size:clamp(15px,2vw,23px);font-weight:450;letter-spacing:.24em}
.drop strong .label-main{display:block;font-size:clamp(25px,3.4vw,40px);font-weight:600;letter-spacing:.055em}
@keyframes fogBreathe{0%{transform:translate(-7%,-5%) scale(.95) rotate(-10deg);opacity:.35}50%{opacity:.75}100%{transform:translate(6%,7%) scale(1.12) rotate(10deg);opacity:.45}}
@media(min-aspect-ratio:4/5){.bubble-label{gap:8px}.tab-icon{width:4.5svh;height:4.5svh}.drop strong .label-small{font-size:clamp(12px,1.5svh,19px)}.drop strong .label-main{font-size:clamp(15px,2svh,26px);letter-spacing:.025em}.drop strong{gap:4px}}
@media(max-width:600px) and (max-aspect-ratio:4/5){.bubble-label{gap:11px}.tab-icon{width:35px;height:35px}.drop strong .label-small{font-size:14px}.drop strong .label-main{font-size:clamp(18px,4.4vw,25px);letter-spacing:.025em}}
@media(prefers-reduced-motion:reduce){.fog{animation:none;transform:none}}

/* Sculpted glass inspired by the supplied reference. */
.drop,.products,.offers,.partners{width:min(28svh,78vw,550px);height:min(24svh,70vw,470px);border-radius:57% 43% 48% 52% / 48% 58% 42% 52%;border:1px solid #ffffffa0;background:radial-gradient(ellipse at 24% 18%,#fff5,transparent 32%),radial-gradient(ellipse at 78% 86%,#fff4,transparent 20%),radial-gradient(ellipse at 50% 54%,#32455445 5%,#daeaf21a 55%,#ffffff40 83%,#eefaff80 97%);backdrop-filter:blur(7px) saturate(.9);-webkit-backdrop-filter:blur(7px) saturate(.9);box-shadow:inset 3px 4px 5px #ffffffe0,inset -4px -5px 7px #e0f7ffa0,inset 13px 7px 20px #ffffff35,inset -12px -8px 22px #f7d2a22b,0 9px 28px #0d253b25;animation:glassFloat 12s ease-in-out infinite}
.offers{border-radius:48% 52% 43% 57% / 53% 46% 54% 47%;animation-delay:-4s;animation-duration:14s}.partners{border-radius:54% 46% 56% 44% / 44% 57% 43% 56%;animation-delay:-8s;animation-duration:13s}
.drop:before{inset:1%;border-radius:inherit;filter:blur(1px);mask-image:radial-gradient(ellipse at center,transparent 63%,#000 82%);opacity:1;background:conic-gradient(from 0deg,transparent 0deg,#fff 35deg,#ffcf83 60deg,transparent 100deg,#eafaff 150deg,#fff6 180deg,transparent 220deg,#ffca72 265deg,#fff 280deg,transparent 330deg);animation:glassRim 16s linear infinite}
.drop:after{inset:5% 7%;border-radius:inherit;filter:blur(3px);opacity:.9;background:radial-gradient(ellipse at 24% 15%,#ffffffe0 0%,#fff6 5%,transparent 17%),radial-gradient(ellipse at 74% 83%,#fff9 0%,#fff3 6%,transparent 14%),linear-gradient(120deg,transparent 25%,#ffffff12 40%,transparent 56%);animation:glassReflection 10s ease-in-out infinite alternate}
.offers:before{animation-delay:-5s}.partners:before{animation-delay:-10s}
.fog{opacity:.25;animation-name:glassMist;filter:blur(23px)}
.bubble-label{gap:20px}.tab-icon{width:clamp(38px,6vw,73px);height:clamp(38px,6vw,73px);stroke-width:1.65;filter:drop-shadow(0 2px 2px #14304760) drop-shadow(0 0 5px #fff3)}
.drop strong .label-small{font-size:clamp(16px,2.5vw,27px);letter-spacing:.23em}.drop strong .label-main{font-size:clamp(25px,3.7vw,43px);letter-spacing:.02em;font-weight:650}.drop strong{gap:10px;text-shadow:0 2px 5px #18304860,0 0 18px #122a3c35}
@keyframes glassFloat{0%,100%{transform:translate(0,0) rotate(-1deg) scale(1,1)}33%{transform:translate(4px,-7px) rotate(.8deg) scale(1.008,.993)}66%{transform:translate(-4px,-3px) rotate(-.4deg) scale(.995,1.009)}}
@keyframes glassRim{to{transform:rotate(360deg)}}
@keyframes glassReflection{from{transform:translate(-3px,-4px) rotate(-5deg);opacity:.7}to{transform:translate(4px,3px) rotate(6deg);opacity:1}}
@keyframes glassMist{from{transform:translate(-4%,-5%) scale(.95);opacity:.15}to{transform:translate(5%,4%) scale(1.1);opacity:.35}}
@media(min-aspect-ratio:4/5){.drop,.products,.offers,.partners{width:min(30svh,450px);height:24svh}.bubble-label{gap:7px}.tab-icon{width:5svh;height:5svh}.drop strong{gap:4px}.drop strong .label-small{font-size:clamp(12px,1.5svh,20px)}.drop strong .label-main{font-size:clamp(16px,2.2svh,30px)}}
@media(max-width:600px) and (max-aspect-ratio:4/5){.bubble-label{gap:12px}.tab-icon{width:42px;height:42px}.drop strong .label-small{font-size:15px}.drop strong .label-main{font-size:clamp(20px,4.8vw,29px)}}
@media(prefers-reduced-motion:reduce){.drop,.drop:before,.drop:after,.fog{animation:none!important}}
/* Balanced proportions and inexpensive glass highlights for tablet playback. */
.home nav{inset:21% 8% 10%;gap:3vh}
.drop,.products,.offers,.partners{width:min(23svh,68vw,440px);height:min(20svh,60vw,380px);backdrop-filter:none;-webkit-backdrop-filter:none;background:radial-gradient(ellipse at 24% 18%,#ffffff30,transparent 32%),radial-gradient(ellipse at 78% 86%,#ffffff38,transparent 20%),radial-gradient(ellipse at 50% 54%,#263c4c60 5%,#daeaf218 55%,#ffffff40 83%,#eefaff80 97%);animation-name:glassFloat;animation-duration:14s}
.drop:before{filter:none;animation:glassReflection 14s ease-in-out infinite alternate}
.drop:after{filter:none;animation-duration:12s}
.fog{display:none}
.bubble-label{gap:14px}.tab-icon{width:clamp(32px,4.8vw,58px);height:clamp(32px,4.8vw,58px);filter:none}
.drop strong .label-small{font-size:clamp(14px,2vw,22px)}
.drop strong .label-main{font-size:clamp(22px,3vw,34px)}
@media(min-aspect-ratio:4/5){.home nav{inset:17% 8% 5%}.drop,.products,.offers,.partners{width:28svh;height:23svh}.bubble-label{gap:7px}.tab-icon{width:4svh;height:4svh}.drop strong .label-small{font-size:clamp(11px,1.4svh,18px)}.drop strong .label-main{font-size:clamp(15px,2svh,26px)}}
@media(max-width:600px) and (max-aspect-ratio:4/5){.drop strong .label-main{font-size:clamp(17px,4.3vw,24px)}.bubble-label{gap:10px}}
/* Water arrival: a falling pearl and concentric surface waves. */
.water-loader{position:relative;width:180px;height:100px;margin-top:22px}
.water-drop{position:absolute;left:83px;top:0;width:14px;height:19px;border-radius:60% 40% 60% 40%;background:radial-gradient(circle at 30% 25%,#fff,#c8f4ff88 36%,#8bccdf44 65%,#ffffffbb);box-shadow:inset 1px 1px 2px #fff,0 0 15px #bceaff60;animation:waterFall 1.65s ease-in infinite}
.water-ring{position:absolute;left:20px;top:65px;width:140px;height:30px;border:1px solid #d1f6ffa0;border-radius:50%;opacity:0;box-shadow:0 0 8px #b3edff20,inset 0 0 8px #c2f5ff18;animation:waterWave 1.65s .72s ease-out infinite}
.ring-two{animation-delay:.89s}.ring-three{animation-delay:1.07s}
@keyframes waterFall{0%{transform:translateY(-15px) scale(.65);opacity:0}20%{opacity:1}58%{transform:translateY(60px) scale(.9,1.2);opacity:1}68%,100%{transform:translateY(67px) scale(1.8,.2);opacity:0}}
@keyframes waterWave{0%{transform:scale(.12);opacity:0}12%{opacity:.85}100%{transform:scale(1.15);opacity:0}}
/* Optical rims and moving highlights, using composited opacity/transform. */
.drop,.products,.offers,.partners{border:1px solid #f1fbffbb;background:radial-gradient(ellipse at 25% 13%,#ffffff65,transparent 28%),radial-gradient(ellipse at 78% 88%,#c8f1ff45,transparent 24%),radial-gradient(ellipse at 50% 52%,#0f283a99 0%,#1e3b4e70 42%,#beddeb20 68%,#ffffff66 91%,#f3fcffb0 99%);box-shadow:inset 2px 3px 3px #fffffff0,inset -3px -4px 5px #ccf1ffb0,inset 10px 0 15px #ffffff28,inset -9px -8px 16px #ffdcb633,0 12px 22px #07182735;animation:glassFloat 14s ease-in-out infinite}
.offers{animation-delay:-5s}.partners{animation-delay:-9s}
.drop:before{inset:1%;background:conic-gradient(from 20deg,#ffffff08,#fff 30deg,#ffddad99 65deg,transparent 110deg,#e1f7ffb0 160deg,transparent 215deg,#a9e5ff99 265deg,#fff 290deg,#ffffff08);mask-image:radial-gradient(ellipse,transparent 67%,#000 87%);animation:opticalLight 9s ease-in-out infinite alternate;filter:none}
.drop:after{inset:6% 8%;background:radial-gradient(ellipse at 24% 12%,#fff 0%,#ffffff88 3%,transparent 13%),radial-gradient(ellipse at 82% 77%,#fff8 0%,transparent 10%),linear-gradient(115deg,transparent 25%,#ffffff20 37%,transparent 52%);filter:none;animation:glassReflection 8s ease-in-out infinite alternate}
.offers:before,.offers:after{animation-delay:-3s}.partners:before,.partners:after{animation-delay:-6s}
@keyframes opticalLight{from{transform:rotate(-12deg) scale(.985);opacity:.6}to{transform:rotate(15deg) scale(1.01);opacity:1}}
.bubble-label{gap:clamp(10px,1svh,18px);width:94%}
.tab-icon{width:clamp(38px,3.8svh,68px);height:clamp(38px,3.8svh,68px);stroke-width:2;opacity:1;filter:drop-shadow(0 2px 2px #07182790)}
.drop strong{gap:6px;text-shadow:0 2px 3px #071827cc,0 0 12px #07182760;line-height:1.2}
.drop strong .label-small{font-size:clamp(14px,1.3svh,24px);font-weight:600;letter-spacing:.2em}
.drop strong .label-main{font-size:clamp(18px,2svh,38px);font-weight:700;letter-spacing:.015em}
@media(min-aspect-ratio:4/5){.tab-icon{width:4svh;height:4svh;min-width:28px;min-height:28px}.bubble-label{gap:7px}.drop strong .label-small{font-size:clamp(11px,1.4svh,19px)}.drop strong .label-main{font-size:clamp(15px,2.1svh,28px)}}
@media(prefers-reduced-motion:reduce){.water-drop,.water-ring{animation:none}.water-ring{opacity:.5}.water-drop{opacity:0}}
/* Warm grazing sunlight moves across the curved glass, never the labels. */
.drop:before{background:conic-gradient(from 20deg,transparent 0deg,#fff9 22deg,#ffe6b9 42deg,#ffbd6388 66deg,transparent 108deg,#c4efffaa 156deg,transparent 218deg,#ffca8077 258deg,#fff3d9 282deg,transparent 321deg);animation:sunRim 10s ease-in-out infinite alternate}
.drop:after{inset:4% 5%;background:radial-gradient(ellipse at 19% 21%,#fffdf2 0%,#ffefcecc 2%,#ffd18a55 7%,transparent 17%),radial-gradient(ellipse at 79% 85%,#fff5dcaa 0%,#ffd58b44 6%,transparent 15%),linear-gradient(120deg,transparent 26%,#ffeac229 39%,#ffffff0c 45%,transparent 55%);animation:sunGlide 9s ease-in-out infinite alternate}
.drop,.products,.offers,.partners{animation:solarFloat 12s ease-in-out infinite;transform-origin:50% 50%}
.offers{animation-duration:14s;animation-delay:-4s}.partners{animation-duration:13s;animation-delay:-8s}
.offers:before{animation-delay:-4s}.partners:before{animation-delay:-7s}.offers:after{animation-delay:-3s;animation-duration:11s}.partners:after{animation-delay:-6s;animation-duration:10s}
@keyframes sunRim{0%{transform:rotate(-14deg) scale(.985);opacity:.55}45%{opacity:1}100%{transform:rotate(18deg) scale(1.01);opacity:.8}}
@keyframes sunGlide{0%{transform:translate(-4%,-2%) rotate(-7deg);opacity:.6}45%{opacity:1}100%{transform:translate(5%,3%) rotate(8deg);opacity:.75}}
@keyframes solarFloat{0%,100%{transform:translate(-3px,3px) rotate(-1.3deg) scale(1)}28%{transform:translate(7px,-10px) rotate(.9deg) scale(1.006,.995)}58%{transform:translate(1px,-16px) rotate(1.3deg) scale(.997,1.006)}80%{transform:translate(-8px,-5px) rotate(-.7deg) scale(1.004,.997)}}
@media(prefers-reduced-motion:reduce){.drop,.drop:before,.drop:after{animation:none!important;transform:none}}
/* A soft travelling light on glass, beneath the untouched labels. */
.light-pass{position:absolute;inset:-25%;z-index:2;pointer-events:none;border-radius:inherit;background:linear-gradient(112deg,transparent 30%,#ffe4b51a 39%,#fff8e85c 46%,#ffffff88 49%,#ffdfab30 53%,transparent 65%);transform:translateX(-80%);opacity:0;animation:lightPass 10s ease-in-out infinite}
.offers .light-pass{animation-delay:-3.3s;animation-duration:11s}.partners .light-pass{animation-delay:-6.8s;animation-duration:12s}
@keyframes lightPass{0%,15%{transform:translateX(-80%) rotate(-5deg);opacity:0}26%{opacity:.55}43%{opacity:.8}60%{transform:translateX(80%) rotate(5deg);opacity:0}100%{transform:translateX(80%) rotate(5deg);opacity:0}}
.drop strong{font-family:'Aptos','Avenir Next','Segoe UI',sans-serif;gap:7px;line-height:1.18;text-shadow:0 2px 4px #071827b0,0 0 14px #07182750}
.drop strong .label-small{font-weight:500;letter-spacing:.24em;font-size:clamp(14px,1.3svh,24px)}
.drop strong .label-main{font-weight:600;letter-spacing:.045em;font-size:clamp(18px,2svh,38px)}
@media(min-aspect-ratio:4/5){.drop strong{gap:5px}.drop strong .label-small{font-size:clamp(11px,1.4svh,19px)}.drop strong .label-main{font-size:clamp(15px,2.1svh,28px);letter-spacing:.025em}}
@media(prefers-reduced-motion:reduce){.light-pass{animation:none;opacity:0}}
/* Aquatic brand signature and discreet Kinemagic discovery. */
header{top:4%;height:13%;align-items:flex-start}
.brand-visual{position:absolute;top:0;width:min(58vw,620px);height:min(17vw,185px);overflow:hidden;mix-blend-mode:screen}
.brand-visual img{position:absolute;left:50%;top:50%;width:180%;max-width:none;transform:translate(-50%,-50%);filter:invert(1) grayscale(1);mix-blend-mode:screen}
.kinemagic-access{position:absolute;right:0;top:0;display:flex;align-items:center;gap:10px;min-height:52px;padding:12px 17px;border:1px solid #ffffff75;border-radius:28px;background:linear-gradient(130deg,#ffffff26,#18374460);box-shadow:inset 0 1px 1px #ffffff80,0 5px 18px #07182720;font-size:clamp(12px,1.4vw,18px);font-weight:600;letter-spacing:.1em;transition:background .3s,transform .3s}
.kinemagic-access svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.access-arrow{font-size:21px;opacity:.8}.kinemagic-access:hover{background:#ffffff35;transform:translateY(-2px)}.kinemagic-access:active{transform:scale(.97)}
.admin{top:68px;right:3px}
.kinemagic-panel{width:min(860px,92vw);max-height:88svh;overflow-y:auto;padding:65px 48px 35px;overscroll-behavior:contain}
.kinemagic-panel h2{font-size:clamp(32px,5vw,58px);line-height:1.08;margin:20px 0;font-weight:300}.kinemagic-panel .km-lead{font-size:clamp(17px,2.1vw,21px);max-width:610px}
.km-features{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin:32px 0}.km-features article{border-top:1px solid #ffffff50;padding-top:18px}.km-features article>span{color:#d9ba86;font-size:12px;letter-spacing:.15em}.km-features h3{font-size:21px;font-weight:500;margin:10px 0}.km-features p{font-size:16px;margin:0;line-height:1.6}
.km-link{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:17px 22px;border:1px solid #ffffff70;border-radius:28px;text-decoration:none;color:#fff;background:#ffffff12;font-weight:500;min-height:54px}.km-link:hover{background:#ffffff25}.kinemagic-panel .km-note{font-size:12px;line-height:1.6;color:#bcd0d7;margin:20px 0 0}
@media(max-width:1100px){.brand-visual{top:6%;width:56vw;height:17vw}.kinemagic-access{top:0;right:-3%;padding:10px 12px;gap:7px}.kinemagic-access svg{width:20px;height:20px}.admin{top:62px;right:-3%}}
@media(max-width:600px){header{top:3%;height:15%}.brand-visual{top:42px;width:70vw;height:22vw}.kinemagic-access{min-height:44px;font-size:11px}.admin{left:-3%;right:auto;top:0}.kinemagic-panel{padding:65px 25px 28px}.km-features{grid-template-columns:1fr;gap:20px}}
@media(min-aspect-ratio:4/5){.brand-visual{top:0;width:min(40vw,440px);height:min(12vw,125px)}header{top:3%}.kinemagic-access{right:0}.admin{right:0}}
.brand-visual,.brand-visual img{mix-blend-mode:normal}.brand-visual img{filter:url(#logo-cutout)}
@media(min-aspect-ratio:4/5){.brand-visual{width:min(35vw,360px);height:min(11vw,110px)}}
/* A quiet, editorial entry to the dedicated Kinemagic experience. */
.kinemagic-access{text-decoration:none;border:0;border-bottom:1px solid #ffffff70;border-radius:0;padding:6px 3px 12px;background:none;box-shadow:none;gap:12px;text-shadow:0 2px 5px #10212c80}.kinemagic-access:hover{background:none;border-bottom-color:#fff}.kinemagic-access small{display:block;font-size:9px;letter-spacing:.19em;font-weight:500;opacity:.8;margin-bottom:4px}.kinemagic-access b{display:block;font-size:clamp(20px,2vw,28px);font-weight:400;letter-spacing:.015em}.km-access-mark{font-size:32px;font-weight:300;color:#f6dfb4}.kinemagic-access .access-arrow{margin-left:9px;font-size:19px}
.km-page{background:#16333b;color:#eef6f5;overflow-x:hidden}.km-header{position:relative;top:auto;left:auto;right:auto;height:auto;padding:24px 6%;display:flex;align-items:center;justify-content:space-between;max-width:1600px;margin:auto;gap:18px}.km-back{color:inherit;text-decoration:none;min-height:48px;display:inline-flex;align-items:center;gap:12px;font-size:14px}.km-signature{font-size:34px;letter-spacing:-.04em;font-weight:300}.km-header-tag{font-size:11px;letter-spacing:.18em;opacity:.7}.km-main{max-width:1600px;margin:auto}.km-hero{position:relative;height:clamp(430px,48vw,700px);overflow:hidden}.km-hero>img{width:100%;height:100%;object-fit:cover;object-position:60% center}.km-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#10272dda,transparent 85%),linear-gradient(0deg,#16333b66,transparent 60%)}.km-hero-copy{position:absolute;inset:auto 7% 12%;z-index:1}.km-page .eyebrow{font-size:11px;letter-spacing:.22em;line-height:1.7;color:#d6b983}.km-hero h1{font-size:clamp(48px,7vw,94px);font-weight:300;letter-spacing:-.035em;line-height:1.05;margin:18px 0 24px}.km-hero h1 span{display:block;font-size:.47em;letter-spacing:-.02em;margin-top:16px}.km-hero-copy>p:last-child{line-height:1.7;font-size:18px;color:#e8efec}.km-intro{text-align:center;padding:80px 8%;max-width:820px;margin:auto}.km-page h2{font-size:clamp(30px,4vw,52px);font-weight:300;letter-spacing:-.025em;line-height:1.2;margin:18px 0 24px}.km-intro>p:last-child{font-size:18px;line-height:1.8;color:#c8d8da;max-width:570px;margin:auto}.km-story{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:7%;padding:0 7% 80px}.km-product-photo{border-radius:48% 48% 8px 8px;overflow:hidden;background:#d5d5cd}.km-product-photo img{display:block;width:100%;min-height:420px;object-fit:cover}.km-story-copy article{padding:22px 0;border-bottom:1px solid #ffffff20}.km-story-copy article>span{color:#d6b983;font-size:11px;letter-spacing:.2em}.km-page h3{font-size:23px;font-weight:400;margin:12px 0}.km-story-copy p,.km-finish-grid p{line-height:1.75;color:#c5d6d8;font-size:16px;margin:0}.km-film-section{background:#112c34;padding:60px 7% 70px}.km-film-heading{margin-bottom:30px}.km-film{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:16px;background:#07171d;isolation:isolate}.km-film iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none}.km-film-shield{position:absolute;inset:0;z-index:2;touch-action:pan-y}.km-finishes{padding:75px 7%}.km-finish-grid{display:grid;grid-template-columns:1fr 1fr;gap:8%;margin-top:36px}.km-finish-grid article{border-top:1px solid #ffffff30;padding-top:12px}.km-footer{padding:20px 7% 40px;border-top:1px solid #ffffff20;display:flex;justify-content:space-between;flex-wrap:wrap;gap:15px}.km-footer>a{color:#eef6f5;text-decoration:none;min-height:48px;display:inline-flex;align-items:center}.km-footer p{width:100%;font-size:11px;color:#9bb7bf;line-height:1.6}
@media(max-width:700px){.km-header{padding:15px 6%}.km-header-tag{font-size:9px}.km-signature{font-size:28px}.km-hero{height:540px}.km-hero>img{object-position:65%}.km-hero:after{background:linear-gradient(0deg,#10272def,transparent 100%)}.km-hero-copy{bottom:9%}.km-hero h1{font-size:56px}.km-intro{padding:55px 8%}.km-story{grid-template-columns:1fr;gap:25px;padding-bottom:55px}.km-product-photo{max-height:460px}.km-product-photo img{min-height:0}.km-film-section{padding:40px 6%}.km-finishes{padding:50px 7%}.km-finish-grid{grid-template-columns:1fr;gap:24px}.kinemagic-access b{font-size:22px}.kinemagic-access small{font-size:8px}.km-access-mark{font-size:27px}}
/* Calm water and warm daylight, with the film at the heart of the page. */
.km-calm{color:#183c45;background:radial-gradient(ellipse at 5% 5%,#fff7e6bb,transparent 40%),radial-gradient(ellipse at 95% 35%,#a5d1d055,transparent 50%),linear-gradient(160deg,#edf3f0,#d8e7e6 55%,#f4eee3);background-attachment:fixed}
.km-calm .km-main{max-width:1280px}.km-calm .km-header{max-width:1280px;padding:18px 6%}.km-calm .eyebrow{color:#64847f;font-size:10px}.km-top{padding:15px 6% 45px;text-align:center}.km-top h1{font-size:clamp(42px,6vw,76px);font-weight:300;letter-spacing:-.045em;line-height:1.1;margin:8px 0 12px}.km-subtitle{font-size:clamp(16px,2vw,21px);color:#58757a;margin:0 0 30px}.km-calm .km-film{border:1px solid #ffffffdd;border-radius:24px;box-shadow:0 20px 65px #254b4f20;min-height:200px;background:#15343b}.km-calm .km-film-shield{pointer-events:auto}.km-sound{margin:20px auto 0;padding:13px 22px;min-height:48px;border-radius:28px;border:1px solid #547d7d60;background:#ffffff88;color:#24474f;font-size:14px}.km-sound[hidden]{display:none}
.km-simple{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:7%;padding:35px 6% 55px}.km-simple-photo{overflow:hidden;border-radius:100px 100px 24px 24px;box-shadow:0 15px 35px #254b4f12}.km-simple-photo img{width:100%;display:block}.km-simple-copy h2{font-size:clamp(30px,3.8vw,48px);margin:15px 0 28px}.km-benefits article{display:flex;gap:16px;align-items:center;padding:16px 0;border-top:1px solid #486e7025}.km-benefits article>span{width:38px;height:38px;border:1px solid #537a7a30;border-radius:50%;display:grid;place-items:center;font-size:22px;color:#577d7a;flex-shrink:0}.km-benefits h3{font-size:19px;font-weight:500;margin:0 0 6px}.km-benefits p{font-size:14px;line-height:1.6;color:#58757a;margin:0}.km-calm .km-footer{border-top-color:#486e7025;padding-bottom:25px}.km-calm .km-footer>a{color:#264c55;font-size:14px}.km-calm .km-footer p{color:#718a8d;font-size:10px}
@media(max-width:700px){.km-top{padding-top:14px;padding-bottom:20px}.km-top h1{font-size:50px}.km-subtitle{margin-bottom:23px}.km-calm .km-film{border-radius:16px}.km-simple{grid-template-columns:1fr;gap:30px;padding-top:25px}.km-simple-photo{max-width:480px;margin:auto;max-height:330px}.km-simple-copy{text-align:center}.km-benefits{text-align:left}.km-simple-copy h2{margin-bottom:25px}}
.km-calm{background:radial-gradient(ellipse at 85% 8%,#fffbf0ee,transparent 55%),linear-gradient(118deg,transparent 30%,#fff8 31%,transparent 48%),repeating-linear-gradient(0deg,transparent 0 219px,#55766c0b 220px 221px),repeating-linear-gradient(90deg,transparent 0 319px,#55766c0b 320px 321px),linear-gradient(150deg,#f0ebe2,#dce9e6 60%,#f0e9dc)}
.km-film-wrap{position:relative}.km-play-cover{position:absolute;inset:0;z-index:3;margin:0;border-radius:24px;overflow:hidden;background:#183c45;border:0;width:100%;height:100%;padding:0;display:grid;place-content:center;color:white;box-shadow:none}.km-play-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.65}.km-play-circle{position:relative;z-index:1;display:grid;place-items:center;width:82px;height:82px;padding-left:5px;border-radius:50%;border:1px solid #ffffffcc;background:#ffffff28;box-shadow:inset 0 1px 4px #ffffff80,0 12px 30px #10282d25;font-size:26px;margin:auto;transition:transform .3s,background .3s}.km-play-cover:hover .km-play-circle{transform:scale(1.06);background:#ffffff45}.km-play-caption{position:relative;z-index:1;font-size:13px;letter-spacing:.1em;margin-top:20px;text-shadow:0 2px 4px #142f38}
.km-concept{font-size:17px;line-height:1.8;color:#527078;margin:0 0 26px;max-width:490px}.km-transform{list-style:none;padding:0;margin:20px 0;display:grid;gap:15px}.km-transform li{display:flex;align-items:center;gap:14px;font-size:15px;color:#264b53}.km-transform li>span{display:grid;place-items:center;width:36px;height:36px;border:1px solid #71918c40;border-radius:50%;font-size:11px;color:#66857d;background:#ffffff50}.km-detail{font-size:12px;line-height:1.8;color:#67847f;border-top:1px solid #597e7525;padding-top:17px}
.home nav{bottom:14%;gap:2vh}.drop,.products,.offers,.partners{height:min(19svh,60vw,380px)}
.km-home-discover{position:absolute;top:auto;right:auto;left:50%;bottom:2%;transform:translateX(-50%);width:min(480px,78vw);min-height:70px;display:flex;padding:14px 23px;gap:18px;border:1px solid #ffffff8a;border-radius:40px;background:linear-gradient(115deg,#ffffff35,#16313f85);box-shadow:inset 0 1px 2px #ffffff9a,0 8px 25px #10283130;color:#fff;text-decoration:none}.km-home-discover:hover{transform:translateX(-50%) translateY(-2px);background:#ffffff30}.km-home-discover b{font-size:25px;letter-spacing:-.02em;font-weight:400}.km-home-discover small{font-size:10px;letter-spacing:.1em;margin:5px 0 0;opacity:.9}.km-home-icon svg{width:38px;height:38px;fill:none;stroke:#fff;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.km-home-discover .access-arrow{margin-left:auto;font-size:25px}.admin{top:8px;right:0}
@media(min-aspect-ratio:4/5){.home nav{bottom:16%;gap:1vh}.drop,.products,.offers,.partners{height:21svh}.km-home-discover{min-height:58px;padding:9px 22px;width:min(430px,72vw)}.km-home-discover b{font-size:22px}.km-home-discover small{font-size:9px}.km-home-icon svg{width:30px;height:30px}}
@media(max-width:600px){.km-home-discover{min-height:62px;padding:10px 18px;gap:12px}.km-home-discover b{font-size:23px}.km-home-discover small{font-size:9px;letter-spacing:.04em}.km-simple-copy{text-align:left}.km-play-cover{border-radius:16px}.km-play-circle{width:64px;height:64px;font-size:21px}.km-concept{font-size:16px}}
.km-native-video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;pointer-events:none;background:#07171d}
/* Clear discovery card with a bath-to-shower illustration. */
.km-home-discover{width:min(530px,86vw);background:linear-gradient(115deg,#173c4ff2,#295665eb);border-color:#e6faffaa;box-shadow:inset 0 1px 2px #ffffff90,0 8px 28px #06192465;text-shadow:none;gap:18px}.km-home-discover:hover{background:linear-gradient(115deg,#214f63f5,#386c7aed)}
.km-concept-image{display:grid;place-items:center;flex-shrink:0;width:110px;height:48px;border-radius:15px;background:linear-gradient(135deg,#f7f6e9,#d7e9ed);box-shadow:inset 0 1px 2px #fff}.km-concept-image svg{width:100px;height:44px;fill:none;stroke:#315666;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.km-home-discover small{opacity:1;color:#e3f0f3}
@media(min-aspect-ratio:4/5){.km-home-discover{width:min(500px,86vw)}.km-concept-image{height:40px;width:94px}.km-concept-image svg{height:38px;width:88px}}
@media(max-width:600px){.km-home-discover{gap:12px;padding:10px 15px}.km-concept-image{width:84px;height:42px}.km-concept-image svg{width:78px;height:38px}.km-home-discover b{font-size:22px}.km-home-discover small{font-size:9px}.km-home-discover .access-arrow{font-size:21px}}