:root{color-scheme:dark;--navy:#03192e;--cyan:#7cddff;--orange:#ff851a}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--navy);color:#f4f9ff;font-family:'DM Sans',Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button{border:0}button:focus-visible,a:focus-visible{outline:2px solid #a8e9ff;outline-offset:7px}button,a{touch-action:manipulation}.hero{height:100svh;min-height:760px;max-height:1300px;position:relative;isolation:isolate;overflow:hidden}.scene{position:absolute;inset:0;z-index:-1;transform-origin:50% 59%;will-change:transform}.poster,#water,.shade,#effects{position:absolute;inset:0;width:100%;height:100%}.poster{background:#073657 url('assets/quik-soft-desktop.jpg') center center/cover no-repeat}#water{opacity:0;transition:opacity 1s}.shade{background:linear-gradient(180deg,rgba(0,13,36,.32),transparent 46%,rgba(0,16,37,.14) 65%,#12395466 100%)}header{position:relative;display:flex;align-items:center;justify-content:space-between;gap:40px;max-width:1440px;margin:auto;padding:27px 64px}.brand{font-family:Manrope,sans-serif;font-size:29px;font-weight:800;letter-spacing:5px;color:#24b8ed}.brand span{color:var(--orange)}nav{display:flex;align-items:center;gap:38px;font-size:13px}nav button{padding:0;background:none}nav a,nav button{opacity:.9}nav a:hover,nav button:hover{color:#8bddff}.pill{display:inline-flex;gap:22px;align-items:center;justify-content:center;background:var(--orange);color:white;border-radius:40px;padding:16px 26px;font-size:14px;font-weight:500;transition:background .25s,box-shadow .25s}.pill:hover{background:#ff982e;box-shadow:0 0 28px #ff851a35}.pill span{font-size:21px;line-height:1}.contact{padding:12px 23px}.menu{display:none}.intro{text-align:center;position:absolute;top:15%;left:10%;width:80%;}.eyebrow{font-size:10px;letter-spacing:2.6px;color:#a4dcf2;font-weight:500}.intro .eyebrow{margin-bottom:17px;opacity:.8}h1{font-family:Manrope,Arial,sans-serif;font-size:clamp(64px,7.8vw,125px);font-weight:650;letter-spacing:-6px;line-height:1.12;margin:0 0 23px} .intro p{font-size:clamp(19px,1.8vw,28px);line-height:1.4;margin:0;color:#eaf4ff}.intro strong{font-weight:500}.actions{display:flex;justify-content:center;align-items:center;gap:30px;margin-top:26px}.text-link{font-size:14px;padding:9px 0;border-bottom:1px solid #a7d5e46b}.text-link span{margin-left:15px;color:#bee9ff}.pillars{position:absolute;bottom:12%;left:12%;width:76%;display:grid;grid-template-columns:repeat(4,1fr)}.pillar{position:relative;background:none;padding:12px 10px;text-align:center;transition:transform .3s,color .3s;min-width:0}.pillar+.pillar:before{content:'';position:absolute;left:0;top:20px;width:1px;height:57px;background:#b0ddff33}.pillar svg{display:block;width:37px;height:37px;stroke:#d0efff;stroke-width:1.4;fill:none;margin:0 auto 14px;filter:drop-shadow(0 0 5px #44bfff);transition:filter .4s,stroke .4s;opacity:.65}.pillar.active svg{opacity:1;stroke:#effbff;filter:drop-shadow(0 0 7px #38bfff)}.pillar span{display:block;font-size:15px}.pillar small{display:block;font-size:8px;letter-spacing:2px;margin-top:10px;color:#a2cde4;opacity:.65}.pillar:hover,.pillar:focus-visible{transform:translateY(-4px);color:white}.pillar:hover svg{filter:drop-shadow(0 0 10px #4ad5ff)}.hero-footer{position:absolute;bottom:26px;left:40px;right:40px;display:flex;align-items:center;justify-content:space-between;color:#93bdd7;font-size:9px;letter-spacing:1.7px}.scene-label{display:flex;align-items:center;gap:9px}.scene-label i{height:4px;width:4px;border-radius:50%;background:#74d9ff;box-shadow:0 0 8px #74d9ff}.scene-label b{font-size:8px;margin-left:25px;font-weight:400;opacity:.6}.scroll{display:flex;gap:15px;align-items:center}.scroll span{font-size:20px}#pause{background:#09284188;border:1px solid #8ac9e324;border-radius:30px;padding:10px 15px;color:#c4dce8;font-size:10px;letter-spacing:.4px}#pause span{margin-right:6px}.drop{position:absolute;top:calc(59% - 60px);left:calc(50% - 12px);width:24px;height:35px;filter:drop-shadow(0 5px 9px #ff8b36a0);transform-origin:50% 100%}.drop div{width:24px;height:32px;border-radius:1% 60% 55% 60%;transform:rotate(45deg);background:radial-gradient(ellipse at 80% 80%,#fff7c9 0%,#ffb540 21%,#f57a08 43%,#132d42 72%,#a7e5ff 100%);box-shadow:inset -1px -1px 2px #fff0ba,inset 1px 1px 2px #7ddaff}.drop-reflection{position:absolute;left:calc(50% - 6px);top:59%;width:12px;height:68px;background:linear-gradient(#ffbc61a0,transparent);filter:blur(5px);transform-origin:top}.reflection{position:absolute;left:25%;width:50%;text-align:center;top:64%;font-family:Manrope,sans-serif;font-weight:800;font-size:clamp(80px,13vw,220px);line-height:1;letter-spacing:-12px;color:#8bd5f4;transform:perspective(250px) rotateX(57deg) scaleY(1);opacity:.18;filter:url('#water-distort') blur(1.5px)}.ecosystem{padding:90px max(7%,24px) 25px;background:radial-gradient(ellipse at 85% 15%,#0c34504d,transparent 50%),#03192e;position:relative}.section-top{display:flex;justify-content:space-between;align-items:center}.section-number{font-size:9px;letter-spacing:2px;color:#678da7}.statement{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin:55px 0 65px}h2{font-family:Manrope,sans-serif;font-size:clamp(35px,4.5vw,66px);letter-spacing:-2.5px;line-height:1.15;margin:0}h2 em{font-style:normal;color:#72c7e8}.statement p{max-width:370px;color:#93b2c7;font-size:15px;line-height:1.8;margin:0 0 7px}.solution-list button{width:100%;display:flex;align-items:center;text-align:left;gap:25px;padding:28px 0;border-top:1px solid #8fc6df26;background:none}.solution-list .num{color:#5798b9;font-size:11px}.solution-list h3{font-size:21px;font-weight:400;flex:1;margin:0}.solution-list p{font-size:13px;color:#8dacbf;width:35%;margin:0}.arrow{font-size:24px;color:#86cce9;transition:transform .3s}.solution-list button:hover .arrow{transform:translate(4px,-4px);color:var(--orange)}.about{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #8fc6df26;padding-top:55px;margin-top:25px}.about p{color:#a9c5d5}.bottom{display:flex;justify-content:space-between;margin-top:65px;color:#6e91a7;font-size:10px}dialog{background:#061f34fa;color:#eaf6ff;border:1px solid #80cfff40;border-radius:18px;padding:55px;width:min(600px,90vw);box-shadow:0 30px 140px #0008}dialog::backdrop{background:#001021a0;backdrop-filter:blur(8px)}dialog h2{font-size:37px;letter-spacing:-1.5px;margin:22px 0}dialog p{color:#b3cddd;font-size:16px;line-height:1.8;margin-bottom:30px}.close{position:absolute;right:18px;top:14px;background:none;color:#acd1e5;font-size:28px}.paused *{animation-play-state:paused!important}@media(min-width:1700px){.hero{min-height:900px}.intro{top:16%}}@media(max-width:900px){header{padding:24px 30px;gap:25px}nav{gap:20px;font-size:12px}.brand{font-size:23px}h1{letter-spacing:-4px}.hero{min-height:720px}.intro{top:20%;left:5%;width:90%}.intro .eyebrow{font-size:8px}.pillars{left:5%;width:90%}.pillar span{font-size:12px}.pillar small{font-size:7px}.statement{display:block}.statement p{margin-top:25px}.contact{font-size:12px;padding:10px 16px}}@media(max-width:600px){.hero{min-height:790px;max-height:1000px}header{padding:24px;gap:16px}.brand{font-size:23px;letter-spacing:3px}.contact{margin-left:auto;font-size:11px;padding:11px 15px;gap:12px}.menu{display:block;background:none;font-size:20px;padding:0}nav{display:none;position:absolute;top:77px;left:20px;right:20px;padding:25px;background:#05233bf5;border:1px solid #66bbdf44;border-radius:12px;z-index:10;flex-direction:column;font-size:15px;gap:24px}nav.open{display:flex}.intro{top:17%}.intro .eyebrow{letter-spacing:1.5px;font-size:7px;margin-bottom:18px}h1{font-size:clamp(43px,10.3vw,64px);letter-spacing:-2.5px;margin-bottom:19px}.intro p{font-size:16px;line-height:1.6}.actions{gap:18px;margin-top:22px}.primary{font-size:12px;padding:14px 20px;gap:14px}.text-link{font-size:11px}.text-link span{display:none}.pillars{bottom:11%;left:6%;width:88%;grid-template-columns:1fr 1fr;row-gap:13px}.pillar{padding:10px 5px}.pillar svg{width:29px;height:29px;margin-bottom:9px}.pillar span{font-size:12px}.pillar small{font-size:6px;letter-spacing:1.4px;margin-top:5px}.pillar:nth-child(3):before{display:none}.pillar+.pillar:before{height:43px}.hero-footer{left:23px;right:23px;bottom:23px}.scene-label{font-size:7px;letter-spacing:1px}.scene-label b,.scroll{display:none}#pause{font-size:9px;padding:9px 10px}.reflection{top:58%;font-size:95px;letter-spacing:-7px}.section-number{display:none}.ecosystem{padding-top:60px}.statement{margin:30px 0 40px}h2{letter-spacing:-1.5px}.solution-list button{gap:15px;padding:24px 0;flex-wrap:wrap}.solution-list h3{font-size:16px}.solution-list p{order:4;width:100%;margin-left:29px;font-size:12px}.about{gap:22px;flex-wrap:wrap}.about .brand{font-size:21px}.about p{font-size:12px}.bottom{font-size:8px;gap:20px}dialog{padding:38px 28px}dialog h2{font-size:30px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
/* Keep the action row clear of the droplet's entry path. */
@media(min-width:901px){.intro{top:11%}h1{margin-bottom:17px}.actions{margin-top:21px}}
@media(min-width:601px) and (max-width:900px){.intro{top:14%}}

.has-3d .drop,.has-3d .drop-reflection,.has-3d .reflection{visibility:hidden}.pillar.active svg{stroke:#e8faff;filter:drop-shadow(0 0 10px #54cfff);transition:filter .25s,stroke .25s,opacity .25s}.pillar.active span{text-shadow:0 0 14px #93dcff44}@media(prefers-reduced-motion:reduce){.has-3d .drop,.has-3d .drop-reflection,.has-3d .reflection{visibility:visible}}

.motion-controls{display:flex;align-items:center;gap:8px}#replay{background:transparent;color:#b9ddec;font-size:10px;padding:10px;border-radius:20px}#replay:hover{background:#17486380}@media(max-width:600px){#replay{font-size:9px}.scene-label{font-size:6px}}

h1{word-spacing:.07em}

/* Calm water: keep the main title visually anchored. */
h1{text-shadow:0 2px 18px #06243c30}.hero-footer{color:#b4d9eb}.pillar small{color:#c3e5f2}.reflection{opacity:.12}
/* The Quik Touch — stable HTML interface over liquid-glass. */
.hero{--dive:0;background:#052444}header{position:fixed;left:0;right:0;top:0;z-index:20;max-width:none;padding:22px max(5%,24px);transition:background .2s,box-shadow .2s}.scrolled header{background:#041d32ed;backdrop-filter:blur(18px);box-shadow:0 1px 0 #90dcff22}#water{transition:opacity .4s}.scene{will-change:auto}.shade{background:linear-gradient(180deg,#03152f70 0%,#032a4c08 47%,#052b460f 65%,#041b32a6 100%)}.intro{top:14%!important}.intro .eyebrow{font-size:9px;letter-spacing:2.7px;margin-bottom:18px}h1{font-size:clamp(60px,8.2vw,132px);font-weight:650;letter-spacing:-.055em;word-spacing:.05em;margin-bottom:20px}.intro p{font-size:clamp(19px,1.7vw,27px)}.support-line{font-size:.8em;color:#c1d9e8}.actions{margin-top:25px!important}.pill{box-shadow:inset 0 1px 0 #ffd6a48a}.pill span{transition:transform .2s}.pill:hover span{transform:translateX(4px)}.pillars{left:7%;width:86%;bottom:10%;padding:15px 6px;background:linear-gradient(120deg,#092e4570,#103e5850);border:1px solid #a1e7ff30;border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 15px 65px #001c2b20;z-index:2}.pillar{padding:10px 12px;transform:none!important;transition:background .2s}.pillar span{font-size:14px;white-space:nowrap}.pillar span b{display:inline-block;font-size:11px;font-weight:400;margin-left:6px;opacity:.6;transition:transform .2s}.pillar small{height:14px;line-height:14px;font-size:9px;letter-spacing:.15px;color:#b1d7e8;opacity:.8;margin-top:9px}.pillar svg{width:31px;height:31px;margin-bottom:10px;stroke:#7fd5f3;opacity:.85}.pillar+.pillar:before{height:60px;top:16px;background:#bbebff20}.pillar:after{content:'';position:absolute;top:11px;left:calc(50% + 21px);width:4px;height:4px;border-radius:50%;background:#ffb25a;opacity:0;transition:opacity .2s}.pillar.exploring:after{opacity:1}.pillar.exploring svg{stroke:white;filter:drop-shadow(0 0 9px #72dcff)}.pillar.exploring span b{transform:translate(2px,-2px);color:#ffbc6a;opacity:1}.pillar.exploring{background:#92e2ff08;border-radius:10px}.pillar.exploring small{color:white}.water-caption{position:absolute;left:50%;transform:translateX(-50%);bottom:29%;display:flex;align-items:center;gap:14px;font-size:7px;letter-spacing:2px;color:#a3d5e6;opacity:.55}.water-caption i{width:24px;height:1px;background:#8fd4e5}.hero-footer{bottom:27px}.component-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;scroll-margin-top:110px}.component{padding:30px;background:linear-gradient(130deg,#0c3047,#082438);border:1px solid #80c8e82a;border-radius:16px;scroll-margin-top:110px;transition:transform .22s,opacity .22s,border-color .22s;outline:none}.component.selected,.component:focus-visible{border-color:#eda85c;box-shadow:0 0 0 1px #e6ae4e30}.component-top{display:flex;align-items:center;justify-content:space-between;font-size:8px;letter-spacing:2px;color:#88b5cd}.status-dot{height:4px;width:4px;border-radius:50%;background:#8ce4fb;box-shadow:0 0 10px #8ce4fb55}.component-diagram{height:145px;width:100%;margin:20px 0 15px;fill:none;stroke:#73bbd2;stroke-width:1.2}.component-diagram g circle{fill:#0c3047}.component-diagram .accent{stroke:#ffc07b}.component h3{font-size:24px;letter-spacing:-.6px;font-weight:500;margin:10px 0 15px}.component p{color:#9ebdce;font-size:14px;line-height:1.75;max-width:440px;min-height:74px}.component-steps{display:flex;justify-content:space-between;gap:12px;padding-top:20px;border-top:1px solid #8fd8ef1f;color:#8bb7ca;font-size:9px}.ecosystem{background:radial-gradient(ellipse at 50% 0,#0d3b58 0,transparent 50%),#041c30;padding-top:75px}.section-top,.statement,.component-grid{position:relative}.drop div{background:radial-gradient(circle at 56% 60%,#ffd38d 0%,#ff9e33 12%,#7eceef24 20%,#b1e9ff12 48%,#d3f6ffb0 100%);box-shadow:inset 0 0 2px #c3edff}.reflection{opacity:.08}.scene-label b{display:none}dialog[open]{animation:detail-in .2s ease-out}@keyframes detail-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1100px){.pillar span{font-size:12px}.pillar small{font-size:8px}.pillars{left:4%;width:92%}header nav{gap:22px}.intro{top:17%!important}}
@media(max-width:600px){header{padding:20px}.hero{min-height:820px}.intro{top:16%!important}h1{font-size:clamp(40px,10.4vw,62px);letter-spacing:-.06em}.intro .eyebrow{font-size:6px;letter-spacing:1.7px}.intro p{font-size:19px}.support-line{font-size:13px}.actions{gap:16px}.pillars{bottom:10%;left:5%;width:90%;padding:7px 3px;gap:3px;border-radius:15px}.pillar{padding:12px 5px}.pillar svg{height:25px;width:25px;margin-bottom:8px}.pillar span{font-size:11px}.pillar span b{font-size:9px;margin-left:3px}.pillar small{font-size:7px;margin-top:5px}.pillar+.pillar:before{height:42px}.water-caption{bottom:37%;font-size:5px;letter-spacing:.8px;gap:8px;white-space:nowrap}.water-caption i{width:12px}.component-grid{grid-template-columns:1fr;gap:16px}.component{padding:25px}.component h3{font-size:23px}.component p{min-height:0}.component-diagram{height:125px}.hero-footer{left:20px;right:20px}.scene-label{font-size:6px}.brand{font-size:21px}.contact{font-size:10px;padding:11px 14px}.component-steps{font-size:8px}.statement{margin-bottom:35px}nav{top:70px}.pillar.exploring small{color:#e6f8ff}}
@media(prefers-reduced-motion:reduce){dialog[open]{animation:none}.scene{transform:none!important}.component,.pill span{transition:none}.water-caption{opacity:.5}}
/* Beneath Every Touch keeps the interface steady while the water opens. */
#water{transform-origin:50% 50%;transition:opacity .4s}.water-caption{opacity:.4}.pillar small{transition:opacity .2s}.pillar.exploring small{opacity:1}.scene-label{letter-spacing:1.4px}.component{background:linear-gradient(145deg,#0b3049,#072235)}
@media(max-width:600px){.scene-label{font-size:5px;letter-spacing:.75px}.intro .eyebrow{letter-spacing:1.5px}.water-caption{display:none}}

.water-caption{display:none}
/* Three independent, seamless atmospheric bands. Each track holds two screen-wide tiles. */
.atmosphere{position:absolute;inset:0;pointer-events:none;overflow:hidden;contain:paint}.cloud-layer{position:absolute;left:0;width:100%;pointer-events:none}.cloud-bob{width:100%;height:100%}.cloud-track{display:flex;width:200%;height:100%;will-change:transform;animation-timing-function:linear;animation-iteration-count:infinite}.cloud-track img{display:block;flex:0 0 50%;width:50%;height:100%;object-fit:fill;user-select:none;max-width:none}.cloud-far{top:42%;height:9%;opacity:.19}.cloud-far .cloud-track{animation-name:cloud-right;animation-duration:160s;animation-delay:-37s}.cloud-mid{top:42%;height:16%;opacity:.25;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 18%,transparent 40%,transparent 60%,#000 82%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 18%,transparent 40%,transparent 60%,#000 82%,#000 100%)}.cloud-mid .cloud-track{animation-name:cloud-left;animation-duration:105s;animation-delay:-61s}.cloud-near{bottom:0;height:34%;opacity:.11;-webkit-mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 37%,transparent 63%,#000 88%,#000 100%);mask-image:linear-gradient(90deg,#000 0%,#000 12%,transparent 37%,transparent 63%,#000 88%,#000 100%)}.cloud-near .cloud-track{animation-name:cloud-right;animation-duration:75s;animation-delay:-19s}.cloud-near .cloud-bob{animation:cloud-lift 14s ease-in-out -8s infinite alternate;will-change:transform}@keyframes cloud-right{from{transform:translateX(-50%)}to{transform:translateX(0)}}@keyframes cloud-left{from{transform:translateX(0)}to{transform:translateX(-50%)}}@keyframes cloud-lift{from{transform:translateY(0)}to{transform:translateY(-6px)}}.paused .cloud-track,.paused .cloud-bob,.atmosphere-suspended .cloud-track,.atmosphere-suspended .cloud-bob{animation-play-state:paused!important}@media(prefers-reduced-motion:reduce){.cloud-track,.cloud-bob{animation:none!important;will-change:auto}.cloud-far .cloud-track{transform:translateX(-11.5625%)}.cloud-mid .cloud-track{transform:translateX(-29.0476%)}.cloud-near .cloud-track{transform:translateX(-12.6667%)}}
/* The Responsive World: contextual content stays beside the selected capability. */
.solution-peek{position:absolute;z-index:4;bottom:calc(10% + 145px);left:var(--anchor,50%);transform:translateX(-50%);width:min(360px,88vw);padding:23px 25px;border:1px solid #80cfee55;border-radius:16px;background:#052439f5;box-shadow:0 15px 55px #00132266;animation:detail-in .2s ease-out}.solution-peek[hidden]{display:none}.solution-peek .eyebrow{display:block;padding-right:16px;font-size:8px;line-height:1.6;letter-spacing:1.2px;color:#ffbd76}.solution-peek h2{font-size:23px;letter-spacing:-.6px;margin:12px 0}.solution-peek p{font-size:12px;line-height:1.7;color:#b9d5e3;margin:0 0 17px}.solution-peek .text-link{display:inline-block;font-size:11px;margin-top:16px}#peek-close{position:absolute;top:9px;right:12px;font-size:22px;background:none;color:#b9d8e9}#peek-flow{display:flex;justify-content:space-between;border-top:1px solid #a9e3fa22;padding-top:12px;color:#9ed8ec;font-size:9px}.pillar[aria-expanded=true]{background:#7dcdf310;border-radius:10px}.pillar[aria-expanded=true]:after{opacity:1}.world-journey{position:fixed;inset:0;pointer-events:none;z-index:3;overflow:hidden}.journey-object{position:absolute;left:0;top:0;transform-origin:center;pointer-events:none}.journey-object svg{display:block;width:100%;height:100%;fill:none;stroke:#8bd5ed;stroke-width:1.2}.journey-object svg g circle{fill:#103b52}.journey-object svg .accent{stroke:#ffc585}.journey-object .component-diagram{margin:0}.component-diagram{transition:opacity .15s}.scene-label{font-size:8px}
@media(max-width:600px){.solution-peek{bottom:calc(10% + 210px);left:50%!important;padding:18px 20px;width:90%}.solution-peek h2{font-size:21px}.solution-peek p{font-size:11px}.scene-label{font-size:5px;letter-spacing:.5px}.world-journey{z-index:1}}
@media(max-width:600px){.solution-peek{padding:13px 17px}.solution-peek .eyebrow{font-size:7px}.solution-peek h2{font-size:18px;margin:7px 0}.solution-peek p{font-size:10px;line-height:1.5;margin-bottom:9px}.solution-peek .text-link{margin-top:8px;padding:4px 0;font-size:10px}#peek-flow{padding-top:8px;font-size:8px}}

/* Wave-revealed Quik: the wordmark belongs to the surface, never the HTML title. */
.reflection{top:66%;left:17%;width:66%;font-family:Arial,sans-serif;font-weight:700;font-size:clamp(90px,18vw,300px);letter-spacing:-.055em;color:#87d8ff;transform:perspective(380px) rotateX(62deg);filter:blur(.35px);opacity:.30;line-height:1}.shade{background:linear-gradient(#00102740,transparent 45%,#00132a08 70%,#00132b88)}.pillar:hover,.pillar:focus-visible,.pillar.exploring{transform:translateY(-4px)!important}.cloud-far,.cloud-mid{mask-image:linear-gradient(90deg,#000,transparent 38%,transparent 62%,#000)}.cloud-near{opacity:.08}.pillars{background:linear-gradient(120deg,#05263d55,#082d4540);backdrop-filter:blur(8px)}
@media(max-width:600px){.reflection{top:59%;font-size:95px;left:8%;width:84%;transform:perspective(280px) rotateX(58deg)}.poster{background-size:auto 100%}.cloud-mid{opacity:.18}}

.poster{background-size:100% 100%}

@media(min-width:901px){.intro{top:12%!important}h1{font-size:clamp(60px,7.2vw,120px)}.pillars{bottom:8%;padding:10px 6px}}

.reflection img{display:block;width:100%;height:auto;filter:brightness(1.6)}.reflection{font-size:0;letter-spacing:0}

@media(max-width:600px){.poster{background-image:url(assets/quik-soft-mobile.jpg)}}