.experience-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 6vw;border-bottom:1px solid #d2d0c9;background:#eeede8;position:relative;z-index:11;gap:12px}.experience-switch{display:flex;gap:3px;background:#d9d8d1;border:1px solid #cccac3;border-radius:9px;padding:3px}.experience-switch button{border:0;border-radius:6px;background:transparent;padding:8px 12px;min-height:36px;font-size:11px}.experience-switch button[aria-pressed=true]{background:linear-gradient(#fff,#edede6);box-shadow:0 2px 3px #0002;color:#292b32}.motion-setting{border:0;border-bottom:1px solid #bbb;background:none;font-size:10px;min-height:40px;padding:5px}.hero{position:relative;isolation:isolate}.hero:before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:0;background:radial-gradient(ellipse at 90% 45%,#7672d92b,transparent 60%),radial-gradient(ellipse at 5% 5%,#fff9,transparent 48%)}.film-slab{box-shadow:0 16px 28px -18px #18191a70,8px 6px 30px -20px #5752b9;border-right-color:#b8b4e1;isolation:isolate}.film-slab:after{content:"";pointer-events:none;position:absolute;inset:0;z-index:0;border-radius:inherit;box-shadow:inset -2px 0 0 #8b84d366,inset 1px 1px 0 #fff;opacity:.65}.film-play{z-index:1}.project-open{box-shadow:0 4px 0 #c1c0b8,0 16px 20px -16px #28292c88,8px 0 22px -18px #625cbb;position:relative}.project-open:after{content:"";position:absolute;inset:-50% -110%;background:linear-gradient(110deg,transparent 42%,#ffffff45 49%,transparent 56%);pointer-events:none;transform:translateX(-35%);opacity:0}.project-open:hover:after,.project-open:focus-visible:after{animation:glass-pass .8s ease-out}.project-open:active{box-shadow:0 2px 0 #b6b3ac,0 0 0 1px #8d87c4,0 5px 16px #5e58aa24}.cta:hover,.cta:focus-visible{box-shadow:0 4px 0 #800640,0 8px 24px #b5096140,inset 0 1px 0 #ffffff88}.service-panel{border-right-color:#b8b4df;box-shadow:0 3px 0 #cccac2,inset -18px 0 35px -26px #635cc770}.motion-enabled .film-slab:after{animation:edge-breathe 6s ease-in-out infinite}.reveal-pending{opacity:0;transform:translateY(12px)}.reveal-in{opacity:1;transform:none;transition:opacity .45s ease,transform .45s cubic-bezier(.2,.8,.2,1)}@keyframes edge-breathe{50%{opacity:1}}@keyframes glass-pass{0%{opacity:0;transform:translateX(-35%)}30%{opacity:.65}100%{opacity:0;transform:translateX(35%)}}.desktop-preview{position:fixed;inset:61px 0 0;background:#e9e8e3;overflow:hidden}.desktop-preview iframe{border:0;display:block;transform-origin:top left;background:#e9e8e3}body.desktop-mode>header,body.desktop-mode>main,body.desktop-mode>footer{display:none}body.desktop-mode .experience-bar{position:fixed;top:0;left:0;right:0;height:61px}body.desktop-mode{overflow:hidden}.desktop-preview[hidden]{display:none}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.motion-off .reveal-pending{opacity:1;transform:none}.motion-off .project-open{transform:none!important}@media(prefers-reduced-motion:reduce){.reveal-pending{opacity:1;transform:none}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}@media(max-width:500px){.experience-bar{padding:8px 22px}.experience-switch button{padding:7px 9px;font-size:10px}}