@font-face{font-family:Anton;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/anton-latin-400-normal-Byf51wtH.woff2) format("woff2"),url(/assets/anton-latin-400-normal-AUNGEG_V.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff")}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:500;src:url(/assets/inter-latin-500-normal-Cerq10X2.woff2) format("woff2"),url(/assets/inter-latin-500-normal-BL9OpVg8.woff) format("woff")}:root{color-scheme:dark;--background: #070709;--surface: #111015;--text: #f1f0f4;--muted: #b8b5c0;--heading: #716b7c;--accent: #8c39f6;--button-fill: #5829bd;--button-hover: #6a36d4;--border: #8055b5;--gutter: clamp(24px, 5.4vw, 104px);--ease: cubic-bezier(.22, 1, .36, 1);font-family:Inter,Arial,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;background:var(--background);color:var(--text)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0}button,a{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;cursor:pointer}a{color:inherit;text-decoration:none}button,a{transition:color .18s ease,background-color .18s ease,border-color .18s ease,box-shadow .18s ease}button:focus-visible,a:focus-visible{outline:2px solid #c6a3ff;outline-offset:6px}[tabindex="-1"]:focus{outline:none}ul{padding:0;margin:0;list-style:none}p,h1,h2{margin:0}svg{flex-shrink:0}[hidden]{display:none!important}::selection{color:#fff;background:#6234ac}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:16px;background:var(--button-fill);transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.hero-shell{position:relative;max-width:2200px;min-height:100svh;margin-inline:auto;overflow:clip;isolation:isolate}.site-header{position:relative;z-index:10;height:clamp(92px,12.3vh,128px);margin-inline:clamp(24px,3.35vw,72px);display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:17px;min-height:44px;flex-shrink:0}.brand-mark{width:50px;height:30px;object-fit:contain;mix-blend-mode:screen}.brand-name{font-size:11px;letter-spacing:.025em;color:var(--muted)}.desktop-nav ul{display:flex;align-items:center;gap:clamp(24px,3.65vw,64px)}.desktop-nav a{display:flex;align-items:center;min-height:44px;font-size:12px;letter-spacing:.15em;text-transform:uppercase}.desktop-nav a:hover{color:#bc95f8}.menu-area{position:relative;display:flex;align-items:center;gap:36px}.menu-toggle{display:flex;align-items:center;justify-content:end;gap:18px;min-height:44px;padding:0;border:0;background:transparent;text-transform:uppercase;letter-spacing:.15em;font-size:12px}.menu-toggle:hover{color:#c7a5f7}.accent-dot{display:inline-block;width:8px;height:8px;flex-shrink:0;border-radius:50%;background:var(--accent);box-shadow:0 0 12px #8735f64a}.header-dot{width:7px;height:7px;box-shadow:0 0 0 11px #8034df08,0 0 20px #8735f634}.expanded-nav{position:absolute;top:calc(100% + 20px);right:0;width:330px;padding:20px;border:1px solid #39303f;background:#111015f5;box-shadow:0 20px 70px #0009;animation:enter .22s var(--ease) both}.expanded-nav a{display:flex;align-items:center;min-height:54px;gap:18px;padding-inline:12px;font-size:16px}.expanded-nav a:hover{background:#21182e}.expanded-nav a svg{margin-left:auto}.nav-number{font-size:10px;color:#ae93d0}.expanded-nav>p{padding:20px 12px 6px;border-top:1px solid #302936;margin-top:14px;color:var(--muted);font-size:12px}.hero{position:relative;min-height:max(700px,calc(100svh - clamp(92px,12.3vh,128px)));padding:clamp(50px,7.2vh,84px) var(--gutter) 112px;isolation:isolate}.hero-copy{position:relative;z-index:2;width:66%;max-width:1150px;animation:enter .8s var(--ease) both}.eyebrow{display:flex;align-items:center;gap:16px;text-transform:uppercase;font-size:clamp(11px,.91vw,16px);letter-spacing:.23em;line-height:1.6}h1{font-family:Anton,Impact,Arial Narrow,sans-serif;font-size:clamp(120px,13.2vw,270px);font-weight:400;text-transform:uppercase;letter-spacing:-.027em;line-height:.925;margin:10px 0 22px -5px;color:var(--heading)}h1 span{display:block;transform:scaleX(1.26);transform-origin:left;color:#3d3a43;background-color:#3d3a43;background-image:radial-gradient(ellipse 31% 76% at 37% 82%,#60468a 0%,#4a3b61 34%,transparent 72%),radial-gradient(ellipse 25% 68% at 78% 18%,#55436d 0%,#41394e 37%,transparent 74%),linear-gradient(180deg,#55525c,#34323a 54%,#202026);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}h1 span+span{background-image:radial-gradient(ellipse 25% 82% at 34% 18%,#62478e 0%,#4b3b63 35%,transparent 73%),radial-gradient(ellipse 29% 70% at 83% 86%,#503b70 0%,#3c334a 34%,transparent 72%),linear-gradient(180deg,#4d4a54,#302e36 55%,#1c1c21)}.hero-description{max-width:525px;width:88%;font-size:clamp(16px,1.15vw,20px);line-height:1.48;color:var(--muted);letter-spacing:-.026em}.hero-actions{display:flex;gap:22px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:60px;padding:16px 28px;border:1px solid var(--border);border-radius:4px;font-size:16px;line-height:1.4;white-space:nowrap}.button-primary{min-width:248px;background:var(--button-fill);box-shadow:inset 0 1px #ffffff12,0 8px 32px #521cad13}.button-primary:hover{background:var(--button-hover);border-color:#ae7deb;box-shadow:0 6px 28px #6024c92b}.button-secondary{min-width:210px;background:#07070990}.button-secondary:hover{background:#21152f;border-color:#ae7deb}.button svg{transition:transform .22s var(--ease)}.button:hover svg{transform:translate(3px,-1px)}.button:active{background:#412183}.portrait-composition{position:absolute;z-index:1;bottom:-75px;right:6.5%;width:43%;max-width:940px;pointer-events:none;animation:portrait-enter 1s var(--ease) both}.portrait-composition picture{display:block}.portrait{display:block;width:100%;height:auto;filter:saturate(.76) brightness(.84);mix-blend-mode:lighten;-webkit-mask-image:linear-gradient(to right,transparent,#000 18%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);mask-image:linear-gradient(to right,transparent,#000 18%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 12%,#000 82%,transparent);-webkit-mask-composite:source-in;mask-composite:intersect}.location{position:absolute;right:3.95%;top:44%;z-index:3;display:flex;flex-direction:row-reverse;align-items:center;gap:20px;writing-mode:vertical-rl;transform:rotate(180deg);text-transform:uppercase;letter-spacing:.39em;font-size:11px;color:var(--muted)}.location .accent-dot{width:6px;height:6px}.scroll-cue{position:absolute;z-index:4;bottom:29px;left:50%;transform:translate(-50%);display:flex;align-items:center;flex-direction:column;gap:12px;padding:8px 16px;font-size:11px;letter-spacing:.19em;text-transform:uppercase}.scroll-cue:hover{color:#c7a5f7}.scroll-track{position:relative;display:block;height:29px;width:1px;background:#bbb2c5}.scroll-track .accent-dot{position:absolute;width:6px;height:6px;bottom:-3px;left:-2.5px}.detail-dialog h2{font-size:clamp(36px,5vw,64px);font-weight:500;letter-spacing:-.045em;margin:18px 0;line-height:1.1}.detail-dialog #panel-description{color:var(--muted);font-size:16px;line-height:1.7}.detail-dialog{width:min(600px,calc(100% - 40px));max-height:calc(100svh - 40px);padding:0;border:1px solid #51425f;border-radius:6px;background:var(--surface);color:var(--text)}.detail-dialog[open]{animation:enter .26s var(--ease) both}.detail-dialog::backdrop{background:#000b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.dialog-content{position:relative;padding:60px 40px 40px}.dialog-content .eyebrow{font-size:10px}.dialog-close{position:absolute;top:8px;right:8px;width:44px;height:44px;display:grid;place-items:center;background:transparent;border:0}.dialog-close:hover{color:#c7a5f7}.dialog-content .button{margin-top:32px}body:has(dialog[open]){overflow:hidden}.process-section{position:relative;min-height:960px;overflow:hidden;isolation:isolate;border-top:1px solid #18141f;background:#050507}.process-inner{position:relative;z-index:1;width:min(100%,2200px);min-height:960px;margin-inline:auto;padding:clamp(88px,8vw,126px) var(--gutter) 0}.process-orbit-art{position:absolute;z-index:0;top:0;right:0;width:min(42vw,660px);height:460px;overflow:hidden;pointer-events:none;opacity:.72}.process-orbit-art img{position:absolute;top:0;right:0;display:block;width:1600px;max-width:none;height:auto}.process-header{position:relative;z-index:1;width:min(850px,68vw)}.process-eyebrow{color:#c8c3cf}.process-header h2{max-width:850px;margin:28px 0 22px;color:#d0ced4;font-size:clamp(46px,4.5vw,78px);font-weight:400;letter-spacing:-.052em;line-height:1.06;text-wrap:balance}.process-subtitle{max-width:700px;color:#9e9aa6;font-size:clamp(15px,1.08vw,18px);letter-spacing:-.022em;line-height:1.65}.process-stage{position:relative;margin-top:clamp(58px,6.4vw,86px);padding-inline:62px}.process-track-viewport{--process-min-item-width: 152px;position:relative;overflow:hidden;scrollbar-width:none;overscroll-behavior-inline:contain}.process-track-viewport::-webkit-scrollbar{display:none}.process-track-viewport:before{content:"";position:absolute;z-index:0;top:65px;left:10%;right:10%;border-top:1px dotted #4a315f;opacity:.65}.process-track{position:relative;z-index:1;display:flex;width:100%;min-width:0;will-change:transform;transition:transform .52s cubic-bezier(.22,1,.36,1)}.process-track.is-resetting{transition:none}.process-step{position:relative;flex:0 0 var(--process-item-width);width:var(--process-item-width);min-width:0;padding:0 10px;border:0;background:transparent;color:#696672;text-align:center}.process-icon-frame{display:grid;width:100%;height:132px;place-items:center}.process-icon-disc{display:grid;width:90px;height:90px;place-items:center;border:1px solid #30283a;border-radius:50%;background:#08080b;box-shadow:inset 0 0 0 1px #ffffff02;transition:transform .42s var(--ease),color .26s ease,border-color .26s ease,background-color .26s ease,box-shadow .42s var(--ease)}.process-icon-disc img{display:block;width:48px;height:48px;object-fit:contain;opacity:.34;mix-blend-mode:screen;transition:opacity .26s ease,filter .42s var(--ease),transform .42s var(--ease)}.process-step-number,.process-step-title{display:block;transition:color .26s ease,opacity .26s ease}.process-step-number{margin-top:8px;color:#6e6a75;font-size:12px;letter-spacing:.08em}.process-step-title{max-width:210px;min-height:52px;margin:9px auto 0;font-size:clamp(13px,1.12vw,18px);line-height:1.35}.process-step:hover{color:#aaa4b3}.process-step:hover .process-icon-disc{border-color:#5f4672}.process-step.is-active{color:#f2eff6}.process-step.is-active .process-icon-disc{transform:scale(1.34);border-color:#9a4dff;background:#371168;box-shadow:inset 0 0 24px #b478ff40,0 0 0 12px #8c39f610,0 0 42px #7d2ee26b}.process-step.is-active .process-icon-disc img{opacity:1;filter:drop-shadow(0 0 8px #d7b7ff80);transform:scale(.92)}.process-step.is-active .process-step-number{color:#9d55ff}.process-arrow{position:absolute;z-index:3;top:44px;display:grid;width:48px;height:48px;place-items:center;padding:0;border:0;background:transparent;color:#bdb8c4}.process-arrow-left{left:0}.process-arrow-right{right:0}.process-arrow:hover{color:#b272ff}.process-description{width:min(650px,72vw);min-height:64px;margin:31px auto 0;color:#c7c2cc;font-size:clamp(15px,1.12vw,18px);letter-spacing:-.024em;line-height:1.55;text-align:center;animation:process-copy-in .38s var(--ease) both}.process-progress{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px}.process-progress span{width:34px;height:3px;background:#15131a;transition:width .26s var(--ease),background-color .26s ease,box-shadow .26s ease}.process-progress span.is-active{width:40px;background:#8c39f6;box-shadow:0 0 12px #8c39f650}.process-transition{display:flex;align-items:center;flex-direction:column;gap:13px;margin-top:44px;color:#c7c2cc;text-transform:uppercase}.process-transition p{font-size:11px;letter-spacing:.42em}.process-transition p span:last-child{color:#a552ff}.process-transition-line{position:relative;display:block;width:1px;height:54px;background:#a9a2af}.process-transition-line .accent-dot{position:absolute;bottom:-3px;left:-2.5px;width:6px;height:6px}.selected-work-section{position:relative;overflow:hidden;border-top:1px solid #18141f;background:#08070b}.selected-work-inner{width:min(100%,2200px);margin-inline:auto;padding:clamp(88px,8vw,126px) var(--gutter) clamp(96px,9vw,148px)}.selected-work-header{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:48px;margin-bottom:clamp(42px,4vw,64px)}.selected-work-heading-group{max-width:980px}.selected-work-eyebrow{color:#cbc6d1}.eyebrow-line{width:58px;height:1px;margin-left:2px;background:#77717f}.selected-work-header h2{margin:18px 0 12px;color:#eeeaf2;font-size:clamp(44px,4.2vw,72px);font-weight:500;letter-spacing:-.052em;line-height:1.05;text-wrap:balance}.selected-work-header h2 span{color:#a969ff}.selected-work-subtitle{max-width:780px;color:#9f9aa8;font-size:clamp(15px,1.05vw,18px);letter-spacing:-.02em;line-height:1.65}.view-all-work{display:inline-flex;min-width:196px;min-height:54px;align-items:center;justify-content:space-between;gap:24px;padding:14px 22px;border:1px solid #8547d4;border-radius:999px;background:#0b0910;box-shadow:0 0 0 1px #7d38dc12,0 0 28px #7d38dc1c;font-size:13px;font-weight:500}.view-all-work:hover{border-color:#b375ff;background:#171020;box-shadow:0 0 34px #7d38dc32}.view-all-work svg{transition:transform .22s var(--ease)}.view-all-work:hover svg{transform:translate(3px)}.selected-work-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:clamp(18px,1.45vw,28px);scroll-margin-top:28px}.work-card{position:relative;display:grid;grid-template-rows:auto 1fr;min-width:0;height:100%;min-height:430px;overflow:hidden;border:1px solid #302c38;border-radius:16px;background:#111016;box-shadow:inset 0 1px #ffffff05;transition:border-color .3s ease,background-color .3s ease,box-shadow .36s var(--ease)}.work-card:hover,.work-card:focus-visible{border-color:#9e56fb;background:#141019;box-shadow:inset 0 1px #ffffff09,0 0 0 1px #8842e534,0 14px 42px #6f25c32a;outline:none}.work-card:focus-visible{box-shadow:inset 0 1px #ffffff09,0 0 0 2px #c69aff,0 14px 42px #6f25c32a}.work-card-media{margin:13px 13px 0;aspect-ratio:16 / 8.6;overflow:hidden;border-radius:10px;background:#1a1820}.work-card-media img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:saturate(.84) brightness(.92);transition:filter .42s ease,transform .52s var(--ease)}.work-card:hover .work-card-media img,.work-card:focus-visible .work-card-media img{filter:saturate(.98) brightness(1);transform:translateY(-2px)}.work-card-body{display:grid;grid-template-rows:auto auto 1fr;align-content:start;gap:7px;padding:18px 20px 20px}.work-card h3{overflow:hidden;color:#f1eef4;font-size:clamp(18px,1.25vw,22px);font-weight:500;letter-spacing:-.03em;line-height:1.25;text-overflow:ellipsis;white-space:nowrap}.work-card-meta{display:flex;flex-wrap:wrap;align-items:center;color:#9a95a3;font-size:12px;line-height:1.5}.work-card-meta span{display:inline-flex;align-items:center}.work-card-meta i{width:4px;height:4px;margin-inline:9px;border-radius:50%;background:#9a52f2}.work-card-extra{display:grid;grid-template-rows:minmax(44px,auto) 24px;align-content:end;gap:8px;min-height:84px;padding-top:6px;opacity:.22;transform:translateY(7px);transition:opacity .3s ease,transform .42s var(--ease)}.work-card:hover .work-card-extra,.work-card:focus-visible .work-card-extra{opacity:1;transform:translateY(0)}.work-card-extra>p{color:#b5afbc;font-size:12px;letter-spacing:-.01em;line-height:1.5}.case-study-label{display:inline-flex;align-items:center;gap:10px;color:#b877ff;font-size:12px;font-weight:500}.case-study-label.is-placeholder{visibility:hidden}.case-study-label svg{width:17px;height:17px}@keyframes process-copy-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes portrait-enter{0%{opacity:0}to{opacity:1}}@media(max-width:1200px){.brand-name{max-width:118px;line-height:1.6}.desktop-nav ul{gap:24px}.desktop-nav a{font-size:10px}.menu-area{gap:24px}.hero{min-height:max(660px,calc(100svh - 92px))}h1{font-size:13.1vw}.hero-copy{width:69%}.hero-description{max-width:450px}.button{min-height:56px;padding:14px 22px;font-size:14px;gap:20px}.button-primary{min-width:215px}.button-secondary{min-width:170px}.portrait-composition{width:40.5%;right:4.5%;bottom:-54px}.location{right:3%;font-size:10px}}@media(max-width:1000px){.desktop-nav{display:none}.brand-name{max-width:none}.hero-copy{width:75%}.hero-description{width:68%}.hero-actions{flex-wrap:wrap;gap:14px}.portrait-composition{width:38.5%;right:6%;bottom:-38px}.location{top:30%}.process-header{width:min(820px,82vw)}.process-header h2{font-size:clamp(44px,6vw,64px)}.process-stage{padding-inline:52px}.selected-work-header{align-items:start}.selected-work-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.hero-copy,.hero-description{width:100%}.portrait-composition{display:none}}@media(max-width:700px){.site-header{height:88px;gap:16px}.brand{gap:12px}.brand-mark{width:38px;height:28px}.brand-name{font-size:10px;max-width:124px;line-height:1.5}.header-dot{display:none}.menu-toggle{gap:10px;font-size:10px}.menu-toggle svg{width:24px}.expanded-nav{width:min(330px,calc(100vw - 48px))}.hero{min-height:calc(100svh - 88px);padding:42px var(--gutter) 0}.hero-copy{width:100%}.eyebrow{gap:10px;font-size:10px;letter-spacing:.16em}.eyebrow .accent-dot{width:6px;height:6px}h1{margin:22px 0 26px -2px;font-size:19.3vw;line-height:1.06;letter-spacing:-.03em}h1 span{transform:scaleX(1.3)}.hero-description{width:100%;max-width:480px;font-size:16px;line-height:1.65;letter-spacing:-.025em}.hero-actions{flex-wrap:nowrap;gap:12px;margin-top:26px}.button{padding:14px 16px;font-size:12px;gap:12px;min-width:0;min-height:54px}.button svg{width:19px}.button-primary{flex:1.2}.button-secondary{flex:1}.location{top:auto;bottom:119px;left:var(--gutter);right:auto;font-size:8px;letter-spacing:.28em;gap:12px}.scroll-cue{bottom:22px;font-size:9px;white-space:nowrap}.dialog-content{padding:56px 24px 28px}.process-section,.process-inner{min-height:920px}.process-inner{padding-top:76px}.process-orbit-art{display:none}.process-header{width:100%}.process-header h2{margin-block:22px 18px;font-size:clamp(38px,11.8vw,54px);line-height:1.08;text-wrap:pretty}.process-subtitle{font-size:15px;line-height:1.65}.process-stage{margin-top:48px;padding-inline:40px}.process-track-viewport{--process-min-item-width: 132px}.process-track-viewport:before{top:52px}.process-icon-frame{height:106px}.process-icon-disc{width:72px;height:72px}.process-icon-disc img{width:40px;height:40px}.process-step.is-active .process-icon-disc{transform:scale(1.27)}.process-step-title{min-height:44px;font-size:13px}.process-arrow{top:29px;width:44px;height:44px;background:#050507e6}.process-description{width:min(100%,520px);margin-top:27px;font-size:15px}.process-progress{margin-top:16px}.process-progress span{width:24px}.process-progress span.is-active{width:30px}.process-transition{margin-top:38px}.process-transition p{font-size:9px;letter-spacing:.28em}.selected-work-inner{padding-top:76px;padding-bottom:86px}.selected-work-header{grid-template-columns:1fr;gap:26px;margin-bottom:34px}.selected-work-header h2{margin-top:22px;font-size:clamp(38px,11.2vw,54px);line-height:1.08}.selected-work-subtitle{font-size:15px}.view-all-work{min-width:174px;min-height:50px;justify-self:start}.selected-work-grid{grid-template-columns:1fr;gap:18px}.work-card{min-height:420px}.work-card-media{margin:10px 10px 0}.work-card-body{padding:17px 18px 19px}}@media(hover:none){.work-card-extra{opacity:1;transform:none}}@media(max-width:360px){:root{--gutter: 20px}.site-header{margin-inline:20px}.brand-name{max-width:112px;font-size:9px}.hero-actions{flex-wrap:wrap}.hero-actions .button{flex-basis:100%;font-size:14px}.eyebrow{letter-spacing:.1em}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}