.intro-experience{--intro-paper:#f6f5f1;--intro-ink:#171a1d;--intro-secondary:#555d63;--intro-line:#d8d9d5;--intro-red:#d62436;background:var(--intro-paper);color:var(--intro-ink);min-height:100svh;font-family:var(--font-geist-sans), Arial, sans-serif;flex-direction:column;padding:0 clamp(22px,4.6vw,80px);display:flex}.intro-header,.intro-footer{flex-shrink:0;align-items:center;width:100%;max-width:1440px;margin:0 auto;display:flex}.intro-header{justify-content:flex-end;height:76px}.intro-experience button{font-family:inherit;font-size:14px}.intro-skip{gap:10px;padding-right:0;color:#41484b!important}.intro-skip:hover,.intro-control:hover{color:#14181b!important;background:#e9e9e4!important}.intro-viewport{flex:1;width:100%;max-width:1440px;min-height:520px;margin:auto;position:relative}.intro-scene{position:absolute;inset:0}.intro-brand-stage,.intro-brand-art{width:100%;height:100%;display:block;overflow:visible}.intro-brand-stage{overflow:hidden}.intro-family,.intro-person{width:100%;height:100%;position:relative}.intro-family-photo{width:min(50%,620px);left:calc(50% - 24% * var(--settle));top:calc(46% - 15% * var(--settle));transform:translate(-50%, -50%) scale(calc((.38 + .62 * var(--appear)) * (1 - .18 * var(--settle))));opacity:var(--appear);will-change:transform;position:absolute}.intro-family-photo img{border-radius:8px;width:100%;height:auto;display:block;box-shadow:0 15px 45px #303a4610}.intro-family-copy{position:absolute;top:15%;left:56%;right:2%}.intro-experience h1{letter-spacing:-.05em;margin:0 0 25px;font-size:clamp(36px,4.8vw,72px);font-weight:550;line-height:1.08}.intro-family h1{margin-bottom:18px;font-size:clamp(34px,3.8vw,56px)}.intro-experience p{letter-spacing:-.025em;margin:0 0 10px;font-size:clamp(18px,1.85vw,26px);font-weight:400;line-height:1.5}.intro-family p{color:var(--intro-secondary);font-size:clamp(17px,1.5vw,22px)}.intro-experience strong{color:var(--intro-ink);font-weight:600}.intro-waali-copy{margin-top:clamp(32px,4vw,60px)}.intro-waali-copy h2{letter-spacing:-.035em;margin:0 0 17px;font-size:clamp(22px,2.2vw,32px);font-weight:450;line-height:1.25}.intro-waali-copy h2 strong{font-weight:650}.intro-model-line{margin-top:24px!important}.intro-robots{width:min(72%,1000px);left:calc(50% - 24% * var(--settle));top:calc(50% + 28% * var(--settle));transform:translate(-50%, -50%) scale(calc((.35 + .65 * var(--appear)) * (1 - .36 * var(--settle))));opacity:var(--appear);pointer-events:none;position:absolute}.intro-robots img{width:100%;height:auto;display:block}.intro-monday,.intro-zeos{text-align:center;flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.intro-monday h1{letter-spacing:-.065em;margin:24px 0 30px;font-size:clamp(56px,8vw,116px)}.intro-kicker{letter-spacing:.2em;color:#687074;font-size:13px;font-weight:500}.intro-monday p{color:#555d63;font-size:clamp(20px,2vw,28px)}.intro-person-photo{width:46%;height:88%;max-height:680px;left:calc(50% - 24% * var(--settle));transform:translate(-50%, -50%) scale(calc(.48 + .52 * var(--appear)));opacity:var(--appear);position:absolute;top:50%;-webkit-mask-image:linear-gradient(#000 92%,#0000 100%);mask-image:linear-gradient(#000 92%,#0000 100%)}.intro-person-photo img{object-fit:contain;object-position:center bottom;width:100%;height:100%}.intro-person-copy{position:absolute;top:50%;left:55%;right:3%;transform:translateY(-50%)}.intro-person-copy h1{margin:0 0 32px;font-size:clamp(46px,5.8vw,84px)}.intro-person-copy p{color:var(--intro-secondary);margin:0 0 22px;line-height:1.55}.intro-person-milo .intro-person-photo{height:71%}.intro-person-charlotte .intro-person-photo{height:87%}.intro-person-oliver .intro-person-photo{height:84%}.intro-zeos-premise,.intro-zeos-product{width:100%;padding:0 20px;position:absolute}.intro-zeos-premise h1{margin-bottom:28px;font-size:clamp(36px,5.7vw,84px)}.intro-zeos-premise p{color:var(--intro-secondary)}.intro-zeos-product .intro-presenter{color:#636a6d;margin:0 0 10px;font-size:clamp(16px,1.6vw,22px)}.intro-zeos-product .intro-zeos-word{color:var(--intro-red);letter-spacing:-.065em;transform-origin:50%;margin:0 0 15px;font-size:clamp(80px,11vw,156px);font-weight:700;line-height:1.04}.intro-zeos-product h2{letter-spacing:-.035em;margin:0;font-size:clamp(22px,2.6vw,36px);font-weight:450;line-height:1.35}.intro-zeos-explanation{margin-top:clamp(24px,3vw,40px)}.intro-zeos-explanation p{color:var(--intro-secondary);margin-bottom:5px;font-size:clamp(17px,1.75vw,24px)}.intro-zeos-closing{margin-top:26px}.intro-zeos-closing p{font-size:clamp(16px,1.65vw,22px)}.intro-mobile-break{display:none}.intro-footer{border-top:1px solid var(--intro-line);justify-content:space-between;gap:30px;min-height:102px}.intro-playback{align-items:center;gap:4px;display:flex}.intro-control{gap:8px;color:#596164!important}.intro-progress{text-align:center;width:260px;margin:0 auto}.intro-progress>span{color:#687074;margin-bottom:10px;font-size:13px;display:block}.intro-segments{gap:4px;display:flex}.intro-segments i{background:#dedfda;flex:1;height:3px;display:block;overflow:hidden}.intro-segments b{transform-origin:0;background:#565e60;width:100%;height:100%;display:block}.intro-continue{border-radius:8px;gap:16px;min-height:44px;padding:0 22px;color:#fff!important;background:#1c2927!important}.intro-continue:hover{background:#344840!important}.intro-loading{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:60svh;display:flex}.intro-experience button:focus-visible{outline-offset:4px;outline:3px solid #637f75}@media (min-width:1500px){.intro-viewport{min-height:690px}}@media (max-width:1050px){.intro-viewport{min-height:540px}.intro-family-copy{top:18%}.intro-family-photo{top:calc(46% - 15% * var(--settle));width:57%}.intro-person-copy{left:53%;right:0}.intro-person-copy p{font-size:20px}.intro-person-copy h1{margin-bottom:24px}.intro-person-photo{width:49%}}@media (max-width:700px){.intro-experience{padding:0 20px}.intro-header{height:66px}.intro-series{font-size:13px}.intro-viewport{min-height:720px}.intro-family-photo{width:min(92%,430px);left:50%;top:calc(37% - 21% * var(--settle));transform:translate(-50%, -50%) scale(calc((.38 + .62 * var(--appear)) * (1 - .18 * var(--settle))))}.intro-family-copy{text-align:center;top:32%;left:0;right:0}.intro-family h1{margin-bottom:12px;font-size:34px}.intro-family p{margin-bottom:5px;font-size:17px}.intro-waali-copy{margin-top:155px}.intro-waali-copy h2{margin-bottom:10px;font-size:25px}.intro-waali-copy h2 br{display:none}.intro-model-line{margin-top:16px!important}.intro-model-line br{display:none}.intro-robots{width:min(100%,480px);left:50%;top:calc(50% + 8% * var(--settle));transform:translate(-50%, -50%) scale(calc(.35 + .65 * var(--appear)))}.intro-person-photo{width:86%;height:51%;left:50%;top:calc(48% - 21% * var(--settle))}.intro-person-copy{text-align:center;top:57%;left:4%;right:4%;transform:none}.intro-person-copy h1{margin-bottom:20px;font-size:44px}.intro-person-copy p{margin-bottom:16px;font-size:19px;line-height:1.5}.intro-person-milo .intro-person-photo{height:45%}.intro-person-charlotte .intro-person-photo{height:49%}.intro-person-oliver .intro-person-photo{height:48%}.intro-monday h1{font-size:76px}.intro-monday p{font-size:20px}.intro-monday{justify-content:flex-start;padding-top:120px}.intro-zeos-premise,.intro-zeos-product{padding:0}.intro-zeos-premise h1{font-size:43px}.intro-zeos-product .intro-zeos-word{font-size:110px}.intro-zeos-product h2{font-size:23px}.intro-zeos-explanation p{font-size:18px;line-height:1.5}.intro-zeos-closing p{max-width:300px;margin:0 auto;font-size:17px}.intro-mobile-break{display:block}.intro-footer{flex-wrap:wrap;gap:10px;min-height:112px;padding:15px 0}.intro-playback{order:1;gap:0}.intro-playback .intro-control{padding:8px}.intro-progress{text-align:left;order:0;align-items:center;gap:16px;width:100%;display:flex}.intro-progress>span{white-space:nowrap;min-width:113px;margin:0;font-size:12px}.intro-segments{flex:1}.intro-continue{order:2;gap:10px;margin-left:auto;padding:0 17px}}@media (max-width:380px){.intro-experience{padding:0 16px}.intro-viewport{min-height:755px}.intro-family h1{font-size:30px}.intro-person-copy p{font-size:18px}.intro-zeos-premise h1{font-size:36px}.intro-monday h1{font-size:64px}}@media (prefers-reduced-motion:reduce){.intro-experience *,.intro-experience :before,.intro-experience :after{transition:none!important;animation:none!important}}