@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:block))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-mono:ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;--radius-2xl:1rem;--ease-out:cubic-bezier(0, 0, .2, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1);--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono)}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", "Noto Sans", Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}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;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring:where(:not(iframe)){outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.\!visible{visibility:visible!important}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.relative{position:relative}.inset-0{inset:0}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.hidden{display:none}.inline{display:inline}.h-\[170px\]{height:170px}.h-full{height:100%}.w-\[260px\]{width:260px}.w-full{width:100%}.shrink-0{flex-shrink:0}.transform{transform:var(--tw-rotate-x, ) var(--tw-rotate-y, ) var(--tw-rotate-z, ) var(--tw-skew-x, ) var(--tw-skew-y, )}.resize{resize:both}.overflow-hidden{overflow:hidden}.rounded-2xl{border-radius:var(--radius-2xl)}.border{border-style:var(--tw-border-style);border-width:1px}.border-\[\#D7E2EA\]\/10{border-color:#d7e2ea1a}.bg-\[\#151515\]{background-color:#151515}.object-cover{object-fit:cover}.overline{text-decoration-line:overline}.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, )}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.select-none{-webkit-user-select:none;user-select:none}@media(min-width:40rem){.sm\:h-\[220px\]{height:220px}.sm\:w-\[340px\]{width:340px}}@media(min-width:48rem){.md\:h-\[270px\]{height:270px}.md\:w-\[420px\]{width:420px}}}@font-face{font-family:Kanit;font-style:normal;font-weight:300;font-display:swap;src:url(/media/kanit-latin-300.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:400;font-display:swap;src:url(/media/kanit-latin-400.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:500;font-display:swap;src:url(/media/kanit-latin-500.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:600;font-display:swap;src:url(/media/kanit-latin-600.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:700;font-display:swap;src:url(/media/kanit-latin-700.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:800;font-display:swap;src:url(/media/kanit-latin-800.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Kanit;font-style:normal;font-weight:900;font-display:swap;src:url(/media/kanit-latin-900.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{color:#d7e2ea;font-synthesis:none;text-rendering:optimizelegibility;--paper:#d7e2ea;--muted:#a0a8af;--ink:#0c0c0c;--line:#d7e2ea2e;--magenta:#b600a8;--ease-out:cubic-bezier(.23, 1, .32, 1);--ease-in-out:cubic-bezier(.77, 0, .175, 1);--page-gutter:clamp(20px, 3.2vw, 56px);background:#0c0c0c;font-family:Kanit,sans-serif}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{-webkit-font-smoothing:antialiased;margin:0}button,a{-webkit-tap-highlight-color:transparent}button,input,textarea{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button,a,summary{touch-action:manipulation}button{color:inherit}img,svg{max-width:100%}img{display:block}h1,h2,h3,p,figure,ul,ol{margin:0}ul,ol{padding:0;list-style:none}button:focus-visible,a:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline-offset:5px;outline:2px solid #d8a9ff}::selection{color:#fff;background:#b600a8}.page-padding{padding-inline:var(--page-gutter)}.section-space{padding-block:clamp(76px,9vw,144px)}.eyebrow{text-transform:uppercase;letter-spacing:.19em;color:var(--muted);font-size:11px;font-weight:400;line-height:1.6}.metal-text{color:#bbccd7;-webkit-text-fill-color:transparent;background:linear-gradient(#646973,#bbccd7);-webkit-background-clip:text;background-clip:text}.text-link{text-transform:uppercase;letter-spacing:.09em;justify-content:center;align-items:center;gap:9px;min-height:44px;font-size:12px;display:inline-flex}.button-primary,.button-outline{text-transform:uppercase;letter-spacing:.08em;text-align:center;min-height:48px;transition:transform .14s var(--ease-out),background-color .18s ease,color .18s ease;border-radius:100px;justify-content:center;align-items:center;gap:12px;padding:14px 24px;font-size:11px;font-weight:500;line-height:1.45;display:inline-flex}.button-primary{color:#fff;outline-offset:-3px;background:linear-gradient(123deg,#18011f 7%,#b600a8 37%,#7621b0 72%,#be4c00);border:0;outline:2px solid #fff;box-shadow:0 4px 4px #b501a740,inset 4px 4px 12px #7721b1}.button-outline{color:var(--paper);background:0 0;border:1px solid #d7e2eaa6}.button-primary svg,.button-outline svg{flex-shrink:0}.button-primary>span{justify-content:center;align-items:center;gap:9px;display:inline-flex}.button-primary:active,.button-outline:active,.icon-button:active{transform:scale(.98)}.section-heading{text-align:center;max-width:1200px;margin:0 auto clamp(40px,6vw,80px)}.section-heading h2{letter-spacing:-.045em;text-transform:uppercase;overflow-wrap:anywhere;margin-top:12px;font-size:clamp(2.7rem,9.5vw,9rem);font-weight:900;line-height:.98}.section-description{color:#b1b8be;max-width:520px;margin:20px auto 0;font-size:clamp(14px,1.45vw,19px);font-weight:300;line-height:1.7}.skip-link{z-index:100;color:#0c0c0c;background:var(--paper);border-radius:30px;padding:12px 20px;position:fixed;top:12px;left:16px;transform:translateY(-160%)}.skip-link:focus{transform:none}.hero{isolation:isolate;flex-direction:column;justify-content:space-between;min-height:max(750px,100svh);display:flex;position:relative}.hero-top{z-index:2;position:relative}.main-nav{padding:20px var(--page-gutter) 0;justify-content:space-between;align-items:center;gap:8px;display:flex}.main-nav a{text-transform:uppercase;letter-spacing:.05em;align-items:center;gap:4px;min-height:44px;font-size:clamp(12px,1.35vw,21px);transition:opacity .18s;display:inline-flex}.hero-wordmark{text-align:center;letter-spacing:-.045em;white-space:nowrap;margin:0 8px;font-size:clamp(2rem,13.1vw,16rem);font-weight:900;line-height:.94}.hero-portrait{z-index:0;width:clamp(340px,35vw,500px);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.hero-portrait img{pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:auto}.magnet{transition:transform .3s var(--ease-out)}.hero-badge{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;background:#0c0c0ce6;border-radius:100px;justify-content:center;align-items:center;gap:8px;width:max-content;max-width:100%;margin:0 auto 12px;padding:9px 14px;font-size:10px;display:flex}.hero-badge>span{background:#bc92d7;border-radius:50%;flex-shrink:0;width:6px;height:6px}.hero-bottom{padding:40px var(--page-gutter);z-index:2;pointer-events:none;justify-content:space-between;align-items:flex-end;gap:30px;display:flex;position:relative}.hero-intro,.hero-actions{pointer-events:auto}.hero-intro{max-width:290px}.hero-intro>p:last-child{margin-top:12px;font-size:clamp(14px,1.35vw,18px);font-weight:300;line-height:1.65}.hero-intro .eyebrow{max-width:230px;font-size:9px}.hero-actions{flex-direction:column;align-items:flex-end;gap:12px;display:flex}.hero-actions .text-link{color:#b4bdc5}.hero-secondary-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px 18px;display:flex}.motion-toggle{background:0 0;border:0;padding:0;font-family:inherit}.hero-float{animation:hero-float 2.4s var(--ease-in-out) -.8s infinite alternate}.gallery-idle{gap:inherit;animation:gallery-drift 3.2s var(--ease-in-out) -.8s infinite alternate;display:flex}.gallery-idle-reverse{animation-direction:alternate-reverse}@keyframes hero-float{0%{transform:translate(0)}to{transform:translateY(-10px)}}@keyframes gallery-drift{0%{transform:translate(-14px)}to{transform:translate(14px)}}.gallery-section{padding-block:clamp(64px,8vw,120px) 30px}.gallery-heading{justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px;display:flex}.gallery-heading .eyebrow{align-items:center;gap:8px;display:flex}.gallery-heading .eyebrow svg{color:#ce77d8}.gallery-heading h2{letter-spacing:-.02em;margin-top:9px;font-size:clamp(18px,2.25vw,30px);font-weight:400}.gallery-heading>p{text-align:right;color:#bac1c7;white-space:nowrap;font-size:11px;line-height:1.8}.gallery-heading>p>span{color:#87929b;font-size:10px}.gallery-window{overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#434049 transparent;margin-block:12px;padding-bottom:4px;overflow-x:auto}.gallery-row{justify-content:center;gap:16px;width:max-content;min-width:100%;padding-inline:200px;display:flex}.gallery-item{border:1px solid var(--line);background:#141414;border-radius:20px;flex:none;width:clamp(310px,33vw,470px);overflow:hidden}.concept-preview{width:100%;height:auto;display:block}.gallery-item figcaption{justify-content:space-between;align-items:center;gap:8px;padding:11px 15px;font-size:12px;display:flex}.gallery-item figcaption span:last-child{text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-size:9px}.gallery-note{color:#969fa7;margin-top:20px;font-size:11px;line-height:1.6}.projects-section{position:relative}.project-stack{flex-direction:column;gap:44px;max-width:1200px;margin-inline:auto;padding-bottom:9vh;display:flex;position:relative}.project-slot{justify-content:center;align-items:flex-start;display:flex;position:relative}.project-slot[data-stack=true]{min-height:calc(100svh - 64px);position:sticky;top:32px}.project-slot[data-stack=false] .project-card{transform:none!important}.project-card{border:2px solid var(--paper);transform-origin:top;background:#0c0c0c;border-radius:clamp(28px,4vw,60px);width:100%;padding:clamp(20px,2.5vw,36px);box-shadow:0 20px 60px #0006}.project-top{align-items:center;gap:clamp(14px,2.5vw,32px);display:flex}.project-number{letter-spacing:-.06em;font-size:clamp(44px,7vw,88px);font-weight:800;line-height:1}.project-title{flex:1;min-width:0}.project-title h3{text-transform:uppercase;letter-spacing:-.035em;font-size:clamp(26px,3.4vw,47px);font-weight:600;line-height:1.1}.project-title .eyebrow{margin-bottom:6px;font-size:10px}.concept-badge{color:#d7b6e1;letter-spacing:.05em;background:#b600a80c;border:1px solid #664b6f;border-radius:100px;flex-shrink:0;align-items:center;padding:6px 11px;font-size:10px;display:inline-flex}.project-summary{color:#b4bec6;max-width:650px;margin-block:15px 22px;font-size:15px;font-weight:300;line-height:1.6}.project-preview-button{text-align:left;aspect-ratio:2.4;background:#1b1a1d;border:0;border-radius:clamp(16px,2.5vw,30px);width:100%;padding:0;display:block;position:relative;overflow:hidden}.desktop-preview{border-radius:inherit;width:78%;position:absolute;inset:0 auto 0 0;overflow:hidden}.desktop-preview .concept-preview{width:100%}.phone-preview{aspect-ratio:390/760;background:#17151b;border:4px solid #29272d;border-radius:clamp(13px,2vw,26px);height:84%;position:absolute;top:8%;right:3%;overflow:hidden;box-shadow:0 10px 35px #0008}.preview-caption{color:#d7e2ea;letter-spacing:.04em;background:#0c0c0ce8;border:1px solid #ffffff26;border-radius:100px;align-items:center;gap:6px;padding:6px 10px;font-size:9px;display:flex;position:absolute;bottom:14px;left:16px}.preview-caption>span{opacity:.5}.preview-open{color:#d7e2ea;width:40px;height:40px;transition:transform .18s var(--ease-out);background:#0c0c0ce8;border:1px solid #ffffff60;border-radius:50%;place-items:center;display:grid;position:absolute;bottom:14px;right:16px}.project-bottom{justify-content:space-between;align-items:center;gap:20px;margin-top:22px;display:flex}.feature-list{flex-wrap:wrap;gap:7px;display:flex}.feature-list li{border:1px solid var(--line);color:#bfc9d1;border-radius:20px;padding:5px 9px;font-size:10px;font-weight:300}.project-bottom .button-outline{flex-shrink:0;padding-inline:19px;font-size:10px}.project-disclaimer{text-align:center;color:#929da6;max-width:540px;margin:0 auto;font-size:12px;font-weight:300;line-height:1.7}.about-section{isolation:isolate;padding-block:clamp(96px,13vw,190px);position:relative}.about-content{z-index:1;flex-direction:column;align-items:center;gap:36px;max-width:760px;margin-inline:auto;display:flex;position:relative}.about-content .section-heading{margin-bottom:0}.animated-copy{text-align:center;max-width:630px;font-size:clamp(18px,2vw,26px);font-weight:400;line-height:1.7}.animated-word{white-space:nowrap;display:inline-block}.principles{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.principles li{border:1px solid var(--line);background:#0c0c0cb3;border-radius:30px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;display:flex}.principles svg{color:#c483d7}.decoration{z-index:0;pointer-events:none;width:clamp(66px,13vw,200px);position:absolute}.decoration-0{top:9%;left:3%}.decoration-1{bottom:9%;left:7%}.decoration-2{top:9%;right:3%}.decoration-3{bottom:8%;right:6%}.services-section{color:#0c0c0c;background:#fff;border-radius:clamp(32px,4.5vw,60px) clamp(32px,4.5vw,60px) 0 0;padding-bottom:clamp(120px,12vw,190px)}.on-light .eyebrow{color:#626168}.service-list{border-top:1px solid #0c0c0c30;max-width:1100px;margin-inline:auto}.service-row{border-bottom:1px solid #0c0c0c30;grid-template-columns:.24fr 1fr;gap:30px;padding-block:38px;display:grid}.service-number{letter-spacing:-.05em;font-size:clamp(50px,8vw,110px);font-weight:800;line-height:1}.service-content{min-width:0}.service-content h3{text-transform:uppercase;font-size:clamp(19px,2.2vw,29px);font-weight:600;line-height:1.25}.service-content>p{color:#5a5a61;max-width:640px;margin-top:12px;font-size:16px;font-weight:300;line-height:1.7}.deliverables{flex-wrap:wrap;gap:8px;margin-top:17px;display:flex}.deliverables li{color:#45434a;background:#0c0c0c04;border:1px solid #0c0c0c20;border-radius:30px;align-items:center;gap:5px;padding:5px 10px;font-size:10px;display:inline-flex}.service-contact.button-outline{color:#6e1f71;border:0;justify-content:flex-start;min-height:44px;margin-top:12px;padding:0}.services-section :focus-visible{outline-color:#7621b0}.process-section{background:#0c0c0c;border-radius:50px 50px 0 0;margin-top:-50px;position:relative}.process-list{border-top:1px solid var(--line);max-width:1100px;margin-inline:auto}.process-row{border-bottom:1px solid var(--line);grid-template-columns:60px 1fr 1.25fr 24px;align-items:center;gap:28px;padding-block:30px;display:grid}.process-number{color:#c483d7;font-size:15px}.process-row h3{letter-spacing:-.02em;font-size:23px;font-weight:500;line-height:1.25}.process-row>p{color:#a7b0b8;font-size:15px;font-weight:300;line-height:1.7}.process-row>svg{color:#747a81}.faq-section{grid-template-columns:1fr 1.4fr;gap:clamp(30px,6vw,100px);max-width:1320px;margin-inline:auto;padding-top:20px;display:grid}.faq-intro h2{text-transform:uppercase;letter-spacing:-.04em;margin-top:15px;font-size:clamp(40px,5.5vw,72px);font-weight:700;line-height:1}.faq-intro>p:not(.eyebrow){color:#a7b0b8;max-width:260px;margin-block:20px 24px;font-size:15px;font-weight:300}.faq-list{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding-block:20px;font-size:16px;font-weight:400;list-style:none;display:flex}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>svg{color:#a488b8;transition:transform .18s var(--ease-out);flex-shrink:0}.faq-item[open] summary>svg{transform:rotate(180deg)}.faq-item>p{color:#aeb7bf;padding:0 30px 24px 0;font-size:15px;font-weight:300;line-height:1.8}.contact-section{border-top:1px solid var(--line)}.contact-content{text-align:center;flex-direction:column;align-items:center;gap:25px;padding-block:clamp(76px,9vw,140px);display:flex}.contact-content h2{text-transform:uppercase;letter-spacing:-.045em;font-size:clamp(38px,6.8vw,96px);font-weight:800;line-height:1.03}.contact-content>p:not(.eyebrow){color:#b5bec6;font-size:16px;font-weight:300;line-height:1.7}.contact-number{color:#9ca5ad;justify-content:center;align-items:center;gap:5px;min-height:44px;margin-top:-12px;font-size:12px;display:inline-flex}.footer-bottom{border-top:1px solid var(--line);color:#949da6;justify-content:space-between;align-items:center;gap:25px;padding-block:28px;font-size:11px;display:flex}.footer-brand{color:var(--paper);letter-spacing:-.02em;flex-direction:column;font-size:20px;font-weight:600;display:flex}.footer-brand>span{color:#949da6;letter-spacing:.05em;font-size:10px;font-weight:300}.project-dialog{width:min(1040px,100% - 48px);max-width:none;max-height:90dvh;color:var(--paper);overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#54505e transparent;background:#0c0c0c;border:1px solid #8d8d99;border-radius:32px;margin:auto;padding:0;position:fixed;inset:0;overflow-y:auto}.project-dialog::backdrop{animation:backdrop-in .24s var(--ease-out) both;background:#000000e0}.project-dialog[data-closing]::backdrop{animation:backdrop-out .24s var(--ease-out) both}@keyframes backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes backdrop-out{0%{opacity:1}to{opacity:0}}.dialog-surface{padding:24px 32px 32px}.dialog-top{justify-content:space-between;align-items:center;gap:20px;margin-bottom:22px;display:flex}.icon-button{border:1px solid var(--line);width:44px;height:44px;transition:transform .14s var(--ease-out);background:#151417;border-radius:50%;flex-shrink:0;place-items:center;display:grid}.case-heading{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.case-heading h2{text-transform:uppercase;letter-spacing:-.045em;font-size:clamp(38px,5vw,64px);font-weight:700;line-height:1.1}.case-heading .concept-badge{margin-top:20px}.case-description{color:#b4bec6;max-width:650px;margin-block:16px 28px;font-size:16px;font-weight:300;line-height:1.7}.preview-toolbar{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.preview-toolbar>span{color:#9fa8b1;font-size:11px}.preview-tabs{border:1px solid var(--line);background:#161518;border-radius:30px;align-items:center;padding:4px;display:flex}.preview-tabs button{color:#aeb6bf;background:0 0;border:0;border-radius:30px;justify-content:center;align-items:center;gap:7px;min-height:40px;padding:8px 14px;font-size:12px;display:flex}.preview-tabs button[aria-selected=true]{color:#0c0c0c;background:#d7e2ea}.case-preview{border:1px solid var(--line);background:#17161a;border-radius:18px;justify-content:center;align-items:flex-start;padding:0;display:flex;overflow:hidden}.case-preview.is-mobile{padding:24px}.case-preview.is-mobile .concept-preview{border:5px solid #35313c;border-radius:28px;width:min(100%,330px)}.case-story,.case-deliverables{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px;padding-block:32px;display:grid}.case-story{border-bottom:1px solid var(--line)}.case-story h3,.case-deliverables h3{letter-spacing:-.02em;margin-block:9px 14px;font-size:21px;font-weight:500}.case-story section>p:last-child{color:#aeb7bf;font-size:14px;font-weight:300;line-height:1.8}.case-deliverables li{align-items:center;gap:9px;margin-bottom:10px;font-size:13px;font-weight:300;display:flex}.case-deliverables li>svg{color:#c483d7;flex-shrink:0}.tech-list{flex-wrap:wrap;gap:6px;display:flex}.tech-list li{border:1px solid var(--line);border-radius:20px;margin-bottom:0;padding:6px 10px;font-size:11px}.case-note{color:#929da6;margin-top:18px;font-size:12px;font-weight:300;line-height:1.7}.case-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-top:28px;display:flex}.case-footer>p{font-size:14px;font-weight:300}.case-footer>div{flex-wrap:wrap;gap:12px;display:flex}.case-footer .button-primary{font-size:10px}@media(hover:hover)and (pointer:fine){.main-nav a:hover,.text-link:hover,.contact-number:hover{opacity:.7}.button-primary:hover{transform:scale(1.02)}.button-outline:hover{background:var(--paper);color:#0c0c0c}.service-contact.button-outline:hover{color:#a72bb6;background:0 0}.project-preview-button:hover .preview-open{transform:rotate(45deg)}}@media(min-width:1600px){.hero-wordmark{font-size:13.1vw}}@media(min-width:901px)and (max-height:850px){.project-card{padding:24px}.project-number{font-size:64px}.project-preview-button{aspect-ratio:3.2}.project-summary{margin-block:12px 16px;font-size:14px}.project-bottom{margin-top:16px}}@media(min-width:640px)and (max-width:1050px){.hero{min-height:max(780px,100svh)}.hero-bottom{background:linear-gradient(#0000,#0c0c0c 45%);padding-top:24px}.hero-intro{max-width:270px}.hero-actions .button-primary{max-width:245px}}@media(max-width:900px){.project-title .eyebrow{letter-spacing:.1em}.project-bottom{align-items:flex-start}.feature-list{max-width:300px}.faq-section{gap:36px}.process-row{grid-template-columns:40px 1fr 1.1fr;gap:22px}.process-row>svg{display:none}.decoration{opacity:.6}.decoration-0,.decoration-2{top:2%}.decoration-1,.decoration-3{bottom:4%}}@media(max-width:639px){html{scroll-padding-top:16px}.hero{min-height:max(780px,100svh)}.main-nav{padding-top:12px}.hero-wordmark{margin-top:12px;font-size:13.1vw}.hero-portrait{width:250px;top:43%;bottom:auto;transform:translate(-50%,-50%)}.hero-badge{padding:8px 12px;font-size:8px}.hero-bottom{text-align:center;padding-bottom:max(28px,env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:22px}.hero-intro{width:100%;max-width:290px}.hero-intro .eyebrow{margin-inline:auto}.hero-intro>p:last-child{margin-top:8px;font-size:14px}.hero-actions{align-items:center;gap:6px;width:100%}.hero-actions .button-primary{width:100%;max-width:350px}.hero-actions .text-link{font-size:10px}.hero-secondary-actions{justify-content:center}.gallery-heading{align-items:flex-start}.gallery-heading .eyebrow{letter-spacing:.08em;font-size:9px}.gallery-heading h2{max-width:225px;line-height:1.3}.gallery-heading>p{font-size:9px}.gallery-heading>p>span{white-space:normal;max-width:84px;line-height:1.5;display:inline-block}.gallery-row{gap:12px;padding-inline:80px}.gallery-item{border-radius:16px;width:260px}.gallery-note{font-size:10px}.section-heading .eyebrow{letter-spacing:.14em;font-size:9px}.section-heading h2{font-size:clamp(2.55rem,11.7vw,4.4rem)}.section-description{max-width:280px;font-size:14px}.project-stack{gap:28px;padding-bottom:38px}.project-slot[data-stack=true]{min-height:calc(100svh - 32px);top:16px}.project-card{padding:18px}.project-top{grid-template-columns:48px 1fr;gap:10px 14px;display:grid}.project-number{grid-row:1/3;align-self:start;font-size:46px}.project-title h3{font-size:27px}.project-title .eyebrow{font-size:8px}.project-top .concept-badge{grid-column:2;justify-self:start;padding:4px 8px;font-size:8px}.project-summary{margin-block:14px 18px;font-size:13px;line-height:1.65}.project-preview-button{aspect-ratio:1.5;border-radius:16px}.desktop-preview{width:100%}.desktop-preview .concept-preview{width:124%;max-width:none}.phone-preview{border-width:3px;border-radius:14px;height:72%;top:19%;right:5%}.preview-caption{gap:4px;padding:5px 8px;font-size:8px;bottom:9px;left:8px}.preview-caption svg{width:10px}.preview-open{width:30px;height:30px;bottom:8px;right:9px}.preview-open svg{width:18px}.project-bottom{flex-direction:column;gap:16px;margin-top:16px}.feature-list{gap:5px;max-width:none}.feature-list li{padding:4px 8px;font-size:9px}.project-bottom .button-outline{width:100%}.project-disclaimer{font-size:11px}.about-section{padding-block:104px 112px}.about-content{gap:28px}.animated-copy{font-size:18px;line-height:1.7}.principles{gap:7px}.principles li{padding:8px 11px;font-size:10px}.principles svg{width:13px}.decoration{opacity:.7;width:65px}.decoration-0,.decoration-2{top:16px}.decoration-1,.decoration-3{bottom:22px}.service-row{grid-template-columns:1fr;gap:18px;padding-block:30px}.service-number{font-size:50px}.service-content h3{font-size:21px}.service-content>p{font-size:14px}.deliverables{gap:6px}.deliverables li{font-size:9px}.process-section{border-radius:32px 32px 0 0;margin-top:-32px}.process-row{grid-template-columns:30px minmax(0,1fr);gap:10px 14px;padding-block:26px}.process-number{grid-row:1/3;align-self:start;padding-top:4px;font-size:13px}.process-row h3{font-size:21px}.process-row>p{grid-column:2;font-size:14px}.faq-section{grid-template-columns:1fr;gap:32px;padding-top:0}.faq-intro h2{font-size:48px}.faq-intro>p:not(.eyebrow){max-width:none;font-size:14px}.faq-item summary{min-height:76px;font-size:15px}.faq-item>p{padding-right:8px;font-size:14px}.contact-content{gap:24px}.contact-content .eyebrow{font-size:8px}.contact-content h2{font-size:clamp(33px,8.8vw,54px)}.contact-content>p:not(.eyebrow){font-size:14px}.contact-content .button-primary{width:100%;max-width:350px}.footer-bottom{flex-wrap:wrap;gap:22px}.footer-brand{flex-basis:100%}.footer-bottom>.text-link{margin-left:auto;font-size:9px}.project-dialog{border-bottom:0;border-radius:24px 24px 0 0;width:100%;max-height:calc(100dvh - 16px);margin:0;inset:auto 0 0}.dialog-surface{padding:16px 20px max(28px,env(safe-area-inset-bottom))}.dialog-top{margin-bottom:22px}.dialog-top .eyebrow{font-size:9px}.case-heading{gap:10px}.case-heading .eyebrow{font-size:8px}.case-heading .concept-badge{margin-top:13px;padding-inline:8px;font-size:8px}.case-heading h2{font-size:37px}.case-description{margin-block:16px 24px;font-size:14px}.preview-toolbar{flex-wrap:wrap}.preview-tabs button{padding-inline:12px;font-size:11px}.case-preview.is-mobile{padding:18px}.case-story,.case-deliverables{grid-template-columns:1fr;gap:28px;padding-block:26px}.case-footer{flex-direction:column;align-items:stretch;gap:18px}.case-footer>div,.case-footer .button-primary{width:100%}}@media(max-width:380px){.hero{min-height:max(780px,100svh)}.project-card{padding:15px}.feature-list li{font-size:8px}.gallery-heading{gap:12px}.gallery-heading>div{min-width:0}.case-heading{flex-wrap:wrap}.case-heading .concept-badge{margin-top:0}}html[data-motion=reduce]{scroll-behavior:auto}html[data-motion=reduce] :is(.hero-float,.gallery-idle){animation:none}html[data-motion=reduce] :is(.magnet,.button-primary,.button-outline,.icon-button,.preview-open){transform:none!important}html[data-motion=reduce] :is(.button-primary,.button-outline,.icon-button,.faq-item summary>svg){transition-property:color,background-color,opacity}html[data-motion=reduce] .project-slot[data-stack=true]{min-height:auto;position:relative}html[data-motion=reduce] .project-card{transform:none!important}html[data-motion=reduce] .project-dialog::backdrop,html[data-motion=reduce] .project-dialog[data-closing]::backdrop{animation-duration:.16s}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}
