@font-face{font-family:Manrope;src:url(Manrope-SemiBold.ttf);font-weight:600;font-display:swap}@font-face{font-family:Manrope;src:url(Manrope-Bold.ttf);font-weight:700;font-display:swap}@font-face{font-family:Manrope;src:url(Manrope-ExtraBold.ttf);font-weight:800;font-display:swap}
:root{--bg:#09090c;--surface:#111115;--raised:#18181e;--text:#f5f3f6;--muted:#aaa8b2;--quiet:#85828e;--accent:#df007b;--line:#2d2b34;--tag:#202028;--gutter:80px;color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--text);font:600 14px/22px Manrope,sans-serif}body:has(dialog[open]){overflow:hidden}p,h1,h2,h3,h4,figure,blockquote{margin:0}ul{list-style:none;margin:0;padding:0}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:wait}img{display:block}a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #ff89cb;outline-offset:4px}main{padding-top:124px;overflow:clip}.section{max-width:1440px;margin:auto;padding-inline:var(--gutter)}.skip-link{position:fixed;top:-80px;left:16px;padding:12px 20px;background:var(--accent);border-radius:8px;z-index:100}.skip-link:focus{top:12px}.eyebrow{font-size:24px;line-height:32px;font-weight:800;color:var(--accent)}.muted{color:var(--muted)}.lead{font-size:22px;line-height:32px;color:var(--muted)}h2{font-size:48px;line-height:56px;letter-spacing:-.04em;font-weight:800}
.navigation{position:fixed;inset:0 0 auto;z-index:30;height:72px;background:transparent;transition:background .22s,box-shadow .22s,backdrop-filter .22s}.navigation.scrolled{background:rgb(9 9 12 / 72%);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px 0 rgb(45 43 52 / 45%)}.navigation-content{max-width:1280px;height:100%;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo-link{width:115px;height:32px;overflow:visible}.logo-link img{transform:scale(.5);transform-origin:top left}.navigation nav{display:flex;align-items:center;gap:24px}.nav-link{position:relative;display:inline-flex;padding:10px 0;color:var(--muted);font-weight:800;transition:color .2s}.nav-link::after{content:'';position:absolute;bottom:3px;left:0;right:0;height:2px;background:var(--accent);transform:scaleX(0);transform-origin:left;transition:transform .22s}.nav-link:hover{color:var(--text)}.nav-link:hover::after,.nav-link:focus-visible::after{transform:scaleX(1)}
.button{position:relative;isolation:isolate;display:inline-flex;justify-content:center;align-items:center;gap:16px;min-height:52px;padding:16px 24px;border:0;border-radius:8px;background:var(--accent);color:var(--text);font-weight:800;line-height:20px;white-space:nowrap;overflow:hidden;transition:transform .25s cubic-bezier(.2,1.3,.4,1),box-shadow .25s,background .25s}.button::before{content:'';position:absolute;z-index:-1;top:-30%;left:-60%;height:160%;width:30%;background:rgb(255 255 255 / 20%);transform:skewX(-22deg)}.button:hover::before{animation:sheen .65s ease-out}.button:hover{transform:translateY(-2px);background:#ec0083;box-shadow:0 6px 24px #df007b55}.button:active{transform:translateY(0) scale(.98)}.button .arrow{flex:none;transition:transform .28s cubic-bezier(.2,1.8,.4,1)}.button:hover .arrow{transform:translateX(5px)}.button.small{min-height:40px;gap:8px;padding:10px 16px}.button:disabled{opacity:.65;transform:none}@keyframes sheen{to{left:140%}}
.hero{position:relative;isolation:isolate;padding:0;min-height:564px}.hero-copy{position:relative;z-index:2;padding:64px var(--gutter) 96px;pointer-events:none}.hero-copy a{pointer-events:auto}h1{font-size:112px;line-height:118px;letter-spacing:-.04em;font-weight:800;margin-top:24px}h1 span{display:block}h1 span+span{color:var(--accent)}.hero-intro{display:flex;align-items:center;gap:48px;margin-top:48px}.hero-intro p{width:630px;max-width:calc(100% - 224px);font-size:22px;line-height:32px;color:var(--muted)}.hero-cta{width:176px;flex:none}.art-placement{position:absolute;right:0;top:0;width:700px;height:552px;pointer-events:none;z-index:1}#art{position:absolute;right:0;top:0;width:700px;height:552px;transform-origin:top right}.depth-layer{position:absolute;inset:0}.depth-layer svg{position:absolute;width:700px;height:552px}canvas{position:absolute;pointer-events:none}#large{width:360px;height:360px;left:334px;top:93px}#upper{width:135px;height:135px;left:440.5px;top:-35.5px}#lower{width:135px;height:135px;left:274.5px;top:392.5px}.art-fallback{position:absolute;object-fit:contain}.gpu-ready .art-fallback{display:none}.large-fallback{left:387px;top:146px}.upper-fallback{left:460.5px;top:-15.5px;filter:grayscale(1) brightness(.25)}.lower-fallback{left:294.5px;top:412.5px;filter:grayscale(1) brightness(.25)}
.brands{padding-block:32px 40px;text-align:center}.brands h2{font-size:18px;line-height:26px;letter-spacing:0;color:var(--muted);margin-bottom:24px}.brands>p{color:var(--quiet);margin-top:24px}.logo-viewport{position:relative;height:64px;overflow:hidden;mask-image:linear-gradient(to right,transparent,black 32px,black calc(100% - 32px),transparent)}.logo-track{display:flex;width:max-content;animation:brand-loop 42s linear infinite}.logo-track ul{display:flex;gap:24px;padding-right:24px}.brand-logo{width:176px;height:64px;display:flex;justify-content:center;align-items:center;flex:none}.empire{position:relative;width:166px;height:30.765px;display:block}.empire-word{position:absolute;left:41.42px;top:7.116px}.empire-circle{position:absolute;left:-.18px;top:-.05px}.empire-dice{position:absolute;left:4.68px;top:4.886px}.logo-viewport:hover .logo-track{animation-play-state:paused}@keyframes brand-loop{to{transform:translateX(-50%)}}
.expertise{padding-block:80px}.section-intro h2{margin-top:16px}.section-intro .lead{margin-top:32px;max-width:760px}.services{margin-top:80px}.service{display:grid;grid-template-columns:410px 1fr;gap:32px;padding-block:32px}.service+.service{border-top:1px dashed rgb(45 43 52 / 20%)}.service h3{display:flex;gap:20px;align-items:baseline;font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.01em}.service-number{color:var(--accent)}.service h4{font-size:18px;line-height:26px;font-weight:800;margin-bottom:8px}.service p{color:var(--muted)}.tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:24px}.tags li{padding:8px 16px;background:var(--tag);border-radius:999px;color:#aaa8b2;font-weight:700;line-height:20px}
.studio{width:calc(100% - 32px);max-width:1408px;border-radius:16px;padding-block:96px;background:var(--surface);display:grid;grid-template-columns:440px minmax(0,1fr);gap:48px}.studio-heading h2{font-size:56px;line-height:62px;margin-top:24px}.studio-story{display:flex;flex-direction:column;gap:24px;color:var(--muted)}.designer{display:flex;align-items:center;gap:20px}.identity{order:1}.portrait{order:0;border-radius:50%;object-fit:cover}.identity h3{font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.01em;color:var(--text)}.identity p{color:var(--quiet);font-weight:800;line-height:20px;margin-top:4px}.approach h3{font-size:18px;line-height:26px;font-weight:800;color:var(--text);margin-bottom:12px}.tools{padding-top:24px;border-top:1px dashed var(--line)}
.recommendations{padding-block:80px;text-align:center}.recommendations h2{font-size:28px;line-height:36px;font-weight:700;letter-spacing:-.01em;margin-top:16px}.quote-stage{display:grid;max-width:880px;min-height:250px;margin:32px auto}.recommendation{grid-area:1/1;display:flex;flex-direction:column;justify-content:center;gap:24px;min-width:0;opacity:0;visibility:hidden;transition:opacity .5s ease,visibility .5s;pointer-events:none}.recommendation.active{opacity:1;visibility:visible;pointer-events:auto}.recommendation blockquote{font-size:28px;line-height:40px;letter-spacing:-.01em}.recommendation figcaption{display:flex;flex-direction:column;gap:4px}.recommendation strong{font-weight:700;line-height:20px}.recommendation figcaption span{color:var(--muted)}.quote-controls{display:flex;justify-content:center;gap:0;min-height:44px}.quote-dot{display:flex;align-items:center;justify-content:center;width:22px;height:44px;padding:0;border:0;background:transparent}.quote-dot span{display:block;width:6px;height:6px;border-radius:50%;background:var(--accent);opacity:.25;transition:opacity .5s,transform .2s}.quote-dot.active span{opacity:1}.quote-dot:hover span{transform:scale(1.5);opacity:1}
.contact{padding-block:96px;display:grid;grid-template-columns:480px minmax(0,1fr);gap:64px}.contact h2{font-size:56px;line-height:62px;margin-top:16px}.contact-invitation .lead{margin-top:24px}form{display:flex;flex-direction:column;gap:24px;min-width:0}label{display:block;font-weight:700;line-height:20px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.optional{color:var(--quiet);font-weight:600}input,textarea{display:block;margin-top:8px;border:1px solid var(--raised);background:var(--surface);color:var(--text);border-radius:8px;padding:16px;width:100%;font-weight:600;line-height:22px;transition:border-color .2s,box-shadow .2s}input::placeholder,textarea::placeholder{color:var(--quiet);opacity:1}input:hover,textarea:hover{border-color:#383440}input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px #df007b1a;outline:none}.message-wrap{position:relative;margin-top:-16px}textarea{height:144px;min-height:144px;max-height:720px;resize:vertical;padding-bottom:34px}.resize-handle{position:absolute;bottom:5px;left:calc(50% - 22px);width:44px;height:22px;border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;cursor:ns-resize;touch-action:none}.resize-handle span{height:2px;width:24px;border-radius:1px;background:var(--quiet)}.resize-handle span+span{width:16px}.submit{width:100%}.privacy-note{text-align:center;color:var(--quiet)}.text-button{padding:0;border:0;background:transparent;color:var(--muted);text-decoration:underline;text-underline-offset:3px}.form-status:empty{display:none}.form-status{padding:12px 16px;border:1px solid #46404e;border-radius:8px;color:var(--text)}.form-status.error{border-color:#e574a3}.honeypot{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.footer{padding-block:32px;display:flex;align-items:center;justify-content:space-between;gap:24px;color:var(--quiet);border-top:1px solid rgb(45 43 52 / 25%)}.footer-logo{width:86.25px;height:24px}.footer-logo img{transform:scale(.375);transform-origin:top left}
dialog{max-width:560px;width:calc(100% - 32px);padding:28px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--muted);box-shadow:0 20px 80px #0009}dialog::backdrop{background:#0009;backdrop-filter:blur(6px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px;gap:16px}.dialog-heading h2{font-size:28px;line-height:36px;color:var(--text)}.dialog-close{width:40px;height:40px;background:var(--tag);border:0;border-radius:50%;color:var(--text);font-size:24px}dialog p+p{margin-top:16px}dialog a{text-decoration:underline}
@media(max-width:1439px){.navigation-content{margin-inline:var(--gutter)}h1{font-size:clamp(76px,7.78vw,112px);line-height:1.054}.service{grid-template-columns:minmax(280px,32%) 1fr}.studio{grid-template-columns:minmax(320px,34.4%) 1fr}.contact{grid-template-columns:minmax(320px,37.5%) 1fr;gap:48px}}
@media(max-width:1100px){:root{--gutter:48px}.hero-copy{padding-bottom:72px}h1{font-size:clamp(58px,9.12vw,90px);line-height:1.079}.hero{min-height:500px}.hero-intro p{width:440px;max-width:calc(100% - 224px)}.art-placement{width:460px;height:363px;right:-66px;top:90px;opacity:.8}#art{transform:scale(.657142857)}.expertise{padding-block:64px}.service{grid-template-columns:1fr;gap:24px}.studio{grid-template-columns:1fr;padding-block:64px;gap:40px}.studio-heading h2{font-size:48px;line-height:56px}.studio-heading h2 br{display:none}.studio-story{max-width:792px}.contact{grid-template-columns:1fr;padding-block:64px;gap:48px}.contact-invitation h2{font-size:48px;line-height:56px}.recommendations{padding-block:80px}}
@media(max-width:600px){:root{--gutter:24px}main{padding-top:116px}.navigation-content{margin-inline:24px}.navigation .nav-link{display:none}.navigation nav{gap:0}.button.small{min-height:40px}.hero{min-height:568px}.hero-copy{padding:40px 24px 56px}.eyebrow{font-size:16px;line-height:24px}h1{font-size:clamp(44px,13.85vw,60px);line-height:1.074;max-width:400px;margin-top:24px}h1 span{max-width:100%}.hero-intro{flex-direction:column;gap:24px;margin-top:32px;align-items:stretch}.hero-intro p{width:auto;max-width:none;font-size:18px;line-height:28px}.hero-cta{width:100%}.art-placement{right:-100px;top:-60px;width:350px;height:276px}#art{transform:scale(.5)}.brands{padding-block:32px 40px}.brands h2{font-size:16px;line-height:24px}.expertise{padding-block:24px}.section-intro h2{font-size:36px;line-height:44px;margin-top:8px}.section-intro .lead{font-size:18px;line-height:28px;margin-top:32px}.services{margin-top:24px}.service{gap:24px;padding-block:32px}.service h3{font-size:24px;line-height:32px}.service h4{font-size:18px;line-height:26px}.studio{gap:32px;padding-block:64px}.studio-heading h2{font-size:36px;line-height:44px;margin-top:8px}.studio-heading h2 br{display:block}.designer{gap:20px}.identity p{font-size:14px}.portrait{width:64px;height:64px;flex:none}.identity h3{font-size:28px}.recommendations{padding-block:64px}.recommendations h2{font-size:24px;line-height:32px}.quote-stage{min-height:312px;margin:32px auto}.recommendation blockquote{font-size:24px;line-height:32px}.contact{padding-block:64px}.contact-invitation h2{font-size:36px;line-height:44px;margin-top:8px}.contact-invitation .lead{font-size:22px;line-height:32px}.form-row{grid-template-columns:1fr;gap:24px}.footer{flex-direction:column;align-items:flex-start;gap:16px;padding-block:24px}.footer p{white-space:normal}.privacy-note{font-size:14px}dialog{padding:24px}}
@media(max-width:359px){.navigation-content{margin-inline:20px}:root{--gutter:20px}.hero-copy{padding-inline:20px}.identity p{font-size:12px}.tags li{padding-inline:12px}.service h3{gap:14px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.button:hover,.button:hover .arrow{transform:none}.depth-layer{transform:none!important}.logo-track{width:100%}.logo-track ul{flex-wrap:wrap;justify-content:center;gap:16px;padding:0}.logo-viewport{height:auto;mask-image:none}.brand-logo{width:176px}.logo-track ul[aria-hidden=true]{display:none}.recommendation{transition:none}}