@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:dark;--bg: #07090d;--bg-soft: #0b0e13;--panel: #0f1319;--panel-2: #121720;--text: #f3f5f7;--muted: #969ea9;--line: rgba(255,255,255,.11);--lime: #a8ff91;--cyan: #8ce8ff;--violet: #bd9cff;--max: 1240px;--radius: 24px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--text);font-family:DM Sans,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}button,a{font:inherit}button{color:inherit}a{color:inherit;text-decoration:none}button{border:0;cursor:pointer}::selection{background:var(--lime);color:#071009}.site-shell{min-height:100vh;position:relative;isolation:isolate}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.noise{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.018;z-index:30;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' 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='.8'/%3E%3C/svg%3E")}.ambient{position:fixed;border-radius:999px;filter:blur(110px);opacity:.11;pointer-events:none;z-index:-2}.ambient-one{width:420px;height:420px;background:var(--violet);top:5%;right:-170px}.ambient-two{width:380px;height:380px;background:var(--lime);bottom:5%;left:-220px;opacity:.07}.scroll-progress{position:fixed;inset:0 auto auto 0;width:100%;height:2px;transform-origin:left;background:linear-gradient(90deg,var(--lime),var(--cyan));z-index:100}.navbar-wrap{position:fixed;z-index:90;top:0;width:100%;padding:18px 0}.navbar{height:64px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 16px 0 20px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#090c10b8;-webkit-backdrop-filter:blur(22px);backdrop-filter:blur(22px);box-shadow:0 12px 40px #00000038}.brand{display:inline-flex;width:fit-content;align-items:baseline;gap:6px;background:none;padding:0}.brand-mark{font-family:Manrope,sans-serif;font-weight:700;letter-spacing:-.06em;font-size:22px}.brand-name{color:var(--muted);font-size:15px}.desktop-nav{display:flex;align-items:center;gap:6px}.nav-link{background:none;border-radius:10px;color:var(--muted);padding:10px 14px;transition:.25s ease}.nav-link:hover,.nav-link.active{color:var(--text);background:#ffffff0e}.nav-cta{justify-self:end;display:inline-flex;align-items:center;gap:8px;padding:11px 15px;border-radius:11px;background:var(--text);color:#080b0f;font-weight:600;transition:transform .25s ease,background .25s ease}.nav-cta:hover{transform:translateY(-2px);background:var(--lime)}.menu-button{display:none;background:#ffffff0f;width:42px;height:42px;border-radius:11px;align-items:center;justify-content:center;justify-self:end}.mobile-menu{display:none}.hero{min-height:100svh;padding:190px 0 58px;display:flex;flex-direction:column;justify-content:center;position:relative}.hero:before{content:"";position:absolute;top:115px;right:0;bottom:28px;left:0;z-index:-1;border-radius:32px;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:56px 56px;-webkit-mask-image:linear-gradient(to bottom,black 0%,transparent 85%);mask-image:linear-gradient(to bottom,black 0%,transparent 85%)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%;z-index:-1;animation:orbitPulse 7s ease-in-out infinite}.orbit-one{width:520px;height:520px;right:-170px;top:150px}.orbit-two{width:330px;height:330px;right:-75px;top:245px;animation-delay:-2s}.availability{width:fit-content;display:inline-flex;align-items:center;gap:9px;color:#c5cbd2;border:1px solid var(--line);border-radius:999px;padding:8px 13px;font-size:13px;background:#ffffff06;margin-bottom:28px;animation:fadeUp .7s ease both}.availability span{width:7px;height:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 0 5px #a8ff9117,0 0 16px #a8ff9180}.hero h1,.work-hero h1{margin:0;font-family:Manrope,sans-serif;font-size:clamp(58px,8.3vw,118px);line-height:.96;letter-spacing:-.065em;font-weight:600;max-width:1100px;animation:fadeUp .8s .08s ease both}.hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.56)}.hero-copy{max-width:650px;margin:34px 0 0;font-size:clamp(18px,2vw,22px);line-height:1.55;color:var(--muted);animation:fadeUp .8s .16s ease both}.hero-actions{display:flex;gap:12px;margin-top:36px;animation:fadeUp .8s .24s ease both}.button{min-height:52px;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:14px;padding:0 19px;font-weight:600;transition:.28s ease}.button-primary{background:var(--text);color:#07090d}.button-primary:hover{background:var(--lime);transform:translateY(-3px);box-shadow:0 12px 30px #a8ff911a}.button-ghost{background:#ffffff09;border:1px solid var(--line)}.button-ghost:hover{background:#ffffff14;transform:translateY(-3px)}.hero-bottom{margin-top:auto;padding-top:70px;display:flex;align-items:end;justify-content:space-between;color:var(--muted);font-size:13px}.hero-services{display:flex;gap:20px;text-transform:uppercase;letter-spacing:.12em}.scroll-cue{background:none;display:inline-flex;gap:9px;align-items:center;color:var(--muted)}.scroll-cue svg{animation:bounce 1.8s ease infinite}.marquee{overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0d12}.marquee-track{display:flex;width:max-content;animation:marquee 30s linear infinite}.marquee-set{display:flex;align-items:center;gap:30px;padding:18px 15px}.marquee-set span{font-family:Manrope;font-size:14px;text-transform:uppercase;letter-spacing:.14em;white-space:nowrap;color:#c4c9d0}.marquee-set i{color:var(--lime);font-style:normal}.section{padding:150px 0}.section-kicker{display:flex;gap:10px;align-items:center;color:var(--muted);font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0}.section-kicker span{color:var(--text)}.section-kicker.light{color:#04090899}.section-kicker.light span{color:#06100b}.section-heading-grid{display:grid;grid-template-columns:.7fr 1.7fr;gap:40px}.section-heading-grid h2,.projects-heading h2,.contact-inner h2,.mini-cta h2{font-family:Manrope;font-weight:500;letter-spacing:-.055em;font-size:clamp(42px,6vw,76px);line-height:1.05;margin:0}.section-heading-grid h2 em,.work-hero h1 em{color:var(--muted);font-style:normal}.section-heading-grid>div>p{color:var(--muted);font-size:19px;line-height:1.65;max-width:660px;margin:34px 0 0}.principles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:72px}.principle-card{min-height:250px;padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(145deg,#ffffff0b,#ffffff03);display:flex;flex-direction:column;transition:.35s ease}.principle-card:hover{transform:translateY(-7px);border-color:#ffffff38}.principle-card svg{color:var(--lime)}.principle-card h3{margin:auto 0 9px;font-family:Manrope;font-size:22px}.principle-card p{margin:0;color:var(--muted);line-height:1.55}.projects-section{padding:84px 0 110px;background:#090c11;border-block:1px solid var(--line)}.projects-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:58px}.projects-heading .section-kicker{margin-bottom:20px}.text-link{display:inline-flex;align-items:center;gap:9px;color:var(--muted);background:none;padding:0 0 8px;border-bottom:1px solid rgba(255,255,255,.18);transition:.25s ease}.text-link:hover{color:var(--text);border-color:var(--lime)}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.project-card{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0d1117;transition:transform .35s ease,border-color .35s ease}.project-card:hover{transform:translateY(-7px);border-color:#ffffff38}.project-preview-wrap{height:330px;position:relative;padding:20px;background:#0a0d11;overflow:hidden}.project-preview{width:100%;height:100%;border-radius:14px;overflow:hidden;transform:perspective(1000px) rotateX(2deg) rotateY(-2deg);transition:transform .55s cubic-bezier(.2,.8,.2,1);box-shadow:0 28px 60px #00000059}.project-card:hover .project-preview{transform:perspective(1000px) rotateX(0) rotateY(0) scale(1.015)}.project-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.mock-browser-bar{height:32px;background:#171b21;display:flex;align-items:center;gap:5px;padding:0 10px}.mock-browser-bar>span{width:6px;height:6px;border-radius:50%;background:#5c626c}.mock-address{height:11px;width:36%;border-radius:999px;background:#222832;margin-left:auto;margin-right:auto}.mock-content{height:calc(100% - 32px);position:relative;overflow:hidden}.mock-nav{position:relative;z-index:2;height:48px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;font-size:8px;letter-spacing:.12em}.mock-nav span{border:1px solid currentColor;padding:7px 10px;border-radius:999px}.mock-hero-copy{position:absolute;z-index:2;left:9%;top:29%;display:flex;flex-direction:column;align-items:flex-start}.mock-hero-copy small{font-size:7px;letter-spacing:.18em;opacity:.7}.mock-hero-copy strong{margin-top:10px;font-family:Manrope;font-size:clamp(26px,3.3vw,46px);line-height:.95;letter-spacing:-.06em}.mock-hero-copy i{margin-top:18px;font-style:normal;font-size:8px;padding:8px 12px;border-radius:4px}.barber-mock{background:#d6d0c4;color:#1e1d1b}.barber-mock .mock-hero-copy i{background:#24211d;color:#fff}.mock-photo{position:absolute;right:0;bottom:0;width:48%;height:82%;background:radial-gradient(circle at 45% 25%,#ded7c8 0 8%,transparent 9%),linear-gradient(145deg,#43423e 0,#43423e 35%,#191918 35%,#191918);clip-path:polygon(28% 0,100% 0,100% 100%,0 100%);opacity:.93}.fitness-mock{background:#15151b;color:#f3efff}.fitness-mock:before{content:"";position:absolute;width:56%;height:120%;right:6%;top:-10%;background:linear-gradient(120deg,transparent,rgba(189,156,255,.25));transform:skew(-17deg)}.fitness-mock .mock-hero-copy i{background:#b79aff;color:#17121f}.fitness-stat{position:absolute;right:8%;bottom:11%;display:flex;align-items:center;gap:8px;z-index:2}.fitness-stat strong{font-family:Manrope;font-size:36px}.fitness-stat span{font-size:7px;line-height:1.2;text-transform:uppercase;letter-spacing:.1em;opacity:.65}.fitness-rings span{position:absolute;border:1px solid rgba(189,156,255,.28);border-radius:50%;right:-3%;top:8%}.fitness-rings span:nth-child(1){width:170px;height:170px}.fitness-rings span:nth-child(2){width:240px;height:240px;right:-8%;top:-4%}.fitness-rings span:nth-child(3){width:310px;height:310px;right:-13%;top:-16%}.studio-mock{background:#e8eceb;color:#101312}.studio-title{position:absolute;left:8%;top:21%;font-family:Manrope;font-size:clamp(32px,5vw,64px);font-weight:600;line-height:.8;letter-spacing:-.08em;z-index:2}.studio-title em{color:#00aaca;font-style:normal}.studio-tile{position:absolute;border-radius:5px;transform:rotate(8deg)}.tile-one{width:34%;height:55%;background:linear-gradient(145deg,#0a9fc0,#c4fbff);right:10%;top:20%}.tile-two{width:25%;height:35%;background:#181d1f;right:2%;bottom:-4%;transform:rotate(-12deg)}.project-index{position:absolute;right:34px;bottom:30px;z-index:5;border:1px solid rgba(255,255,255,.2);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#06080b8c;border-radius:999px;width:42px;height:42px;display:grid;place-items:center;font-size:12px}.project-card-body{display:grid;grid-template-columns:1fr auto;gap:16px;padding:23px}.project-card-body .eyebrow{color:var(--muted);text-transform:uppercase;font-size:11px;letter-spacing:.14em;margin:0 0 8px}.project-card-body h3{font-family:Manrope;font-size:24px;letter-spacing:-.04em;margin:0}.icon-link{width:44px;height:44px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:.25s ease}.icon-link:hover{transform:rotate(45deg);background:var(--text);color:#080b0e}.project-description{color:var(--muted);line-height:1.6;margin:0;max-width:580px}.tag-row{grid-column:1 / -1;display:flex;flex-wrap:wrap;gap:8px}.tag-row span{font-size:12px;padding:7px 10px;border:1px solid var(--line);border-radius:999px;color:#bac1c9}.accent-lime:hover{border-color:#a8ff914d}.accent-violet:hover{border-color:#bd9cff4d}.accent-cyan:hover{border-color:#8ce8ff4d}.process-section{padding-bottom:175px}.process-list{margin-top:74px;border-top:1px solid var(--line)}.process-row{display:grid;grid-template-columns:70px .6fr 1.2fr 24px;gap:24px;align-items:center;padding:33px 0;border-bottom:1px solid var(--line);transition:padding .3s ease}.process-row:hover{padding-inline:12px}.process-row>span{color:var(--muted);font-size:12px}.process-row h3{font-family:Manrope;font-size:27px;margin:0}.process-row p{color:var(--muted);line-height:1.55;margin:0}.process-row svg{color:var(--lime)}.contact-section{background:var(--lime);color:#071009}.contact-inner{min-height:650px;padding:95px 0 80px;display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:end}.contact-inner .section-kicker{margin-bottom:28px}.contact-side{padding-bottom:9px}.contact-form{display:grid;gap:14px;margin-bottom:34px}.contact-form label{display:grid;gap:7px;color:#040908a6;font-size:12px;font-weight:600;letter-spacing:.1em;text-transform:uppercase}.contact-form input,.contact-form textarea{width:100%;border:1px solid rgba(4,9,8,.22);border-radius:12px;background:#ffffff7a;color:#071009;padding:14px 15px;outline:none;resize:vertical;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease}.contact-form input:focus,.contact-form textarea:focus{border-color:#04090894;background:#ffffffad;box-shadow:0 0 0 4px #04090814}.contact-form .button{width:fit-content;margin-top:4px;border:1px solid rgba(4,9,8,.18)}.contact-email{font-family:Manrope;font-size:clamp(20px,3vw,34px);letter-spacing:-.04em;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.28);padding-bottom:17px;transition:.25s ease}.contact-email:hover{padding-left:10px}.contact-meta{display:flex;gap:24px;margin-top:20px;color:#04090899;font-size:13px}.footer{padding:65px 0 24px;background:#06080b}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .8fr;gap:70px}.footer-brand{margin-bottom:18px}.footer-grid>div:first-child p{color:var(--muted);max-width:310px;line-height:1.55}.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:10px}.footer-links>span{color:#69717c;font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin-bottom:8px}.footer-links button,.footer-links a{background:none;padding:0;display:inline-flex;align-items:center;gap:5px;color:#b9c0c8}.footer-links button:hover,.footer-links a:hover{color:var(--lime)}.footer-bottom{display:flex;justify-content:space-between;color:#5f6670;font-size:12px;margin-top:70px;padding-top:20px;border-top:1px solid var(--line)}.work-hero{padding:210px 0 95px}.back-link{display:inline-flex;align-items:center;gap:8px;background:none;color:var(--muted);padding:0;margin-bottom:62px}.back-link:hover{color:var(--text)}.work-hero .section-kicker{margin-bottom:26px}.work-hero h1{font-size:clamp(58px,8vw,108px)}.work-hero>p:last-child{max-width:650px;margin:35px 0 0;font-size:20px;line-height:1.6;color:var(--muted)}.work-list-section{padding-bottom:150px}.work-summary{display:flex;justify-content:space-between;border-block:1px solid var(--line);padding:18px 0;text-transform:uppercase;letter-spacing:.12em;font-size:11px;color:var(--muted)}.work-project-list{display:grid;gap:26px;margin-top:38px}.project-card-large{display:grid;grid-template-columns:1.35fr .65fr}.project-card-large .project-preview-wrap{height:560px}.project-card-large .project-card-body{display:flex;flex-direction:column;padding:38px}.project-card-large .project-card-body .icon-link{margin-left:auto}.project-card-large .project-description{margin-top:auto}.project-card-large .tag-row{margin-top:12px}.mini-cta{margin-bottom:120px;border:1px solid var(--line);border-radius:28px;padding:70px;display:flex;align-items:end;justify-content:space-between;gap:50px;background:linear-gradient(145deg,#ffffff0b,#ffffff03)}.mini-cta .section-kicker{margin-bottom:24px}.mini-cta h2{font-size:clamp(38px,5vw,64px)}.mini-cta .button{flex-shrink:0}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.reveal.is-visible{opacity:1;transform:translateY(0)}@keyframes fadeUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes bounce{50%{transform:translateY(5px)}}@keyframes orbitPulse{50%{transform:scale(1.04);opacity:.55}}@media (max-width: 980px){.navbar{grid-template-columns:1fr auto}.desktop-nav,.desktop-cta{display:none}.menu-button{display:inline-flex}.mobile-menu{position:fixed;top:94px;left:24px;right:24px;background:#0b0e13f5;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:18px;padding:10px;display:grid;transform:translateY(-10px);opacity:0;visibility:hidden;transition:.25s ease}.mobile-menu.open{transform:translateY(0);opacity:1;visibility:visible}.mobile-menu button{text-align:left;background:none;padding:15px;border-radius:10px;color:#c7cdd4}.mobile-menu button:hover{background:#ffffff0d}.section-heading-grid{grid-template-columns:1fr}.section-heading-grid .section-kicker{margin-bottom:20px}.projects-grid,.project-card-large{grid-template-columns:1fr}.project-card-large .project-preview-wrap{height:520px}.contact-inner{grid-template-columns:1fr;min-height:700px;align-content:space-between}.footer-grid{grid-template-columns:1.3fr .7fr .8fr;gap:35px}.mini-cta{align-items:flex-start;flex-direction:column}}@media (max-width: 720px){.container{width:min(var(--max),calc(100% - 30px))}.navbar-wrap{padding-top:10px}.navbar{height:58px;border-radius:15px}.mobile-menu{top:77px;left:15px;right:15px}.hero{padding-top:145px;min-height:860px}.hero:before{inset-top:90px}.hero h1{font-size:clamp(49px,15vw,72px)}.hero-copy{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.hero-bottom{flex-direction:column;gap:25px;align-items:flex-start}.hero-services{flex-wrap:wrap;gap:10px 18px}.hero-orbit{display:none}.section{padding:100px 0}.projects-section{padding:70px 0 86px}.section-heading-grid h2,.projects-heading h2,.contact-inner h2,.mini-cta h2{font-size:42px}.principles-grid{grid-template-columns:1fr}.principle-card{min-height:210px}.projects-heading{align-items:flex-start;flex-direction:column;gap:32px}.project-preview-wrap{height:330px;padding:14px}.project-card-body{padding:22px}.mock-hero-copy strong{font-size:28px}.studio-title{font-size:38px}.process-row{grid-template-columns:42px 1fr 20px;align-items:start}.process-row p{grid-column:2 / -1}.contact-inner{padding:75px 0 65px;min-height:650px}.contact-form .button{width:100%}.contact-meta{flex-direction:column;gap:8px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.footer-bottom{flex-direction:column;gap:9px}.work-hero{padding:150px 0 70px}.back-link{margin-bottom:45px}.work-hero h1{font-size:54px}.work-summary{flex-wrap:wrap;gap:12px}.project-card-large .project-preview-wrap{height:360px}.project-card-large .project-card-body{padding:25px}.project-card-large .project-description{margin-top:25px}.mini-cta{margin-bottom:80px;padding:34px 24px;border-radius:22px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}