@font-face{font-family:"FB Parking";src:url("fbparking-regularwebfont.woff") format("woff");font-weight:400;font-style:normal;font-display:swap}
body{font-family:"FB Parking",Heebo,Arial,sans-serif}:lang(en),[lang="en"]{font-family:Heebo,Arial,sans-serif}
.intro{isolation:isolate;background:#fff}.intro::before{content:"";position:absolute;z-index:-2;inset:-30px;background:url("studio-office-hero.png") center/cover no-repeat;filter:blur(11px);transform:scale(1.06);opacity:.24}.intro::after{content:"";position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,rgba(255,255,255,.5),rgba(255,255,255,.93) 45%,rgba(255,255,255,.98))}.intro-copy{position:relative;z-index:2;animation:hero-in 1s cubic-bezier(.22,.8,.25,1) both}.intro-copy p{font-family:Heebo,Arial,sans-serif}.intro h1,.portfolio-head h2,.contact h2{font-weight:400}.intro .symbol{z-index:1;opacity:.08;transform:none;top:50%;margin-top:calc(clamp(280px,40vw,620px)/-2)}
.spin-logo{animation:logo-spin 24s linear infinite;transform-origin:50% 50%}.spin-logo-reverse{animation-direction:reverse;animation-duration:32s}.reveal{opacity:0;transform:translateY(42px);transition:opacity .9s ease,transform .9s cubic-bezier(.22,.8,.25,1)}.reveal.is-visible{opacity:1;transform:none}.carousel figure:nth-child(2n){transform:translateY(18px)}.carousel figure:nth-child(3n){transform:translateY(-12px)}.instagram span{transition:transform .25s ease}.instagram:hover span{transform:translate(3px,-3px)}
@keyframes logo-spin{to{transform:rotate(360deg)}}@keyframes hero-in{from{opacity:0;transform:translateY(32px)}to{opacity:1;transform:none}}
@media(max-width:720px){.intro::before{opacity:.2;filter:blur(8px)}.intro::after{background:rgba(255,255,255,.82)}.intro .symbol{opacity:.065}}
@media(prefers-reduced-motion:reduce){.spin-logo,.intro-copy{animation:none}.reveal{opacity:1;transform:none;transition:none}}