@import "https://fonts.googleapis.com/css2?family=Roboto:wght@400;500;700&display=swap";@import "https://use.typekit.net/ujm3aky.css";:root{--text:#000;--text-h:#000;--text-gray:#82828260;--text-gray-light:#bababa;--subtle-gray:#9c9c9c;--bg:white;--bg-secondary:black;--border:#1f1f1f;--code-bg:#141414;--accent:#2e3192;--accent-2:#75a6f6;--accent-bg:#3b82f680;--accent-dark:#0d265d;--accent-border:#3b82f680;--secondary-accent:#ef4136;--secondary-light:#f47b5f;--social-bg:#1f1f1f80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px;--sans:"Roboto", system-ui, sans-serif;--heading:"komu-new-c", sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (max-width:1024px){:root{font-size:16px}}#social .button-icon{filter:invert()brightness(2)}body{background:var(--bg);margin:0}#root{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{margin:32px 0;font-size:3rem}@media (max-width:1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (max-width:1024px){h2{font-size:20px}}p{font-family:var(--sans);margin:0}a{color:var(--accent)}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.navbar{background:linear-gradient(var(--accent), var(--accent));z-index:1000;border-bottom:1px solid #00000014;flex-direction:row;width:100%;height:60px;font-family:Helvetica Neue,Helvetica,Arial,sans-serif;display:flex;position:fixed;top:0;left:0;right:0}.navbar .leftSide img{width:150px;margin-top:15px;margin-left:3vh}.navbar.menu-closed{border-bottom-color:#0000}.navbar .leftSide{flex:25%;justify-content:flex-start;align-items:center;height:100%;padding-left:40px;display:flex}.navbar .center{flex:50%;justify-content:center;align-items:center;height:100%;transition:transform .45s cubic-bezier(.25,1,.3,1),opacity .3s .15s;display:flex}.navbar .rightSide{flex:25%;justify-content:flex-end;align-items:center;height:100%;padding-right:40px;display:flex}.navbar .contact-wrapper{align-items:center;transition:opacity .3s .15s;display:inline-flex}.navbar a{color:#fff;margin:0 20px;font-size:15px;font-weight:700;text-decoration:none;transition:opacity .2s;display:inline-block;position:relative}.navbar .center a{background-image:linear-gradient(#fff,#d4d5d5),linear-gradient(#fff,#d4d5d5);background-position:0 100%,0 100%;background-repeat:no-repeat;background-size:0% 2px,0% 2px;align-items:center;height:100%;transition:background-size .35s cubic-bezier(.25,1,.5,1),opacity .2s;display:inline-flex}.navbar .center a:hover{background-size:100% 2px,0% 2px}.navbar .center a.active{background-size:0% 2px,100% 2px}.navbar .center a.active:hover{background-size:100% 2px,100% 2px}.navbar .toggle-btn{cursor:pointer;color:#fff;white-space:nowrap;z-index:1001;background-color:#0000;border:none;justify-self:center;margin-top:10px;margin-left:25px;padding:0;font-family:inherit;font-size:15px;font-weight:700;transition:opacity .2s}.navbar .toggle-btn:hover{opacity:.6}.navbar.hidden-nav{pointer-events:none;display:none!important}@media only screen and (max-width:900px){.leftSide,.rightSide{display:none!important}}.footer{--footer-text:#ffffffb8;--footer-line:#ffffff24;background:var(--accent-dark);color:#fff;text-align:left;box-sizing:border-box;width:100%}.footer *,.footer :before,.footer :after{box-sizing:border-box}.footer__top{grid-template-columns:1.6fr 1fr 1fr 1.2fr;gap:48px;width:min(1200px,100%);margin:0 auto;padding:72px 40px 56px;display:grid}.footer__logo{width:180px;max-width:100%;height:auto;display:block}.footer__blurb{max-width:32ch;color:var(--footer-text);margin:20px 0 24px;font-size:.95rem;line-height:1.6}.footer__cta{color:#fff;letter-spacing:.04em;border:1px solid #fff9;border-radius:999px;align-items:center;gap:8px;padding:10px 20px;font-size:.85rem;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s;display:inline-flex}.footer__cta span{transition:transform .2s}.footer__cta:hover{color:var(--accent-dark);background:#fff;border-color:#fff}.footer__cta:hover span{transform:translate(3px)}.footer .footer__heading{color:#fff;font-family:var(--sans);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:10px;margin:0 0 18px;font-size:.75rem;font-weight:500;display:flex}.footer__heading:before{content:"";background:var(--secondary-accent);width:18px;height:2px}.footer__col ul{margin:0;padding:0;list-style:none}.footer__col li+li{margin-top:10px}.footer__col a{color:var(--footer-text);font-size:.95rem;text-decoration:none;transition:color .15s;position:relative}.footer__col a:after{content:"";background:var(--secondary-light);transform-origin:0;width:100%;height:1px;transition:transform .2s;position:absolute;bottom:-3px;left:0;transform:scaleX(0)}.footer__col a:hover{color:#fff}.footer__col a:hover:after{transform:scaleX(1)}.footer__address{color:var(--footer-text);font-size:.95rem;font-style:normal;line-height:1.7}.footer__note{color:var(--secondary-light);margin-top:14px;font-size:.85rem}.footer__bottom{border-top:1px solid var(--footer-line);justify-content:space-between;align-items:center;gap:16px;width:min(1200px,100%);margin:0 auto;padding:20px 40px;display:flex}.footer__copy{color:var(--footer-text);margin:0;font-size:.85rem}.footer__meta{align-items:center;gap:24px;display:flex}.footer__meta a{color:var(--footer-text);font-size:.85rem;text-decoration:none;transition:color .15s}.footer__meta a:hover{color:#fff}.footer__social{border:1px solid var(--footer-line);border-radius:50%;place-items:center;width:36px;height:36px;transition:background .15s,border-color .15s,color .15s;display:inline-grid}.footer__meta .footer__social:hover{color:var(--accent-dark);background:#fff;border-color:#fff}.footer a:focus-visible{outline:2px solid var(--secondary-light);outline-offset:3px;border-radius:4px}@media (max-width:900px){.footer__top{grid-template-columns:.5fr .5fr;gap:20px;padding:56px 24px 40px}.footer__brand{grid-column:1/-1}.footer__logo{display:none}}.pages{width:100%;margin-top:10vh}html{scroll-behavior:smooth}#our-work{scroll-margin-top:80px}.page-loading{min-height:100vh}.mc{--ink:#111;--muted:#8a8a8a;--line:#e6e6e6;color:var(--ink);padding:0;overflow:hidden}.mc-stage{--vinyl:clamp(300px, 80vw, 700px);height:calc(var(--vinyl) * .58 + 110px);position:relative;overflow:hidden}.mc-strip{height:62%;position:absolute;bottom:0;left:0;right:0}.mc-strip-inner{width:auto;height:95%;animation:30s linear infinite mc-marquee;display:flex}.mc-strip:hover .mc-strip-inner{animation-play-state:paused}.mc-strip-cover{aspect-ratio:1;object-fit:cover;cursor:pointer;height:100%;margin-right:16px}@keyframes mc-marquee{to{transform:translate(-50%)}}.mc-vinyl{width:var(--vinyl);aspect-ratio:1;z-index:1;position:absolute;top:-5%;left:50%;transform:translate(-50%)}.mc-vinyl-disc{width:100%;height:100%;margin-top:8%;animation:1.8s linear infinite paused mc-spin;position:relative}.mc-vinyl.is-spinning .mc-vinyl-disc{animation-play-state:running}.mc-vinyl-img{width:100%;height:100%;display:block}.mc-vinyl-label{object-fit:cover;border-radius:50%;width:40%;height:40%;position:absolute;inset:30%}.mc-vinyl-disc:after{content:"";aspect-ratio:1;background:#fff;border-radius:50%;width:2.5%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes mc-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.mc-strip-inner,.mc-vinyl-disc,.mc-vinyl-swap,.mc-swap-text{animation:none}}.mc-progress{margin-top:24px}.mc-vinyl-swap{animation:1s cubic-bezier(.22,1,.36,1) mc-record-in}@keyframes mc-record-in{0%{opacity:0;transform:translateY(35%)rotate(-40deg)}to{opacity:1;transform:none}}.mc-swap-text{animation:.45s both mc-text-in}.mc-artist.mc-swap-text{animation-delay:80ms}@keyframes mc-text-in{0%{opacity:0;filter:blur(4px);transform:translateY(8px)}}@media (max-width:640px){.mc-stage{--vinyl:110vw}.mc-panel{padding:16px 16px 20px}.mc-title{font-size:40px}.mc-player{grid-template-columns:36px 1fr 36px;gap:8px}.mc-strip-inner{width:max-content;height:100%;animation:40s linear infinite mc-marquee;display:flex}}.mc-panel{--ink:#fff;--muted:#ffffffb3;--line:#ffffff40;left:50%;top:calc(var(--vinyl) * .5);z-index:2;box-sizing:border-box;width:min(420px,100% - 32px);color:var(--ink);-webkit-backdrop-filter:blur(18px)saturate(140%);backdrop-filter:blur(18px)saturate(140%);background:#1e20508c;border:1px solid #ffffff40;border-radius:20px;padding:20px 24px 24px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 40px #00000040}.mc-progress{background:var(--line);height:2px;margin-top:0}.mc-progress-fill{background:var(--ink);height:100%;transition:width .2s linear}.mc-player{grid-template-columns:40px 1fr 40px;align-items:center;gap:12px;margin-top:20px;display:grid}.mc-info{text-align:center;min-width:0}.mc-title-row{grid-template-columns:1fr auto 1fr;align-items:center;gap:6px;display:grid}.mc-title{color:#fff;grid-column:2;min-width:0;margin:0;font-size:40px;line-height:1.1}.mc .mc-mute{grid-column:3;justify-self:start}.mc-artist{color:var(--muted);text-wrap:balance;margin:6px 0 0;font-size:14px;line-height:1.4}.mc-sub{color:var(--muted);justify-content:center;align-items:center;gap:8px;margin-top:10px;font-size:12px;display:flex}.mc-count{font-variant-numeric:tabular-nums}.mc-link{color:var(--muted);text-decoration:none;transition:color .2s}.mc-link:hover{color:var(--ink)}.mc button{-webkit-appearance:none;appearance:none;box-shadow:none;color:var(--ink);cursor:pointer;background:0 0;border:0;border-radius:50%;place-items:center;margin:0;padding:0;transition:background .2s,opacity .2s;display:grid}.mc button:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.mc .mc-nav{justify-self:center;width:60px;height:60px}.mc .mc-nav:hover{background:#ffffff26}.mc .mc-mute{width:28px;height:28px;color:var(--muted)}.mc .mc-mute:hover{color:var(--ink)}.mc .mc-mute svg{width:16px;height:16px}.mc .mc-play{color:#111;background:#fff;width:44px;height:44px;margin:16px auto 0}.mc .mc-play:hover{opacity:.85}.about{background:#fff;padding:clamp(30px,8vw,125px) 16px 0}.about a{color:inherit;text-decoration:none}.about__card{background:var(--secondary-light);color:#fff;box-sizing:border-box;max-width:1000px;box-shadow:15px 15px 0 var(--accent);border-radius:16px;margin:0 auto 40px;padding:clamp(32px,10vw,56px);text-decoration:none;transition:transform .25s,box-shadow .25s}.about__card:hover{transform:translate(-3px,-3px);box-shadow:13px 13px #2e2785}.about__title{color:#fff;margin:0 0 10px;line-height:1.15;text-decoration:none}.about__title:after{content:"";background:var(--secondary-accent);border-radius:2px;width:100%;height:3px;margin-top:8px;display:block}.about__card p:not(.about__eyebrow){color:#ffffffeb;margin:0 0 16px;font-size:17px;line-height:1.7;text-decoration:none}.about__card p:last-of-type{margin-bottom:0;text-decoration:none}.about__cta{color:#fff;border:1px solid #ffffffb3;border-radius:999px;margin-top:24px;padding:12px 22px;font-size:15px;font-weight:500;text-decoration:none;transition:background .2s,color .2s;display:inline-block}.about__cta:hover{color:var(--secondary-light);background:#fff}.about{position:relative;overflow:hidden}.about:before,.about:after{content:"";aspect-ratio:1;pointer-events:none;background:repeating-radial-gradient(circle,#0000 0 10px,#2e278526 10px 11px);border-radius:50%;width:460px;animation:80s linear infinite about-spin;position:absolute}.about:before{top:-60px;left:-220px}.about:after{animation-direction:reverse;bottom:-140px;right:-240px}.about__card{z-index:1;position:relative}@media (max-width:600px){.info-section-buttons{box-sizing:border-box;grid-template-columns:1fr;padding:0 16px}}.contact-page{background:var(--accent-dark);border-bottom:1px solid var(--subtle-gray);justify-content:center;align-items:center;padding:120px 48px 70px;display:flex}.contact{background:var(--accent-dark);color:#fff;text-align:left;box-sizing:border-box;border:1px solid #ffffff40;border-radius:20px;grid-template-columns:1fr 1.4fr;gap:48px;max-width:960px;padding:40px 48px;display:grid}.contact *{box-sizing:border-box}.contact__title{color:#fff;margin:0 0 12px;font-size:2.5rem}.contact__subtitle{opacity:.85;margin:0 0 32px;line-height:1.6}.contact__details{gap:16px;margin:0;padding:0;list-style:none;display:grid}.contact__details span{letter-spacing:.12em;text-transform:uppercase;opacity:.6;font-size:.75rem;display:block}.contact__form{flex-direction:column;gap:18px;display:flex}.contact .field-row{grid-template-columns:1fr 1fr;gap:12px;display:grid}.contact .field{flex-direction:column;gap:6px;display:flex}.contact label{font-size:.9rem;font-weight:500}.contact input,.contact textarea{color:#fff;width:100%;font:inherit;background:#ffffff1f;border:1px solid #ffffff40;border-radius:10px;outline:none;padding:12px 14px;transition:border-color .15s,background .15s}.contact textarea{resize:vertical}.contact input::placeholder,.contact textarea::placeholder{color:#fff9}.contact input:focus,.contact textarea:focus{background:#ffffff2e;border-color:#fff}.contact__submit{color:var(--accent);font:600 1rem var(--sans);cursor:pointer;background:#fff;border:none;border-radius:12px;padding:14px;transition:transform .15s,opacity .15s}.contact__submit:hover{opacity:.92;transform:translateY(-1px)}.contact__status{opacity:.9;margin:0;font-size:.95rem}@media (max-width:760px){.contact-page{padding:20px}.contact{grid-template-columns:1fr;gap:0;padding:28px 20px}.contact .field-row{grid-template-columns:1fr}.contact__details{display:none}}.hero2{--white-80:#fffc;--white-20:#fff3;color:#fff;isolation:isolate;flex-direction:column;min-height:92vh;display:flex;position:relative;overflow:hidden}.hero2-bg{z-index:-3;position:absolute;inset:0}.hero2-bg .gradient-canvas,.hero2-bg canvas{display:block;position:absolute;inset:0;width:100%!important;height:100%!important}.hero2-inner{box-sizing:border-box;flex:1;align-content:end;justify-items:start;width:100%;padding:0 clamp(24px,6vw,96px) clamp(48px,9vh,104px);display:grid}.hero2-copy{text-align:left;max-width:1100px}.hero2-title{letter-spacing:-.02em;color:#fff;margin:0;font-size:clamp(4rem,9.5vw,9rem);line-height:.9}.hero2-accent{color:var(--accent);-webkit-text-stroke:2px #fff;paint-order:stroke fill}.hero2-actions{flex-wrap:wrap;align-items:center;gap:32px;margin-top:clamp(32px,4vh,48px);display:flex}.hero2-btn{font:600 .9rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:var(--accent);background:#fff;border-radius:999px;align-items:center;gap:12px;padding:16px 28px;text-decoration:none;transition:transform .25s,box-shadow .25s;display:inline-flex;box-shadow:0 10px 30px #0a0c3259}.hero2-btn:hover{transform:translateY(-2px);box-shadow:0 14px 36px #0a0c3273}.hero2-link{font:600 .9rem var(--sans);letter-spacing:.08em;text-transform:uppercase;color:#fff;padding:6px 0;text-decoration:none;position:relative}.hero2-link:after{content:"";transform-origin:0;background:currentColor;width:100%;height:1px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;transform:scaleX(.35)}.hero2-link:hover:after{transform:scaleX(1)}:is(.hero2-btn:focus-visible,.hero2-link:focus-visible){outline-offset:4px;outline:2px solid #fff}.hero2-visual{display:none}.hero2-disc{aspect-ratio:1;background:repeating-radial-gradient(circle,#0000 0 6px,#2e31920d 6px 7px),radial-gradient(circle at 35% 30%,#fff 0%,#f3f1f7 70%,#e6e3ef 100%);border-radius:50%;place-items:center;width:100%;display:grid;box-shadow:0 30px 60px #0a0c3273,inset 0 0 0 1px #fff9}.hero2-logo{width:82%;height:auto;animation:40s linear infinite hero2-spin;display:block}.hero2-reveal{opacity:0;animation:.9s cubic-bezier(.22,1,.36,1) forwards hero2-in;animation-delay:var(--d,0s);transform:translateY(18px)}@keyframes hero2-in{to{opacity:1;transform:none}}@keyframes hero2-spin{to{transform:rotate(360deg)}}@media (max-width:900px){.hero2-inner{align-content:center;justify-items:center;gap:40px;padding:32px 20px 48px}.hero2-visual{order:-1;width:min(320px,70vw);display:block}.hero2-title{display:none}.hero2-copy{text-align:center;width:100%}.hero2-actions{flex-direction:column;justify-content:center;gap:18px;margin-top:0}.hero2-btn{justify-content:center;width:min(280px,100%)}.hero2-shade{background:#16185a59}}@media (prefers-reduced-motion:reduce){.hero2-logo{animation:none}.hero2-reveal{opacity:1;animation:none;transform:none}}.hiw{--muted:#6b6b76;--line:#e2e2e2;box-sizing:border-box;text-align:left;width:min(1080px,100%);margin:0 auto;padding:clamp(64px,5vw,96px) 24px}.hiw *,.hiw :before,.hiw :after{box-sizing:border-box}.hiw__head{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:48px;display:flex}.hiw__kicker{color:var(--accent);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:12px;margin-bottom:16px;font-size:.8rem;font-weight:500;display:flex}.hiw__kicker:before{content:"";background:var(--secondary-accent);width:32px;height:2px}.hiw .hiw__title{letter-spacing:-.02em;margin:0;font-size:clamp(2.25rem,5.5vw,3.75rem);line-height:1}.hiw__title span{color:var(--secondary-accent)}.hiw__link{border-bottom:2px solid var(--text);color:var(--text);letter-spacing:.06em;text-transform:uppercase;flex-shrink:0;padding-bottom:4px;font-size:.9rem;font-weight:500;text-decoration:none;transition:color .15s,border-color .15s}.hiw__link span{transition:transform .2s;display:inline-block}.hiw__link:hover{color:var(--accent);border-color:var(--accent)}.hiw__link:hover span{transform:translate(4px)}.hiw__steps{border-top:2px solid var(--text);grid-template-columns:repeat(3,minmax(0,1fr));margin:0;padding:0;list-style:none;display:grid}.hiw__step{padding:28px 28px 0 0}.hiw__step+.hiw__step{border-left:1px solid var(--line);padding-left:28px}.hiw__num{font-family:var(--heading);color:#0000;-webkit-text-stroke:1px var(--accent);margin-bottom:20px;font-size:clamp(3rem,6vw,4.5rem);line-height:.9;transition:color .25s;display:block}.hiw__step:hover .hiw__num{color:var(--accent)}.hiw__step h3{margin:0 0 8px;font-size:1.1rem;font-weight:700}.hiw__step p{color:#444;max-width:32ch;font-size:.98rem;line-height:1.6}@media (max-width:760px){.hiw__head{flex-direction:column;align-items:flex-start}.hiw__steps{grid-template-columns:1fr}.hiw__step,.hiw__step+.hiw__step{border-left:none;grid-template-columns:64px 1fr;column-gap:16px;padding:24px 0;display:grid}.hiw__step+.hiw__step{border-top:1px solid var(--line)}.hiw__num{grid-row:span 2;margin:0;font-size:2.75rem}}@media (max-width:520px){.hiw{padding-inline:16px}}.ticker{border-block:2px solid var(--text);background:#fff;width:100%;padding:18px 0;overflow:hidden}.ticker__track{width:max-content;animation:40s linear infinite ticker-scroll;display:flex}.ticker:hover .ticker__track{animation-play-state:paused}.ticker__item{font-family:var(--heading);text-transform:uppercase;white-space:nowrap;color:var(--text);align-items:center;gap:.6em;padding-right:.6em;font-size:clamp(2rem,3vw,3rem);line-height:1;display:inline-flex}.ticker__item:nth-child(2n){color:#0000;-webkit-text-stroke:1px var(--accent)}.ticker__dot{background:var(--secondary-accent);border-radius:50%;width:.22em;height:.22em}@keyframes ticker-scroll{to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.ticker__track{animation:none}}.home{margin-top:-10vh}.info-section-buttons{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;width:min(640px,100%);margin:0 auto 150px;display:grid}.info-section-buttons .info-btn{text-align:center;text-transform:uppercase;background:var(--accent);color:#fff;font:600 1rem var(--sans);border-radius:12px;padding:20px 40px;text-decoration:none;transition:background .15s,transform .15s,box-shadow .15s;display:block;box-shadow:0 4px 14px #3b82f64d}.info-section-buttons .info-btn:hover{transform:translateY(-2px);box-shadow:0 6px 18px #3b82f659}