:root{--paper:#eeece6;--ink:#15161d;--muted:#62636c;--cyan:#00bde7;--violet:#8053da;--line:#24273722;--display:"Space Grotesk",sans-serif;--body:"DM Sans",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{background:var(--paper);color:var(--ink);font-family:var(--body);margin:0;line-height:1.6}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img,video{max-width:100%;display:block}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline-offset:5px;outline:3px solid #0088ae}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:var(--display);letter-spacing:-.055em;line-height:1.03}h1{margin-bottom:28px;font-size:clamp(48px,6.2vw,100px);font-weight:600}h2{font-size:clamp(36px,4vw,64px);font-weight:500}h3{letter-spacing:-.035em;font-size:25px}em{color:#5b4a7b;font-style:normal}.accent{color:var(--violet)}.eyebrow{letter-spacing:.19em;text-transform:uppercase;margin-bottom:22px;font-size:10px;font-weight:600}.sr-only{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.skip{z-index:999;background:var(--ink);color:#fff;padding:12px;position:fixed;top:-90px;left:16px}.skip:focus{top:12px}.site-header{z-index:20;border-bottom:1px solid #2222220d;align-items:center;gap:50px;height:100px;padding:0 5vw;display:flex;position:absolute;inset:0 0 auto}.brand{align-items:center;gap:12px;display:flex}.brand img{object-fit:cover;border-radius:4px;width:68px;height:46px}.brand>span{font:600 23px/1 var(--display);letter-spacing:-.06em}.brand small{font:500 9px/1.8 var(--body);letter-spacing:.5em;margin-top:6px;display:block}.site-header nav{gap:34px;margin-left:auto;font-size:13px;display:flex}.site-header nav a:hover{color:#6b45ae}.coming{border-top:1px solid var(--line);color:#646470;justify-content:space-between;align-items:center;padding-top:14px;font-size:11px;display:flex}.app-glyph{font:400 80px var(--display);letter-spacing:-.08em;color:#d8eef1;z-index:1;text-shadow:0 0 35px #00bde755}.app-cache{background:linear-gradient(140deg,#24202e,#423c5d)}.app-spam{background:linear-gradient(140deg,#1d2a39,#31465a)}footer{color:#b3b1bd;letter-spacing:.06em;background:#171922;border-top:1px solid #ffffff16;justify-content:space-between;gap:20px;padding:30px 5vw;font-size:9px;display:flex}footer a{color:#eee}@media (width<=1000px){.site-header{gap:20px;padding:0 4vw}.site-header nav{gap:20px}.brand>span{font-size:19px}}@media (width<=700px){html{scroll-padding-top:85px}.site-header{gap:12px;height:85px;padding:0 6vw}.brand img{width:43px;height:34px}.brand>span{font-size:17px}.brand small{font-size:7px}.site-header nav{gap:16px;font-size:11px}.site-header nav a:nth-child(2){display:none}footer{flex-wrap:wrap;padding:25px 6vw 75px;font-size:8px}footer>span:last-child{display:none}}.site-header{background:linear-gradient(#eeece6f5,#eeece6d9)}footer{font-size:11px}@media (width<=700px){footer{font-size:10px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}body.studio,body.content{--paper:#eeece6;--ink:#151b24;--muted:#56616f;--cyan:#246bfd;--violet:#1645a6;--metal:#303945;--silver:#c5cdd5;--surface:#f7f5ef;--line:#30394528}body.studio .experience-nav a[aria-current=step]{text-decoration-color:#246bfd}body.studio .collection-filters button[aria-pressed=true]{color:#fff;background:#1645a6;border-color:#1645a6}body.studio .button{border-color:#246bfd55}body.studio .experience-progress{background:linear-gradient(90deg,#246bfd,#1645a6)}body.studio .collection-app-art{color:#c5cdd5;background:linear-gradient(135deg,#202936,#303945)}body.studio :focus-visible,body.content :focus-visible{outline-offset:4px;outline:3px solid #1645a6}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}.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-aside{width:320px;max-width:31%;margin:110px 0 0 auto;position:relative}.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}.connect-card{backdrop-filter:blur(12px);background:#eeece6e8;border:1px solid #fff9;border-radius:5px;width:355px;max-width:34%;margin-top:140px;padding:25px}.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-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-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-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-aside{width:100%;max-width:100%;margin-top:20px}.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-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}.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-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}.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-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}.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}.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-nav{bottom:12px}}.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}.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 .scene-panel{transition:opacity .45s,transform .5s,visibility .45s}@media (width<=700px){.phaze-wordmark{width:155px}}@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 .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}}body.studio .full-site-link{color:#1645a6;text-underline-offset:4px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}body.studio .phaze-wordmark{filter:none;image-rendering:auto;width:220px;max-width:none;height:auto}body.studio .scene-panel:not(#studio) .scene-copy>.eyebrow,body.studio .experience-nav a>span{display:none}body.studio .scene-copy em{color:var(--ink)}body.studio .scene-copy>.eyebrow{letter-spacing:0;text-transform:none;color:#4d4a54;margin-bottom:24px;font-size:13px}body.studio .scene-copy>p:not(.eyebrow){color:#41414a;font-size:16px;line-height:1.55}body.studio .scene-copy .button>[aria-hidden=true],body.studio .slide-copy>a>[aria-hidden=true],body.studio .connect-card>a>[aria-hidden=true]{display:none}body.studio .experience-nav{backdrop-filter:none;width:max-content;max-width:90vw;box-shadow:none;background:0 0;border:0;justify-content:flex-start;gap:24px;padding:0;display:flex;bottom:22px;right:auto}body.studio .experience-nav a{letter-spacing:0;text-transform:none;color:#4e4857;justify-content:center;align-items:center;min-height:48px;padding:8px 10px;font-size:14px;display:flex}body.studio .experience-nav a[aria-current=step]{color:var(--ink);text-underline-offset:8px;text-decoration-thickness:2px}body.studio .collection-filters{gap:8px}body.studio .collection-filters button{min-height:44px;font-size:13px}body.studio .project-carousel{box-shadow:none;background:#f7f5eff0;border:1px solid #59506128;border-radius:4px}body.studio .project-slide:not([hidden]){grid-template-columns:30% minmax(0,1fr);min-height:100%;display:grid}body.studio .project-slide>img,body.studio .collection-app-art{object-fit:cover;border-radius:3px 0 0;height:100%;min-height:200px}body.studio .collection-app-art{font-size:40px}body.studio .collection-app-art span{display:none}body.studio .slide-copy{padding:18px 20px}body.studio .slide-copy .eyebrow{letter-spacing:0;text-transform:none;margin-bottom:10px;font-size:12px;line-height:1.35}body.studio .slide-copy h3{letter-spacing:-.04em;margin-bottom:10px;font-size:24px;line-height:1.08}body.studio .slide-copy>p:not(.eyebrow){min-height:0;margin-bottom:12px;font-size:13px;line-height:1.45}body.studio .slide-copy>a,body.studio .collection-coming{align-items:center;min-height:40px;padding-top:10px;font-size:13px}body.studio .collection-controls{padding:6px 12px}body.studio .collection-controls button{width:44px;height:44px}body.studio .collection-controls span{letter-spacing:.05em;font-size:12px}body.studio .connect-card{box-shadow:none;backdrop-filter:none;background:0 0;border:0;padding:0}body.studio .connect-card>.eyebrow{display:none}body.studio .connect-card>a{border-bottom:1px solid #59506136;min-height:64px;padding:14px 0;font-size:18px}body.studio .connect-card>a small{letter-spacing:0;text-transform:lowercase;color:#55505f;margin-bottom:5px;font-size:12px}body.studio .connect-card>a small:first-letter{text-transform:uppercase}body.studio .connect-card>p:last-child{color:#55505f;margin-top:20px;font-size:12px}body.studio .environment-experience .scene-panel{transition:opacity .24s!important;transform:none!important}body.studio .environment-experience .scene-panel:not([data-active=true]){visibility:hidden;opacity:0;transition:none!important}@media (width>=701px){body.studio .environment-experience .scene-panel{flex-direction:column;justify-content:safe center;align-items:flex-start;gap:0;padding:130px 5vw 110px;display:flex}body.studio .environment-experience .scene-copy{align-self:auto;width:min(440px,40vw);max-width:none}body.studio .environment-experience .scene-copy h1{letter-spacing:-.055em;font-size:clamp(48px,5.6vw,82px);line-height:1.03}body.studio .environment-experience #studio .scene-copy{width:min(500px,43vw)}body.studio .environment-experience .scene-copy h2{margin-bottom:20px;font-size:clamp(36px,4vw,52px);line-height:1.06}body.studio .environment-experience .scene-aside{width:min(440px,40vw);max-width:none;margin:18px 0 0}body.studio .environment-experience .project-slide-frame{height:230px}body.studio .environment-experience #projects .scene-copy>p:not(.eyebrow){display:none}body.studio .environment-experience #projects .collection-filters{margin-top:6px}body.studio .environment-experience #projects .scene-copy h2{margin-bottom:16px}}@media (width<=700px){body.studio .phaze-wordmark{width:180px}body.studio .scene-copy>.eyebrow{max-width:280px;margin-bottom:18px;font-size:12px}body.studio .scene-copy>p:not(.eyebrow){max-width:300px;font-size:14px}body.studio .experience-nav{justify-content:space-between;gap:4px;width:auto;max-width:none;bottom:14px;left:4vw;right:4vw}body.studio .experience-nav a{min-height:48px;padding:8px 6px;font-size:14px}body.studio .project-carousel{width:auto;max-width:none;margin:0;position:absolute;bottom:115px;left:6vw;right:6vw}body.studio .project-slide-frame{height:210px}body.studio .project-slide>img,body.studio .collection-app-art{min-height:210px}body.studio .slide-copy{padding:14px 16px}body.studio .slide-copy h3{font-size:22px}body.studio .slide-copy .eyebrow{margin-bottom:8px;font-size:12px}body.studio .slide-copy>p:not(.eyebrow){margin-bottom:9px;font-size:13px}body.studio .slide-copy>a,body.studio .collection-coming{min-height:36px;font-size:13px}body.studio .collection-filters button{min-height:44px;padding:9px 12px;font-size:12px}body.studio .scene-panel#projects .scene-copy>.eyebrow{display:none}body.studio .scene-panel#projects .scene-copy h2{font-size:34px}body.studio .connect-card{background:#f7f5eff5;border-radius:4px;width:100%;max-width:100%;margin:22px 0 0;padding:12px 16px}body.studio .connect-card>a{min-height:60px;font-size:17px}}@media (width<=700px) and (height<=740px){body.studio .project-slide-frame{height:190px}body.studio .project-slide>img,body.studio .collection-app-art{min-height:190px}body.studio .scene-panel#projects .scene-copy h2{margin-bottom:12px;font-size:30px}body.studio .collection-filters{margin-top:8px}}@media (width<=700px) and (height<=640px){body.studio .project-carousel{bottom:115px}body.studio .project-slide-frame{height:180px}body.studio .project-slide>img,body.studio .collection-app-art{min-height:180px}body.studio .slide-copy{padding:11px 12px}body.studio .slide-copy h3{font-size:18px}body.studio .slide-copy>p:not(.eyebrow){font-size:12px}body.studio .scene-panel#projects .scene-copy h2{font-size:27px}body.studio .connect-card{margin-top:14px}body.studio .connect-card>a{min-height:56px;padding:10px 0;font-size:15px}body.studio .connect-card>p:last-child{margin-top:14px}}@media (height<=500px){body.studio .environment-experience .scene-panel{justify-content:flex-start;padding-top:100px;padding-bottom:105px}body.studio .environment-experience .scene-copy h1{font-size:40px}body.studio .environment-experience .scene-copy h2{font-size:32px}body.studio .project-carousel{margin-top:16px;position:relative;bottom:auto;left:auto;right:auto}body.studio .experience-nav{bottom:10px}}body.studio .environment-experience .scene-panel{overscroll-behavior:auto;padding-top:108px;padding-bottom:92px;overflow:clip}body.studio .project-slide-frame{overscroll-behavior:auto;overflow:visible}body.studio .collection-summary{flex-direction:column;align-items:center;min-width:0;line-height:16px;display:flex}body.studio .collection-controls{grid-template-columns:44px minmax(0,1fr) 44px;align-items:center;padding:6px 12px;display:grid}body.studio .environment-experience #projects{grid-template-rows:auto auto;grid-template-columns:min(440px,40vw);place-content:center start;align-items:start;gap:16px;display:grid}body.studio .environment-experience #projects .scene-copy{align-self:auto;width:100%}body.studio .environment-experience #projects .project-carousel{flex-shrink:0;width:100%;max-width:none;margin:0;position:relative;inset:auto}body.studio .environment-experience #projects .project-slide-frame{height:230px}body.studio .environment-experience #projects .scene-copy h2{margin-bottom:12px;font-size:clamp(28px,5dvh,52px)}body.studio .environment-experience .project-slide>img,body.studio .environment-experience .collection-app-art{height:100%;min-height:0}@media (width>=701px){body.studio .environment-experience #studio .scene-copy h1{font-size:clamp(40px,8dvh,82px)}body.studio .environment-experience .scene-copy h2{font-size:clamp(28px,5dvh,52px)}}@media (width<=700px){body.studio .environment-experience .scene-panel{padding-top:94px;padding-bottom:82px}body.studio .environment-experience #projects{grid-template-columns:100%;gap:8px}body.studio .environment-experience #projects .scene-copy h2{margin-bottom:8px;font-size:clamp(26px,4.7dvh,34px)}body.studio .environment-experience #projects .collection-filters{margin-top:6px}body.studio .environment-experience #projects .project-slide-frame{height:clamp(190px,100dvh - 388px,210px)}}@media (height<=599px) and (width>=701px){body.studio .environment-experience .scene-panel{justify-content:center;padding-top:100px;padding-bottom:82px}body.studio .environment-experience #projects{grid-template-rows:auto;grid-template-columns:min(360px,40vw) min(440px,44vw);align-items:center;column-gap:4vw}body.studio .environment-experience #projects .project-slide-frame{height:clamp(136px,100dvh - 254px,230px)}body.studio .environment-experience #projects .project-slide{grid-template-columns:20% minmax(0,1fr)}body.studio .environment-experience #projects .slide-copy{padding:8px 10px}body.studio .environment-experience #projects .slide-copy h3{margin-bottom:6px;font-size:18px}body.studio .environment-experience #projects .slide-copy .eyebrow{margin-bottom:6px;font-size:12px}body.studio .environment-experience #projects .slide-copy>p:not(.eyebrow){margin-bottom:6px;font-size:12px;line-height:1.35}body.studio .environment-experience #projects .slide-copy>a,body.studio .environment-experience #projects .collection-coming{min-height:32px;padding-top:6px;font-size:12px}body.studio .environment-experience .scene-copy h1,body.studio .environment-experience .scene-copy h2{margin-bottom:12px;font-size:28px!important}body.studio .environment-experience .scene-copy>.eyebrow{margin-bottom:8px;font-size:12px}body.studio .environment-experience .scene-copy>p:not(.eyebrow){margin-bottom:10px;font-size:13px;line-height:1.4}body.studio .environment-experience #contact{grid-template-columns:40vw 44vw;align-content:center;align-items:center;gap:4vw;display:grid}body.studio .environment-experience #contact .scene-copy,body.studio .environment-experience #contact .connect-card{width:100%;margin:0}body.studio .environment-experience #contact .connect-card>a{min-height:52px;padding:8px 0;font-size:15px}body.studio .environment-experience #contact .connect-card>p{margin:8px 0;font-size:12px}}@media (width>=701px) and (height>=600px) and (height<=700px){body.studio .environment-experience #projects{gap:8px;padding-top:104px;padding-bottom:88px}body.studio .environment-experience #projects .project-slide-frame{height:clamp(200px,100dvh - 400px,230px)}body.studio .environment-experience #projects .slide-copy{padding:12px 16px}body.studio .environment-experience #projects .slide-copy h3{margin-bottom:8px;font-size:22px}body.studio .environment-experience #projects .slide-copy .eyebrow{margin-bottom:8px}body.studio .environment-experience #projects .slide-copy>p:not(.eyebrow){margin-bottom:8px;font-size:12px;line-height:1.4}body.studio .environment-experience #projects .slide-copy>a,body.studio .environment-experience #projects .collection-coming{min-height:36px;padding-top:8px}}@media (width>=701px) and (height>=600px) and (height<=680px){body.studio .environment-experience #contact{grid-template-columns:40vw 44vw;align-content:center;align-items:center;gap:4vw;display:grid}body.studio .environment-experience #contact .scene-copy,body.studio .environment-experience #contact .connect-card{width:100%;margin:0}}@media (width>=701px) and (width<=1000px) and (height>=600px){body.studio .environment-experience #projects{grid-template-columns:min(440px,50vw)}}@media (width<=700px) and (height<=599px) and (orientation:landscape){body.studio .experience-viewport .site-header{height:50px;padding-inline:6vw}body.studio .phaze-wordmark{width:160px}body.studio .switch-design{display:none}body.studio .environment-experience .scene-panel{justify-content:center;padding-top:64px;padding-bottom:68px}body.studio .environment-experience #projects{grid-template-rows:auto;grid-template-columns:34vw 50vw;align-items:center;column-gap:4vw}body.studio .environment-experience #projects .project-slide-frame{height:calc(100dvh - 188px)}body.studio .environment-experience #projects .project-slide{grid-template-columns:20% minmax(0,1fr)}body.studio .environment-experience #projects .collection-summary{flex-direction:row;gap:8px}body.studio .environment-experience #projects .slide-copy{padding:8px 10px}body.studio .environment-experience #projects .slide-copy h3{margin-bottom:6px;font-size:16px}body.studio .environment-experience #projects .slide-copy .eyebrow{margin-bottom:6px;font-size:12px}body.studio .environment-experience #projects .slide-copy>p:not(.eyebrow){margin-bottom:6px;font-size:12px;line-height:1.35}body.studio .environment-experience #projects .slide-copy>a,body.studio .environment-experience #projects .collection-coming{min-height:32px;padding-top:6px;font-size:12px}body.studio .environment-experience .scene-copy h1{margin-bottom:12px;font-size:28px!important}body.studio .environment-experience .scene-copy h2{margin-bottom:10px;font-size:26px!important}body.studio .environment-experience .scene-copy>.eyebrow{margin-bottom:8px;font-size:12px}body.studio .environment-experience .scene-copy>p:not(.eyebrow){margin-bottom:10px;font-size:13px;line-height:1.4}body.studio .environment-experience #studio .scene-copy{grid-template-columns:44% 52%;align-items:center;column-gap:4%;display:grid}body.studio .environment-experience #studio .eyebrow{grid-column:1/-1}body.studio .environment-experience #studio h1{grid-area:2/1/4;margin:0}body.studio .environment-experience #studio .scene-copy>p:not(.eyebrow){grid-area:2/2}body.studio .environment-experience #studio .button{grid-area:3/2;justify-self:start}body.studio .environment-experience #about .scene-copy{grid-template-columns:40% 56%;align-items:start;column-gap:4%;display:grid}body.studio .environment-experience #about h2{grid-area:1/1/3}body.studio .environment-experience #about p{grid-column:2}body.studio .environment-experience #contact{grid-template-columns:34vw 50vw;align-content:center;align-items:center;gap:4vw;display:grid}body.studio .environment-experience #contact .scene-copy,body.studio .environment-experience #contact .connect-card{width:100%;margin:0}body.studio .environment-experience #contact .connect-card{padding:0 12px}body.studio .environment-experience #contact .connect-card>a{min-height:44px;padding:4px 0;font-size:15px}body.studio .environment-experience #contact .connect-card>p{margin:8px 0;font-size:12px}body.studio .experience-nav{bottom:8px}}body.studio .environment-experience #studio{flex-direction:column;justify-content:flex-start;align-items:flex-start;padding-top:clamp(108px,14dvh,140px);display:flex}body.studio .environment-experience #studio .scene-copy{align-self:auto;width:min(360px,38vw);max-width:100%;display:block}body.studio .environment-experience #studio .scene-copy>p{color:#303945;max-width:340px;font-size:18px;line-height:1.55}body.studio .environment-experience:has(:is(#studio,#about,#contact)[data-active=true]) .experience-wash{background:linear-gradient(90deg,#eeece6 0%,#eeece6f7 25%,#eeece6cc 36%,#eeece640 50%,#0000 65%),linear-gradient(#0000 73%,#eeece6f7)}@media (width<=700px){body.studio .environment-experience #studio{padding-top:106px}body.studio .environment-experience #studio .scene-copy{width:min(320px,100%)}body.studio .environment-experience #studio .scene-copy h1{font-size:40px}body.studio .environment-experience #studio .scene-copy>p{background:#eeece6ed;border-radius:4px;margin-left:-14px;padding:12px 14px;font-size:16px}}@media (height<=599px) and (orientation:landscape){body.studio .environment-experience #studio{padding-top:100px}body.studio .environment-experience #studio .scene-copy{width:min(360px,48vw)}body.studio .environment-experience #studio .scene-copy h1{margin-bottom:12px;font-size:28px!important}body.studio .environment-experience #studio .scene-copy>p{background:#eeece6ed;margin-left:-12px;padding:8px 12px;font-size:13px;line-height:1.4}}@media (width<=700px) and (height<=599px) and (orientation:landscape){body.studio .environment-experience #studio{padding-top:64px}}body.studio .environment-experience #studio{padding-top:108px}body.studio .environment-experience #studio .scene-copy h1{margin-bottom:12px;font-size:clamp(28px,5dvh,52px);line-height:1.06}body.studio .environment-experience #studio .scene-copy>p{font-size:16px;line-height:1.55}@media (width<=700px){body.studio .environment-experience #studio{padding-top:94px}body.studio .environment-experience #studio .scene-copy h1{margin-bottom:8px;font-size:clamp(26px,4.7dvh,34px)}body.studio .environment-experience #studio .scene-copy>p{font-size:14px}}@media (width>=701px) and (height>=600px) and (height<=700px){body.studio .environment-experience #studio{padding-top:104px}}@media (height<=599px) and (orientation:landscape){body.studio .environment-experience #studio{padding-top:100px}body.studio .environment-experience #studio .scene-copy h1{font-size:28px!important}body.studio .environment-experience #studio .scene-copy>p{font-size:13px;line-height:1.4}}@media (width<=700px) and (height<=599px) and (orientation:landscape){body.studio .environment-experience #studio{padding-top:64px}body.studio .environment-experience #studio .scene-copy h1{font-size:26px!important}}body.studio .environment-experience #projects{align-content:start;align-items:start}body.studio .project-slide{position:relative}body.studio .slide-copy>a:after{content:"";position:absolute;inset:0}body.studio .slide-copy>a,body.studio .collection-coming{align-items:flex-start;line-height:1.5}body.studio .project-carousel{color:#e8edf3;background:#252f3df5;border:1px solid #68809a;border-top:2px solid #246bfd;border-radius:6px;box-shadow:0 8px 24px #151b2426}body.studio .slide-copy{color:#e8edf3;background:linear-gradient(135deg,#303c4b,#252f3d)}body.studio .slide-copy h3{color:#f1f4f8}body.studio .slide-copy .eyebrow{color:#b6c9df}body.studio .slide-copy>a,body.studio .collection-coming{color:#d3deec;border-color:#8299b33d}body.studio .slide-copy>a:hover{color:#fff}body.studio .collection-controls{background:#202936;border-color:#8299b33d;border-radius:0 0 5px 5px}body.studio .collection-controls span{color:#b6c9df}body.studio .collection-controls button{color:#e8edf3;background:#35455b;border-color:#7089a6;border-radius:4px;transition:background .15s,border-color .15s}body.studio .collection-controls button:hover{background:#1645a6;border-color:#6d9dff}body.studio .project-slide:has(a:hover),body.studio .project-slide:has(a:focus-visible){outline-offset:-2px;outline:2px solid #6d9dff}body.studio .project-carousel :focus-visible{outline-color:#91b5ff}body.studio .collection-app-art{color:#d3deec;background:linear-gradient(135deg,#1645a6,#303945 72%);border-right:1px solid #8299b33d}body.studio .project-slide[data-project-kind=Applications]>img{object-fit:contain;background:#202936;padding:6px}body.studio .environment-experience :is(#about,#contact){flex-direction:column;place-content:start flex-start;align-items:flex-start;gap:0;padding-top:108px;display:flex}body.studio .environment-experience :is(#about,#contact) .scene-copy{align-self:auto;width:min(360px,38vw);max-width:100%;display:block}body.studio .environment-experience :is(#about,#contact) .scene-copy h2{margin-bottom:12px;font-size:clamp(28px,5dvh,52px);line-height:1.06}body.studio .environment-experience :is(#about,#contact) .scene-copy>p:not(.eyebrow){color:#303945;max-width:340px;font-size:16px;line-height:1.55}body.studio .environment-experience #contact .connect-card{background:#eeece6f5;border-radius:4px;width:min(360px,38vw);max-width:100%;margin:8px 0 0;padding:8px 14px}body.studio .environment-experience #contact .connect-card>a{min-height:52px;padding:8px 0;font-size:16px}body.studio .environment-experience #contact .connect-card>p{margin:8px 0 0;font-size:12px}@media (width<=700px){body.studio .environment-experience :is(#about,#contact){padding-top:94px}body.studio .environment-experience :is(#about,#contact) .scene-copy{width:min(320px,100%)}body.studio .environment-experience :is(#about,#contact) .scene-copy h2{margin-bottom:8px;font-size:clamp(26px,4.7dvh,34px)}body.studio .environment-experience :is(#about,#contact) .scene-copy>p:not(.eyebrow){background:#eeece6ed;border-radius:4px;margin-left:-14px;padding:12px 14px;font-size:14px}body.studio .environment-experience #contact .connect-card{width:min(320px,100%)}}@media (width>=701px) and (height>=600px) and (height<=700px){body.studio .environment-experience :is(#about,#contact){padding-top:104px}}@media (height<=599px) and (orientation:landscape){body.studio .environment-experience :is(#about,#contact){padding-top:100px}body.studio .environment-experience :is(#about,#contact) .scene-copy{width:min(360px,48vw)}body.studio .environment-experience :is(#about,#contact) .scene-copy h2{margin-bottom:8px;font-size:28px!important}body.studio .environment-experience :is(#about,#contact) .scene-copy>p:not(.eyebrow){background:0 0;margin-bottom:8px;padding:0;font-size:13px;line-height:1.4}body.studio .environment-experience #contact .connect-card{grid-template-columns:1fr 1fr;column-gap:20px;width:100%;max-width:600px;margin:0;padding:4px 12px;display:grid}body.studio .environment-experience #contact .connect-card>a{min-height:44px;padding:4px 0;font-size:13px}body.studio .environment-experience #contact .connect-card>p{grid-column:1/-1;margin:4px 0}}@media (width<=700px) and (height<=599px) and (orientation:landscape){body.studio .environment-experience :is(#about,#contact){padding-top:64px}body.studio .environment-experience :is(#about,#contact) .scene-copy h2{font-size:26px!important}body.studio .environment-experience #contact .scene-copy{width:100%}}@media (height<=599px) and (orientation:landscape){body.studio .environment-experience #projects [data-project-name=PL\ Sweep] .slide-copy>a{padding-top:4px;line-height:1.3}}@media (width<=700px){body.studio .environment-experience #projects [data-project-name=PL\ Sweep] .slide-copy>a{padding-top:4px;font-size:12px;line-height:1.3}}body.studio .environment-experience #contact .connect-card{box-shadow:none;background:0 0;border:0;border-radius:0;padding:0}body.studio .environment-experience #contact .connect-card>a{border:0;padding:8px 0}body.studio .environment-experience #contact .contact-copyright{color:#56616f;margin:0;font-size:12px;line-height:1.5;position:absolute;bottom:92px;left:5vw}@media (width<=700px){body.studio .environment-experience #contact .contact-copyright{bottom:82px;left:6vw}}@media (height<=599px) and (orientation:landscape){body.studio .environment-experience #contact .connect-card{background:0 0;border:0;padding:0}body.studio .environment-experience #contact .contact-copyright{bottom:82px}}@media (width<=700px) and (height<=599px) and (orientation:landscape){body.studio .environment-experience #contact .contact-copyright{bottom:68px}}body.studio .environment-experience #contact .scene-copy>p:not(.eyebrow){background:0 0;margin-left:0;padding:0}@media (height<=599px) and (orientation:landscape){body.studio .environment-experience #about .scene-copy{grid-template-columns:34% 62%;align-items:start;column-gap:4%;width:100%;max-width:none;display:grid}body.studio .environment-experience #about .scene-copy h2{grid-area:1/1/3}body.studio .environment-experience #about .scene-copy>p:not(.eyebrow){grid-column:2;max-width:none;margin-bottom:8px}}@media (width<=700px) and (height<=640px){body.studio .environment-experience #studio .scene-copy>p{background:0 0;margin:0 0 12px;padding:0;font-size:13px;line-height:1.4}}@media (height<=599px) and (orientation:landscape){body.studio .environment-experience #studio .scene-copy{grid-template-columns:34% 62%;align-items:start;column-gap:4%;width:100%;max-width:none;display:grid}body.studio .environment-experience #studio .scene-copy h1{grid-area:1/1/3}body.studio .environment-experience #studio .scene-copy>p{background:0 0;grid-column:2;max-width:none;margin:0 0 8px;padding:0;font-size:13px;line-height:1.4}body.studio .environment-experience #studio .scene-copy>p:first-of-type{grid-row:1}body.studio .environment-experience #studio .scene-copy>p:nth-of-type(2){grid-row:2}}@media (width<=700px) and (orientation:portrait){body.studio .environment-experience :is(#studio,#about,#contact) .scene-copy{width:100%;max-width:none}body.studio .environment-experience :is(#studio,#about,#contact) .scene-copy :is(h1,h2){margin-bottom:14px;font-size:clamp(27px,4.7dvh,34px);line-height:1.06}body.studio .environment-experience :is(#studio,#about,#contact) .scene-copy>p:not(.eyebrow){color:#303945;background:0 0;max-width:none;margin:0 0 12px;padding:0;font-size:14px;line-height:1.5}body.studio .environment-experience:has(:is(#studio,#about,#contact)[data-active=true]) .experience-stage{background-position:35%;background-size:cover;height:min(28dvh,240px);inset:auto 0 58px}body.studio .environment-experience:has(:is(#studio,#about,#contact)[data-active=true]) .experience-stage video{object-fit:cover;object-position:35% center;width:100%;height:100%;inset:0}body.studio .environment-experience:has(:is(#studio,#about,#contact)[data-active=true]) .experience-wash{background:linear-gradient(#eeece6 0%,#0000 18% 80%,#eeece6 100%)}}@media (width<=700px) and (orientation:portrait) and (height<=640px){body.studio .environment-experience:has(:is(#studio,#about,#contact)[data-active=true]) .experience-stage{height:24dvh}body.studio .environment-experience :is(#studio,#about,#contact){padding-top:84px}body.studio .environment-experience :is(#studio,#about,#contact) .scene-copy :is(h1,h2){font-size:27px}body.studio .environment-experience :is(#studio,#about,#contact) .scene-copy>p:not(.eyebrow){margin-bottom:10px;font-size:13px;line-height:1.4}}@media (width<=700px) and (orientation:portrait){body.studio .environment-experience #contact .connect-card{width:100%;margin:0}body.studio .environment-experience #contact .connect-card>a{min-height:48px;padding:6px 0;font-size:14px}body.studio .environment-experience #contact .contact-copyright{margin:8px 0 0;font-size:11px;position:static}body.studio .environment-experience #projects .project-slide{grid-template-columns:22% minmax(0,1fr)}body.studio .environment-experience #projects .slide-copy{padding:12px}body.studio .environment-experience #projects .slide-copy h3{margin-bottom:8px;font-size:20px;line-height:1.1}body.studio .environment-experience #projects .slide-copy>a,body.studio .environment-experience #projects .collection-coming{font-size:13px;line-height:1.4}body.studio .environment-experience #projects .project-slide-frame{height:clamp(210px,100dvh - 370px,300px)}}@media (width<=700px) and (orientation:portrait) and (height<=640px){body.studio .environment-experience #projects .project-slide-frame{height:210px}body.studio .environment-experience #projects .slide-copy{padding:10px}body.studio .environment-experience #projects .slide-copy h3{margin-bottom:6px;font-size:18px}body.studio .environment-experience #projects .slide-copy .eyebrow{margin-bottom:6px;font-size:11px}body.studio .environment-experience #projects .slide-copy>a,body.studio .environment-experience #projects .collection-coming,body.studio .environment-experience #projects [data-project-name=PL\ Sweep] .slide-copy>a{padding-top:6px;font-size:12px;line-height:1.35}}@media (width<=700px) and (orientation:portrait){body.studio .environment-experience #projects{align-content:start;gap:10px}body.studio .environment-experience #projects .project-slide-frame{height:auto}body.studio .environment-experience #projects .project-slide:not([hidden]){grid-template-rows:125px auto;grid-template-columns:minmax(0,1fr);height:auto;min-height:0}body.studio .environment-experience #projects .project-slide>img,body.studio .environment-experience #projects .collection-app-art{object-fit:cover;object-position:center;border-radius:3px 3px 0 0;width:100%;height:125px;min-height:0}body.studio .environment-experience #projects .project-slide[data-project-kind=Applications]>img{object-fit:contain}body.studio .environment-experience #projects .slide-copy{padding:12px 14px}body.studio .environment-experience #projects .slide-copy h3{margin-bottom:8px;font-size:20px}body.studio .environment-experience #projects .slide-copy .eyebrow{margin-bottom:6px;font-size:11px}body.studio .environment-experience #projects .slide-copy>a,body.studio .environment-experience #projects .collection-coming,body.studio .environment-experience #projects [data-project-name=PL\ Sweep] .slide-copy>a{padding-top:8px;font-size:13px;line-height:1.4}}@media (width<=700px) and (orientation:portrait) and (height<=700px){body.studio .environment-experience #projects .project-slide-frame{height:auto}body.studio .environment-experience #projects .project-slide:not([hidden]){grid-template-rows:90px auto}body.studio .environment-experience #projects .project-slide>img,body.studio .environment-experience #projects .collection-app-art{height:90px}}@media (width<=700px) and (orientation:portrait) and (height<=600px){body.studio .environment-experience #projects{gap:6px;padding-top:84px}body.studio .environment-experience #projects .scene-copy h2{margin-bottom:6px;font-size:25px}body.studio .environment-experience #projects .collection-filters{margin-top:4px}body.studio .environment-experience #projects .project-slide-frame{height:auto}body.studio .environment-experience #projects .project-slide:not([hidden]){grid-template-rows:65px auto}body.studio .environment-experience #projects .project-slide>img,body.studio .environment-experience #projects .collection-app-art{height:65px}body.studio .environment-experience #projects .slide-copy{padding:10px 12px}body.studio .environment-experience #projects .slide-copy h3{margin-bottom:6px;font-size:18px}body.studio .environment-experience #projects .slide-copy>a,body.studio .environment-experience #projects .collection-coming,body.studio .environment-experience #projects [data-project-name=PL\ Sweep] .slide-copy>a{padding-top:6px;font-size:12px;line-height:1.35}}