.glass-surface{justify-content:center;align-items:center;transition:opacity .26s ease-out;display:flex;position:relative;overflow:hidden}.glass-surface__filter{pointer-events:none;opacity:0;z-index:-1;width:100%;height:100%;position:absolute;inset:0}.glass-surface__content{border-radius:inherit;z-index:1;justify-content:center;align-items:center;width:100%;height:100%;padding:.5rem;display:flex;position:relative}.glass-surface--svg{background:var(--lightningcss-light,hsl(0 0% 100%/var(--glass-frost,0)))var(--lightningcss-dark,hsl(0 0% 0%/var(--glass-frost,0)));-webkit-backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));backdrop-filter:var(--filter-id,url(#glass-filter))saturate(var(--glass-saturation,1));box-shadow:inset 0 0 2px 1px var(--lightningcss-light,#00000026)var(--lightningcss-dark,#ffffff59),inset 0 0 10px 4px var(--lightningcss-light,#0000001a)var(--lightningcss-dark,#ffffff26),0 4px 16px #11111a0d,0 8px 24px #11111a0d,0 16px 56px #11111a0d,inset 0 4px 16px #11111a0d,inset 0 8px 24px #11111a0d,inset 0 16px 56px #11111a0d;box-shadow:inset 0 0 2px 1px var(--lightningcss-light,lab(0% 0 0/.15))var(--lightningcss-dark,lab(100% 0 0/.35)),inset 0 0 10px 4px var(--lightningcss-light,lab(0% 0 0/.1))var(--lightningcss-dark,lab(100% 0 0/.15)),0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 4px 16px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 8px 24px lab(5.32203% 1.61424 -5.88284/.0509804),inset 0 16px 56px lab(5.32203% 1.61424 -5.88284/.0509804)}.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.1);background:#ffffff40;border:1px solid #ffffff4d;box-shadow:0 8px 32px #1f268733,0 2px 16px #1f26871a,inset 0 1px #fff6,inset 0 -1px #fff3}@media (prefers-color-scheme:dark){.glass-surface--fallback{-webkit-backdrop-filter:blur(12px)saturate(1.8)brightness(1.2);background:#ffffff1a;border:1px solid #fff3;box-shadow:inset 0 1px #fff3,inset 0 -1px #ffffff1a}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){.glass-surface--fallback{background:#fff6;box-shadow:inset 0 1px #ffffff80,inset 0 -1px #ffffff4d}.glass-surface--fallback:before{content:"";border-radius:inherit;z-index:-1;background:#ffffff26;position:absolute;inset:0}}@supports not ((-webkit-backdrop-filter:blur(10px)) or (backdrop-filter:blur(10px))){@media (prefers-color-scheme:dark){.glass-surface--fallback{background:#0006}.glass-surface--fallback:before{background:#ffffff0d}}}.glass-surface:focus-visible{outline-offset:2px;outline:2px solid var(--lightningcss-light,#007aff)var(--lightningcss-dark,#0a84ff)}
.hero{background-color:var(--base-500);width:100%;height:100svh;position:relative;overflow:hidden}.hero-img-background{z-index:0;width:100%;height:100%;position:absolute;top:0;left:0}.hero-img-background img{object-fit:cover;width:100%;height:100%}.hero-overlay{z-index:1;pointer-events:none;background:linear-gradient(105deg,#000000c7 0%,#0000008c 45%,#00000059 100%);position:absolute;inset:0}.hero-title-container{z-index:2;pointer-events:none;position:absolute;top:50%;left:4rem;transform:translateY(-50%)}.hero-title-large{font-family:var(--font-sf-display),var(--font-host-grotesk),sans-serif;color:#fff;letter-spacing:-.03em;margin:0;font-size:clamp(4rem,11vw,11rem);font-weight:600;line-height:.92}.hero-title-large .hero-title-thin{letter-spacing:-.04em;font-weight:200}.hero-projects{z-index:3;pointer-events:auto;align-items:stretch;gap:1.75rem;display:flex;position:absolute;top:50%;right:4rem;transform:translateY(-50%)}.hero-projects-cards{flex-direction:column;gap:1rem;margin:0;padding:0;list-style:none;display:flex}.hero-project-card{aspect-ratio:16/9;cursor:pointer;opacity:0;border:1px solid #ffffff1f;border-radius:1rem;width:8.5rem;transition:transform .4s,border-color .4s,box-shadow .4s;animation:.7s cubic-bezier(.16,1,.3,1) forwards heroCardIn;position:relative;overflow:hidden;transform:translateY(20px);box-shadow:0 10px 30px #00000073}.hero-project-card:hover{border-color:var(--accent);box-shadow:0 14px 40px var(--accent-glow);transform:translateY(-2px)scale(1.04)}.hero-project-card.active{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent),0 14px 40px var(--accent-glow)}.hero-project-card.active .hero-project-label{opacity:1;transform:translateY(0)}.hero-project-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s;display:block}.hero-project-card:hover img{transform:scale(1.08)}.hero-project-label{font-family:var(--font-sf-mono),var(--font-dm-mono),monospace;text-transform:uppercase;letter-spacing:.04em;color:#fff;opacity:0;background:linear-gradient(#0000,#000000d9);padding:.5rem .6rem .45rem;font-size:.55rem;font-weight:500;transition:opacity .35s,transform .35s;position:absolute;inset:auto 0 0;transform:translateY(6px)}.hero-project-card:hover .hero-project-label{opacity:1;transform:translateY(0)}.hero-projects-line{background:linear-gradient(#fff0 0%,#ffffff2e 50%,#fff0 100%);align-self:stretch;width:1px;position:relative;overflow:hidden}.hero-progress-fill{background:linear-gradient(to bottom,#fff0 0%,var(--accent)50%,#fff0 100%);transform-origin:top;width:100%;height:100%;position:absolute;top:0;left:0;transform:scaleY(0)}@keyframes heroCardIn{to{opacity:1;transform:translateY(0)}}.hero-content{z-index:4;color:#fff;width:100%;font-family:var(--font-sf-mono),var(--font-dm-mono),monospace;pointer-events:none;justify-content:space-between;align-items:flex-end;padding:3rem 4rem;display:flex;position:absolute;bottom:0;left:0}.hero-bottom-left{pointer-events:auto;flex-direction:column;gap:1.5rem;max-width:600px;display:flex}.hero-divider{background:linear-gradient(90deg,var(--accent),var(--accent-light));width:2rem;height:3px;box-shadow:0 0 8px var(--accent-glow);border-radius:2px;margin-bottom:.5rem}.hero-bottom-left h2{font-family:var(--font-sf-display),var(--font-host-grotesk),sans-serif;letter-spacing:-.01em;text-transform:uppercase;margin:0;font-size:clamp(1.5rem,2.6vw,2.4rem);font-weight:500;line-height:1.1}.hero-bottom-actions{align-items:center;gap:2.5rem;margin-top:1rem;display:flex}.hero-btn{background:linear-gradient(135deg,var(--accent),var(--accent-light));color:#fff;font-family:var(--font-sf-text),var(--font-host-grotesk),sans-serif;text-transform:uppercase;letter-spacing:.05em;box-shadow:0 4px 20px var(--accent-glow);border-radius:2rem;justify-content:center;align-items:center;padding:.9rem 1.8rem;font-size:.8rem;font-weight:600;text-decoration:none;transition:transform .3s,box-shadow .3s;display:inline-flex}.hero-btn:hover{box-shadow:0 6px 30px var(--accent-glow);transform:scale(1.05)}.hero-small-text{font-family:var(--font-sf-mono),var(--font-dm-mono),monospace;text-transform:uppercase;letter-spacing:.02em;opacity:.9;margin:0;font-size:.7rem;font-weight:400;line-height:1.5}.about{background-color:var(--base-500);width:100%;height:100%;min-height:100svh;position:relative}.about .about-header{width:100%;height:100svh;position:sticky;top:0;left:0}.about .about-header .container{text-align:center;justify-content:center;align-items:center;display:flex}.about .about-header .container h3{width:75%;font-family:var(--font-sf-display),sans-serif;text-transform:none;will-change:opacity;font-style:normal;font-weight:700}.about .section-footer p{color:var(--accent-light)}.about .about-imgs{width:100%;height:300svh;position:relative}.about .about-imgs .about-img{will-change:transform;border:1px solid #0000;border-radius:.35rem;transition:border-color .4s;position:absolute;overflow:hidden}.about .about-imgs .about-img:hover{border-color:var(--accent-glow)}.about .about-imgs #about-img-1{aspect-ratio:1;width:12.5%;top:2.5%;left:25%}.about .about-imgs #about-img-2{aspect-ratio:5/7;width:15%;top:7.5%;left:60%}.about .about-imgs #about-img-3{aspect-ratio:4/5;width:17.5%;top:20%;left:8rem}.about .about-imgs #about-img-4{aspect-ratio:1;width:20%;top:30%;left:40%}.about .about-imgs #about-img-5{aspect-ratio:1;width:10%;top:45%;right:4rem}.about .about-imgs #about-img-6{aspect-ratio:5/7;width:16%;top:50%;left:20%}@media (max-width:800px){.hero-title-top,.hero-title-bottom{font-size:clamp(2.5rem,10vw,5rem)}.about .about-header .container h3{width:100%}.about .about-imgs #about-img-1{width:22.5%}.about .about-imgs #about-img-2{width:17.5%;top:12.5%}.about .about-imgs #about-img-3{width:20%}.about .about-imgs #about-img-4{width:22.5%}.about .about-imgs #about-img-5{width:15%}.about .about-imgs #about-img-6{width:20%}.hero-title-container{top:12vh;left:1.5rem;transform:none}.hero-title-large{font-size:clamp(3rem,16vw,6rem)}.hero-projects{flex-direction:column-reverse;align-items:flex-start;gap:.75rem;inset:auto 1.5rem 42%;transform:none}.hero-projects-line{display:none}.hero-projects-cards{-webkit-overflow-scrolling:touch;scrollbar-width:none;flex-direction:row;gap:.6rem;width:100%;padding-bottom:.25rem;overflow-x:auto}.hero-projects-cards::-webkit-scrollbar{display:none}.hero-project-card{border-radius:.75rem;flex:none;width:6.5rem}.hero-project-label{opacity:1;transform:none}.hero-content{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:1.5rem;padding:1.5rem 1.5rem 2rem}.hero-bottom-left{gap:1rem}.hero-bottom-left h2{font-size:clamp(1.5rem,6vw,2.2rem);line-height:1.1}.hero-bottom-actions{flex-direction:column;align-items:flex-start;gap:1.2rem;margin-top:.5rem}.hero-btn{padding:.8rem 1.5rem;font-size:.75rem}.hero-small-text{font-size:.65rem}}.precision-container{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 2rem}@media (max-width:1024px){.precision-container{padding:0 1.5rem}}
.showreel{background-color:var(--base-200);width:100%;height:100svh;font-family:var(--font-sf-display),sans-serif;position:relative;overflow:hidden}.showreel>.container{z-index:2;justify-content:center;align-items:center;width:100%;height:100%;display:flex}.showreel-header{background-color:var(--base-200);will-change:transform;z-index:2;justify-content:center;align-items:center;max-width:2000px;margin:0 auto;padding:.25rem .5rem;display:flex;position:absolute;bottom:0;left:0;right:0;transform:scale(1.5)}#showreel-header-1{transform:translateY(-48.5%)}#showreel-header-2{transform:translateY(-45%)}#showreel-header-3{transform:translateY(-30%)}#showreel-header-4{transform:translateY(0%)}#showreel-header-1.end-state,#showreel-header-2.end-state,#showreel-header-3.end-state,#showreel-header-4.end-state{top:0;bottom:unset;transform:translateY(0%)}.showreel-visual{border-radius:.75rem;justify-content:center;align-items:flex-end;width:25%;height:500px;display:flex;position:relative;overflow:hidden}.showreel-visual img{position:absolute}.showreel-visual--compact{width:75%}.showreel-visual.end-state{border-radius:.75rem;align-items:center;width:100%;height:100%;display:flex;overflow:hidden}.showreel-marquee-container{width:100%;height:max-content;color:var(--base-300);z-index:2;padding:.75rem;position:relative}.showreel-marquee{border:1px solid var(--accent);text-align:center;border-radius:.375rem;width:100%;padding:.375rem;overflow:hidden}.showreel-marquee-track{will-change:transform;gap:2rem;width:max-content;display:flex}.showreel-marquee-track p{white-space:nowrap;font-family:var(--font-sf-display),sans-serif;text-transform:uppercase;letter-spacing:.08em;flex-shrink:0;font-weight:700}