.heroGrid{border-inline:1px solid #56748a1f;grid-template-rows:50svh minmax(60svh,auto) auto;grid-template-columns:45% 55%;display:grid}.heroSignature{--hero-slice-height:24%;z-index:1;border-bottom:1px solid var(--border);border-right:1px solid var(--border);background:0 0;min-height:50svh;position:relative;overflow:hidden}.heroSignature:before{content:"";z-index:-1;pointer-events:none;inset:0 0 var(--hero-slice-height);background:#07121d38;position:absolute}.heroSignatureContent{inset:0 0 var(--hero-slice-height);grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) max-content;align-items:center;gap:24px;padding-inline:42px;display:grid;position:absolute}.heroOfferContainer{--hero-offer-size:calc(var(--studio-header-wordmark-width,150px) * .12);min-width:0;container-type:inline-size}.heroOffer{letter-spacing:-.063em;min-width:0;font-style:italic;font-weight:550;line-height:1.1;font-size:var(--hero-offer-size);font-size:min(var(--hero-offer-size), 21cqw)}.heroOfferTyping{height:1.1em}.heroOfferFrom{letter-spacing:-.035em;font-size:.65em;line-height:1.35}.heroOfferCursor{vertical-align:-.04em;background:var(--cyan);width:.065em;height:.82em;margin-left:.22em;animation:1.25s ease-in-out infinite studioOfferCursorBlink;display:inline-block;transform:skew(-12deg)}.heroOfferCursor[data-editing=true]{opacity:1;animation:none}.heroOfferAccessible{white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.heroOfferCurrency{color:var(--cyan)}.heroContactLinks{flex-direction:column;align-items:flex-end;gap:20px;min-width:0;display:flex}.heroSmsLink,.heroEmailLink,.heroGithubLink,.heroSocialLinks,.heroYoutubeLink{color:var(--paper);letter-spacing:.02em;font:600 12px/1.5 var(--font);text-decoration:none;display:inline-flex}.heroSmsLink:before,.heroEmailLink:before,.heroGithubLink:before,.heroSocialLinks:before,.heroYoutubeLink:before{content:none}.heroSmsLink .studioIcon,.heroEmailLink .studioIcon,.heroGithubLink .studioIcon,.heroSocialLinks .studioIcon,.heroYoutubeLink .studioIcon{width:16px;height:16px;color:var(--cyan)}.heroEmailLink,.heroGithubLink,.heroSocialLinks,.heroYoutubeLink{align-items:center;gap:12px;width:fit-content;display:flex}.heroSlice{width:100%;height:var(--hero-slice-height);border-top:1px solid var(--border);background:0 0;position:absolute;bottom:0;left:0}.heroIntroduction{border-right:1px solid var(--border);z-index:1;background:#07121d52;grid-column:1;min-height:60svh;padding:42px 50px 36px;overflow:clip}.heroIntroductionContent{transform:translate3d(0, var(--studio-title-parallax,0px), 0)}.heroCodeSymbol{color:var(--cyan)}.heroIntroduction h1{letter-spacing:-.063em;margin:20px 0 24px;font-size:60px;font-weight:550;line-height:1.1}.heroHeadingLine{color:var(--paper);white-space:nowrap;display:block}.heroHeadingLine--accent{color:var(--cyan)}.heroHeadingDesktop{display:block}.heroHeadingMobile{display:none}.heroHeadingBrand{min-width:0;margin:0;display:none}.heroHeadingBrandLogo,.heroHeadingBrandWordmark{object-fit:contain;height:auto;display:block}.heroHeadingBrandLogo{width:65%}.heroHeadingBrandWordmark{width:100%}.heroHeadingCharacter,.heroHeadingWord{color:inherit;display:inline-block}.heroHeadingPeriod{color:var(--cyan)}.heroHeadingLine--accent .heroHeadingPeriod{color:var(--paper)}.heroIntroduction p{max-width:330px;color:var(--muted);font-size:15px;line-height:1.8}.heroActions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px;margin-top:26px;display:flex}.heroExploreLink .studioIcon{color:var(--cyan)}.heroArtPanel{background:0 0;flex-direction:column;grid-area:1/2/3/3;gap:32px;min-height:110svh;padding-block:76px 100px;display:flex;position:relative;overflow:hidden}.heroArtCaption{font:10px var(--mono);color:var(--paper);justify-content:space-between;gap:20px;display:flex;position:absolute;inset:28px 28px auto}.heroArtCaptionAccent{color:var(--cyan)}.heroFloatingBrand{flex:1;place-items:center;min-width:0;margin:0;padding:12px 28px;display:grid}.heroFloatingBrandArtwork{flex-direction:column;align-items:center;gap:22px;width:100%;animation:6s ease-in-out infinite studioHeroBrandFloat;display:flex}.heroFloatingBrandArtwork [fill="url(#hero-floating-logo-gradient)"],.heroFloatingBrandArtwork [fill="url(#hero-floating-wordmark-gradient)"]{filter:drop-shadow(0 18px 26px #00091b47)}.heroFloatingLogo,.heroFloatingWordmark{object-fit:contain;height:auto;display:block}.heroFloatingLogo{width:min(100%,200px)}.heroFloatingWordmark{width:min(100%,320px)}.heroIdentity{background:#030f1a61;border-block:1px solid #a7e9f638;flex-shrink:0;grid-template-columns:minmax(136px,38%) minmax(0,1fr);align-items:center;min-height:200px;margin-top:auto;display:grid;position:relative}.heroIdentityPortrait{align-self:stretch;place-items:center;min-width:0;display:grid}.heroIdentityPortrait[data-light-background=true]{background:#fff}.heroIdentity .heroPortrait{width:min(172.8px,100% - 24px);margin:25px auto}.heroIdentityCopy{border-left:1px solid var(--border);padding:30px 22px}.heroIdentity p{letter-spacing:-.045em;margin-top:16px;font-size:21px;line-height:1.5}.heroIdentityPeriod{color:var(--cyan)}.heroIdentity .studioLink{--studio-link-underline-y:calc(100% - 8px);margin-top:12px;padding-block:10px;font-size:12px}.heroStack{--studio-marquee-gap:36px;--studio-marquee-direction:reverse;--studio-marquee-padding:20px 42px;color:#cbd7df;border-block:1px solid var(--border);background:#07121d52;grid-column:1/-1}.heroStack .studioSkill{letter-spacing:-.055em;font-size:17px;font-weight:650}.heroStack .studioSkillIcon{width:18px;height:18px}.heroStack,.heroIdentity,.heroIntroduction,.heroSignature:before{backdrop-filter:blur(18px)}@keyframes studioHeroBrandFloat{0%,to{transform:translateY(-6px)}50%{transform:translateY(6px)}}@keyframes studioOfferCursorBlink{0%,36%,to{opacity:1}52%,84%{opacity:0}}.heroGrid[data-animation-active=false] .heroOfferCursor,.heroGrid[data-animation-active=false] .heroFloatingBrandArtwork{animation-play-state:paused}@media (width<=1279px){.heroGrid{grid-template-rows:auto;grid-template-columns:1fr}.heroSignature{--hero-slice-height:26%;border-right:0;min-height:min(42svh,360px)}.heroSignatureContent{gap:12px;padding-inline:28px}.heroContactLinks{gap:8px}.heroSmsLink,.heroEmailLink,.heroGithubLink,.heroSocialLinks,.heroYoutubeLink{width:fit-content;margin-left:auto;display:flex}.heroIntroduction{border-right:0;min-height:auto;padding:32px 28px 40px}.heroIntroductionContent{transform:none}.heroIntroduction h1{font-size:clamp(49px,7vw,75px)}.heroHeadingDesktop{display:none}.heroHeadingMobile{display:block}.heroHeadingRow{grid-template-columns:max-content minmax(0,1fr);align-items:center;gap:clamp(8px,2vw,16px);display:grid}.heroHeadingBrand{flex-direction:column;justify-self:center;align-items:center;gap:8px;width:min(100%,160px);display:flex}.heroIntroduction p{max-width:460px}.heroArtPanel{grid-area:auto;gap:24px;min-height:62svh;padding-block:64px 62px}.heroArtCaption{font-size:8px;inset:20px 18px auto}.heroFloatingBrandArtwork{gap:16px}.heroFloatingLogo{width:min(100%,140px)}.heroFloatingWordmark{width:min(100%,260px)}.heroIdentity{min-height:170px}.heroIdentity .heroPortrait{width:min(140px,100% - 16px)}.heroIdentity p{font-size:18px}.heroStack{--studio-marquee-gap:20px;--studio-marquee-padding:18px 24px}.heroStack .studioSkill{font-size:14px}.heroStack .studioSkillIcon{width:16px;height:16px}}@media (width<=760px){.heroSignature{min-height:180px}.heroSignature:before{content:none}.heroSignatureContent{backdrop-filter:blur(18px);background:#07121d38}.heroIdentity,.heroIntroduction,.heroSignatureContent{--studio-card-cut:8px;--studio-card-stroke:#a7e9f638;border:1px solid var(--studio-card-stroke);clip-path:polygon(0 0, calc(100% - var(--studio-card-cut)) 0, 100% var(--studio-card-cut), 100% 100%, var(--studio-card-cut) 100%, 0 calc(100% - var(--studio-card-cut)))}.heroIdentity:after,.heroIntroduction:after,.heroSignatureContent:after{z-index:3;content:"";pointer-events:none;background-position:100% 0,0 100%;background-repeat:no-repeat;background-size:var(--studio-card-cut) var(--studio-card-cut);--studio-card-stroke-image:linear-gradient(45deg, transparent calc(50% - .5px), var(--studio-card-stroke) calc(50% - .5px), var(--studio-card-stroke) calc(50% + .5px), transparent calc(50% + .5px));background-image:var(--studio-card-stroke-image), var(--studio-card-stroke-image);position:absolute;inset:-1px}.heroIdentity{min-height:0}.heroIdentity .heroPortrait{margin:12px auto}.heroIdentityCopy{padding:12px}.heroIdentity p{margin-top:6px;line-height:1.3}.heroIdentity .studioLink{margin-top:6px;padding-block:4px}.heroArtPanel{min-height:480px}.heroIntroduction{padding-bottom:48px;position:relative}.heroHeadingRow{--hero-heading-size:clamp(34px, 8.5vw, 64px);--hero-heading-height:calc(var(--hero-heading-size) * 3.3);padding-block:20px 24px}.heroIntroduction h1{font-size:var(--hero-heading-size);margin:0}.heroIntroduction p{margin-top:8px}.heroHeadingBrand{height:calc(var(--hero-heading-height) * 1.03);width:min(100%, (var(--hero-heading-height) * 1.03 - 8px) / .875);justify-content:space-between}.heroActions{margin-top:12px}}@media (prefers-reduced-motion:reduce){.heroOfferCursor{opacity:1;animation:none}.studioMotionFrame[data-entrance-ready] .heroHeadingCharacter,.studioMotionFrame[data-entrance-ready] .heroHeadingWord{opacity:1;animation:none;transform:none}.heroIntroductionContent{transform:none}.heroHeadingBrand,.heroFloatingBrandArtwork{animation:none;transform:none}}