:root{--background: hsl(240deg 14% 4%);--foreground: hsl(24deg 33% 96%);--foreground-soft: hsl(24deg 15% 80%);--muted-foreground: hsl(24deg 10% 62%);--surface: hsl(240deg 14% 7%);--surface-raised: hsl(240deg 13% 9%);--card: hsl(240deg 13% 9%);--card-foreground: hsl(24deg 33% 96%);--primary: hsl(356deg 67% 47%);--primary-foreground: hsl(0deg 0% 100%);--primary-hover: hsl(356deg 70% 54%);--primary-soft: hsl(356deg 35% 14%);--secondary: hsl(240deg 11% 12%);--secondary-foreground: hsl(24deg 28% 92%);--border: hsl(240deg 10% 16%);--border-strong: hsl(356deg 26% 21%);--ring: hsl(356deg 72% 58%);--shadow-panel: 0 18px 40px rgb(0 0 0 / 26%);--icon-filter-primary: invert(26%) sepia(58%) saturate(2917%) hue-rotate(336deg) brightness(103%) contrast(98%);--icon-filter-muted: invert(73%) sepia(6%) saturate(322%) hue-rotate(317deg) brightness(93%) contrast(84%);--icon-filter-foreground: invert(100%) sepia(7%) saturate(286%) hue-rotate(304deg) brightness(114%) contrast(93%);--icon-filter-white: invert(100%) sepia(0%) saturate(0%) hue-rotate(59deg) brightness(102%) contrast(103%);--font-heading: main, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--font-body: normal, system-ui, -apple-system, BlinkMacSystemFont, Segoe UI, sans-serif;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: .25rem;--radius-md: .375rem;--radius-lg: .625rem;--max-width-wide: 78rem;--max-width-narrow: 64rem}@font-face{font-family:main;src:url(/fonts/main.otf) format("opentype");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:normal;src:url(/fonts/regular.woff2) format("woff2");font-style:normal;font-weight:400;font-display:swap}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth}html,body{min-height:100%}body{background-color:var(--background);color:var(--foreground);font-family:var(--font-body);margin:0;text-rendering:optimizeLegibility}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:600;letter-spacing:-.02em}p,a,label,input,textarea,button{font-size:.95rem}a{color:inherit}::selection{background:#92192457;color:var(--foreground)}.page-shell{background-color:var(--background);isolation:isolate;min-height:100%;overflow-x:clip;position:relative}.page-shell__background{display:none}.page-shell__scene{--brand-scene-mask: var( --page-shell-scene-mask, linear-gradient( 180deg, transparent 0%, rgb(0 0 0 / 80%) 8%, black 16%, black 84%, rgb(0 0 0 / 76%) 94%, transparent 100% ) );block-size:100svh;inline-size:100%;inset:0;opacity:var(--page-shell-scene-opacity, .92);pointer-events:none;position:fixed;z-index:1}.page-shell__content{position:relative;z-index:2}.page-shell--home{--page-shell-scene-mask: linear-gradient( 180deg, transparent 0%, rgb(0 0 0 / 78%) 6%, black 14%, black 88%, rgb(0 0 0 / 74%) 94%, transparent 100% );--page-shell-scene-opacity: .96}.page-shell--case-study{--page-shell-scene-mask: linear-gradient( 180deg, transparent 0%, rgb(0 0 0 / 80%) 7%, black 15%, black 87%, rgb(0 0 0 / 76%) 94%, transparent 100% );--page-shell-scene-opacity: .94}.page-shell--not-found{--page-shell-scene-mask: radial-gradient(circle at center, black 52%, transparent 100%);--page-shell-scene-opacity: .9}:root{--action-lift-shadow: 0 16px 28px rgb(0 0 0 / 22%);--action-lift-transform: translateY(-2px);--container-padding-inline: var(--space-4);--container-wide-limit: var(--max-width-wide);--container-narrow-limit: var(--max-width-narrow);--scrollbar-size: .82rem;--scrollbar-track: color-mix(in srgb, var(--surface) 86%, black);--scrollbar-thumb: linear-gradient( 180deg, color-mix(in srgb, var(--primary) 72%, var(--border-strong)) 0%, color-mix(in srgb, var(--primary) 44%, black) 100% );--scrollbar-thumb-hover: linear-gradient( 180deg, color-mix(in srgb, var(--primary-hover) 84%, var(--primary)) 0%, color-mix(in srgb, var(--primary) 58%, black) 100% );--scrollbar-thumb-border: color-mix(in srgb, var(--background) 78%, transparent)}html{scrollbar-color:color-mix(in srgb,var(--primary) 70%,var(--border-strong)) var(--scrollbar-track);scrollbar-width:thin}html::-webkit-scrollbar{height:var(--scrollbar-size);width:var(--scrollbar-size)}html::-webkit-scrollbar-track{background:linear-gradient(180deg,rgba(255,255,255,.02) 0%,transparent 100%),var(--scrollbar-track)}html::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);background-clip:padding-box;border:.18rem solid var(--scrollbar-thumb-border);border-radius:999px}html::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}html::-webkit-scrollbar-corner{background:var(--scrollbar-track)}.button,.action-link{transition:color .22s ease,background-color .22s ease,border-color .22s ease,transform .22s ease,box-shadow .22s ease}.button{align-items:center;border:1px solid transparent;border-radius:1rem;cursor:pointer;display:inline-flex;font-size:.84rem;font-weight:600;gap:.5rem;justify-content:center;letter-spacing:.06em;min-height:3rem;padding:.8rem 1.28rem;text-decoration:none;text-transform:uppercase}.action-link{text-decoration:none}.button:hover,.button:focus-visible,.action-link:hover,.action-link:focus-visible{transform:var(--action-lift-transform)}.button:hover,.button:focus-visible,.action-link--surface:hover,.action-link--surface:focus-visible{box-shadow:var(--action-lift-shadow)}.button:focus-visible,.action-link:focus-visible{outline:2px solid var(--ring);outline-offset:3px}.button--primary{background:linear-gradient(135deg,var(--primary) 0%,color-mix(in srgb,var(--primary) 72%,black) 100%);color:var(--primary-foreground);border:none}.button--secondary{background:#ffffff0a;border-color:color-mix(in srgb,var(--border-strong) 70%,transparent);color:var(--foreground)}.button--ghost{background:transparent;border-color:color-mix(in srgb,var(--border) 70%,transparent);color:var(--foreground-soft)}.icon-img{display:block;transition:filter .2s ease}.icon-img--primary{filter:var(--icon-filter-primary)}.icon-img--muted{filter:var(--icon-filter-muted)}.icon-img--foreground{filter:var(--icon-filter-foreground)}.icon-img--white{filter:var(--icon-filter-white)}.scroll-anchor{block-size:0;display:block;inline-size:100%;line-height:0;opacity:0;overflow:hidden;outline:none;pointer-events:none;position:relative}.scroll-anchor[id]{scroll-margin-top:6rem}.container-wide,.container-narrow{margin-left:auto;margin-right:auto;padding-left:var(--container-padding-inline);padding-right:var(--container-padding-inline);width:100%}.container-wide{max-width:var(--container-wide-limit)}.container-narrow{max-width:var(--container-narrow-limit)}.section-padding{padding-bottom:clamp(4rem,9vw,7rem);padding-top:clamp(4rem,9vw,7rem)}.viewport-tilt{--viewport-tilt-duration: .32s;--viewport-tilt-lift: 0px;--viewport-tilt-perspective: 1320px;--viewport-tilt-rotate-x: 0deg;--viewport-tilt-rotate-y: 0deg;backface-visibility:hidden;transform:translate3d(0,var(--viewport-tilt-lift),0) perspective(var(--viewport-tilt-perspective)) rotateX(var(--viewport-tilt-rotate-x)) rotateY(var(--viewport-tilt-rotate-y));transform-origin:center center;transform-style:preserve-3d;transition:transform var(--viewport-tilt-duration) cubic-bezier(.16,1,.3,1)}.viewport-tilt--active{will-change:transform}.tilt-reveal-wrap{min-width:0}.tilt-reveal-wrap>.viewport-tilt{display:block;height:100%}.reveal-on-scroll{--reveal-blur: 8px;--reveal-delay: 0ms;--reveal-distance-x: 0px;--reveal-distance-y: 24px;--reveal-duration: .72s;--reveal-ease: cubic-bezier(.16, 1, .3, 1);--reveal-scale: .98;backface-visibility:hidden;transform:translateZ(0)}.reveal-on-scroll--ready,.reveal-on-scroll--visible{transition:opacity var(--reveal-duration) var(--reveal-ease) var(--reveal-delay),transform var(--reveal-duration) var(--reveal-ease) var(--reveal-delay),filter var(--reveal-duration) var(--reveal-ease) var(--reveal-delay)}.reveal-on-scroll--ready{filter:blur(var(--reveal-blur));opacity:0;transform:translate3d(var(--reveal-distance-x),var(--reveal-distance-y),0) scale(var(--reveal-scale))}.reveal-on-scroll--visible{filter:blur(0);opacity:1;transform:translateZ(0) scale(1)}.visually-hidden{block-size:1px;clip:rect(0 0 0 0);clip-path:inset(50%);inline-size:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap}.surface-card,.project-card{--project-accent: var(--surface-card-accent, var(--primary));--project-border: color-mix(in srgb, var(--project-accent) 30%, var(--border));background:linear-gradient(180deg,rgba(255,255,255,.04) 0%,transparent 24%),linear-gradient(180deg,#09090aeb,#080809);border:1px solid var(--project-border);border-radius:var(--surface-card-radius, 1.25rem);box-shadow:var(--shadow-panel);overflow:hidden;position:relative}.surface-card:before,.project-card:before{background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--project-accent) 72%,white) 50%,transparent 100%);content:"";height:1px;inset:0 0 auto;opacity:.74;position:absolute;z-index:1}.surface-card,.project-card{transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.surface-card:hover,.surface-card:focus-within,.project-card:hover,.project-card:focus-within{border-color:color-mix(in srgb,var(--project-accent) 40%,var(--border-strong));box-shadow:0 22px 44px #00000047,0 0 0 1px #ffffff0a;transform:translateY(-3px)}.surface-card:focus-within,.project-card:focus-within{outline:2px solid color-mix(in srgb,var(--project-accent) 72%,white);outline-offset:4px}.project-card[data-theme=auronix]{--project-accent: rgb(207, 169, 74);--project-accent-soft: rgb(207 169 74 / .18)}.project-card[data-theme=modularis]{--project-accent: rgb(200, 155, 60);--project-accent-soft: rgb(200 155 60 / .18)}.project-card[data-theme=votrix]{--project-accent: rgb(45, 121, 199);--project-accent-soft: rgb(45 121 199 / .18)}.project-card[data-theme=vox]{--project-accent: rgb(178, 0, 0);--project-accent-soft: rgb(178 0 0 / .18)}.project-card[data-theme=etecfy]{--project-accent: rgb(224, 32, 32);--project-accent-soft: rgb(224 32 32 / .18)}.project-card__media-overlay{background:linear-gradient(180deg,#0000,#0000008a),linear-gradient(135deg,rgba(0,0,0,.12) 0%,var(--project-accent-soft) 100%);inset:0;position:absolute}.project-card__media img{display:block;object-fit:cover;transform:scale(1.02);transition:transform .28s ease}.project-card:hover .project-card__media img,.project-card:focus-within .project-card__media img{transform:scale(1.06)}.project-card__index{color:#ffffffe0;font-family:var(--font-heading);font-size:.85rem;inset:1rem 1rem auto auto;letter-spacing:.2em;position:absolute;text-transform:uppercase;z-index:1}.project-card__overlay-link{border-radius:inherit;inset:0;position:absolute;z-index:3}.project-card__overlay-link:focus-visible{outline:none}@media(min-width:768px){:root{--container-padding-inline: var(--space-8)}}@media(min-width:1200px){:root{--container-padding-inline: clamp(1.5rem, 1.9vw, 2.25rem);--container-wide-limit: 89rem;--container-narrow-limit: 71rem}.section-padding{padding-bottom:clamp(5rem,7vw,8rem);padding-top:clamp(5rem,7vw,8rem)}}@media(min-width:1520px){:root{--container-padding-inline: clamp(1.75rem, 1.8vw, 2.5rem);--container-wide-limit: 93rem;--container-narrow-limit: 75rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}