@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=Inter:wght@400;500;600&family=Kanit:wght@500;600;700;800;900&display=swap";.aurora-container{width:100%;height:100%}.galaxy-container{position:relative;width:100%;height:100%}.galaxy-container canvas{display:block;width:100%;height:100%}.specular-button{--sb-radius: 18px;--sb-tint: #ffffff;--sb-tint-opacity: 0;--sb-blur: 0px;--sb-text-color: #f5f5f5;position:relative;display:inline-flex;align-items:center;justify-content:center;margin:0;border:0;border-radius:var(--sb-radius);background:color-mix(in srgb,var(--sb-tint) calc(var(--sb-tint-opacity) * 100%),transparent);box-shadow:inset 0 1px #ffffff0a,0 8px 24px #00000040;color:var(--sb-text-color);font-family:inherit;font-weight:600;letter-spacing:.01em;line-height:1;cursor:pointer;outline:none;backdrop-filter:blur(var(--sb-blur));-webkit-backdrop-filter:blur(var(--sb-blur));transition:transform .15s ease,background .2s ease}.specular-button:hover{transform:translateY(-2px)}.specular-button:active{transform:scale(.97)}.specular-button:focus-visible{outline:2px solid color-mix(in srgb,var(--sb-text-color) 60%,transparent);outline-offset:3px}.specular-button:disabled{opacity:.55;cursor:default}.specular-button--sm{padding:10px 20px;font-size:.85rem}.specular-button--md{padding:14px 28px;font-size:.95rem}.specular-button--lg{padding:17px 34px;font-size:1rem}.specular-button__fx{position:absolute;z-index:1;top:-20px;right:-20px;bottom:-20px;left:-20px;pointer-events:none}.specular-button__fx canvas{display:block;width:100%;height:100%}.specular-button__label{position:relative;z-index:2;display:inline-flex;align-items:center;gap:12px}.tech-text{position:relative;width:100%;height:100%;touch-action:pan-y;-webkit-user-select:none;-moz-user-select:none;user-select:none}.tech-text-canvas{display:block;width:100%;height:100%}*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.\!container{width:100%!important}.container{width:100%}@media(min-width:640px){.\!container{max-width:640px!important}.container{max-width:640px}}@media(min-width:768px){.\!container{max-width:768px!important}.container{max-width:768px}}@media(min-width:1024px){.\!container{max-width:1024px!important}.container{max-width:1024px}}@media(min-width:1280px){.\!container{max-width:1280px!important}.container{max-width:1280px}}@media(min-width:1536px){.\!container{max-width:1536px!important}.container{max-width:1536px}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.\!visible{visibility:visible!important}.visible{visibility:visible}.fixed{position:fixed}.block{display:block}.flex{display:flex}.grid{display:grid}.hidden{display:none}.resize{resize:both}.outline{outline-style:solid}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}:root{--color-bg: #0c0c0c;--color-surface: #151515;--color-surface-raised: #1c1c1c;--color-text: #e3e8eb;--color-muted: #9da4aa;--color-border: #303438;--color-accent: #d94b32;--color-accent-hover: #f06449;--font-display: "Kanit", sans-serif;--font-body: "Inter", sans-serif;--font-editorial: "Instrument Serif", serif;--container: 1280px;--gutter: clamp(20px, 4vw, 56px);--section-space: clamp(96px, 12vw, 160px);--radius-sm: 12px;--radius-md: 20px;--radius-lg: 32px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-fast: .18s;--duration-base: .28s}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;background:var(--color-bg)}body{min-width:320px;overflow-x:clip;background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.65;text-rendering:optimizeLegibility}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}::-moz-selection{background:var(--color-accent);color:#fff}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid #f4b7a9;outline-offset:4px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;clip-path:inset(50%)}.container{width:min(var(--container),calc(100% - var(--gutter) * 2));margin-inline:auto}.section{padding-block:var(--section-space)}.eyebrow{color:var(--color-muted);font-family:var(--font-display);font-size:.78rem;font-weight:600;letter-spacing:.14em;line-height:1.3;text-transform:uppercase}h1,h2,h3{font-family:var(--font-display);font-weight:700;letter-spacing:-.04em}h2{font-size:clamp(2.6rem,5.3vw,5rem);line-height:.98}.site-header{position:absolute;z-index:20;top:0;width:100%;padding-block:24px}.nav{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:48px}.brand{justify-self:start;font-family:var(--font-display);font-size:1.25rem;font-weight:800;letter-spacing:-.04em}.brand-dot{color:var(--color-accent)}.nav-links{display:flex;gap:32px;color:var(--color-muted);font-size:.86rem}.nav a{transition:color var(--duration-fast) ease}.nav a:hover{color:#fff}.nav-contact{justify-self:end;border-bottom:1px solid currentColor;font-size:.86rem}.hero{position:relative;min-height:100svh;overflow:hidden;border-bottom:1px solid var(--color-border);background:radial-gradient(circle at 72% 35%,rgba(217,75,50,.12),transparent 30%),var(--color-bg)}.hero-grid{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-template-rows:auto minmax(0,1fr);row-gap:clamp(28px,3vw,44px);min-height:100svh;padding-top:112px;padding-bottom:36px}.hero-intro{z-index:3;grid-column:1 / span 5;grid-row:2;align-self:center;padding-bottom:24px}.hero-statement{max-width:32rem;margin-top:20px;color:var(--color-text);font-size:clamp(1.15rem,1.65vw,1.5rem);line-height:1.45}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;gap:12px;border:1px solid var(--color-accent);border-radius:999px;background:var(--color-accent);color:#fff;padding:12px 22px;font-size:.9rem;font-weight:600;line-height:1;transition:background var(--duration-fast) ease,border-color var(--duration-fast) ease,transform var(--duration-fast) ease}.button svg{transition:transform var(--duration-fast) ease}.button:hover{border-color:var(--color-accent-hover);background:var(--color-accent-hover);transform:translateY(-2px)}.button:hover svg{transform:translate(2px,-2px)}.button--secondary{border-color:var(--color-border);background:transparent;color:var(--color-text)}.button--secondary:hover{border-color:var(--color-muted);background:var(--color-surface)}.hero-visual{z-index:4;grid-column:7 / -1;grid-row:2;align-self:end;min-width:0;padding-bottom:28px}.portrait-stage{position:relative;width:min(100%,500px);aspect-ratio:1;margin-left:auto;isolation:isolate}.portrait-image{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;width:100%;height:100%;-o-object-fit:contain;object-fit:contain;filter:drop-shadow(0 30px 44px rgba(0,0,0,.42));will-change:transform}.portrait-halo{position:absolute;z-index:-1;top:18%;right:18%;bottom:18%;left:18%;border-radius:50%;background:linear-gradient(145deg,#d94b3247,#19457a42);filter:blur(64px)}.hero-title-wrap{z-index:2;grid-column:1 / -1;grid-row:1;align-self:start;height:clamp(168px,15vw,230px);overflow:hidden;touch-action:pan-y}.hero-tech-text{font-family:var(--font-display)}.hero-meta{position:absolute;right:0;bottom:36px;left:0;z-index:5;display:flex;justify-content:space-between;color:var(--color-muted);font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase}.site-header{color:var(--color-text);padding-block:18px}.nav-links{gap:48px;padding:0;border:0;border-radius:0;background:transparent;color:var(--color-muted);-webkit-backdrop-filter:none;backdrop-filter:none}.nav-links a{padding:4px 0;border-radius:0}.nav a:hover{color:#d94b32}.nav-contact{min-height:0;padding:9px 18px;border:0;border-radius:999px;background:var(--color-text);color:#111;line-height:1}.nav{min-height:40px}.nav-contact:hover{background:#d94b32;color:#fff!important}.hero{min-height:max(760px,100svh);border-color:var(--color-border);background:radial-gradient(circle at 50% 74%,rgba(217,75,50,.12),transparent 27%),radial-gradient(circle at 50% 54%,rgba(42,72,108,.1),transparent 35%),#0b0b0b;color:var(--color-text)}.hero-aurora{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:.78;pointer-events:none;filter:saturate(.9) contrast(1.06)}.hero-galaxy{position:absolute;z-index:0;top:0;right:0;bottom:0;left:0;overflow:hidden;opacity:1;pointer-events:none}.hero-galaxy:after{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at 50% 46%,transparent 20%,rgba(11,11,11,.42) 100%);content:""}.hero-aurora:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,#0b0b0b24,#0b0b0b47 48%,#0b0b0bb3),radial-gradient(circle at 50% 34%,transparent 0%,rgba(11,11,11,.24) 72%);content:""}.hero-aurora canvas{display:block;width:100%;height:100%}.hero-grid{position:relative;z-index:2;display:block;min-height:max(760px,100svh);padding-top:88px;padding-bottom:24px}.hero-heading{position:relative;z-index:6;width:min(880px,100%);margin-inline:auto;text-align:center}.hero-heading .eyebrow{color:var(--color-muted)}.hero-title-wrap{width:min(820px,100%);height:clamp(118px,10vw,150px);margin:4px auto 0;overflow:visible}.hero-tech-text{color:var(--color-text)}.hero-statement{max-width:none;margin-top:2px;color:var(--color-text);font-family:var(--font-editorial);font-size:clamp(2.35rem,3.8vw,3.5rem);line-height:.98;letter-spacing:-.035em}.hero-statement em{display:inline;font-weight:400}.hero-description{max-width:38rem;margin:10px auto 0;color:var(--color-muted);font-size:.94rem;line-height:1.45}.hero-actions{justify-content:center;margin-top:16px}.hero .button{border-color:var(--color-text);background:var(--color-text);color:#111}.hero .button:hover{border-color:#d94b32;background:#d94b32}.hero .button--secondary{border-color:#e3e8eb2e;background:#14141480;color:var(--color-text)}.hero .button--secondary:hover{border-color:#e3e8eb66;background:var(--color-surface-raised)}.specular-button.button,.specular-button.nav-contact{border:0;overflow:visible}.specular-button.button:hover,.specular-button.nav-contact:hover{border:0}.hero-visual-shell{position:absolute;z-index:2;bottom:60px;left:50%;width:clamp(340px,27vw,420px);transform:translate(-50%)}.hero-visual{width:100%;padding:0}.portrait-stage{width:100%;margin:0}.portrait-halo{top:20%;right:20%;bottom:20%;left:20%;background:linear-gradient(145deg,#d94b3238,#3665972e);filter:blur(70px)}.portrait-image{filter:drop-shadow(0 26px 34px rgba(0,0,0,.38))}.hero-float-card{position:absolute;z-index:4;top:54%;width:210px;padding:18px;border:1px solid rgba(227,232,235,.14);border-radius:20px;background:#141414a8;box-shadow:0 18px 45px #0000002e;color:var(--color-text);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transform:rotate(-4deg)}.hero-float-card:after{position:absolute;top:50%;width:150px;height:78px;border-bottom:1px solid rgba(227,232,235,.16);border-radius:50%;content:"";pointer-events:none}.hero-float-card--left{left:2%}.hero-float-card--left:after{left:82%;transform:rotate(12deg)}.hero-float-card--right{right:2%;transform:rotate(4deg)}.hero-float-card--right:after{right:82%;transform:rotate(-12deg)}.hero-float-card span{color:var(--color-muted);font-family:var(--font-display);font-size:.67rem;letter-spacing:.12em;text-transform:uppercase}.hero-float-card strong{display:block;margin-top:22px;font-family:var(--font-display);font-size:1.15rem;line-height:1.05}.hero-float-card p{margin-top:8px;color:var(--color-muted);font-size:.78rem;line-height:1.45}.hero-meta{right:0;bottom:26px;left:0;color:var(--color-muted)}.section-heading{display:grid;grid-template-columns:8fr 4fr;gap:48px;align-items:end;margin-bottom:clamp(56px,8vw,96px)}.section-heading h2{max-width:12ch;margin-top:20px}.section-heading>p{max-width:33rem;color:var(--color-muted)}.work-section{background:#f0f1ed;color:#111312}.work-section .eyebrow,.work-section .section-heading>p{color:#626763}.project-list{display:grid;gap:clamp(64px,9vw,120px)}.project-card{display:grid;grid-template-columns:8fr 4fr;gap:clamp(32px,5vw,72px);align-items:center}.project-list>div:nth-child(2n) .project-visual{order:2}.project-visual{position:relative;overflow:hidden;aspect-ratio:16 / 10;border-radius:var(--radius-lg);background:#d7d9d3}.project-visual img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--ease-out)}.project-card:hover .project-visual img{transform:scale(1.025)}.project-number{position:absolute;top:20px;left:20px;display:grid;width:48px;height:48px;place-items:center;border-radius:50%;background:#0c0c0cd1;color:#fff;font-family:var(--font-display);font-size:.8rem}.project-copy{max-width:30rem}.project-kicker{display:flex;justify-content:space-between;gap:16px;padding-bottom:16px;border-bottom:1px solid #c9ccc6;color:#626763;font-size:.76rem;letter-spacing:.08em;text-transform:uppercase}.project-copy h3{margin-top:28px;font-size:clamp(2rem,3.5vw,3.75rem);line-height:1}.project-copy p{margin-top:20px;color:#555a56}.text-link{display:inline-flex;align-items:center;gap:8px;margin-top:28px;border-bottom:1px solid currentColor;font-size:.9rem;font-weight:600}.text-link svg{transition:transform var(--duration-fast) ease}.text-link:hover svg{transform:translate(2px,-2px)}.about-section{position:relative;overflow:hidden;background:var(--color-bg)}.about-watermark{position:absolute;top:5%;left:0;color:#e3e8eb09;font-family:var(--font-display);font-size:clamp(7rem,15vw,15rem);font-weight:900;line-height:1;white-space:nowrap;pointer-events:none}.about-grid{position:relative;display:grid;grid-template-columns:7fr 5fr;gap:clamp(48px,8vw,120px);align-items:start}.about-grid h2{max-width:11ch;margin-top:24px}.about-copy{padding-top:84px;color:var(--color-muted)}.about-copy>p+p{margin-top:24px}.about-lead{color:var(--color-text);font-size:clamp(1.2rem,2vw,1.6rem);line-height:1.45}.about-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid var(--color-border)}.about-facts div{display:flex;flex-direction:column;gap:6px}.about-facts strong{color:var(--color-text);font-family:var(--font-display);font-size:2rem;line-height:1}.about-facts span{font-size:.76rem}.capabilities-section{border-block:1px solid var(--color-border);background:var(--color-surface)}.capabilities-grid{display:grid;grid-template-columns:4fr 8fr;gap:clamp(48px,8vw,120px)}.capabilities-intro{position:sticky;top:48px;align-self:start}.capabilities-intro h2{max-width:9ch;margin-top:24px;font-size:clamp(2.6rem,4.6vw,4.5rem)}.capabilities-intro>p:last-child{max-width:24rem;margin-top:24px;color:var(--color-muted)}.capability-list>div:first-child .capability-item{border-top:1px solid var(--color-border)}.capability-item{display:grid;grid-template-columns:56px .8fr 1.2fr;gap:24px;align-items:start;padding-block:32px;border-bottom:1px solid var(--color-border)}.capability-item>span{color:var(--color-accent);font-family:var(--font-display);font-size:.78rem}.capability-item h3{font-size:clamp(1.35rem,2vw,2rem);line-height:1.15}.capability-item p{color:var(--color-muted)}.process-section{background:var(--color-bg)}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.process-step{min-height:300px;padding:28px;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);transition:border-color var(--duration-base) ease,transform var(--duration-base) var(--ease-out)}.process-step:hover{border-color:#535961;transform:translateY(-4px)}.process-step>span{color:var(--color-accent);font-family:var(--font-display);font-size:.78rem}.process-step h3{max-width:9ch;margin-top:72px;font-size:clamp(1.6rem,2.4vw,2.4rem);line-height:1.05}.process-step p{margin-top:20px;color:var(--color-muted)}.playground-section{overflow:hidden;padding-bottom:32px;background:#f0f1ed;color:#111312}.playground-heading{display:grid;grid-template-columns:8fr 4fr;gap:48px;align-items:end;margin-bottom:64px}.playground-heading h2{max-width:12ch;margin-top:20px}.playground-heading>div:last-child{color:#626763}.playground-heading .eyebrow{color:#626763}.playground-track{display:grid;grid-template-columns:repeat(4,minmax(280px,1fr));gap:16px;width:max(110%,1280px);margin-left:-5%}.lab-card{position:relative;overflow:hidden;aspect-ratio:4 / 5;border-radius:var(--radius-md);background:#d7d9d3}.lab-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;transition:transform .6s var(--ease-out)}.lab-card:hover img{transform:scale(1.035)}.lab-card figcaption{position:absolute;bottom:16px;left:16px;padding:7px 11px;border-radius:999px;background:#0c0c0ccc;color:#fff;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.contact-section{padding-top:var(--section-space);background:var(--color-accent);color:#fff}.contact-section .eyebrow{color:#ffffffb8}.contact-grid{display:grid;grid-template-columns:8fr 4fr;gap:48px;align-items:end;padding-bottom:clamp(80px,10vw,140px)}.contact-grid h2{max-width:11ch;margin-top:20px;font-size:clamp(3rem,7.4vw,7rem)}.contact-action p{max-width:28rem;margin-bottom:28px;color:#ffffffc7}.contact-action .button{border-color:#fff;background:#fff;color:#171717}.contact-action .button:hover{background:#f0f1ed}.footer-row{display:grid;grid-template-columns:1fr auto 1fr;gap:24px;align-items:center;padding-block:24px;border-top:1px solid rgba(255,255,255,.3);font-size:.76rem;letter-spacing:.04em}.footer-row a{justify-self:end}@media(max-width:1024px){.hero-heading{width:min(760px,100%)}.hero-statement{font-size:clamp(2.3rem,5.2vw,3.15rem)}.hero-visual-shell{bottom:45px;width:clamp(280px,30vw,300px)}.hero-float-card{width:184px}.hero-intro{grid-column:1 / span 5}.hero-visual{grid-column:6 / -1}.project-card{grid-template-columns:7fr 5fr}.capabilities-grid{grid-template-columns:5fr 7fr}.capability-item{grid-template-columns:44px 1fr}.capability-item p{grid-column:2}}@media(max-width:767px){:root{--section-space: 96px}.site-header{padding-block:16px}.nav{grid-template-columns:1fr auto}.nav-links{display:none}.hero-grid{display:flex;flex-direction:column;justify-content:flex-start;min-height:auto;row-gap:0;padding-top:92px;padding-bottom:24px}.hero-heading{width:100%}.hero-statement{margin-top:4px;font-size:clamp(2.25rem,11.5vw,3.1rem);line-height:.96}.hero-description{max-width:22rem;font-size:.88rem}.hero-visual-shell{position:relative;bottom:auto;left:auto;order:2;width:min(100%,420px);margin:26px auto 0;transform:none}.hero-visual{width:100%;margin:0;padding-bottom:0}.portrait-stage{width:100%;margin-inline:auto}.hero-title-wrap{width:100%;height:clamp(92px,25vw,116px);margin:8px auto 0}.hero-meta{position:static;order:3;gap:24px;margin-top:24px}.hero-float-card{display:none}.hero-meta span:last-child{text-align:right}.section-heading,.playground-heading,.contact-grid,.project-card{grid-template-columns:1fr;gap:28px}.project-list>div:nth-child(2n) .project-visual{order:initial}.project-visual{border-radius:var(--radius-md)}.project-copy h3{margin-top:20px}.about-grid,.capabilities-grid{grid-template-columns:1fr;gap:48px}.about-copy{padding-top:0}.about-facts{margin-top:40px}.capabilities-intro{position:static}.capability-item{grid-template-columns:44px 1fr;gap:16px}.capability-item p{grid-column:2}.process-grid{grid-template-columns:1fr}.process-step{min-height:240px}.playground-track{grid-template-columns:repeat(4,76vw);width:-moz-max-content;width:max-content;margin-left:var(--gutter);padding-right:var(--gutter);overflow:visible}.playground-section{overflow-x:auto}.contact-grid{align-items:start}.footer-row{grid-template-columns:1fr;gap:8px}.footer-row a{justify-self:start}}@media(max-width:420px){.hero-actions{flex-direction:column}.button{width:100%}.about-facts{grid-template-columns:1fr;gap:20px}.about-facts div{flex-direction:row;align-items:baseline;justify-content:space-between;padding-bottom:12px;border-bottom:1px solid var(--color-border)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}.hero-scroll{position:relative;height:145svh;background:#0b0b0b}.hero-scroll .hero{position:sticky;top:0;width:100%;height:100svh;min-height:100svh;overflow:hidden}.hero-interface{position:relative;z-index:2;height:100%}.hero-header-fade{position:relative;z-index:20;will-change:transform,opacity}.hero-portrait-parallax{width:100%;transform-origin:50% 72%;will-change:transform}.hero-scroll-cue{position:absolute;z-index:6;right:auto;bottom:24px;left:50%;display:flex;gap:12px;align-items:center;color:#e3e8eb8a;font-family:var(--font-display);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;transform:translate(-50%)}.hero-scroll-cue i{position:relative;width:42px;height:1px;overflow:hidden;background:#e3e8eb2e}.hero-scroll-cue i:after{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--color-accent);content:"";animation:scroll-cue 1.8s ease-in-out infinite;transform:translate(-100%)}@keyframes scroll-cue{55%,to{transform:translate(100%)}}.work-scroll{position:relative;background:#eff0eb;color:#111312}.work-sticky{position:sticky;top:0;height:100svh;overflow:hidden;background:linear-gradient(90deg,rgba(17,19,18,.035) 1px,transparent 1px),#eff0eb;background-size:12.5vw 100%}.work-track{display:flex;width:-moz-max-content;width:max-content;height:100%;gap:clamp(22px,2.4vw,40px);align-items:center;padding:56px var(--gutter) 64px;will-change:transform}.work-intro-panel{display:flex;flex:0 0 min(54vw,760px);min-width:560px;height:calc(100svh - 120px);flex-direction:column;justify-content:center;padding:clamp(32px,5vw,76px);border:1px solid rgba(17,19,18,.14);border-radius:32px;background:#f7f8f3b8}.work-intro-panel h2{max-width:9ch;margin-top:22px;font-size:clamp(3.5rem,6.5vw,7.4rem);line-height:.88}.work-intro-panel>p:not(.eyebrow){max-width:35rem;margin-top:28px;color:#5c625e}.work-direction{display:flex;gap:10px;align-items:center;margin-top:auto;color:#747a75;font-size:.74rem;letter-spacing:.1em;text-transform:uppercase}.work-direction svg{transform:rotate(45deg)}.work-panel.project-card{display:grid;flex:0 0 min(82vw,1180px);width:min(82vw,1180px);height:calc(100svh - 120px);grid-template-columns:minmax(0,1.6fr) minmax(280px,.75fr);gap:0;overflow:hidden;border:1px solid rgba(17,19,18,.13);border-radius:32px;background:#f8f8f4;box-shadow:0 24px 80px #1113121a}.work-panel .project-visual{height:100%;aspect-ratio:auto;border-radius:0}.work-panel .project-visual:after{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,transparent 62%,rgba(10,10,10,.13));content:"";pointer-events:none}.work-panel .project-copy{display:flex;max-width:none;flex-direction:column;justify-content:center;padding:clamp(28px,4vw,64px)}.work-panel .project-copy h3{margin-top:18px;font-size:clamp(2.5rem,4.4vw,5.4rem)}.work-panel .project-copy p{max-width:27rem}.work-index{margin-top:auto;color:#8b908c;font-family:var(--font-display);font-size:.72rem;letter-spacing:.12em}.work-panel .text-link{align-self:flex-start;margin-top:auto}.work-end{display:flex;flex:0 0 min(34vw,460px);height:calc(100svh - 120px);flex-direction:column;justify-content:center;padding:48px;border-radius:32px;background:#111312;color:#edf0ec}.work-end span{color:#8f9690;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase}.work-end strong{max-width:5ch;margin-top:18px;font-family:var(--font-display);font-size:clamp(2.4rem,4.5vw,5rem);line-height:.92}.work-progress{position:absolute;right:var(--gutter);bottom:26px;left:var(--gutter);height:2px;overflow:hidden;background:#11131221}.work-progress span{display:block;width:100%;height:100%;background:var(--color-accent);transform-origin:0 50%}@media(max-width:767px){.hero-scroll{height:140svh}.hero-scroll-cue{display:none}.work-track{gap:16px;padding-top:44px;padding-bottom:54px}.work-intro-panel{flex-basis:88vw;min-width:0;height:calc(100svh - 98px);padding:28px;border-radius:24px}.work-intro-panel h2{font-size:clamp(3.3rem,16vw,5.4rem)}.work-panel.project-card{flex-basis:88vw;width:88vw;height:calc(100svh - 98px);grid-template-rows:minmax(0,56%) minmax(0,44%);grid-template-columns:1fr;border-radius:24px}.work-panel .project-copy{padding:22px}.work-panel .project-kicker{padding-bottom:10px}.work-panel .project-copy h3{margin-top:10px;font-size:clamp(2rem,9vw,3rem)}.work-panel .project-copy p{display:none}.work-panel .text-link{margin-top:auto}.work-index{display:none}.work-end{flex-basis:66vw;height:calc(100svh - 98px);padding:28px;border-radius:24px}}@media(prefers-reduced-motion:reduce){.hero-scroll{height:100svh}.work-scroll{height:auto!important}.work-sticky{position:relative;height:auto;overflow-x:auto}.work-track{height:100svh;transform:none!important}}.hero-heading .blur-text{justify-content:center;width:100%;text-align:center}.hero-title-wrap>div,.hero-title-wrap canvas,.hero-tech-text{margin-inline:auto}.work-panel.project-card{--project-accent: #d94b32;--project-surface: #f8f8f4;--project-ink: #111312;background:var(--project-surface);color:var(--project-ink)}.work-panel .project-copy{background:radial-gradient(circle at 100% 0%,color-mix(in srgb,var(--project-accent) 14%,transparent),transparent 46%),var(--project-surface)}.work-panel .project-copy p{color:color-mix(in srgb,var(--project-ink) 66%,transparent)}.work-panel .project-number{background:color-mix(in srgb,var(--project-accent) 84%,#080808)}.work-panel .project-kicker,.work-panel .work-index{color:color-mix(in srgb,var(--project-ink) 56%,transparent)}.work-panel .text-link{border-bottom-color:var(--project-accent);color:var(--project-ink)}