html:has([data-experience]){scroll-behavior:auto;scroll-padding-top:0}.scroll-experience{isolation:isolate;height:400dvh;position:relative}.experience-viewport{background:var(--paper);--experience-progress:0;height:100dvh;position:sticky;top:0;overflow:hidden}.experience-stage,.experience-wash{position:absolute;inset:0}.experience-stage video{object-fit:cover;object-position:center;width:100%;height:100%}.experience-wash{background:linear-gradient(90deg,#eeece6fa 0%,#eeece6eb 19%,#eeece67d 37%,#0000 62%),linear-gradient(#0000 50%,#eeece633 73%,#eeece6f5 100%)}.environment-experience .experience-wash{background:linear-gradient(90deg,#eeece6fc 0%,#eeece6dd 20%,#eeece62a 48%,#0000 66%),linear-gradient(#0000 73%,#eeece6f7 100%)}.experience-viewport .site-header{backdrop-filter:blur(12px);background:#eeece6d6;height:88px}.experience-coordinate{text-align:right;letter-spacing:.15em;color:#514b5c;z-index:1;font-size:10px;position:absolute;top:112px;right:5vw}.experience-coordinate span{margin-top:8px;display:block}.scene-deck{position:absolute;inset:0}.scene-panel{visibility:hidden;opacity:0;pointer-events:none;justify-content:space-between;align-items:center;gap:4vw;padding:142px 5vw 166px;transition:opacity .4s,transform .5s,visibility .4s;display:flex;position:absolute;inset:0;transform:translateY(14px)}.scene-panel[data-active=true]{visibility:visible;opacity:1;pointer-events:auto;transform:none}.scene-copy{align-self:center;width:44%;max-width:600px}.scene-copy h1{margin-bottom:24px;font-size:clamp(46px,5.6vw,86px)}.scene-copy h2{margin-bottom:25px;font-size:clamp(42px,4.8vw,72px);line-height:1.04}.scene-copy>.eyebrow{letter-spacing:.15em;margin-bottom:22px;font-size:10px}.scene-copy>p:not(.eyebrow){color:#484851;max-width:410px;margin-bottom:25px;font-size:16px}.scene-copy .button{padding:14px 21px;font-size:12px}.scene-aside{width:320px;max-width:31%;margin:110px 0 0 auto;position:relative}.intro-aside{letter-spacing:.15em;background:#eeece6d9;border:1px solid #fff8;border-radius:4px;align-self:end;padding:24px;font-size:13px;line-height:1.6}.intro-aside span{letter-spacing:0;color:#514b5c;margin-top:14px;font-size:11px;display:block}.project-carousel{backdrop-filter:blur(16px);background:#eeece6ee;border:1px solid #ffffffb3;border-radius:5px;margin-top:70px;box-shadow:0 15px 45px #25233019}.project-slide-frame{height:365px}.project-slide[hidden]{display:none}.project-slide>img,.collection-app-art{object-fit:cover;border-radius:4px 4px 0 0;width:100%;height:145px}.collection-app-art{font:500 58px var(--display);color:#c0e5e9;letter-spacing:-.06em;background:linear-gradient(135deg,#202736,#47415d);justify-content:center;align-items:center;display:flex;position:relative}.collection-app-art span{font:10px var(--body);letter-spacing:.14em;text-transform:uppercase;position:absolute;bottom:12px;left:20px}.slide-copy{padding:20px 22px}.slide-copy .eyebrow{letter-spacing:.08em;margin-bottom:12px;font-size:10px}.slide-copy h3{margin-bottom:12px;font-size:25px;line-height:1.04}.slide-copy>p:not(.eyebrow){color:#56515e;min-height:36px;margin-bottom:16px;font-size:12px;line-height:1.5}.slide-copy>a{border-top:1px solid var(--line);justify-content:space-between;padding-top:11px;font-size:12px;display:flex}.collection-coming{border-top:1px solid var(--line);color:#56515e;padding-top:11px;font-size:12px;display:block}.collection-controls{border-top:1px solid var(--line);justify-content:space-between;align-items:center;padding:8px 15px;display:flex}.collection-controls button{border:1px solid var(--line);background:0 0;border-radius:3px;width:42px;height:38px;font-size:20px}.collection-controls span{letter-spacing:.16em;font-size:11px}.collection-filters{flex-wrap:wrap;gap:6px;margin-top:28px;display:flex}.collection-filters button{color:#514b5c;background:#eeece6c9;border:1px solid #51445c38;border-radius:3px;min-height:44px;padding:10px 14px;font-size:12px}.collection-filters button[aria-pressed=true]{color:#fff;background:#2c253c;border-color:#5a4478}.scene-copy .collection-caption{color:#514b5c;margin-top:12px;font-size:11px}.studio-note,.connect-card{backdrop-filter:blur(12px);background:#eeece6e8;border:1px solid #fff9;border-radius:5px;padding:25px}.note-orbit{font:13px var(--display);letter-spacing:.15em;color:#75608e;margin-bottom:25px;display:block}.studio-note>p{font:500 30px/1.18 var(--display);letter-spacing:-.04em;margin-bottom:25px}.studio-note>span:last-child{color:#514b5c;font-size:12px}.connect-card{width:355px;max-width:34%;margin-top:140px}.connect-card .eyebrow{margin-bottom:14px;font-size:10px}.connect-card>a{border-bottom:1px solid var(--line);overflow-wrap:anywhere;padding:15px 0;font-size:15px;display:block}.connect-card>a small{letter-spacing:.12em;color:#62576f;margin-bottom:7px;font-size:9px;display:block}.connect-card>a>span[aria-hidden]{float:right;color:#6e5394}.connect-card>p:last-child{color:#62576f;margin:25px 0 0;font-size:10px}.experience-bottom{z-index:5;justify-content:space-between;align-items:center;gap:20px;display:flex;position:absolute;bottom:101px;left:5vw;right:5vw}.experience-hint{letter-spacing:.15em;align-items:center;gap:13px;font-size:10px;display:flex}.experience-hint small{letter-spacing:.09em;color:#56515e;margin-top:5px;font-size:8px;display:block}.scroll-mark{color:#60516f;font-size:25px}.experience-bottom .motion-options{justify-content:flex-end;gap:9px}.experience-bottom .motion-toggle{background:#eeece6ee}.experience-bottom .motion-status{max-width:230px;font-size:10px}.experience-nav{z-index:8;backdrop-filter:blur(14px);background:#eeece6e8;border:1px solid #fff9;border-radius:4px;grid-template-columns:repeat(4,1fr);gap:14px;padding:8px 15px;display:grid;position:absolute;bottom:22px;left:5vw;right:5vw}.experience-nav a{letter-spacing:.1em;text-transform:uppercase;color:#5c5368;align-items:center;gap:12px;min-height:44px;padding:0 10px;font-size:11px;display:flex}.experience-nav a>span{color:#716780;font-size:10px}.experience-nav a[aria-current=step]{color:#201c2a;text-underline-offset:7px;text-decoration:underline #00a7bd}.experience-progress{width:calc(var(--experience-progress)*100%);z-index:10;background:linear-gradient(90deg,#00aec9,#825ab4);height:3px;position:absolute;bottom:0;left:0}@media (width>=1600px){.scene-aside{width:360px}.project-slide-frame{height:390px}.project-slide>img,.collection-app-art{height:165px}}@media (height<=760px) and (width>=701px){.scene-panel{padding-top:115px;padding-bottom:140px}.scene-copy h1{font-size:62px}.scene-copy h2{font-size:52px}.scene-copy>p:not(.eyebrow){font-size:14px}.scene-aside{margin-top:30px}.project-slide-frame{height:310px}.project-slide>img,.collection-app-art{height:105px}.slide-copy{padding:15px 18px}.slide-copy h3{font-size:23px}.slide-copy>p:not(.eyebrow){margin-bottom:10px;font-size:11px}.slide-copy .eyebrow{margin-bottom:9px}.experience-coordinate{top:98px}.experience-bottom{bottom:91px}.experience-nav{bottom:14px}}@media (width<=1000px){.scene-copy{width:48%}.scene-copy h1{font-size:64px}.scene-copy h2{font-size:52px}.scene-aside{max-width:35%}.scene-copy>p:not(.eyebrow){font-size:14px}.experience-stage video{object-position:57%}}@media (width<=700px){.experience-viewport .site-header{backdrop-filter:none;background:#eeece6d9;height:74px}.experience-viewport .site-header nav{display:none}.experience-viewport .switch-design{box-shadow:none;white-space:nowrap;margin-left:auto;padding:9px;font-size:9px;position:static}.experience-coordinate{display:none}.experience-stage video{object-position:61%;opacity:.9}.environment-experience .experience-stage video{object-position:63%}.experience-wash,.environment-experience .experience-wash{background:linear-gradient(#eeece6f7 0%,#eeece6d1 25%,#eeece642 57%,#eeece6ef 100%)}.scene-panel{padding:105px 6vw 170px;display:block;transform:translateY(9px)}.scene-copy{width:100%;max-width:none}.scene-copy h1{margin-bottom:20px;font-size:clamp(41px,10.8vw,56px)}.scene-copy h2{max-width:350px;margin-bottom:17px;font-size:clamp(33px,8.8vw,46px)}.scene-copy>.eyebrow{letter-spacing:.1em;margin-bottom:17px;font-size:8px}.scene-copy>p:not(.eyebrow){max-width:280px;margin-bottom:18px;font-size:13px}.scene-copy .button{min-height:44px;padding:12px 17px}.scene-aside{width:100%;max-width:100%;margin-top:20px}.intro-aside{width:175px;padding:15px;font-size:10px;position:absolute;bottom:180px;right:6vw}.intro-aside span{margin-top:10px;font-size:10px}.project-carousel{width:205px;max-width:64%;margin:18px 0 0 auto}.project-slide-frame{height:255px}.project-slide>img,.collection-app-art{height:80px}.collection-app-art{font-size:35px}.collection-app-art span{font-size:8px;bottom:8px;left:13px}.slide-copy{padding:12px 14px}.slide-copy h3{margin-bottom:8px;font-size:21px}.slide-copy .eyebrow{margin-bottom:9px;font-size:8px}.slide-copy>p:not(.eyebrow){min-height:30px;margin-bottom:9px;font-size:10px;line-height:1.4}.slide-copy>a,.collection-coming{padding-top:7px;font-size:10px}.collection-controls{padding:5px 10px}.collection-controls button{width:38px;height:34px;font-size:18px}.collection-controls span{font-size:9px}.collection-filters{gap:5px;margin-top:14px}.collection-filters button{min-height:40px;padding:7px 10px;font-size:10px}.scene-copy .collection-caption,.scene-panel[data-scene=Projects] .scene-copy>p:not(.eyebrow){display:none}.scene-panel[data-scene=Projects] .scene-copy h2{margin-bottom:10px;font-size:34px}.scene-panel[data-scene=Projects] .scene-copy>.eyebrow{margin-bottom:10px}.studio-note{width:210px;max-width:70%;margin-left:auto;padding:18px}.studio-note>p{margin-bottom:14px;font-size:24px}.note-orbit{margin-bottom:17px;font-size:10px}.studio-note>span:last-child{font-size:10px}.connect-card{width:100%;max-width:none;margin-top:26px;padding:18px 22px}.connect-card>a{padding:12px 0;font-size:15px}.connect-card>p:last-child{margin-top:18px}.experience-bottom{align-items:end;gap:8px;bottom:95px;left:6vw;right:6vw}.experience-hint{gap:7px;max-width:105px;font-size:8px}.experience-hint small{display:none}.scroll-mark{font-size:22px}.experience-bottom .motion-options{gap:3px;max-width:210px}.experience-bottom .motion-toggle{min-height:38px;padding:7px 11px;font-size:10px}.experience-bottom .motion-status{text-align:right;max-width:190px;padding:3px 5px;font-size:9px}.experience-nav{gap:3px;padding:5px;bottom:16px;left:4vw;right:4vw}.experience-nav a{text-align:center;letter-spacing:.04em;min-height:44px;padding:3px 1px;font-size:9px;line-height:18px;display:block}.experience-nav a>span{font-size:9px;display:block}.experience-nav a[aria-current=step]{text-underline-offset:3px}}@media (width<=700px) and (height<=740px){.scene-panel{padding-top:95px}.scene-copy h1{font-size:40px}.scene-copy h2{font-size:32px}.scene-copy>p:not(.eyebrow){max-width:260px;font-size:12px;line-height:1.5}.scene-panel[data-scene=Projects] .scene-copy h2{font-size:29px}.scene-panel[data-scene=Projects] .scene-copy>.eyebrow{display:none}.project-carousel{max-width:62%;margin-top:12px}.project-slide-frame{height:226px}.project-slide>img,.collection-app-art{height:58px}.slide-copy h3{font-size:18px}.slide-copy>p:not(.eyebrow){font-size:10px}.slide-copy{padding:11px 13px}.collection-filters{margin-top:8px}.collection-filters button{min-height:36px}.studio-note{margin-top:15px;padding:14px}.studio-note>p{margin-bottom:10px;font-size:21px}.note-orbit{margin-bottom:10px}.experience-bottom{bottom:87px}.intro-aside{bottom:160px}.connect-card{margin-top:18px}.connect-card .eyebrow{display:none}}@media (prefers-reduced-motion:reduce){.scene-panel{transition:none;transform:none}}@media (width<=700px) and (height<=640px){.scene-panel{padding-top:86px}.scene-panel[data-scene=Projects] .scene-copy h2{margin-bottom:8px;font-size:23px}.collection-filters{margin-top:6px}.collection-filters button{min-height:36px;padding:6px 9px}.project-carousel{margin-top:8px}.project-slide-frame{height:196px}.project-slide>img,.collection-app-art{height:42px}.slide-copy{padding:9px 12px}.slide-copy .eyebrow{margin-bottom:6px;font-size:7px}.slide-copy h3{margin-bottom:7px;font-size:17px}.slide-copy>p:not(.eyebrow){min-height:25px;margin-bottom:6px;font-size:9px}.slide-copy>a,.collection-coming{padding-top:5px;font-size:10px}.collection-controls{padding:3px 8px}.collection-controls button{min-height:34px}.studio-note,.intro-aside{display:none}.scene-copy h1{font-size:37px}.scene-copy h2{font-size:30px}.scene-copy>p:not(.eyebrow){margin-bottom:12px;font-size:12px}.connect-card{margin-top:14px;padding:12px 17px}.connect-card>a{padding:9px 0;font-size:13px}.connect-card>p:last-child{margin-top:10px}}@media (width>=701px){.portrait-experience .experience-stage video{transform:translate(-12vw)}}@media (width<=700px) and (height<=740px){.studio-note{display:none}}@media (width>=701px){.portrait-experience .experience-stage video{mask-image:linear-gradient(90deg,#000 0% 90%,#0000 100%)}}@media (width<=700px){.portrait-experience .experience-stage video{object-position:88%;transform:translateY(100px)}}@media (width<=700px) and (height<=640px){.project-carousel{margin-top:0}}.scene-panel{overscroll-behavior:contain;scrollbar-width:thin;scroll-padding-top:100px;scroll-padding-bottom:165px;overflow-y:auto}.project-slide-frame{overscroll-behavior:contain;overflow-y:auto}@media (height<=500px){.scene-panel{align-items:flex-start;padding-top:108px;padding-bottom:145px}.scene-copy h1{font-size:42px}.scene-copy h2{font-size:34px}.scene-copy>p:not(.eyebrow){font-size:13px}.scene-aside{margin-top:0}.experience-coordinate{display:none}.experience-bottom{bottom:89px}.experience-nav{bottom:12px}.intro-aside{display:none}}.scene-panel{align-items:safe center}.scene-copy{align-self:safe center}@media (height<=500px){.scene-panel{align-items:flex-start}}.phaze-wordmark{flex-shrink:0;width:190px;height:auto;display:block;overflow:hidden}.compare-brand .phaze-wordmark{width:260px}.environment-experience .experience-stage{isolation:isolate;z-index:0}.environment-experience .scene-deck{z-index:1}.studio-motion-layer{opacity:0;will-change:opacity;transition:opacity .55s cubic-bezier(.25,.46,.45,.94);position:absolute;inset:0}.studio-motion-layer[data-visible=true]{opacity:1}.environment-experience .experience-wash{z-index:3;pointer-events:none}.environment-experience .experience-bottom{pointer-events:none}.environment-experience .scene-panel{transition:opacity .45s,transform .5s,visibility .45s}@media (width<=700px){.phaze-wordmark{width:155px}.compare-brand .phaze-wordmark{width:220px}}@media (prefers-reduced-motion:reduce){.environment-experience .studio-motion-layer{transition:opacity .55s cubic-bezier(.25,.46,.45,.94)!important}.environment-experience .scene-panel{transition:opacity .45s,transform .5s,visibility .45s!important}}.environment-experience .studio-motion-layer{opacity:0}.environment-experience .studio-motion-layer[data-visible=true]{opacity:1}.environment-experience .site-header,.environment-experience .project-carousel,.environment-experience .studio-note,.environment-experience .connect-card,.environment-experience .experience-nav{backdrop-filter:none}.environment-experience .experience-stage{background-image:url(/media/studio-idle-poster.webp);background-position:50%;background-size:cover}.brand .phaze-wordmark{object-fit:contain;border-radius:0;width:190px;max-width:none;height:auto}@media (width<=700px){.brand .phaze-wordmark{width:155px}}