@font-face{font-family:sans;src:url(../media/familjen_grotesk-s.p.1aanstuuyc7d8.ttf)format("truetype");font-display:swap;font-weight:400 700}@font-face{font-family:sans Fallback;src:local(Arial);ascent-override:107.64%;descent-override:23.63%;line-gap-override:0.0%;size-adjust:95.22%}.wOd70G_className{font-family:sans,sans Fallback}.wOd70G_variable{--font-sans:"sans", "sans Fallback"}
@font-face{font-family:mono;src:url(../media/martian_mono-s.p.0p8gzg8qteo22.ttf)format("truetype");font-display:swap;font-weight:100 800}@font-face{font-family:mono Fallback;src:local(Arial);ascent-override:60.84%;descent-override:12.17%;line-gap-override:0.0%;size-adjust:164.36%}.pi7gWG_className{font-family:mono,mono Fallback}.pi7gWG_variable{--font-mono:"mono", "mono Fallback"}
:root{--bg:#0b0c0d;--text:#d8d8d8;--muted:#858a92;--line:#2a2e35;--accent:#ed8a46;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{background:var(--bg)}body{color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-family:Helvetica Neue,Arial,sans-serif}button,input{font:inherit}button{cursor:pointer;color:inherit;background:0 0;border:0}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:var(--font-sans), sans-serif;font-weight:400}::selection{background:var(--accent);color:var(--bg)}.experience{isolation:isolate;--interaction-shift:0px;--interaction-tilt:0deg;position:relative}.grain{pointer-events:none;z-index:80;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23fff' filter='url(%23n)' opacity='.5' d='M0 0h180v180H0z'/%3E%3C/svg%3E");position:fixed;inset:0}.skip-link{z-index:100;background:var(--accent);color:#111;padding:12px 20px;position:fixed;top:-100px;left:24px}.skip-link:focus{top:20px}.site-header{z-index:60;justify-content:space-between;align-items:center;padding:28px 36px;transition:opacity .9s,filter .9s;display:flex;position:fixed;inset:0 0 auto}.intro-active .site-header{opacity:0;filter:blur(8px);pointer-events:none}.brand{flex-shrink:0;width:180px;height:45px;display:block;position:relative}.brand img{width:100%;height:auto;display:block;position:absolute;top:50%;transform:translateY(-50%)}.header-controls{transform:perspective(900px) rotateZ(calc(var(--interaction-tilt) * -.35));align-items:center;gap:8px;display:flex}.sound-toggle{background:#24262a;border-radius:50%;place-items:center;width:31px;height:31px;padding:0;display:grid}.sound-toggle>span{align-items:center;gap:2px;height:13px;display:flex}.sound-toggle i{background:#9499a3;width:1px;height:5px}.sound-toggle i:nth-child(2),.sound-toggle i:nth-child(4){height:9px}.sound-toggle i:nth-child(3){height:12px}.sound-enabled i{background:var(--accent);animation:.7s ease-in-out infinite alternate sound-wave}.sound-enabled i:nth-child(2n){animation-delay:-.4s}@keyframes sound-wave{to{transform:scaleY(.3)}}.pill{font-family:var(--font-sans);text-transform:uppercase;border:1px solid #c5c6c7;border-radius:30px;justify-content:center;align-items:center;gap:8px;padding:5px 15px;font-size:15px;line-height:1;transition:background .3s,color .3s;display:inline-flex}.talk-button{color:#101010;background:#eee;border-color:#eee;min-width:102px}.talk-button:hover{background:#d0d0d0}.menu-button{min-width:89px}.hamburger{width:12px;height:10px;position:relative}.hamburger i{width:12px;height:1px;transition:transform .4s var(--ease);background:currentColor;position:absolute;top:5px;left:0}.hamburger i:first-child{transform:translateY(-2px)}.hamburger i:last-child{transform:translateY(2px)}.menu-is-open .hamburger i:first-child{transform:rotate(45deg)}.menu-is-open .hamburger i:last-child{transform:rotate(-45deg)}.rolling-text{line-height:1.2;display:inline-grid;position:relative}.rolling-layer{grid-area:1/1;display:inline-flex}.rolling-layer>span{display:inline-block}.rolling-clone{pointer-events:none}.rolling-clone>span{opacity:0}.scene-stage{z-index:-1;pointer-events:none;opacity:var(--scene-opacity,1);position:fixed;inset:0}.scene-stage:before{content:"";background:radial-gradient(at 70% 55%,#70432113,#0000 60%);position:absolute;inset:0}.scene-stage:after{content:"";pointer-events:none;background:linear-gradient(90deg,#0b0c0d33,#0000 50%);position:absolute;inset:0}.hero-ready .scene-stage:after{background:radial-gradient(at 8% 12%,#0b0c0dbb,#0000 52%)}.scene-stage>div:not(.logo-fallback){opacity:0;transition:opacity .6s}.scene-ready .scene-stage>div:not(.logo-fallback){opacity:1}.logo-fallback{opacity:0;place-items:center;transition:opacity .5s;display:grid;position:absolute;inset:3% 14% 0}.logo-fallback.visible{opacity:.55}.logo-fallback img{object-fit:contain;width:100%;max-height:100%}.intro-active .logo-fallback{inset:20% 25%}.hero{cursor:grab;align-items:flex-start;height:100svh;min-height:700px;padding:108px 36px 50px;display:flex;position:relative}.dragging-scene .hero{cursor:grabbing}.hero-copy{z-index:2;cursor:auto;max-width:650px;transform:perspective(900px) rotateY(var(--interaction-tilt)) rotateZ(calc(var(--interaction-tilt) * -.4)) translateY(var(--interaction-shift));transition:opacity .9s;position:relative}.intro-active .hero-copy{opacity:0}.hero-ready .hero-copy{opacity:1}.orbit-field{pointer-events:none;width:100%;height:100%;transition:opacity 1s;position:absolute;inset:0}.intro-active .orbit-field{opacity:0}.hero-title{letter-spacing:-.06em;outline:none;font-size:clamp(60px,6.25vw,100px);line-height:.92}.title-line{white-space:nowrap;display:block}.letter{display:inline-block}.changing-phrase{min-height:.92em;display:inline-block}.hero-actions{align-items:center;gap:22px;width:475px;max-width:100%;margin-top:42px;display:flex}.line-link{text-transform:uppercase;font-family:var(--font-mono);white-space:nowrap;border-bottom:1px solid #b3b4b6;flex:1;justify-content:space-between;align-items:center;gap:20px;padding:0 0 10px;font-size:11px;font-weight:300;font-stretch:75%;display:flex;position:relative}.line-link:after{content:"";background:var(--accent);transform-origin:0;height:1px;transition:transform .5s var(--ease);position:absolute;bottom:-1px;left:0;right:0;transform:scaleX(0)}.line-link:hover:after{transform:scaleX(1)}.line-link>span:last-child{font-family:Arial,sans-serif;font-size:20px;line-height:.8}.hero-footer{z-index:2;transform:perspective(900px) rotateX(calc(var(--interaction-tilt) * -.7)) translateY(calc(var(--interaction-shift) * -.5));grid-template-columns:1fr 1fr 1fr;align-items:end;gap:30px;transition:opacity 1s;display:grid;position:absolute;bottom:50px;left:36px;right:36px}.intro-active .hero-footer{opacity:0}.hold-button{-webkit-user-select:none;user-select:none;touch-action:none;color:#d7d8db;white-space:nowrap;text-shadow:0 1px 9px #000;flex-direction:column;grid-column:2;justify-self:center;align-items:center;gap:6px;padding:15px 0 0;font-size:12px;display:flex}.hold-spark{color:var(--accent);vertical-align:middle;transition:transform 1s var(--ease);margin:0 5px;font-size:24px;display:inline-block}.hold-button:hover .hold-spark{transform:rotate(90deg)}.hold-button:active .hold-spark{transform:rotate(270deg)}.hold-caption{color:#8e939c;font-size:11px}.hero-description{text-shadow:0 1px 12px #000;justify-self:end;width:234px}.hero-description p{letter-spacing:-.03em;color:#b9bdc5;font-size:16px;line-height:1.25}.studio-pill{font-family:var(--font-sans);text-transform:uppercase;border:1px solid #343942;border-radius:3px;justify-content:space-between;align-items:center;margin-bottom:22px;padding:17px 18px;font-size:13px;display:flex}.studio-pill>span:last-child{font-size:18px}#studio,#expertise,#contact{scroll-margin-top:90px}.section-kicker{font-family:var(--font-mono);color:#8c929c;justify-content:space-between;gap:30px;font-size:9px;font-weight:300;font-stretch:75%;line-height:1.6;display:flex}.about-section{flex-direction:column;min-height:155svh;padding:130px 36px 70px;display:flex;position:relative}.about-headline{letter-spacing:-.06em;width:89%;margin:105px 0 0 auto;font-size:clamp(46px,6.25vw,95px);line-height:.97}.about-word{white-space:pre;display:inline-block}.about-detail{align-items:flex-start;gap:24px;width:39%;margin:65px 0 0 auto;display:flex}.about-mark{color:var(--accent);font-size:34px;line-height:1}.about-detail p{color:#a6acb5;font-size:16px;line-height:1.6}.portfolio-stats{grid-template-columns:repeat(4,1fr);gap:40px;margin-top:auto;padding-top:115px;display:grid}.portfolio-stats>div{border-top:1px solid #2f343d;flex-direction:column;gap:13px;padding-top:26px;display:flex}.stat-value{font-family:var(--font-sans);letter-spacing:-.065em;font-size:clamp(55px,6.7vw,100px);line-height:1}.stat-value sup{vertical-align:top;color:var(--accent);font-size:.45em;line-height:1.5}.stat-label{color:#9198a3;font-size:13px}.stat-source{color:#717984;margin-top:27px;font-size:10px}.expertise-section{background:var(--bg);border-top:1px solid #22262c;padding:100px 36px 130px;position:relative}.expertise-heading{justify-content:space-between;align-items:end;gap:45px;margin-top:70px;display:flex}.expertise-heading h2{letter-spacing:-.06em;font-size:clamp(50px,6.25vw,95px);line-height:.95}.expertise-heading h2>span{color:#707782}.expertise-heading p{color:#969da7;margin-bottom:5px;font-size:14px;line-height:1.6}.expertise-grid{grid-template-columns:1fr 1fr;gap:0 75px;margin-top:80px;display:grid}.expertise-card{border-top:1px solid #343a44;padding:32px 0 42px 50px;position:relative}.service-number{font-family:var(--font-mono);color:#858e9c;font-size:9px;font-weight:300;position:absolute;top:38px;left:0}.expertise-card h3{letter-spacing:-.04em;max-width:400px;font-size:32px;line-height:1.1;transition:color .3s}.expertise-card p{color:#8f98a6;max-width:370px;margin-top:22px;font-size:14px;line-height:1.65}.expertise-card:hover h3{color:var(--accent)}.contact-section{background:radial-gradient(at 85% 100%,#6e32111c,#0000 60%),#0d0e10;border-top:1px solid #2a2e35;padding:65px 36px 25px;position:relative}.contact-heading{margin:100px 0 75px}.contact-heading h2{letter-spacing:-.065em;font-size:clamp(80px,11.1vw,170px);line-height:.9}.contact-heading h2>span{color:var(--accent)}.contact-cta{width:300px;max-width:100%;font-family:var(--font-mono);text-transform:uppercase;border-bottom:1px solid #9298a2;justify-content:space-between;align-items:center;margin-top:45px;padding:0 0 13px;font-size:12px;font-weight:300;font-stretch:75%;display:flex}.contact-cta>span:last-child{font-family:Arial,sans-serif;font-size:24px}.contact-details{color:#a2a8b2;justify-content:space-between;padding-bottom:40px;font-size:17px;display:flex}.contact-details a:hover{color:var(--accent)}.site-footer{color:#7d8592;border-top:1px solid #2d313a;justify-content:space-between;align-items:center;gap:30px;padding-top:24px;font-size:10px;display:flex}.site-footer button{font-size:10px}.menu-scrim{z-index:40;opacity:0;visibility:hidden;cursor:default;background:#0005;transition:opacity .5s,visibility .5s;position:fixed;inset:0}.menu-scrim.visible{visibility:visible;opacity:1}.menu-panel{z-index:50;color:#252820;clip-path:circle(0% at 95% 5%);overscroll-behavior:contain;background:#e8e9e6;border-radius:8px;flex-direction:column;width:440px;max-width:calc(100% - 28px);padding:135px 34px 30px;display:flex;position:fixed;inset:14px 14px 14px auto;overflow-y:auto}.menu-is-open .header-controls{color:#252820}.menu-is-open .talk-button{color:#e8e9e6;background:#20231d;border-color:#20231d}.menu-is-open .menu-button{border-color:#979b91}.menu-links{flex-direction:column;gap:24px;display:flex}.menu-link{text-align:left;font-family:var(--font-sans);letter-spacing:-.06em;justify-content:space-between;align-items:center;gap:18px;padding:0;font-size:38px;display:flex}.menu-link>span:last-child{opacity:.5;font-size:24px}.replay-button{border:1px solid #b5b9ae;border-radius:30px;align-self:flex-start;align-items:center;gap:10px;margin-top:45px;padding:11px 17px;font-size:12px;display:flex}.replay-button>span{font-size:20px}.menu-bottom{color:#686f60;margin-top:auto;padding-top:60px;font-size:12px}.menu-bottom a:hover,.contact-link:hover{color:#aa5b25}.menu-back{align-self:flex-start;margin-bottom:35px;padding:0;font-size:13px}.menu-content h2{letter-spacing:-.06em;margin-bottom:32px;font-size:54px;line-height:.95}.menu-content p{color:#5e6457;margin-bottom:24px;font-size:17px;line-height:1.55}.expertise-list{margin:0;padding:0;list-style:none}.expertise-list li{border-top:1px solid #c7cbbf;padding:14px 0;font-size:16px;line-height:1.4}.contact-role{color:#7c8473;font-size:13px}.contact-link{border-bottom:1px solid #bdc3b5;justify-content:space-between;align-items:center;gap:10px;padding:15px 0;font-size:15px;display:flex}@media (min-width:1700px){.hero{padding-top:120px}}@media (max-height:750px) and (min-width:768px){.site-header{padding-block:20px}.hero{min-height:100svh;padding-top:105px}.hero-title{font-size:clamp(58px,6.25vw,82px)}.hero-footer{bottom:30px}.menu-panel{padding-top:105px}}@media (max-width:767px){.site-header{padding:17px 18px}.brand{width:140px;height:35px}.header-controls{gap:6px}.sound-toggle{width:25px;height:25px}.pill{padding:5px 11px;font-size:12px}.talk-button{min-width:85px}.menu-button{width:37px;min-width:37px;height:28px;padding:0}.menu-button>.rolling-text{display:none}.hero{min-height:100svh;padding:80px 18px 40px}.hero-copy{width:100%;max-width:390px}.hero-title{font-size:clamp(43px,11.7188vw,65px);line-height:.95}.hero-actions{flex-direction:column;align-items:stretch;gap:25px;width:193px;margin-top:32px}.line-link{flex:none;font-size:10px}.hero-footer{grid-template-columns:1fr 1fr;gap:20px;bottom:30px;left:18px;right:18px}.hold-button{grid-column:1;justify-self:start;align-items:flex-start;font-size:8px}.hold-spark{margin-inline:2px;font-size:19px}.hold-caption{font-size:8px}.hero-description{width:180px}.hero-description p{font-size:13px}.studio-pill{margin-bottom:15px;padding:13px 14px;font-size:11px}.logo-fallback{inset:26% 1% 15%}.about-section{min-height:155svh;padding:90px 20px 50px}.section-kicker{gap:20px;font-size:7px}.section-kicker>span:last-child{text-align:right;max-width:150px}.about-headline{width:100%;margin-top:65px;font-size:clamp(39px,10.5vw,65px);line-height:1}.about-detail{gap:18px;width:94%;margin-top:45px}.about-mark{font-size:26px}.about-detail p{font-size:14px}.portfolio-stats{grid-template-columns:1fr 1fr;gap:30px;padding-top:75px}.stat-value{font-size:60px}.stat-label{font-size:11px}.stat-source{font-size:9px}.expertise-section{padding:70px 20px 80px}.expertise-heading{margin-top:45px;display:block}.expertise-heading h2{font-size:clamp(44px,11.3vw,60px)}.expertise-heading p{margin-top:25px;font-size:13px}.expertise-grid{grid-template-columns:1fr;margin-top:50px}.expertise-card{padding:27px 0 32px 35px}.expertise-card h3{font-size:28px}.expertise-card p{margin-top:16px;font-size:13px}.service-number{font-size:8px;top:33px}.contact-section{padding:45px 20px 25px}.contact-heading{margin-top:80px}.contact-heading h2{font-size:20vw}.contact-cta{width:260px;font-size:10px}.contact-details{flex-direction:column;gap:20px;font-size:15px}.site-footer{flex-wrap:wrap;gap:20px;font-size:8px}.site-footer button{margin-left:auto;font-size:8px}.site-footer a{width:100%}.menu-panel{color:#d8d8d8;background:#0b0c0d;border-radius:0;width:100%;max-width:100%;padding:115px 28px 30px;inset:0}.menu-is-open .header-controls{color:#d8d8d8}.menu-is-open .talk-button{color:#111;background:#eee;border-color:#eee}.menu-is-open .menu-button{border-color:#a5a8ae}.menu-content p{color:#a5a9af}.menu-content h2{font-size:49px}.menu-bottom{color:#90959d}.replay-button,.contact-link,.expertise-list li{border-color:#343840}.menu-link{font-size:38px}.menu-links{gap:28px}.contact-role{color:#90959d}}@media (max-width:360px){.brand{width:120px;height:30px}.hero{padding-top:86px}.hero-title{font-size:42px}.hero-description{width:155px}.hold-button{font-size:7px}.menu-link{font-size:33px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.rolling-clone{display:none}.rolling-layer>span{filter:none!important;opacity:1!important;transform:none!important}.about-character{color:var(--text)!important}}