@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@300;400;500;700&display=swap";:root{--color-bg: #050507;--color-text: #f6f4ef;--color-muted: rgba(246, 244, 239, .7)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{width:100%;min-height:100%}body{font-family:Space Grotesk,sans-serif;background:radial-gradient(circle at top,rgba(255,126,88,.12),transparent 22%),radial-gradient(circle at 80% 20%,rgba(65,166,255,.12),transparent 26%),var(--color-bg);color:var(--color-text);overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-smooth [data-lenis-prevent]{overscroll-behavior:contain}.lenis.lenis-stopped{overflow:hidden}.lenis.lenis-smooth iframe{pointer-events:none}#webgl-container{position:fixed;inset:0;width:100vw;height:100vh;z-index:0;pointer-events:none}.main-content{position:relative;z-index:1}.section{min-height:100vh;position:relative;display:flex;align-items:center;justify-content:center;padding:5rem 2rem;z-index:1}.section-shell{width:min(1200px,100%);display:grid;gap:2.5rem}.section-copy{max-width:760px;display:grid;gap:1.2rem}.section-eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:.42rem .74rem;border:1px solid rgba(255,255,255,.12);border-radius:999px;background:linear-gradient(180deg,#ffffff1c,#ffffff05 42%,#10121814),radial-gradient(circle at 18% 0%,rgba(255,255,255,.18),transparent 44%),radial-gradient(circle at 82% 120%,rgba(255,176,124,.08),transparent 30%),#080a0e2e;-webkit-backdrop-filter:blur(24px) saturate(1.3);backdrop-filter:blur(24px) saturate(1.3);box-shadow:inset 0 1px #fff3,inset 0 -18px 28px #ffffff05,0 16px 32px #00000029;font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffffc7}.section h2,.hero h1{max-width:12ch;font-size:clamp(3rem,6vw,6.8rem);line-height:.92;letter-spacing:-.05em;color:#f6f4ef}.section p,.hero-description{max-width:62ch;font-size:clamp(1rem,1.5vw,1.28rem);line-height:1.65;color:#f4f1ebcc}.hero{padding-top:7rem}.hero-shell{width:min(1180px,100%);display:grid;gap:1.35rem}.hero h1{margin:0}.hero-description{max-width:58ch}.hero-tags,.scene-autofocus-tags{display:flex;flex-wrap:wrap;gap:.8rem}.hero-tags span,.scene-autofocus-tags span{padding:.62rem .88rem;border-radius:999px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,#ffffff1a,#ffffff08 44%,#1012181a),radial-gradient(circle at 18% 0%,rgba(255,255,255,.18),transparent 42%),radial-gradient(circle at 84% 120%,rgba(255,168,120,.1),transparent 30%),#0a0c1029;color:#ffffffd6;font-size:.82rem;letter-spacing:.04em;-webkit-backdrop-filter:blur(28px) saturate(1.34);backdrop-filter:blur(28px) saturate(1.34);box-shadow:inset 0 1px #ffffff2e,inset 0 -18px 30px #ffffff04,0 18px 40px #0000002e}.narrative-section{padding-top:6rem;padding-bottom:6rem}.expertise-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.expertise-card{min-height:220px;padding:1.4rem;display:grid;gap:1rem;align-content:space-between;border:1px solid rgba(255,255,255,.07);border-radius:1.5rem;background:linear-gradient(180deg,#ffffff1a,#ffffff05 46%,#0c0e1414),radial-gradient(circle at 18% 0%,rgba(255,255,255,.14),transparent 40%),radial-gradient(circle at 82% 112%,rgba(110,176,255,.08),transparent 26%),#07080a24;-webkit-backdrop-filter:blur(32px) saturate(1.36);backdrop-filter:blur(32px) saturate(1.36);box-shadow:inset 0 1px #ffffff2e,inset 0 -22px 34px #ffffff04,0 22px 42px #00000029}.expertise-card h3,.portfolio-meta h3{font-size:clamp(1.35rem,2vw,1.8rem);line-height:1.05;letter-spacing:-.03em;color:#f6f4ef}.expertise-card p,.portfolio-meta p{font-size:.98rem;line-height:1.55;color:#f5f1eab8}.portfolio-section .section-shell{gap:2rem}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.4rem}.portfolio-item{display:grid;gap:1.2rem}.portfolio-image-placeholder{position:relative;width:100%;aspect-ratio:16 / 9;overflow:hidden;border-radius:1.2rem;border:1px solid rgba(255,255,255,.08);background:#06070ab8;box-shadow:inset 0 1px #ffffff1f,0 18px 38px #0003}.portfolio-canvas,.portfolio-media-shell{position:absolute;inset:0}.portfolio-media-shell{overflow:hidden;cursor:pointer}.portfolio-media-shell.is-contain-mode{background:radial-gradient(circle at center,rgba(255,255,255,.04),transparent 58%),#040508d6}.portfolio-video-backdrop{position:absolute;inset:-8%;width:116%;height:116%;object-fit:cover;filter:blur(26px) saturate(.8) brightness(.62);opacity:.62;transform:scale(1.08);transition:transform .45s ease,opacity .45s ease,filter .45s ease}.portfolio-video{position:relative;z-index:1;width:100%;height:100%;background:#050507;transition:transform .45s ease,filter .45s ease}.portfolio-video.is-cover{object-fit:cover}.portfolio-video.is-contain{object-fit:contain;padding:.72rem .8rem}.portfolio-media-shell.is-hovered .portfolio-video-backdrop{transform:scale(1.12);opacity:.72;filter:blur(30px) saturate(.9) brightness(.72)}.portfolio-media-shell.is-hovered .portfolio-video{transform:scale(1.015);filter:saturate(1.02) contrast(1.02)}.portfolio-media-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#04060905,#04060914 55%,#04060933),radial-gradient(circle at 50% 100%,color-mix(in srgb,var(--portfolio-accent),transparent 88%),transparent 58%);pointer-events:none}.portfolio-media-badges{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:flex-start;padding:.8rem;pointer-events:none}.portfolio-preview-label,.portfolio-preview-state{display:inline-flex;align-items:center;min-height:2rem;padding:.42rem .7rem;border-radius:999px;border:1px solid rgba(255,255,255,.14);background:#080a0e6b;-webkit-backdrop-filter:blur(18px) saturate(1.2);backdrop-filter:blur(18px) saturate(1.2);color:#ffffffdb;font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}.portfolio-preview-state{opacity:.72;transition:opacity .24s ease,border-color .24s ease,background .24s ease}.portfolio-preview-state.is-active{opacity:1;border-color:color-mix(in srgb,var(--portfolio-accent),white 38%);background:#080a0e85}.portfolio-preview-loading{position:absolute;inset:auto auto .8rem .8rem;padding:.36rem .58rem;border-radius:999px;background:#080a0e8a;color:#ffffffa8;font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;pointer-events:none}.portfolio-meta{display:grid;gap:.55rem}.portfolio-meta span{font-size:.82rem;letter-spacing:.15em;text-transform:uppercase;color:#ffffff8c}.video-scroll-section{display:block;min-height:0;padding:0;position:relative;isolation:isolate}.sticky-video-container{--sequence-stage-opacity: 0;--sequence-copy-opacity: 0;--sequence-overlay-opacity: 0;--sequence-copy-y: 26px;position:sticky;top:0;width:100%;height:100vh;overflow:hidden;background:transparent;opacity:var(--sequence-stage-opacity);transition:opacity .24s ease}.sticky-video-container:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 50%,rgba(58,102,170,calc(var(--sequence-overlay-opacity) * .18)),transparent 56%),linear-gradient(180deg,rgba(1,2,4,calc(var(--sequence-overlay-opacity) * .36)),rgba(1,2,4,calc(var(--sequence-overlay-opacity) * .94)));z-index:0}.sticky-video-container:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(1,2,4,.42),transparent 16%,transparent 84%,rgba(1,2,4,.42)),linear-gradient(180deg,rgba(1,2,4,.26),transparent 18%,transparent 82%,rgba(1,2,4,.38));opacity:calc(var(--sequence-overlay-opacity) * .88);z-index:1;pointer-events:none}.video-scroll-media{position:relative;z-index:0;width:100%;height:100%;object-fit:cover;opacity:calc(var(--sequence-stage-opacity) * .98);transition:opacity .4s ease;pointer-events:none}.video-scroll-copy{position:absolute;inset:auto auto clamp(1.4rem,5vw,3rem) 0;width:min(560px,calc(100% - 2.4rem));margin-left:clamp(1.2rem,3vw,2.2rem);display:grid;gap:.8rem;padding:1rem 1.05rem 1.1rem;border:1px solid rgba(255,255,255,.08);border-radius:.9rem;background:linear-gradient(180deg,#ffffff17,#ffffff05 42%,#0c0e1424),radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 42%),radial-gradient(circle at 84% 110%,rgba(130,182,255,.1),transparent 30%),#07090d29;-webkit-backdrop-filter:blur(24px) saturate(1.26);backdrop-filter:blur(24px) saturate(1.26);box-shadow:inset 0 1px #ffffff29,inset 0 -16px 24px #ffffff03,0 18px 40px #0003;z-index:2;will-change:opacity,transform;opacity:var(--sequence-copy-opacity);transform:translateY(var(--sequence-copy-y))}.video-scroll-copy h2{max-width:7ch;font-size:clamp(2.2rem,4.6vw,4.2rem)}.video-scroll-copy p{max-width:34ch;font-size:clamp(.92rem,1.18vw,1.04rem)}.video-loading{position:absolute;inset:50% auto auto 50%;transform:translate(-50%,-50%);padding:.8rem 1rem;border-radius:999px;background:#08080ad6;color:#ffffffbd;font-size:.9rem;letter-spacing:.08em;text-transform:uppercase;z-index:3}.contact-section{padding-top:8rem;padding-bottom:7rem}.contact-shell{width:min(920px,100%);padding:2rem 2.1rem;gap:1rem;justify-items:start;border:1px solid rgba(255,255,255,.08);border-radius:1.2rem;background:linear-gradient(180deg,#ffffff1c,#ffffff08 44%,#0c0e141f),radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 42%),radial-gradient(circle at 84% 120%,rgba(255,168,120,.08),transparent 30%),#07090d2e;-webkit-backdrop-filter:blur(30px) saturate(1.36);backdrop-filter:blur(30px) saturate(1.36);box-shadow:inset 0 1px #ffffff2e,inset 0 -22px 34px #ffffff04,0 24px 48px #0003}.contact-link{font-size:clamp(1.5rem,4vw,3rem);font-weight:500;line-height:1;color:#f3f0ea;text-decoration:underline;text-underline-offset:.32em;transition:opacity .3s ease}.contact-link:hover{opacity:.75}.render-settings-dock{position:fixed;top:1.5rem;right:1.5rem;z-index:5;display:grid;justify-items:end;gap:.5rem}.dock-meta-row{display:flex;justify-content:flex-end;width:100%}.language-toggle{display:inline-flex;align-items:center;gap:.18rem;padding:.18rem;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,#ffffff1a,#ffffff05 44%,#0e101614),#07090d2e;-webkit-backdrop-filter:blur(24px) saturate(1.34);backdrop-filter:blur(24px) saturate(1.34);box-shadow:inset 0 1px #ffffff2e,0 16px 34px #00000029}.language-toggle button{min-width:2.2rem;padding:.34rem .52rem;border:0;border-radius:999px;background:transparent;color:#ffffff9e;font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;cursor:pointer;transition:background .24s ease,color .24s ease}.language-toggle button.is-active{background:#ffffff1f;color:#ffffffe6}.render-settings-toggle{--signal-energy: 0;width:min(228px,calc(100vw - 3rem));padding:.54rem .72rem;display:flex;align-items:center;gap:.58rem;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:linear-gradient(180deg,#ffffff1f,#ffffff05 42%,#0e10161a),radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 42%),radial-gradient(circle at 84% 120%,rgba(255,168,120,.08),transparent 32%),#07090d33;-webkit-backdrop-filter:blur(28px) saturate(1.34);backdrop-filter:blur(28px) saturate(1.34);box-shadow:inset 0 1px #ffffff38,inset 0 -20px 30px #ffffff05,0 18px 42px #0003;cursor:pointer;transition:border-color .35s ease,transform .35s ease,background .35s ease}.render-settings-toggle:hover,.render-settings-toggle.is-open{transform:translateY(-1px);border-color:#ffffff29}.render-settings-signal{width:.92rem;height:.92rem;border-radius:50%;flex:none;border:1px solid rgba(255,214,184,.16);background:radial-gradient(circle at center,rgba(148,212,255,calc(var(--signal-energy) * .42)),rgba(255,226,204,calc(.16 + var(--signal-energy) * .66)),rgba(255,178,132,calc(.08 + var(--signal-energy) * .42)) 44%,rgba(255,109,74,calc(var(--signal-energy) * .34)),#ff6d4a00),#ffffff0d;box-shadow:0 0 calc(10px + var(--signal-energy) * 22px) rgba(101,191,255,calc(var(--signal-energy) * .24)),0 0 calc(10px + var(--signal-energy) * 20px) rgba(255,142,102,calc(.08 + var(--signal-energy) * .3)),inset 0 0 calc(4px + var(--signal-energy) * 10px) rgba(255,240,226,calc(.14 + var(--signal-energy) * .44));transition:box-shadow .18s ease,background .18s ease}.render-settings-copy{display:grid;gap:.12rem;text-align:left}.render-settings-kicker{font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;color:#ffffff9e}.render-settings-status{font-size:.74rem;color:#f5f1eadb}.render-settings-panel-shell{width:min(318px,calc(100vw - 3rem));border:1px solid rgba(255,255,255,.08);border-radius:5px;overflow:hidden;background:linear-gradient(180deg,#ffffff1f,#ffffff08 42%,#0c0e141f),radial-gradient(circle at 16% 0%,rgba(255,255,255,.14),transparent 44%),radial-gradient(circle at 82% 110%,rgba(255,165,118,.08),transparent 30%),#07090d2e;-webkit-backdrop-filter:blur(30px) saturate(1.38);backdrop-filter:blur(30px) saturate(1.38);box-shadow:inset 0 1px #ffffff2e,inset 0 -22px 36px #ffffff05,0 24px 48px #0000003d;opacity:0;transform:translateY(-8px) scale(.98);pointer-events:none;transition:opacity .28s ease,transform .28s ease,border-color .28s ease}.render-settings-panel-shell.is-open{opacity:1;transform:translateY(0) scale(1);pointer-events:auto;border-color:#ffffff1f}.render-settings-panel-shell>div{width:100%}.app-shell.scene-type-video #webgl-container{opacity:.28;filter:saturate(.58) blur(1.8px);transition:opacity .4s ease,filter .4s ease}.scene-autofocus{position:fixed;left:1.5rem;bottom:1.5rem;width:min(360px,calc(100vw - 3rem));max-height:6.5rem;padding:.95rem 1rem;display:grid;gap:.55rem;border:1px solid rgba(255,255,255,.07);border-radius:1.4rem;background:linear-gradient(180deg,#ffffff1f,#ffffff08 42%,#0c0e141f),radial-gradient(circle at 18% 0%,rgba(255,255,255,.16),transparent 44%),radial-gradient(circle at 84% 110%,rgba(255,173,124,.08),transparent 30%),#07090d2e;-webkit-backdrop-filter:blur(30px) saturate(1.38);backdrop-filter:blur(30px) saturate(1.38);box-shadow:inset 0 1px #fff3,inset 0 -24px 40px #ffffff05,0 22px 48px #00000038;z-index:3;animation:autofocus-rise .5s ease;overflow:hidden;pointer-events:auto;transition:max-height .28s ease,padding .28s ease,border-color .28s ease,background .28s ease,box-shadow .28s ease;cursor:default}.scene-autofocus.is-hidden{opacity:0;transform:translateY(22px);pointer-events:none}.scene-autofocus-kicker{font-size:.76rem;letter-spacing:.16em;text-transform:uppercase;color:#ffffff94}.scene-autofocus h3{font-size:1.45rem;line-height:1;letter-spacing:-.04em;color:#f6f4ef}.scene-autofocus p{font-size:.94rem;line-height:1.55;color:#f5f1eabd}.scene-autofocus p,.scene-autofocus .scene-autofocus-tags{opacity:0;transform:translateY(8px);transition:opacity .24s ease,transform .24s ease}@media(hover:hover){.scene-autofocus:hover,.scene-autofocus:focus-within{max-height:22rem;padding:1.15rem;border-color:#ffffff1f;background:linear-gradient(180deg,#ffffff21,#ffffff08 42%,#0c0e1429),radial-gradient(circle at 18% 0%,rgba(255,255,255,.17),transparent 44%),radial-gradient(circle at 84% 110%,rgba(255,173,124,.1),transparent 30%),#07090d3d;box-shadow:inset 0 1px #ffffff38,inset 0 -24px 40px #ffffff05,0 24px 52px #00000042}.scene-autofocus:hover p,.scene-autofocus:hover .scene-autofocus-tags,.scene-autofocus:focus-within p,.scene-autofocus:focus-within .scene-autofocus-tags{opacity:1;transform:translateY(0)}}@media(hover:none){.scene-autofocus{max-height:none;padding:1.15rem}.scene-autofocus p,.scene-autofocus .scene-autofocus-tags{opacity:1;transform:translateY(0)}}@keyframes autofocus-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:960px){.expertise-grid,.portfolio-grid{grid-template-columns:1fr}.section-shell,.hero-shell{gap:2rem}.section h2,.hero h1{max-width:none}.video-scroll-copy{bottom:4rem}}@media(max-width:720px){.section{padding:4rem 1.1rem}.render-settings-dock{top:1rem;right:1rem;left:1rem;justify-items:stretch}.render-settings-toggle,.render-settings-panel-shell{width:100%}.scene-autofocus{left:1rem;right:1rem;bottom:1rem;width:auto}.contact-shell,.video-scroll-copy{padding:1.1rem}.hero-tags span,.scene-autofocus-tags span{font-size:.8rem}.video-scroll-copy{width:calc(100% - 2.2rem);margin-left:1.1rem}}