@import "https://fonts.googleapis.com/css2?family=Figtree:wght@400;500;600;700&display=swap";@font-face{font-family:Creato Display;src:url(/fonts/CreatoDisplay-Regular.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/fonts/CreatoDisplay-Medium.otf)format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/fonts/CreatoDisplay-Bold.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Creato Display;src:url(/fonts/CreatoDisplay-ExtraBold.otf)format("opentype");font-weight:800;font-style:normal;font-display:swap}*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}html,body{scroll-behavior:smooth;width:100%;min-height:100%;font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);transition:background .7s var(--ease-clay), color .7s var(--ease-clay);overflow-x:hidden}#root{width:100%;min-height:100vh}.text-display-1{font-family:var(--font-heading);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-text);font-size:clamp(2.6rem,9vw,8rem);font-weight:700;line-height:.95}.text-display-2{font-family:var(--font-heading);letter-spacing:-.04em;text-transform:uppercase;color:var(--color-text);font-size:clamp(2rem,6vw,5rem);font-weight:700;line-height:1}.text-heading-2{font-family:var(--font-heading);letter-spacing:-.03em;color:var(--color-text);font-size:clamp(1.6rem,4vw,3.2rem);font-weight:700;line-height:1.05}.text-label{font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:var(--color-accent-2-text);margin-bottom:var(--space-4);padding-left:1.4rem;font-size:.7rem;position:relative}.text-label:before{content:"";background:var(--color-accent-2);border-radius:999px;width:1rem;height:1.5px;position:absolute;top:50%;left:0;transform:translateY(-50%)}.text-body{font-family:var(--font-body);color:var(--color-text-secondary);max-width:55ch;font-size:clamp(1rem,1.1vw,1.15rem);line-height:1.7}.layout-asymmetric{gap:var(--space-8);grid-template-columns:1fr;align-items:start;display:grid}@media (width>=900px){.layout-asymmetric{gap:var(--space-16);grid-template-columns:45fr 55fr}}.case-card{border-radius:var(--radius-card);background:var(--color-surface);border:1px solid var(--color-border);box-shadow:var(--shadow-card);transition:transform .6s var(--ease-clay), border-color .4s ease, box-shadow .4s ease;position:relative;overflow:hidden}.case-card:hover{border-color:var(--color-border-strong);box-shadow:var(--shadow-elevated)}.case-card img,.case-card video{object-fit:cover;width:100%;height:100%;transition:transform 1.2s var(--ease-clay);display:block}.case-card:hover img,.case-card:hover video{transform:scale(1.06)}.case-card-overlay{pointer-events:none;background:linear-gradient(#0000 40%,#000000b8 100%);position:absolute;inset:0}.case-card-meta{padding:var(--space-6);color:#fff;position:absolute;bottom:0;left:0;right:0}.magnetic-button{background:var(--color-accent);color:#fff;font-family:var(--font-heading);letter-spacing:.04em;cursor:pointer;transition:transform .25s var(--ease-clay), box-shadow .25s ease;border:none;border-radius:999px;justify-content:center;align-items:center;padding:1rem 2rem;font-size:.9rem;text-decoration:none;display:inline-flex;position:relative}.magnetic-button.secondary{color:var(--color-text);border:1px solid var(--color-border-strong);background:0 0}.magnetic-button:hover{box-shadow:0 14px 40px #ce005440}.clay-form-label{font-family:var(--font-body);color:var(--color-text);margin-bottom:var(--space-2);font-size:.8rem;font-weight:600;display:block}.clay-form-hint{align-items:center;gap:var(--space-2);color:var(--color-text-muted);margin-top:var(--space-2);min-height:1.25em;font-size:.8rem;display:flex}.clay-form-hint.error{color:var(--color-error)}.clay-input{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);font-family:var(--font-body);padding:.75rem 1rem;font-size:1rem;line-height:1.5;transition:border-color .2s,box-shadow .2s,background .2s}.clay-input::placeholder{color:var(--color-text-muted)}.clay-input:hover:not(:disabled):not([aria-disabled=true]){border-color:var(--color-accent-2)}.clay-input:focus-visible{border-color:var(--color-accent);box-shadow:inset 0 0 0 1px var(--color-accent);outline:none}.clay-input.error{border-color:var(--color-error);box-shadow:inset 0 0 0 1px var(--color-error)}.clay-input:disabled,.clay-input[aria-disabled=true]{opacity:.5;cursor:not-allowed}.clay-select-trigger{border-radius:var(--radius-sm);border:1px solid var(--color-border-strong);background:var(--color-surface);width:100%;min-height:48px;color:var(--color-text);font-family:var(--font-body);justify-content:space-between;align-items:center;gap:var(--space-2);cursor:pointer;padding:.75rem 1rem;font-size:1rem;transition:border-color .2s,box-shadow .2s;display:flex}.clay-select-trigger:hover{border-color:var(--color-accent-2)}.clay-select-trigger:focus-visible{border-color:var(--color-accent);box-shadow:0 0 0 2px var(--color-accent);outline:none}.clay-select-trigger.placeholder{color:var(--color-text-muted)}.clay-select-popover{z-index:9999;background:var(--color-surface);border:1px solid var(--color-border-strong);border-radius:var(--radius-sm);box-shadow:var(--shadow-elevated);min-width:240px;position:fixed;overflow:hidden}.clay-select-search{border:none;border-bottom:1px solid var(--color-border);background:var(--color-surface-raised);width:100%;color:var(--color-text);font-family:var(--font-body);padding:.75rem 1rem;font-size:.95rem}.clay-select-search:focus-visible{background:var(--color-surface);outline:none}.clay-select-list{max-height:320px;list-style:none;overflow-y:auto}.clay-select-option{text-align:left;width:100%;color:var(--color-text);font-family:var(--font-body);cursor:pointer;transition:background .15s ease, transform .15s var(--ease-clay), box-shadow .15s ease;background:0 0;border:none;justify-content:space-between;align-items:center;gap:.5rem;padding:.75rem 1rem;font-size:.95rem;display:flex}.clay-select-option:hover,.clay-select-option.active{background:var(--color-surface-raised);box-shadow:inset 2px 0 0 var(--color-accent-2);transform:translate(4px)}.clay-select-option.disabled{opacity:.45;cursor:not-allowed}.clay-select-option.disabled:hover{box-shadow:none;transform:none}@media (prefers-reduced-motion:reduce){.clay-select-option:hover,.clay-select-option.active{transform:none}}.clay-select-empty{color:var(--color-text-muted);padding:.75rem 1rem;font-size:.85rem}.clay-spinner{border:2px solid;border-top-color:#0000;border-radius:50%;width:1.1em;height:1.1em;animation:.7s linear infinite clay-spin}@keyframes clay-spin{to{transform:rotate(360deg)}}.clay-overlay{z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:var(--space-6);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.page-transition-wrapper{width:100%;position:relative}.clay-button{overflow:hidden}.clay-button:before{content:"";border-radius:inherit;transform-origin:0;transition:transform .35s var(--ease-clay);pointer-events:none;z-index:0;position:absolute;inset:0;transform:scaleX(0)}.clay-button:hover:before{transform:scaleX(1)}.clay-button>*{z-index:1;position:relative}.clay-button-primary:before{background:var(--color-accent-hover)}.clay-button-danger:before{background:color-mix(in srgb, var(--color-error) 88%, black)}.clay-button-secondary:before{background:color-mix(in srgb, var(--color-accent-2) 12%, transparent)}.clay-button-tertiary:before{background:var(--color-surface)}@media (prefers-reduced-motion:reduce){.clay-button:before{transition:none}}.clay-button .btn-arrow{transition:transform .25s var(--ease-clay);display:inline-block}.clay-button:hover .btn-arrow{transform:translate(4px)}.service-cover .cover-index{transition:transform .3s var(--ease-clay);display:inline-block}.service-cover:hover .cover-index{transform:translateY(-2px)scale(1.15)}.case-card .case-card-meta{transition:transform .4s var(--ease-clay)}.case-card:hover .case-card-meta{transform:translateY(-6px)}.why-index{font-family:var(--font-body);letter-spacing:.28em;text-transform:uppercase;color:var(--color-accent-2-text);border:1px solid color-mix(in srgb, var(--color-accent-2) 40%, transparent);background:color-mix(in srgb, var(--color-accent-2) 10%, transparent);border-radius:999px;padding:.25rem .6rem;font-size:.7rem;transition:border-color .3s,box-shadow .3s;display:inline-block}.why-card:hover .why-index{border-color:var(--color-accent-2);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-accent-2) 18%, transparent)}@media (prefers-reduced-motion:reduce){.clay-button .btn-arrow,.service-cover .cover-index,.case-card .case-card-meta{transition:none!important;transform:none!important}}.marquee-outer{overflow:hidden}.marquee-track{will-change:transform;width:max-content;animation:30s linear infinite marquee-scroll;display:flex}.marquee-group{flex-shrink:0;align-items:center;display:flex}.marquee-outer:hover .marquee-track,.marquee-outer:focus-within .marquee-track{animation-play-state:paused}@keyframes marquee-scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.marquee-track{animation:none}}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:var(--color-bg)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:3px}body:after{content:"";z-index:9000;pointer-events:none;opacity:.035;mix-blend-mode:soft-light;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='0.6'/%3E%3C/svg%3E");background-size:160px 160px;position:fixed;inset:0}html[data-theme=light] body:after{mix-blend-mode:overlay}@media (prefers-reduced-motion:reduce){body:after{display:none}}@media (pointer:coarse){.clay-button{min-height:44px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.grid-editorial{grid-template-columns:repeat(4,1fr);gap:1rem;display:grid}.grid-editorial>.bento-a,.grid-editorial>.bento-b,.grid-editorial>.bento-c{grid-column:span 4}@media (width>=700px){.grid-editorial{grid-template-columns:repeat(8,1fr)}.grid-editorial>.bento-a{grid-column:span 8}.grid-editorial>.bento-b,.grid-editorial>.bento-c{grid-column:span 4}}@media (width>=1100px){.grid-editorial{grid-template-columns:repeat(12,1fr)}.grid-editorial>.bento-a{grid-column:span 7}.grid-editorial>.bento-b{grid-column:span 5}.grid-editorial>.bento-c{grid-column:span 4}}.bleed{width:100vw;margin-left:calc(50% - 50vw);padding-left:clamp(1rem,4vw,3.5rem);padding-right:clamp(.5rem,2vw,1.5rem)}.meta-micro{letter-spacing:.3em;text-transform:uppercase;color:var(--color-text-muted);flex-wrap:wrap;gap:1.4rem;font-size:.6rem;display:flex}.meta-micro span{align-items:center;gap:.5rem;display:inline-flex}.meta-micro span:before{content:"";background:var(--color-accent-2);border-radius:999px;flex-shrink:0;width:.35rem;height:.35rem}.display-massive{font-family:var(--font-heading);letter-spacing:-.05em;text-transform:uppercase;color:var(--color-text);font-size:clamp(3.5rem,14vw,11rem);font-weight:700;line-height:.92}.services-matrix{grid-template-columns:1fr;gap:1.6rem;display:grid}@media (width>=960px){.services-matrix{grid-template-columns:minmax(15rem,20rem) 1fr;align-items:start;gap:2.2rem}.services-matrix-meta{position:sticky;top:6rem}}@media (width>=700px){.work-gallery-grid>:nth-child(3n+2){transform:translateY(1.25rem)}}.clay-input,.clay-select-trigger,.clay-select-search{transform-origin:0}@media (prefers-reduced-motion:no-preference){.clay-input,.clay-select-trigger{transition:border-color .2s ease, box-shadow .2s ease, background .2s ease, transform .25s var(--ease-clay)}.clay-input:focus-visible,.clay-select-trigger:focus-visible,.clay-select-trigger[aria-expanded=true]{transform:scale(1.015)}}:root{--color-bg:#080008;--color-surface:#0f020c;--color-surface-raised:#180612;--color-text:#f3edf6;--color-text-secondary:#a89bad;--color-text-muted:#7a6e80;--color-border:#4c022459;--color-border-strong:#4c02248c;--color-accent:#ce0054;--color-accent-hover:color-mix(in srgb, var(--color-accent) 90%, black);--color-accent-2:#e29d23;--color-accent-2-text:#e29d23;--color-accent-3:#6b21cc;--color-accent-blue:#2563eb;--color-cursor:#ce0054;--color-focus:var(--color-accent);--color-error:#ef4444;--color-success:#22c55e;--shadow-card:0 24px 64px #00000059;--shadow-elevated:0 32px 80px #00000073;--font-heading:"Creato Display", system-ui, sans-serif;--font-body:"Figtree", system-ui, sans-serif;--radius-card:1.25rem;--radius-sm:.75rem;--ease-clay:cubic-bezier(.22, 1, .36, 1);--space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-6:1.5rem;--space-8:2rem;--space-12:3rem;--space-16:4rem;--space-24:6rem}[data-theme=light]{--color-bg:#fbf8f6;--color-surface:#fff;--color-surface-raised:#f7eff2;--color-text:#4c0224;--color-text-secondary:#24395b;--color-text-muted:#6e5a63;--color-border:#4c02241f;--color-border-strong:#4c022438;--color-accent:#ce0054;--color-accent-hover:color-mix(in srgb, var(--color-accent) 90%, black);--color-accent-2:#e29d23;--color-accent-2-text:#8a5c0b;--color-accent-3:#24395b;--color-accent-blue:#24395b;--color-cursor:#ce0054;--color-focus:var(--color-accent);--color-error:#dc2626;--color-success:#16a34a;--shadow-card:0 24px 64px #4c022414;--shadow-elevated:0 32px 80px #4c02241f}html{background:var(--color-bg);color:var(--color-text);transition:background .7s var(--ease-clay), color .7s var(--ease-clay)}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}::selection{background:var(--color-accent);color:#fff}:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.home-mobile-toggle{display:none}.home-nav-links{letter-spacing:.06em;gap:2rem;font-size:.82rem;display:flex}.services-category-nav{flex-wrap:wrap;gap:.7rem;display:flex}.services-category-nav-item{appearance:none;border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:.64rem 1rem;font-size:.78rem;text-decoration:none;transition:border-color .2s,background .2s;position:relative}.services-category-nav-item:hover{border-color:var(--color-accent-2);background:color-mix(in srgb, var(--color-accent-2) 8%, transparent)}.services-category-nav-item-active{color:var(--color-text)}.services-tiles-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;display:grid}.services-tile{border:1px solid var(--color-border);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-raised) 60%, transparent), var(--color-bg));border-radius:.9rem;flex-direction:column;gap:.45rem;padding:.95rem 1rem;text-decoration:none;transition:border-color .2s,transform .2s,background .2s;display:flex}.services-tile:hover{border-color:color-mix(in srgb, var(--color-accent) 67%, transparent);background:linear-gradient(180deg, color-mix(in srgb, var(--color-accent) 16%, transparent), var(--color-bg));transform:translateY(-2px)}.services-tile-service{color:var(--color-text);font-size:.95rem;line-height:1.4}.services-tile-category{color:var(--color-accent-2-text);letter-spacing:.08em;text-transform:uppercase;font-size:.68rem}.work-chip-row{flex-wrap:wrap;gap:.65rem;display:flex}.work-chip{border:1px solid var(--color-border-strong);background:var(--color-surface);color:var(--color-text-secondary);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:999px;padding:.58rem .95rem;font-size:.75rem;transition:border-color .2s,background .2s,color .2s;position:relative}.work-chip:hover{border-color:color-mix(in srgb, var(--color-accent-2) 60%, transparent)}.work-chip-active{color:var(--color-text)}.work-gallery-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.work-gallery-image{object-fit:cover;border:1px solid var(--color-border);border-radius:.95rem;width:100%;height:16rem}.work-preview-overlay{z-index:120;background:color-mix(in srgb, var(--color-bg) 86%, transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.work-preview-panel{border:1px solid var(--color-border-strong);background:linear-gradient(180deg, color-mix(in srgb, var(--color-surface-raised) 70%, transparent), var(--color-bg));border-radius:1rem;width:min(100%,900px);max-height:90vh;padding:1rem;overflow:auto}.work-preview-image{object-fit:contain;border:1px solid var(--color-border);background:var(--color-bg);border-radius:.85rem;width:100%;max-height:65vh}.contact-console-grid{grid-template-columns:1.15fr .95fr;gap:1.5rem;display:grid}.contact-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.contact-route-panel{grid-template-columns:1.15fr .85fr;align-items:stretch;gap:1rem;display:grid}@media (width<=900px){.home-nav-links{display:none}.home-mobile-toggle{display:inline-flex!important}.services-tiles-grid,.contact-console-grid,.contact-mini-grid,.contact-route-panel,.work-gallery-grid{grid-template-columns:1fr}}.services-category-nav-item,.work-chip,.services-tile,.contact-copy-btn,.contact-mini-grid button,.contact-mini-grid a,.contact-route-panel a,.contact-route-panel button,.home-nav-links a{transition:transform .2s,border-color .2s,box-shadow .2s,background .2s,color .2s}.services-category-nav-item:hover,.work-chip:hover,.contact-copy-btn:hover,.contact-mini-grid button:hover,.contact-route-panel button:hover,.contact-route-panel a:hover,.home-nav-links a:hover{transform:translateY(-1px)}.services-tile:hover{transform:translateY(-2px)}.services-category-nav-item:active,.work-chip:active,.services-tile:active,.contact-copy-btn:active,.contact-mini-grid button:active,.contact-route-panel button:active,.contact-route-panel a:active{transform:translateY(0)scale(.985)}.services-category-nav-item:focus-visible,.work-chip:focus-visible,.services-tile:focus-visible,.contact-copy-btn:focus-visible,.contact-mini-grid button:focus-visible,.contact-route-panel button:focus-visible,.contact-route-panel a:focus-visible,.home-nav-links a:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px;box-shadow:0 0 0 2px color-mix(in srgb, var(--color-focus) 19%, transparent)}@media (prefers-reduced-motion:reduce){.services-category-nav-item,.work-chip,.services-tile,.contact-copy-btn,.contact-mini-grid button,.contact-mini-grid a,.contact-route-panel a,.contact-route-panel button,.home-nav-links a{transition:none!important;animation:none!important;transform:none!important}}.work-gallery-card{overflow:hidden}.work-gallery-card .work-gallery-image{transition:transform .35s,border-color .3s}.work-gallery-card:hover .work-gallery-image,.work-gallery-card:focus-visible .work-gallery-image{border-color:color-mix(in srgb, var(--color-accent-2) 27%, transparent);transform:scale(1.04)}@media (pointer:coarse){.work-chip,.services-category-nav-item,.theme-toggle{justify-content:center;align-items:center;min-height:44px;display:inline-flex}}.home-nav-links a{position:relative}.home-nav-links a:after{content:"";background:var(--color-accent-2);transform-origin:0;border-radius:999px;height:1.5px;transition:transform .25s;position:absolute;bottom:-6px;left:0;right:0;transform:scaleX(0)}.home-nav-links a:hover:after{transform:scaleX(1)}.mobile-nav-link .mobile-nav-arrow{opacity:0;transition:opacity .25s ease, transform .25s var(--ease-clay);transform:translate(-6px)}.mobile-nav-link:hover .mobile-nav-arrow,.mobile-nav-link:focus-visible .mobile-nav-arrow{opacity:1;transform:translate(0)}@media (prefers-reduced-motion:reduce){.mobile-nav-link .mobile-nav-arrow{opacity:1;transition:none;transform:none}}.btn-primary,.btn-secondary{transition:transform .2s,box-shadow .25s,filter .2s}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-2px)}.btn-secondary:hover{filter:brightness(1.15);box-shadow:0 12px 30px color-mix(in srgb, var(--color-accent-2) 15%, transparent);transform:translateY(-2px)}.btn-primary:active,.btn-secondary:active{transform:translateY(0)scale(.98)}.btn-primary:focus-visible,.btn-secondary:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.slide-progress-fill{background:var(--color-accent-2);transform-origin:0;width:100%;height:100%;animation:5s linear forwards slide-progress;transform:scaleX(0)}@keyframes slide-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@media (prefers-reduced-motion:reduce){.slide-progress-fill{animation:none}}.services-group-visual{border:1px solid var(--color-border);border-radius:1rem;margin-bottom:1.15rem;overflow:hidden}.services-group-visual img{object-fit:cover;filter:saturate(.92)contrast(1.06);width:100%;height:12rem;transition:transform .5s;display:block}.services-group-visual:hover img{transform:scale(1.03)}.page-visual-card{border:1px solid var(--color-border-strong);box-shadow:var(--shadow-card);border-radius:1.25rem;overflow:hidden}.page-visual-card img{object-fit:cover;filter:saturate(.92)contrast(1.06);width:100%;transition:transform .5s;display:block}.page-visual-card:hover img{transform:scale(1.03)}.page-visual-card-mid img{height:14rem}@media (prefers-reduced-motion:reduce){.work-gallery-card .work-gallery-image,.services-group-visual img,.page-visual-card img,.btn-primary,.btn-secondary{transition:none!important;transform:none!important}.home-nav-links a:after{transition:none!important}}
