.category-transition-active{overflow:hidden}.category-transition{position:fixed;inset:0;z-index:5000;pointer-events:none}.category-transition__veil{position:absolute;inset:0;background:rgba(3,2,1,0);backdrop-filter:blur(0);transition:background .75s ease,backdrop-filter .75s ease}.category-transition__card{position:absolute;top:var(--start-top);left:var(--start-left);display:flex;flex-direction:column;width:var(--start-width);height:var(--start-height);padding:clamp(1.5rem,4vw,3.675rem);overflow:hidden;border:1px solid rgba(240,212,145,.56);border-radius:1.4rem;background:radial-gradient(circle at 72% 26%,rgba(212,175,103,.22),transparent 32%),linear-gradient(145deg,#171006,#2c1d08 52%,#0d0904);box-shadow:0 2rem 7rem rgba(0,0,0,.45);color:#f6f1e8;transition:top .9s cubic-bezier(.76,0,.24,1),left .9s cubic-bezier(.76,0,.24,1),width .9s cubic-bezier(.76,0,.24,1),height .9s cubic-bezier(.76,0,.24,1),border-radius .9s cubic-bezier(.76,0,.24,1),padding .9s cubic-bezier(.76,0,.24,1),opacity .3s ease}.category-transition--media .category-transition__card{background:linear-gradient(145deg,rgba(12,9,5,.55),rgba(18,12,6,.9)),url('./assets/creative-fpv-hero.png') center/cover}.category-transition__card:after{content:"";position:absolute;inset:-40%;background:linear-gradient(110deg,transparent 42%,rgba(255,239,188,.14) 49%,transparent 56%);transform:translateX(-55%);transition:transform 1.05s cubic-bezier(.2,.7,.2,1)}.category-transition__card small{position:relative;z-index:1;color:#cbb17b;font-size:.62rem;font-weight:850;letter-spacing:.14em;text-transform:uppercase}.category-transition__card>b{position:relative;z-index:1;margin-top:1.2rem;color:#efd68f;font-size:clamp(1.27rem,1.32vw,1.63rem)}.category-transition__card h3{position:relative;z-index:1;max-width:12ch;margin:auto 0 1rem;font-size:clamp(1.55rem,2.75vw,3.07rem);letter-spacing:-.065em;line-height:1.15}.category-transition__card p{position:relative;z-index:1;max-width:45rem;margin:0;color:#c1b8ad;font-size:clamp(.85rem,1.4vw,1.15rem);line-height:1.7}.category-transition__card>i{position:relative;z-index:1;margin-top:1.5rem;color:#d4af67;font-size:.68rem;font-style:normal;font-weight:850;letter-spacing:.08em}.category-transition__signal{position:absolute;right:clamp(1.5rem,5vw,6rem);bottom:clamp(1.5rem,5vw,5rem);display:flex;gap:.45rem}.category-transition__signal i{width:.42rem;aspect-ratio:1;border-radius:50%;background:#f0d491;box-shadow:0 0 1rem rgba(240,212,145,.8);animation:categoryPulse 1s ease-in-out infinite}.category-transition__signal i:nth-child(2){animation-delay:.14s}.category-transition__signal i:nth-child(3){animation-delay:.28s}.category-transition.is-expanded .category-transition__veil{background:rgba(3,2,1,.78);backdrop-filter:blur(12px)}.category-transition.is-expanded .category-transition__card{top:0;left:0;width:100vw;height:100dvh;padding:clamp(4.35rem,11vw,6rem) max(7vw,1.5rem);border-radius:0}.category-transition.is-expanded .category-transition__card:after{transform:translateX(55%)}.category-transition.is-leaving{opacity:0;transition:opacity .3s ease}@keyframes categoryPulse{50%{opacity:.25;transform:scale(.65)}}@media(prefers-reduced-motion:reduce){.category-transition{display:none}}