:root{--black:#050507;--ink:#0b0a10;--panel:#111016;--panel2:#17131f;--white:#f7f3fb;--muted:#aaa2b4;--gold:#d8aa52;--gold2:#f5d98c;--violet:#8a3ffc;--violet2:#c378ff;--cyan:#61e5ee;--line:#ffffff1f;--pad:clamp(22px,6vw,92px);--max:1480px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;background:var(--black)}body{background:var(--black);color:var(--white);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}button,input,select{font:inherit}::selection{background:var(--violet);color:#fff}body:before{content:"";pointer-events:none;z-index:99;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.6'/%3E%3C/svg%3E");position:fixed;inset:0}.button span{margin-left:12px}.hero{isolation:isolate;min-height:100svh;padding:150px var(--pad) 90px;align-items:flex-end;display:flex;position:relative;overflow:hidden}.hero:after{content:"";z-index:-1;background:linear-gradient(transparent,var(--black));height:35%;position:absolute;inset:auto 0 0}.noise{z-index:-2;background:radial-gradient(circle at 71% 40%,#8a3ffc33,#0000 25%),radial-gradient(circle at 63% 62%,#d8aa521f,#0000 23%);position:absolute;inset:0}.hero h1,.studio h2,.contact h2{letter-spacing:-.065em;text-transform:uppercase;margin:26px 0 32px;font-size:clamp(58px,9vw,142px);line-height:.83}.hero h1 .outline{-webkit-text-stroke:1.2px #ffffffbf;color:#0000;text-shadow:0 0 40px #8a3ffc2e}.button{border:1px solid var(--line);text-transform:uppercase;letter-spacing:.12em;cursor:pointer;justify-content:center;align-items:center;padding:16px 22px;font-size:12px;font-weight:800;transition:transform .18s cubic-bezier(.23,1,.32,1),opacity .16s,color .16s,background-color .16s,border-color .16s;display:inline-flex}.marquee{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#09080c;padding:15px 0;overflow:hidden}.marquee div{white-space:nowrap;gap:26px;width:max-content;animation:28s linear infinite marquee;display:flex}.marquee span{letter-spacing:.28em;color:#cbc3d1;font-size:11px}.marquee b{color:var(--violet)}.studio h2,.contact h2{text-transform:none;font-size:clamp(46px,6vw,94px);line-height:.94}.studio h2 em,.contact h2 em{color:var(--gold2);font-family:Georgia,serif;font-weight:400}.portfolio{background:linear-gradient(#08070b,#0d0912);max-width:none}.project-grid{max-width:var(--max);grid-template-columns:repeat(12,1fr);gap:16px;margin:0 auto;display:grid}.project-card{border:1px solid var(--line);background:#0c0b10;flex-direction:column;grid-column:span 4;justify-content:space-between;min-height:410px;padding:24px;transition:transform .18s cubic-bezier(.23,1,.32,1),opacity .16s,color .16s,background-color .16s,border-color .16s;display:flex;position:relative;overflow:hidden}.project-card:first-child,.project-card:nth-child(5){grid-column:span 7}.project-card:nth-child(2),.project-card:nth-child(6){grid-column:span 5}.project-card:before{content:"";opacity:.28;border:1px solid;width:320px;height:320px;transition:transform .18s cubic-bezier(.23,1,.32,1),opacity .16s,color .16s,background-color .16s,border-color .16s;position:absolute;top:-155px;right:-155px;transform:rotate(45deg)}.project-card:after{content:"";opacity:.1;filter:blur(20px);background:radial-gradient(circle,currentColor,#0000 64%);position:absolute;inset:35% -10% -30%}@media (hover:hover) and (pointer:fine){.project-card:hover{border-color:currentColor;transform:translateY(-5px)}.project-card:hover:before{transform:rotate(65deg)scale(1.15)}}.project-card.gold{color:var(--gold)}.project-card.cyan{color:var(--cyan)}.project-card.violet{color:var(--violet2)}.project-index{letter-spacing:.2em;font-size:10px}.project-mark{letter-spacing:-.08em;color:#0000;-webkit-text-stroke:1px currentColor;opacity:.75;font-size:clamp(80px,10vw,150px);font-weight:900;line-height:1}.project-meta{z-index:2;position:relative}.project-meta span{letter-spacing:.18em;text-transform:uppercase;font-size:9px}.project-meta h3{color:#fff;margin:8px 0 0;font-size:clamp(18px,2vw,30px)}.contact{border-top:1px solid var(--line);background:#09070d;max-width:none;position:relative;overflow:hidden}.contact h2{font-size:clamp(47px,6vw,92px)}footer{padding:70px var(--pad) 30px;border-top:1px solid var(--line)}.noise{background:radial-gradient(circle at 71% 40%,#8a3ffc3d,#0000 25%),radial-gradient(circle at 63% 62%,#d8aa5226,#0000 23%),linear-gradient(115deg,#0000 48%,#61e5ee09 49%,#0000 50%)}.hero h1>span:first-child{text-shadow:0 0 36px #ffffff14}.hero h1 .outline{text-shadow:0 0 24px #8a3ffc5c,0 0 70px #61e5ee14}.button{position:relative;overflow:hidden}.button:before{content:"";background:linear-gradient(90deg,#0000,#fff9,#0000);width:28%;height:260%;transition:left .65s;position:absolute;top:-80%;left:-45%;transform:rotate(18deg)}@media (hover:hover) and (pointer:fine){.button:hover:before{left:120%}}.project-card{background:linear-gradient(145deg,#0e0c13,#09090d)}@media (hover:hover) and (pointer:fine){.project-card:hover{box-shadow:0 22px 65px #0000006b,0 0 35px color-mix(in srgb,currentColor 13%,transparent)}}.project-mark{text-shadow:0 0 34px color-mix(in srgb,currentColor 17%,transparent)}@keyframes marquee{to{transform:translate(-50%)}}@media (max-width:980px){.project-card,.project-card:nth-child(n){grid-column:span 6}}@media (max-width:640px){.hero{min-height:920px;padding-top:130px}.hero h1{font-size:55px}.project-card,.project-card:nth-child(n){grid-column:span 12;min-height:330px}.project-mark{font-size:110px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}.marquee div{animation:none!important}.project-card,.button{transition:none!important}}html[data-yz-input=keyboard],html[data-yz-input=keyboard] *{scroll-behavior:auto!important}html[data-yz-input=keyboard] :is(a,button,summary),html[data-yz-input=keyboard] :is(a,button,summary) *{transition:none!important;animation:none!important}.yz-universe-nav{text-align:left;width:100%;max-width:100%;color:inherit;border-top:1px solid;padding-block:2rem}.yz-universe-nav .yz-universe-home{text-underline-offset:5px;align-items:center;min-height:44px;font-size:14px;text-decoration:underline;display:inline-flex}.yz-universe-links{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;margin-top:1rem;display:grid}.yz-universe-nav .yz-universe-links a{min-width:0;color:inherit;flex-direction:column;align-items:flex-start;gap:.55rem;padding:1rem 0;line-height:1.4;text-decoration:none;transition:opacity .18s;display:flex}.yz-universe-links a:hover{opacity:.75}.yz-universe-links span,.yz-universe-links small,.yz-universe-links em{letter-spacing:.04em;font-size:12px;font-style:normal;font-weight:400}.yz-universe-links strong{letter-spacing:-.02em;font-size:clamp(16px,1.5vw,23px)}.yz-universe-links a[aria-current]{border-bottom:2px solid}:is(.yz-universe-nav a:focus-visible,.yz-brief-actions :is(a,button):focus-visible){outline-offset:5px;outline:2px solid}.gx-footer{flex-wrap:wrap}.gx-footer .yz-universe-nav{flex-basis:100%;order:4}.mt-footer>.yz-universe-nav,.mv-footer>.yz-universe-nav,.ff-footer>.yz-universe-nav{grid-column:1/-1;display:block}.yz-project-details dl{gap:1.3rem;margin:1.5rem 0;display:grid}.yz-project-details dt{text-transform:uppercase;letter-spacing:.1em;margin-bottom:.45rem;font-size:12px;font-weight:700}.yz-project-details dd{margin:0;font-size:16px;line-height:1.65}.yz-project-palette{gap:8px;margin:1.5rem 0;display:flex}.yz-project-palette span{border:1px solid #8886;width:35px;height:9px}.yz-project-details .yz-project-note{opacity:.8;font-size:13px;line-height:1.6}.yz-brief-actions>div{flex-wrap:wrap;gap:10px;display:flex}.yz-brief-actions :is(a,button){min-height:44px;color:inherit;font:inherit;cursor:pointer;background:0 0;border:1px solid;justify-content:center;align-items:center;padding:12px 18px;font-size:14px;text-decoration:none;display:inline-flex}.yz-brief-actions p{min-height:1.6em;font-size:14px;line-height:1.6}@media (max-width:700px){.yz-universe-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.yz-universe-nav{padding-block:1.5rem}.yz-brief-actions :is(a,button){flex:160px}}@media (prefers-reduced-motion:reduce){.yz-universe-nav *{transition:none}}.yz-direct-contact a{text-underline-offset:4px;overflow-wrap:anywhere;min-height:44px;color:inherit;align-content:center;text-decoration:underline;display:inline-block}.yz-direct-contact a:focus-visible{outline-offset:4px;outline:2px solid}:root{--yz-vt-morph:.68s;--yz-vt-ease:cubic-bezier(.22,1,.36,1);--yz-vt-fade:.24s}@media (prefers-reduced-motion:no-preference){@view-transition{navigation:auto;types:yz-route}::view-transition-group(yz-portal){animation-duration:var(--yz-vt-morph);animation-timing-function:var(--yz-vt-ease)}::view-transition-image-pair(yz-portal){isolation:isolate;overflow:hidden}::view-transition-old(yz-portal){object-fit:cover;mix-blend-mode:normal;width:100%;height:100%;animation-timing-function:var(--yz-vt-ease)}::view-transition-new(yz-portal){object-fit:cover;mix-blend-mode:normal;width:100%;height:100%;animation-timing-function:var(--yz-vt-ease)}::view-transition-old(yz-portal){animation-duration:calc(var(--yz-vt-morph) * .55)}::view-transition-new(yz-portal){animation-duration:var(--yz-vt-morph)}html:active-view-transition-type(yz-route) .gx-site .gx-project-visual{view-transition-name:none!important}html:active-view-transition-type(yz-route)::view-transition-old(root){animation:var(--yz-vt-fade) ease-out both yz-vt-page-out}html:active-view-transition-type(yz-route)::view-transition-new(root){animation:calc(var(--yz-vt-morph) * .7) var(--yz-vt-ease) calc(var(--yz-vt-morph) * .25) both yz-vt-page-in}}@keyframes yz-vt-page-out{to{opacity:0;transform:scale(.985)}}@keyframes yz-vt-page-in{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){@view-transition{navigation:none}}html[data-yz-hidden=true] *,html[data-yz-hidden=true] :before,html[data-yz-hidden=true] :after,[inert],[inert] *,[inert] :before,[inert] :after,[data-yz-offscreen=true],[data-yz-offscreen=true] *,[data-yz-offscreen=true]:before,[data-yz-offscreen=true]:after,[data-yz-offscreen=true] :before,[data-yz-offscreen=true] :after{animation-play-state:paused!important}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,:before,:after{transition:none!important;animation:none!important}}