:root{--hero-recede-scale: 0.9;--hero-recede-opacity: 0.18;--hero-recede-blur: 1px;--reveal-duration: 0.7s;--reveal-shift: 28px;--service-icon-draw-duration: 0.9s;--service-icon-draw-stagger: 0.12s;--clients-marquee-speed: 28;--section-title-draw-duration: 1.4s;--section-title-fill-duration: 0.25s;--section-title-fill-overlap: 0.3;--bg-sequin-front: #140014;--bg-sequin-back: #260026;--bg-sequin-glint: #ff00ff;--bg-sequin-size: 5;--bg-sequin-gap: 1;--bg-sequin-alpha: 0.7;--bg-sequin-glint-alpha: 0.35;--bg-sequin-follow: 2.2;--bg-sequin-speed: 0.5;--bg-sequin-ripple: 5;--bg-sequin-softness: 1.8;--bg-sequin-brush-radius: 140;--bg-sequin-brush-strength: 0.75;--bg-sequin-brush-fade: 0.5;--bg-sequin-brush-ease: 1.5;--bg-sequin-brush-fill: 700}*,*::before,*::after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-snap-type:y mandatory}@media(prefers-reduced-motion: reduce){html{scroll-behavior:auto}}body{margin:0;font-family:"Lato",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-weight:400;font-size:1rem;line-height:1.6;color:#dccedc;background-color:#505;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4{margin:0;font-weight:300;line-height:1.15;text-wrap:balance}p{margin:0}a{color:#dccedc;text-decoration:none;transition:color .3s ease}a:hover,a:focus-visible{color:#f0f}img,svg,video{display:block;max-width:100%;height:auto}ul{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer}:focus-visible{outline:2px solid #f0f;outline-offset:3px}.container{width:100%;margin-inline:auto;padding-inline:1.5rem;max-width:1140px}@media(max-width: 1024px){.container{max-width:1024px}}@media(max-width: 767px){.container{max-width:767px}}.section{position:relative;z-index:1;height:100vh;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;justify-content:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.site-bg{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none;background-color:#0b000d}.site-bg__glow{position:absolute;width:95vmax;aspect-ratio:1;border-radius:50%;animation:site-bg-drift 80s ease-in-out infinite alternate;will-change:transform}.site-bg__glow--a{left:-30vmax;top:-35vmax;background:radial-gradient(closest-side, rgba(136, 0, 136, 0.18), transparent);animation-delay:0s;--drift-x: 18vmax;--drift-y: 12vmax;--drift-scale: 1.15}.site-bg__glow--b{left:35vw;top:20vh;background:radial-gradient(closest-side, rgba(102, 0, 102, 0.24), transparent);animation-delay:-25s;--drift-x: -20vmax;--drift-y: -10vmax;--drift-scale: 0.9}.site-bg__glow--c{left:10vw;top:40vh;background:radial-gradient(closest-side, rgba(255, 0, 255, 0.04), transparent);animation-delay:-50s;--drift-x: 14vmax;--drift-y: -16vmax;--drift-scale: 1.2}.site-bg__sequins{position:absolute;inset:0;width:100%;height:100%}@keyframes site-bg-drift{from{transform:translate3d(0, 0, 0) scale(1)}to{transform:translate3d(var(--drift-x), var(--drift-y), 0) scale(var(--drift-scale))}}@media(prefers-reduced-motion: reduce){.site-bg__glow{animation:none}}.dock{position:fixed;left:50%;bottom:calc(1rem + env(safe-area-inset-bottom, 0px));z-index:50;display:flex;gap:.125rem;max-width:calc(100vw - 1rem);padding:.3rem;translate:-50% 0;background-color:rgba(11,0,13,.55);border:1px solid rgba(255,255,255,.08);border-radius:999px;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.dock__link{position:relative;padding:.6rem 1rem;border-radius:999px;font-size:.875rem;font-weight:500;line-height:1;white-space:nowrap;color:rgba(220,206,220,.77)}.dock__link:hover,.dock__link:focus-visible{color:#dccedc}.dock__link::after{content:"";position:absolute;left:50%;bottom:.3rem;width:1.25em;height:1px;translate:-50% 0;background-color:#f0f;opacity:0;transition:opacity .3s ease}.dock__link.is-active{color:#dccedc}.dock__link.is-active::after{opacity:1}@media(max-width: 767px){.dock__link{padding:.5rem .4rem;font-size:.975rem}}.section-title{position:fixed;top:calc(1.75rem + env(safe-area-inset-top, 0px));left:1.75rem;z-index:40;display:flex;font-size:1.25rem;font-weight:300;letter-spacing:.2em;line-height:1;white-space:pre;color:#dccedc;pointer-events:none;transition:opacity .3s ease}.section-title.is-hidden{opacity:0}@media(max-width: 767px){.section-title{top:calc(1rem + env(safe-area-inset-top, 0px));left:1rem;font-size:1rem}}.section-title__svg{display:block;height:1.2em;overflow:visible}.section-title__svg text{font:inherit;letter-spacing:inherit;fill:currentColor;stroke:#f0f;stroke-width:1}.hero{position:relative;display:flex;align-items:center;justify-content:center;height:100vh;height:100svh;scroll-snap-align:start;scroll-snap-stop:always;text-align:center}.hero__overlay{position:absolute;inset:0;z-index:0;background-color:#505;opacity:.05;pointer-events:none}.hero-logo{position:relative;z-index:1;display:flex;justify-content:center;width:100%;opacity:0}.hero-logo.is-visible{opacity:1;transition:opacity .8s ease}.hero-logo.is-stuck{position:fixed;inset-block-start:50px;inset-inline:0;z-index:9}.hero-logo__svg{width:auto;height:350px;max-width:85vw;fill-opacity:1;transition:transform 1s ease,fill-opacity 1s ease}.hero-logo.is-stuck .hero-logo__svg{transform:scale(0.9);fill-opacity:.1}@media(prefers-reduced-motion: reduce){.hero-logo{opacity:1}.hero-logo__svg{transition:none}}.hero__lockup{position:absolute;inset:0;z-index:0;margin:auto;width:min(520px,50vmin,42.7502757135vmin);height:auto;aspect-ratio:.8550055143;pointer-events:none}@media(max-width: 767px){.hero__lockup{width:min(520px,70vmin,59.8503859989vmin)}}.hero__lockup{--lockup-blur: 0px;filter:drop-shadow(0 0 var(--glow-near) var(--glow-near-color)) drop-shadow(0 0 var(--glow-far) var(--glow-far-color)) blur(var(--lockup-blur));animation:hero-glow-drift 41s ease-in-out infinite alternate;will-change:transform,opacity,filter}.hero__lockup::before{content:"";position:absolute;inset:0;background-color:#a300a3;mask:url("../img/logo/feral-lockup-white.svg") center/contain no-repeat;-webkit-mask:url("../img/logo/feral-lockup-white.svg") center/contain no-repeat;animation:hero-breathe 26s ease-in-out infinite alternate,hero-wander 150s ease-in-out infinite}@property --glow-near{syntax:"<length>";inherits:false;initial-value:24px}@property --glow-far{syntax:"<length>";inherits:false;initial-value:90px}@property --glow-near-color{syntax:"<color>";inherits:false;initial-value:rgba(255, 0, 255, 0.22)}@property --glow-far-color{syntax:"<color>";inherits:false;initial-value:rgba(136, 0, 136, 0.35)}@keyframes hero-glow-drift{0%{--glow-near: 24px;--glow-far: 90px;--glow-near-color: rgba(255, 0, 255, 0.22);--glow-far-color: rgba(136, 0, 136, 0.35)}40%{--glow-near: 34px;--glow-far-color: rgba(102, 0, 102, 0.3)}100%{--glow-near: 24px;--glow-far: 130px;--glow-near-color: rgba(255, 0, 255, 0.32);--glow-far-color: rgba(255, 0, 255, 0.2)}}@keyframes hero-breathe{from{filter:brightness(0.7)}to{filter:brightness(1.6)}}@keyframes hero-wander{0%,100%{background-color:#606}12%{background-color:#f060f0}22%{background-color:#606}27%,31%{background-color:#808}36%{background-color:#f060f0}48%{background-color:#606}53%,57%{background-color:#c0c}62%{background-color:#f060f0}74%{background-color:#606}79%,83%{background-color:#f0f}88%{background-color:#f060f0}}.hero.is-pinned .hero__lockup{position:fixed}@media(prefers-reduced-motion: reduce){.hero__lockup{animation:none;will-change:auto}.hero__lockup::before{animation:none}}.studio{position:relative;z-index:1;min-height:150vh;padding-block-start:10%}@media(max-width: 767px){.studio{min-height:auto;padding-block-start:0}}.about{text-align:center}.about__statement{max-width:40rem;margin-inline:auto;font-size:1.7rem;font-weight:300;line-height:1.4;color:#dccedc;text-wrap:balance}.about__statement+.about__statement{margin-top:2rem}.about__statement em{font-style:normal}@media(max-width: 767px){.about__statement{font-size:1.275rem}}.team__list{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:2rem;max-width:520px;margin:3.5rem auto 0}@media(max-width: 767px){.team__list{grid-template-columns:1fr;gap:1.5rem;margin-top:2rem}}.person{display:flex;flex-direction:column;align-items:center}.person__name{font-size:1.5rem;font-weight:300;line-height:1.15;color:#dccedc}@media(max-width: 767px){.person__name{font-size:1.3125rem}}.person__role{margin-top:.25rem;font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:rgba(220,206,220,.64)}.person__links{display:flex;justify-content:center;gap:1.25rem;margin-top:1rem}.person__links .social-link{width:18px;height:18px;color:rgba(220,206,220,.77)}@media(max-width: 767px){.person__links{margin-top:.5rem}.person__links .social-link{width:14px;height:14px}}.services{overflow-x:clip}.services__grid{display:grid;grid-template-columns:repeat(4, minmax(0, 1fr));gap:clamp(1rem,3vw,2.5rem);max-width:960px;margin:0 auto;padding:0;list-style:none}@media(max-width: 767px){.services__grid{grid-template-columns:repeat(2, minmax(0, 1fr));grid-auto-rows:calc((100svh - 9rem - 3*0.75rem)/4);row-gap:.75rem}.services__grid.is-all-open{grid-auto-rows:auto}}.service{position:relative;z-index:0;aspect-ratio:1;container-type:inline-size}@media(max-width: 767px){.service{aspect-ratio:auto}}.service:hover{z-index:5}.service__card{position:absolute;top:0;right:0;left:0;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.15rem;padding:.4rem .7rem;text-align:center;color:#dccedc;transition:color .3s ease}.service__toggle{padding:0;background:none;border:0;color:inherit;font:inherit;text-align:inherit}.service:nth-child(n+5) .service__card{top:auto;bottom:0}@media(max-width: 767px){.service:nth-child(n+5) .service__card{top:0;bottom:auto}.service:nth-child(n+7) .service__card{top:auto;bottom:0}}.services__grid.is-all-open .service{aspect-ratio:auto}.services__grid.is-all-open .service .service__label-short{display:none}.services__grid.is-all-open .service .service__label-long{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.services__grid.is-all-open .service:nth-child(n) .service__card{position:relative;top:auto;bottom:auto;height:auto;min-height:100%;justify-content:flex-start}.services__grid.is-all-open .service__details{grid-template-rows:1fr;margin-top:calc(1rem - 0.15rem);opacity:1}.services__grid.is-all-open .service__icon{width:20cqw;height:20cqw;margin-block-end:2.4cqw}.service__details{display:grid;grid-template-rows:0fr;width:100%;margin-top:-0.15rem;opacity:0;transition:grid-template-rows .5s cubic-bezier(0.22, 1, 0.36, 1),opacity .5s cubic-bezier(0.22, 1, 0.36, 1),margin-top .5s cubic-bezier(0.22, 1, 0.36, 1)}.service__list{display:grid;grid-template-columns:minmax(0, max-content);justify-content:center;gap:.35rem;overflow:hidden;margin:0;padding:1rem 0 0;border-top:1px solid rgba(255,255,255,.18);list-style:none;text-align:left;font-size:max(.75rem,6cqw);font-weight:300;line-height:1.3;color:rgba(220,206,220,.82);text-wrap:pretty}.service__list li{display:grid;grid-template-columns:auto minmax(0, 1fr);column-gap:.35em}.service__list li::before{content:"▪";color:#f0f}@media(hover: hover){.service:hover .service__card{height:auto;min-height:100%}.service:hover .service__label-short{display:none}.service:hover .service__label-long{position:static;width:auto;height:auto;margin:0;overflow:visible;clip:auto;white-space:normal}.service:hover .service__details{grid-template-rows:1fr;margin-top:calc(1rem - 0.15rem);opacity:1}.service:hover .service__icon{width:20cqw;height:20cqw;margin-block-end:2.4cqw}.services__grid:not(.is-all-open):has(.service:hover) .service:not(:hover) .service__icon,.services__grid:not(.is-all-open):has(.service:hover) .service:not(:hover) .service__title{opacity:.6}}.service__label-long{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border:0}.service__icon{flex:0 0 auto;transition:opacity .5s cubic-bezier(0.22, 1, 0.36, 1),width .5s cubic-bezier(0.22, 1, 0.36, 1),height .5s cubic-bezier(0.22, 1, 0.36, 1),margin .5s cubic-bezier(0.22, 1, 0.36, 1);width:28cqw;height:28cqw;margin-block-end:3.36cqw;background-color:#f0f;mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.service__icon.is-inline{color:#f0f;background:none;mask:none;-webkit-mask:none}.service__icon.is-inline svg{display:block;width:100%;height:100%;overflow:visible}.service__icon--design{mask-image:url("../img/icons/design.svg");-webkit-mask-image:url("../img/icons/design.svg")}.service__icon--dev{mask-image:url("../img/icons/dev.svg");-webkit-mask-image:url("../img/icons/dev.svg")}.service__icon--branding{mask-image:url("../img/icons/branding.svg");-webkit-mask-image:url("../img/icons/branding.svg")}.service__icon--dataviz{mask-image:url("../img/icons/dataviz.svg");-webkit-mask-image:url("../img/icons/dataviz.svg")}.service__icon--ai{mask-image:url("../img/icons/ai.svg");-webkit-mask-image:url("../img/icons/ai.svg")}.service__icon--3d{mask-image:url("../img/icons/3d.svg");-webkit-mask-image:url("../img/icons/3d.svg")}.service__icon--av{mask-image:url("../img/icons/av.svg");-webkit-mask-image:url("../img/icons/av.svg")}.service__icon--a1{mask-image:url("../img/icons/a1.svg");-webkit-mask-image:url("../img/icons/a1.svg")}.service__title{margin:0;transition:opacity .5s cubic-bezier(0.22, 1, 0.36, 1);font-size:13cqw;font-weight:300;line-height:1.12;color:inherit}@media(prefers-reduced-motion: reduce){.service__card,.service__details,.service__icon,.service__title{transition:none}}.clients{position:relative;z-index:1;text-align:center}.clients__subtitle{margin-bottom:3.5rem;font-size:1rem;font-weight:300;line-height:1;color:#dccedc}@media(max-width: 767px){.clients__subtitle{margin-bottom:1.5rem}}.clients__rows{--clients-rows: 4;display:grid}@media(max-width: 767px){.clients__rows{--clients-rows: 5;row-gap:.625rem}}.clients__rows{max-width:1140px;margin-inline:auto}.clients__row{display:flex;overflow-x:auto;scrollbar-width:none}.clients__row::-webkit-scrollbar{display:none}.clients__row.is-looping{overflow:hidden;mask-image:linear-gradient(to right, transparent, #000 8%, #000 calc(100% - 8%), transparent)}.clients__track{display:flex;flex:none;margin-inline:auto}.is-looping>.clients__track{margin-inline:0;animation:clients-marquee var(--marquee-duration, 40s) linear infinite}.is-looping:nth-child(even)>.clients__track{animation-direction:reverse}.is-looping:hover>.clients__track,.is-looping:focus-within>.clients__track{animation-play-state:paused}@media(prefers-reduced-motion: reduce){.clients__track{animation:none !important}}@keyframes clients-marquee{to{transform:translateX(calc(-1 * var(--marquee-shift, 0px)))}}.client__link{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.client{display:flex;flex:none;align-items:center;justify-content:center;width:18rem;height:10rem;padding:1.25rem 2.75rem}.client img{width:100%;max-width:200px;max-height:88px;object-fit:contain;filter:brightness(0) invert(1);opacity:.7;transition:opacity .3s ease}.client:hover img,.client:focus-within img{opacity:1}@media(max-width: 767px){.client{width:11.5rem;height:5.5rem;padding:.5rem 1.75rem}.client img{max-width:125px;max-height:62px}}.contact{position:relative;z-index:1;text-align:center}@media(max-width: 767px){.contact{padding-top:calc(3rem + env(safe-area-inset-top, 0px));padding-bottom:calc(4.5rem + env(safe-area-inset-bottom, 0px))}}.contact__form{width:100%;max-width:600px;margin-inline:auto;display:grid;grid-template-columns:repeat(2, 1fr);column-gap:1.5rem;row-gap:1.25rem}@media(min-width: 768px)and (max-width: 1024px){.contact__form{max-width:800px}}@media(max-width: 767px){.contact__form{grid-template-columns:repeat(2, minmax(0, 1fr));column-gap:.75rem;row-gap:.75rem;padding-inline:20px}}.field{display:flex;flex-direction:column;gap:.4rem;text-align:start}@media(max-width: 767px){.field{gap:.3rem}}.field--full{grid-column:1/-1}.field__label{font-size:.8125rem;font-weight:500;letter-spacing:.02em;color:#dccedc}.field__input,.field__textarea{width:100%;padding:.6rem .8rem;font:inherit;color:#dccedc;background-color:rgba(0,0,0,.18);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border:1px solid rgba(255,255,255,.3);border-radius:0;transition:border-color .3s ease,background-color .3s ease}.field__input::placeholder,.field__textarea::placeholder{color:rgba(220,206,220,.4)}.field__input:focus,.field__textarea:focus{outline:none;border-color:#f0f;background-color:rgba(0,0,0,.28)}@media(max-width: 767px){.field__input,.field__textarea{padding:.5rem .75rem}}.field__textarea{min-height:6rem;resize:vertical}@media(max-width: 767px){.field__textarea{min-height:4.5rem}}.btn--submit{grid-column:1/-1;justify-self:center;margin-top:.25rem;padding:.75rem 2.25rem;font-size:1rem;font-weight:400;line-height:1;color:#dccedc;background-color:rgba(136,0,136,.48);border:1px solid rgba(255,255,255,.3);transition:background-color .3s ease,color .3s ease}.btn--submit:hover,.btn--submit:focus-visible{background-color:rgba(220,206,220,.77);color:#808}@media(max-width: 767px){.btn--submit{padding:.65rem 1.75rem}}.social-link{display:inline-flex;align-items:center;justify-content:center;transition:color .3s ease}.social-link svg{width:100%;height:100%;fill:currentColor}.social-link:hover,.social-link:focus-visible{color:#f0f}.contact__social{display:flex;justify-content:center;gap:1.5rem;margin-top:2.5rem}.contact__social .social-link{width:22px;height:22px;color:rgba(220,206,220,.77)}@media(max-width: 767px){.contact__social{margin-top:1.75rem}.contact__social .social-link{width:20px;height:20px}}.contact__copyright{margin-top:2rem;font-size:.9rem;font-weight:400;line-height:1;color:rgba(220,206,220,.64)}@media(max-width: 767px){.contact__copyright{margin-top:1.25rem}}