.hero-transition{height:135svh;min-height:0}.hero-transition .portrait-hero{height:100svh;min-height:0;top:0}.hero-person{top:32px;bottom:auto;width:auto;height:calc(100svh + 125px);max-height:1150px;aspect-ratio:2/3;left:50%;object-fit:contain;object-position:top;transform-origin:50% 20%}.portrait-nav{top:43%;}.hero-main{bottom:80px}.hero-main h1{font-size:clamp(54px,7.7svh,85px)}.glass-one{bottom:215px}.glass-two{bottom:62px}.glass-skills{bottom:205px}.hero-aside,.hero-signature{bottom:60px}.hero-shade{inset:42% 0 0}.giant-name{font-size:min(34vw,45svh);top:15px}.journey-sidebar{transition:none!important}.journey-sidebar>div,.journey-sidebar>nav,.journey-sidebar>a{transform:translateX(calc((1 - var(--side-progress,0)) * -24px));}.journey-sidebar>nav{transform:translateX(calc((1 - var(--side-progress,0)) * -60px));}.journey-sidebar>.yellow-button{transform:translateX(calc((1 - var(--side-progress,0)) * -90px));}.journey-sidebar .side-profile,.journey-sidebar .side-numbers,.journey-sidebar nav,.journey-sidebar .side-email{background:#e6e7d7ee!important;border-color:#fff7!important;color:#303529!important}.journey-sidebar nav a{background:#f3f4e6b0!important;color:#303529!important}.journey-sidebar nav a[aria-current]{background:#f5ff2e!important}.journey-sidebar .side-numbers b{color:#69751d!important}.journey-sidebar{overflow-y:auto;scrollbar-width:none}.journey-sidebar>*{flex-shrink:0}.line-base{display:none}.journey-line .line-progress{stroke:#292d20;stroke-width:2.5;stroke-linecap:round}.line-tip{fill:#f5ff2e;stroke:#292d20;stroke-width:2}.journey-card,.journey-card.incoming{translate:none!important}.journey-card.incoming{opacity:.25}.software-strip{padding:40px 36px 24px;border-bottom:1px solid #b8bca5;background:#d5d2c0}.software-strip>.eyebrow{font-size:12px;color:#636b50}.software-strip .marquee{margin:16px 0 0;border:0;padding:12px 0}.software-strip .marquee-track{gap:0;animation:marquee 70s linear infinite;color:#30372b}.software-group{display:flex;align-items:center;gap:34px;padding-right:34px;flex-shrink:0}.software-group b{font-size:22px;font-weight:700}.software-group>span{color:#7b8732;font-size:18px}.software-strip .marquee:hover .marquee-track{animation-play-state:paused}.journey{padding-top:85px}
.horizontal-work .project-card{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:visible}.horizontal-work .project-open{background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;overflow:hidden}.horizontal-work .project-meta{background:transparent!important;padding:18px 0!important}.horizontal-work .project-meta h3{font-size:22px}.horizontal-work .project-open:before,.horizontal-work .project-open:after{display:none!important}.horizontal-work .competition-visual>img{border:0!important;box-shadow:none!important;transform:none!important;object-fit:contain;height:100%;width:100%;inset:0;margin:auto;position:relative}.horizontal-work .project-phone{border:0!important;background:none!important;box-shadow:none!important;border-radius:0!important}.horizontal-work .phone-island{display:none}.horizontal-work .app-visual-copy{color:#edf0e3}.horizontal-work .event-browser,.horizontal-work .magazine,.horizontal-work .upload-mock{box-shadow:none!important}.horizontal-work .tools-visual .upload-mock{background:#e9ecdf}.horizontal-work .organic-word{color:#f0f2e7}.horizontal-work .organic-word span{color:#f5ff2e}.horizontal-work .rail-number{left:0;top:8px}.horizontal-work .open-circle{left:0}.horizontal-work .motion-tile img{object-fit:contain;background:none}.horizontal-work .competition-visual .visual-kicker{display:none}.horizontal-work .feature-copy{padding:38px 10px}.horizontal-work .funnel-visual{opacity:.18}.horizontal-work .featured-visual .feature-copy h3{color:#f3f5ea}
@media(min-width:1100px) and (max-height:800px){.hero-main{bottom:62px}.hero-main h1{margin:10px 0 18px}.glass-one{bottom:180px}.glass-two{bottom:45px;padding:15px}.glass-skills{bottom:175px}.hero-aside,.hero-signature{bottom:45px}.glass-stat strong{font-size:35px}.glass-one strong{font-size:28px}.portrait-nav{top:41%}.hero-person{top:25px;height:calc(100svh + 110px)}}
@media(max-width:700px){.hero-transition{height:1100px}.hero-transition .portrait-hero{height:850px;top:0}.hero-person{top:70px;height:885px;width:590px;left:48%;max-height:none}.giant-name{top:72px;font-size:35vw}.portrait-nav{top:21px}.hero-main{bottom:72px}.hero-main h1{font-size:61px}.glass-one{bottom:310px}.glass-skills{bottom:370px}.software-strip{padding:30px 18px 18px}.software-group{gap:25px;padding-right:25px}.software-group b{font-size:18px}.journey{padding-top:60px}.horizontal-work .project-meta{padding:18px 0!important}.horizontal-work .organic-word{font-size:52px}}
@media(prefers-reduced-motion:reduce){.hero-transition{height:auto}.software-strip .marquee{overflow-x:auto}.software-strip .software-group:nth-child(2){display:none}.software-strip .marquee-track{animation:none}.journey-sidebar>*{transform:none!important}}
.studio-skills{background:#d5d2c0;color:#20251d;padding:100px 0}.studio-skills .eyebrow{color:#69715a}.skills-intro{display:block;text-align:center;margin-bottom:100px}.skills-intro h2{font-size:clamp(80px,10vw,150px);font-weight:900;letter-spacing:-6px;line-height:.96;margin:35px 0 65px}.skills-intro .scroll-statement{max-width:100%;font-size:clamp(35px,4.8vw,68px);line-height:1.4;font-weight:800;letter-spacing:-1.7px;color:#20251d;text-align:center}.split-word{opacity:.1;transition:opacity .12s}.split-word.lit{opacity:1}.skill-rows article{border-color:#b6bba7}.skill-rows article>span:first-child,.skill-rows p{color:#687056}.skill-rows article>span:last-child{color:#718329}.faq{padding-top:25px}.faq-brand{font:800 clamp(120px,23vw,360px)/.95 Manrope;color:#f5ff2e;letter-spacing:-.08em;text-align:center;padding-right:.08em;margin-bottom:110px}.faq h2{font-size:clamp(55px,6vw,90px);line-height:1.05;letter-spacing:-3px;margin-bottom:50px}.faq-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;align-items:start}.faq-grid details{background:#e7e9da;border:1px solid #f5f7e65c;border-radius:10px;padding:24px}.faq-grid summary{font-size:18px;font-weight:700;gap:20px;line-height:1.5}.faq-grid details p{font-size:14px}.chat-invite{display:flex;align-items:center;gap:15px;margin:35px 0}.chat-invite img{width:52px;height:52px;border-radius:50%;object-fit:cover;object-position:50% 18%}.chat-bubble{background:#f5f5e6;color:#25291d;padding:16px 23px;border-radius:20px 20px 4px 20px;font-size:17px;min-height:58px;display:flex;align-items:center}.typing-dots{display:flex;gap:5px}.typing-dots i{width:7px;height:7px;border-radius:50%;background:#8e9876;animation:typing 1s infinite}.typing-dots i:nth-child(2){animation-delay:.15s}.typing-dots i:nth-child(3){animation-delay:.3s}.chat-message{display:none}.chat-invite.ready .chat-message{display:block;animation:enter .4s both}.chat-invite.ready .typing-dots{display:none}@keyframes typing{50%{transform:translateY(-5px);opacity:.4}}
.horizontal-work .project-open{isolation:isolate;perspective:900px}.project-atmosphere{position:absolute;inset:0;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(15px);opacity:.65;animation:ambient 9s ease-in-out infinite alternate;animation-play-state:paused}.atmosphere-0{background:radial-gradient(ellipse,#8caa4744,transparent 70%)}.atmosphere-1{background:conic-gradient(from 30deg,transparent,#dfb35b88,transparent,#84512c55,transparent)}.atmosphere-2{background:radial-gradient(ellipse at 35% 45%,#467dbd99,transparent 65%)}.atmosphere-3{background:repeating-linear-gradient(120deg,transparent 0 40px,#cf9c4e38 45px 46px,transparent 50px 90px)}.atmosphere-4{background:radial-gradient(ellipse,#a9bba47a,transparent 65%)}.atmosphere-5{background:conic-gradient(#b4cf3440,transparent,#8264ab65,transparent)}.atmosphere-6{background:radial-gradient(ellipse,#40aa8b6b,transparent 65%)}.atmosphere-7{background:radial-gradient(ellipse,#db6e2d75,transparent 70%)}@keyframes ambient{from{transform:translate(-4%,3%) rotate(-8deg) scale(.9)}to{transform:translate(5%,-4%) rotate(15deg) scale(1.12)}}
.horizontal-work .competition-visual>img,.horizontal-work .project-phone,.horizontal-work .event-browser,.horizontal-work .magazine,.horizontal-work .upload-mock,.horizontal-work .organic-word,.horizontal-work .motion-tile>img{animation:product-float 7s ease-in-out infinite alternate!important;animation-play-state:paused!important;translate:0 0;rotate:0deg}.horizontal-work .project-card:nth-child(even) .project-open>*{animation-delay:-2s!important}.horizontal-work .project-card.is-animating .project-atmosphere{animation-play-state:running}.horizontal-work .project-card.is-animating .project-open>img,.horizontal-work .project-card.is-animating .project-phone,.horizontal-work .project-card.is-animating .event-browser,.horizontal-work .project-card.is-animating .magazine,.horizontal-work .project-card.is-animating .upload-mock,.horizontal-work .project-card.is-animating .organic-word{animation-play-state:running!important}@keyframes product-float{from{translate:0 7px;rotate:-1deg}to{translate:0 -7px;rotate:1.2deg}}
@media(max-width:700px){.skills-intro h2{font-size:78px;letter-spacing:-4px;margin:20px 0 45px}.skills-intro .scroll-statement{font-size:35px;line-height:1.5;letter-spacing:-1px}.skills-intro{margin-bottom:60px}.studio-skills{padding:65px 0}.faq-brand{font-size:30vw;margin-bottom:60px}.faq-grid{grid-template-columns:1fr}.faq h2{font-size:55px}.faq-grid details{padding:20px}.chat-bubble{font-size:14px;padding:14px}.chat-invite{gap:10px}.chat-invite img{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.project-atmosphere,.horizontal-work .project-open>*{animation:none!important}.typing-dots{display:none}.chat-message{display:block}.split-word{opacity:1}}
@media(min-width:900px) and (max-height:759px){.rail-pinned .work-sticky{padding:22px 28px}.rail-pinned .section-heading{margin-bottom:15px}.rail-pinned .section-heading h2{font-size:34px}.rail-pinned .section-heading .eyebrow{margin-bottom:8px;font-size:10px}.rail-pinned .filter-row{margin-bottom:16px}.rail-pinned .project-open{height:32svh;min-height:0}.rail-pinned .project-meta{min-height:90px;padding:12px 0!important}.rail-pinned .project-meta h3{font-size:18px}.rail-pinned .rail-controls{padding-top:10px}.rail-pinned .feature-copy h3{font-size:29px}.rail-pinned .feature-copy>p{font-size:11px}.rail-pinned .feature-copy{padding-top:20px}.rail-pinned .project-meta>span{margin-top:6px}}