:root{--color-bg: #000000;--color-text: #e8e4df;--color-text-muted: #6a6560;--color-accent: #c8b8a8;--color-surface: rgba(17, 17, 17, .75);--font-main: "Inter", "Helvetica Neue", Helvetica, Arial, sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--tile-radius: 12px;--ease-out-expo: cubic-bezier(.16, 1, .3, 1);--z-canvas: 1;--z-footer: 20;--z-about: 30;--z-header: 35;--z-project: 40;--z-ghost: 50;--z-loader: 100;--header-h: 64px;--footer-h: 72px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100vw;height:100vh;overflow:hidden;overscroll-behavior:none;background:var(--color-bg);color:var(--color-text);font-family:var(--font-main);font-size:16px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{border:none;background:none;color:inherit;font:inherit;cursor:pointer}img,video{display:block;max-width:100%}.loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-loader);display:flex;align-items:center;justify-content:center;background:var(--color-bg)}.loader__inner{text-align:center;position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center}.loader__name{font-size:clamp(3rem,10vw,8rem);font-weight:300;letter-spacing:-.03em;line-height:1;text-transform:uppercase}.loader__line{display:inline-block;overflow:hidden;margin-right:.15em}.loader__line:last-child{margin-right:0}.loader__line>span{display:inline-block;transform:translateY(110%)}.loader__tagline{margin-top:var(--space-md);font-size:.85rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-text-muted);overflow:hidden}.loader__tagline>span{display:inline-block;transform:translateY(110%)}.loader__progress{margin-top:var(--space-md);font-size:.85rem;letter-spacing:.15em;color:var(--color-accent);opacity:0;font-variant-numeric:tabular-nums}.loader__cta{position:fixed;left:0;right:0;bottom:max(10vh,4rem);margin-top:0;font-size:.7rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-text-muted);overflow:hidden;opacity:0;pointer-events:none;transition:opacity .5s;text-align:center;z-index:2}.loader__cta.is-ready{opacity:1;pointer-events:auto}.loader__cta>span{display:inline-block;transform:translateY(110%)}.viewport{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;overflow:hidden;background:var(--color-bg);opacity:0;visibility:hidden}.viewport.is-active{opacity:1;visibility:visible}.portfolio{position:absolute;top:0;right:0;bottom:0;left:0;z-index:var(--z-canvas)}.category-view{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;padding:calc(var(--header-h) + 16px) 28px calc(var(--footer-h) + 16px);align-content:center;transform-origin:center center}.category-view[hidden],.video-view[hidden]{display:none!important}.category-card{position:relative;width:100%;aspect-ratio:3 / 4;max-height:min(68vh,560px);margin:0 auto;overflow:hidden;border-radius:var(--tile-radius);border:1px solid rgba(255,255,255,.06);background:#0a0a0a;cursor:pointer;text-align:left;-webkit-tap-highlight-color:transparent;transition:border-color .4s var(--ease-out-expo);will-change:transform,opacity;z-index:1}.category-card.is-focus{z-index:5;pointer-events:none}.category-card:hover,.category-card:focus-visible{border-color:#c8b8a859;outline:none}.category-card__img{width:100%;height:100%;object-fit:cover;filter:grayscale(.85) brightness(.62) contrast(1.05);transform:scale(1.02);transition:filter .5s var(--ease-out-expo),transform .7s var(--ease-out-expo);pointer-events:none;-webkit-user-select:none;user-select:none}.category-card:hover .category-card__img,.category-card:focus-visible .category-card__img{filter:grayscale(0) brightness(.92) contrast(1.02);transform:scale(1.08)}.category-card__overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;justify-content:flex-end;padding:22px 20px;background:linear-gradient(to top,rgba(0,0,0,.88) 0%,rgba(0,0,0,.35) 42%,transparent 68%);pointer-events:none;z-index:2}.category-card__label{font-size:clamp(1.15rem,1.8vw,1.65rem);font-weight:300;letter-spacing:.04em;text-transform:uppercase;color:#fff;transition:transform .45s var(--ease-out-expo),letter-spacing .45s var(--ease-out-expo)}.category-card:hover .category-card__label,.category-card:focus-visible .category-card__label{transform:translateY(-2px);letter-spacing:.08em}.category-card__count{margin-top:6px;font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;color:var(--color-text-muted);transition:color .35s}.category-card:hover .category-card__count{color:var(--color-accent)}.video-view{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;overflow:hidden;padding:0}.video-view__header{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:var(--z-header);display:flex;align-items:center;justify-content:center;pointer-events:none}.video-view__title{font-size:.7rem;font-weight:400;letter-spacing:.18em;text-transform:uppercase;color:var(--color-text-muted);padding:0;background:transparent;text-shadow:0 1px 12px rgba(0,0,0,.6)}.video-grid{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:grid;grid-template-columns:repeat(4,1fr);gap:0;padding:0;align-content:start;scroll-snap-type:y proximity;scroll-padding-top:var(--header-h);scroll-padding-bottom:var(--footer-h);-webkit-overflow-scrolling:touch;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.12) transparent}.video-card{position:relative;width:100%;aspect-ratio:4 / 5;overflow:hidden;background:#050505;cursor:pointer;border:0;border-radius:0;scroll-snap-align:start;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.video-card.is-detail-source{visibility:hidden;pointer-events:none}.video-card:focus-visible{outline:1px solid var(--color-accent);outline-offset:-1px;z-index:2}.video-card__media{position:absolute;top:0;right:0;bottom:0;left:0}.video-card__poster,.video-card__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:center center;pointer-events:none}.video-card__poster{filter:grayscale(1) brightness(.45) contrast(1.05) blur(8px);transform:scale(1.06);transition:opacity .9s var(--ease-out-expo),filter .95s var(--ease-out-expo),transform 1s var(--ease-out-expo);z-index:1}.video-card__video{filter:grayscale(1) brightness(.42) contrast(1.05) blur(10px);opacity:1;transform:scale(1.06);transition:filter .95s var(--ease-out-expo),transform 1s var(--ease-out-expo),opacity .85s var(--ease-out-expo);z-index:2}.video-card.is-playing .video-card__poster{opacity:0}.video-card.is-hover .video-card__poster{opacity:0;filter:grayscale(0) brightness(1) blur(0);transform:scale(1.04)}.video-card.is-hover .video-card__video{filter:grayscale(0) brightness(1) contrast(1.02) blur(0);transform:scale(1.02)}.video-card__meta{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none;background:#0000002e;transition:background .95s var(--ease-out-expo)}.video-card__meta-inner{position:absolute;left:50%;top:50%;display:flex;flex-direction:column;align-items:flex-start;text-align:left;width:max-content;max-width:min(86%,280px);will-change:transform}.video-card__brand{display:block;font-size:.58rem;letter-spacing:.2em;text-transform:uppercase;color:var(--color-accent);margin-bottom:8px;opacity:.7;transition:opacity .85s var(--ease-out-expo)}.video-card__title{font-size:clamp(.95rem,1.4vw,1.3rem);font-weight:300;letter-spacing:.02em;line-height:1.1;text-transform:uppercase;color:#ffffffeb;transition:color .85s var(--ease-out-expo)}.video-card.is-hover .video-card__meta{background:linear-gradient(to top,rgba(0,0,0,.82) 0%,rgba(0,0,0,.28) 45%,transparent 75%)}.video-card.is-hover .video-card__meta-inner{max-width:min(90%,320px)}.video-card.is-hover .video-card__brand{opacity:1}.video-card.is-hover .video-card__title{color:#fff}.flip-ghost{position:fixed;top:0;left:0;z-index:var(--z-ghost);display:flex;align-items:center;justify-content:center;pointer-events:none;opacity:0;visibility:hidden;background:var(--color-accent);color:var(--color-bg);font-size:.65rem;letter-spacing:.16em;text-transform:uppercase;font-weight:500;overflow:hidden;box-shadow:0 8px 32px #c8b8a859;will-change:transform,width,height,border-radius,opacity}.flip-ghost.is-visible{visibility:visible}.flip-ghost.is-morphing{font-size:clamp(.65rem,2.2vw,1.1rem);letter-spacing:.12em}.flip-ghost__label{display:block;opacity:0;pointer-events:none;white-space:nowrap}.header{position:fixed;top:0;left:0;right:0;z-index:var(--z-header);display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);pointer-events:none;background:transparent;border-bottom:none}.header>*{pointer-events:auto}.header__name{display:inline-block;font-size:.75rem;font-weight:500;letter-spacing:.12em;text-transform:uppercase;text-shadow:0 1px 14px rgba(0,0,0,.65)}.header__nav{display:flex;gap:var(--space-lg)}.header__link{font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);transition:color .3s;position:relative;text-shadow:0 1px 12px rgba(0,0,0,.6)}.header__link:hover,.header__link.active{color:var(--color-text)}.header__link.active:after{content:"";position:absolute;bottom:-4px;left:0;right:0;height:1px;background:var(--color-accent)}.footer{position:fixed;bottom:0;left:0;right:0;z-index:var(--z-footer);display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-lg);pointer-events:none;background:transparent;border-top:none}.footer>*{pointer-events:auto}.footer__left,.footer__right{font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--color-text-muted);min-width:120px;text-shadow:0 1px 12px rgba(0,0,0,.6)}.footer__right{text-align:right}.footer__center{display:flex;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:#00000047;border-radius:100px;border:1px solid rgba(255,255,255,.1)}.filter-btn{padding:var(--space-xs) var(--space-md);font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:var(--color-text-muted);border-radius:100px;transition:color .3s,background .3s}.filter-btn:hover{color:var(--color-text)}.filter-btn.active{color:var(--color-bg);background:var(--color-accent)}.filter-btn--back{color:var(--color-accent);border:1px solid rgba(200,184,168,.25)}.filter-btn--back:hover{background:#c8b8a81f;color:var(--color-text)}.filter-btn[hidden]{display:none!important}.about-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-about);display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transition:opacity .6s var(--ease-out-expo),visibility .6s;overflow-y:auto}.about-panel.is-open{opacity:1;visibility:visible}.about-panel__backdrop{position:absolute;top:0;right:0;bottom:0;left:0;background:#000000eb;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);cursor:pointer;overflow:hidden;transition:background .7s var(--ease-out-expo)}.about-panel__backdrop-glow{position:absolute;top:-18%;right:-18%;bottom:-18%;left:-18%;background:linear-gradient(145deg,#c4a88447,#5a6e821f 42%,#0000008c),url(/assets/yosr_colorized-CebVj_Or.jpg) center 20% / cover no-repeat;filter:blur(72px) saturate(1.35) brightness(.55);opacity:0;transform:scale(1.08);pointer-events:none;transition:opacity .75s var(--ease-out-expo),transform .9s var(--ease-out-expo);will-change:opacity,transform}.about-panel.is-photo-hover .about-panel__backdrop{background:#080604c7}.about-panel.is-photo-hover .about-panel__backdrop-glow{opacity:1;transform:scale(1)}.about-panel__inner{position:relative;z-index:1;max-width:900px;width:100%;padding:var(--space-xl);display:flex;align-items:flex-start;gap:var(--space-xl)}.about-card{flex-shrink:0;width:280px;position:relative}.about-card__aura{position:absolute;top:-20px;right:-20px;bottom:-20px;left:-20px;border-radius:35px;background:var(--card-aura-bg, transparent);filter:blur(45px);opacity:var(--card-aura-opacity, 0);pointer-events:none;z-index:-1;transform:translateZ(-5px);-webkit-transform:translateZ(-5px);transition:opacity .5s cubic-bezier(.16,1,.3,1),background .5s ease;will-change:opacity,background}.about-card__flipper,.about-card__front{width:100%}.about-card__front-info,.about-card__back,.about-card__overlay{display:none}.about-desktop-content{display:block}.about-panel__photo-wrap{width:280px;overflow:hidden;border-radius:var(--tile-radius);perspective:600px;position:relative;border:1px solid var(--card-hue-border, rgba(255, 255, 255, .1));box-shadow:var(--card-hue-glow, none);transition:border-color .5s ease,box-shadow .5s ease;cursor:pointer}.about-panel__photo-stack{position:relative;width:100%;aspect-ratio:3 / 4;transform-origin:center center;will-change:transform}.about-panel__photo{width:100%;aspect-ratio:3 / 4;object-fit:cover;object-position:center 18%;display:block;transform-origin:center center}.about-panel__photo--base{filter:grayscale(.7) brightness(.82) contrast(1.05);transition:filter .7s var(--ease-out-expo)}.about-panel__photo--color{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;filter:brightness(1.02) contrast(1.02) saturate(1.05);transition:opacity .7s var(--ease-out-expo);pointer-events:none}.about-panel.is-photo-hover .about-panel__photo--base{filter:grayscale(.15) brightness(.95) contrast(1.02)}.about-panel.is-photo-hover .about-panel__photo--color{opacity:1}.about-panel.is-photo-hover .about-panel__photo-wrap{border-color:#c8b8a859;box-shadow:0 18px 50px #00000073,0 0 40px #c4a8841f}@media(hover:hover)and (pointer:fine){.about-panel__photo-wrap:hover .about-panel__photo--base{filter:grayscale(.15) brightness(.95) contrast(1.02)}.about-panel__photo-wrap:hover .about-panel__photo--color{opacity:1}.about-panel__photo-wrap:hover{border-color:#c8b8a859;box-shadow:0 18px 50px #00000073,0 0 40px #c4a8841f}}.about-panel__content{flex:1;min-width:0}.about-panel__name{font-size:clamp(1.8rem,4vw,3rem);font-weight:300;letter-spacing:-.02em;text-transform:uppercase;margin-bottom:var(--space-xs);opacity:0;display:inline-block}.about-panel__role{font-size:.7rem;letter-spacing:.15em;text-transform:uppercase;color:var(--color-accent);margin-bottom:var(--space-lg)}.about-panel__bio{color:var(--color-text-muted);font-size:.95rem;line-height:1.8;margin-bottom:var(--space-md)}.about-panel__socials{display:flex;gap:var(--space-md);margin-top:var(--space-lg)}.about-panel__social{width:45px;height:45px;border-radius:50%;background-color:#ffffff0d;border:1.5px solid rgba(255,255,255,.15);color:var(--color-text-muted);display:flex;align-items:center;justify-content:center;cursor:pointer;position:relative;transition-duration:.4s;box-shadow:2px 2px 10px #00000023}.about-panel__social svg{transition:transform .3s ease,stroke .3s ease,fill .3s ease}.about-panel__social:hover{transform:translateY(-4px);transition-duration:.4s}.about-panel__social:hover svg{transform:scale(1.1);color:#fff;stroke:#fff}.about-panel__tooltip{position:absolute;top:calc(100% + 4px);left:50%;transform:translate(-50%);opacity:0;color:#fff;padding:5px 10px;border-radius:5px;display:flex;align-items:center;justify-content:center;transition-duration:.3s;pointer-events:none;letter-spacing:.5px;font-size:.7rem;font-weight:500;white-space:nowrap;box-shadow:2px 2px 10px #0003;z-index:20}.about-panel__tooltip:before{position:absolute;content:"";width:10px;height:10px;transform:rotate(45deg);top:-4px;left:calc(50% - 5px);transition-duration:.3s}.about-panel__social:hover .about-panel__tooltip{top:calc(100% + 14px);opacity:1;transition-duration:.3s}.about-panel__social[data-brand=instagram]:hover{background:linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888);border:2px solid #ffc0d8;box-shadow:0 4px 15px #dc274373}.about-panel__social[data-brand=instagram] .about-panel__tooltip{background:linear-gradient(45deg,#f09433,#dc2743,#bc1888)}.about-panel__social[data-brand=instagram] .about-panel__tooltip:before{background-color:#f09433}.about-panel__social[data-brand=linkedin]:hover{background-color:#0077b5;border:2px solid #bbecff;box-shadow:0 4px 15px #0077b573}.about-panel__social[data-brand=linkedin] .about-panel__tooltip,.about-panel__social[data-brand=linkedin] .about-panel__tooltip:before{background-color:#0077b5}.about-card[data-active-brand=instagram],.about-card:has(.about-panel__social[data-brand=instagram]:hover),.about-panel__inner:has(.about-panel__social[data-brand=instagram]:hover) .about-card{--card-aura-opacity: 1;--card-aura-bg: radial-gradient(circle at 50% 65%, rgba(225, 48, 108, .65) 0%, rgba(240, 148, 51, .4) 45%, rgba(188, 24, 136, .2) 70%, transparent 85%);--card-hue-glow: 0 0 55px rgba(225, 48, 108, .45), 0 0 25px rgba(240, 148, 51, .3);--card-hue-border: rgba(225, 48, 108, .65)}.about-card[data-active-brand=instagram] .about-card__flip-dot,.about-card:has(.about-panel__social[data-brand=instagram]:hover) .about-card__flip-dot{background:#e1306c;box-shadow:0 0 10px #e1306c}.about-card[data-active-brand=linkedin],.about-card:has(.about-panel__social[data-brand=linkedin]:hover),.about-panel__inner:has(.about-panel__social[data-brand=linkedin]:hover) .about-card{--card-aura-opacity: 1;--card-aura-bg: radial-gradient(circle at 50% 65%, rgba(0, 140, 240, .65) 0%, rgba(0, 119, 181, .3) 50%, transparent 75%);--card-hue-glow: 0 0 50px rgba(0, 150, 240, .45), 0 0 20px rgba(0, 119, 181, .3);--card-hue-border: rgba(0, 172, 238, .65)}.about-card[data-active-brand=linkedin] .about-card__flip-dot,.about-card:has(.about-panel__social[data-brand=linkedin]:hover) .about-card__flip-dot{background:#00acee;box-shadow:0 0 10px #00acee}.about-reveal{opacity:0;transform:translateY(25px)}.project-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-project);display:flex;align-items:center;justify-content:center;background:#000000f0;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);opacity:0;visibility:hidden;pointer-events:none;overflow-y:auto;padding:var(--space-lg)}.project-panel.is-open{visibility:visible;pointer-events:auto}.project-panel__close{position:absolute;top:var(--space-lg);right:var(--space-lg);font-size:2rem;color:var(--color-text-muted);transition:color .3s;line-height:1;z-index:2}.project-panel__close:hover{color:var(--color-text)}.project-panel__inner{position:relative;width:100%;max-width:920px;display:grid;grid-template-columns:minmax(220px,320px) minmax(0,1fr);gap:var(--space-xl);align-items:center;justify-content:center}.project-panel__player-slot{position:relative;z-index:2;width:100%;max-width:320px;margin:0 auto}.project-panel__player-wrap{position:relative;z-index:2;width:100%;border-radius:var(--tile-radius);overflow:hidden;background:#000;box-shadow:0 24px 60px #0000008c;border:1px solid rgba(255,255,255,.06);will-change:transform,top,left,width,height}.project-panel__player-wrap.is-flying{margin:0;max-width:none;border-radius:0}.project-panel__video{width:100%;height:100%;aspect-ratio:9 / 16;max-height:min(72vh,640px);object-fit:cover;background:#000;display:block}.project-panel__player-wrap.is-flying .project-panel__video{aspect-ratio:auto;max-height:none}.project-panel__meta{position:relative;z-index:1;text-align:left;display:flex;flex-direction:column;align-items:flex-start;gap:10px}.project-panel__meta-item{will-change:transform,opacity}.project-panel__brand{font-size:.65rem;letter-spacing:.18em;text-transform:uppercase;color:var(--color-accent)}.project-panel__title{font-size:clamp(1.8rem,3.5vw,2.75rem);font-weight:300;letter-spacing:-.02em;line-height:1.1}.project-panel__category{color:var(--color-text-muted);letter-spacing:.12em;text-transform:uppercase;font-size:.7rem}.project-panel__desc{margin-top:6px;color:var(--color-text-muted);font-size:.95rem;line-height:1.7;max-width:36ch}.project-panel__fullscreen{margin-top:18px;display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:100px;border:1px solid rgba(255,255,255,.14);background:#ffffff0a;color:var(--color-text);font-size:.65rem;letter-spacing:.14em;text-transform:uppercase;transition:background .3s,border-color .3s,color .3s}.project-panel__fullscreen:hover{background:#c8b8a81f;border-color:#c8b8a866;color:#fff}@media(max-width:1100px){.category-view{grid-template-columns:repeat(2,1fr);gap:12px;padding:calc(var(--header-h) + 20px) 18px calc(var(--footer-h) + 20px)}.category-card{max-height:min(42vh,420px);aspect-ratio:3 / 4}.video-grid{grid-template-columns:repeat(3,1fr)}.about-panel__inner{max-width:820px;gap:var(--space-lg);padding:var(--space-lg)}.about-card,.about-panel__photo-wrap{width:220px}}@media(max-width:768px){.header{padding:max(var(--space-sm),env(safe-area-inset-top)) var(--space-md) var(--space-sm);background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.header__name{font-size:.7rem}.footer{padding:var(--space-sm) var(--space-md) max(var(--space-sm),env(safe-area-inset-bottom));justify-content:center;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}.footer__left,.footer__right{display:none}.footer__center{max-width:100%;overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none;padding:var(--space-xs);background:transparent}.footer__center::-webkit-scrollbar{display:none}.filter-btn{padding:var(--space-xs) var(--space-sm);font-size:.55rem;flex-shrink:0}.loader__name{font-size:9vw}.category-view{grid-template-columns:1fr 1fr;gap:8px;padding:calc(var(--header-h) + 12px) 12px calc(var(--footer-h) + 12px);align-content:center}.category-card{max-height:min(38vh,360px);aspect-ratio:3 / 4;border-radius:10px}.category-card__overlay{padding:14px 12px}.category-card__label{font-size:.9rem}.video-view__header{display:none}.video-grid{grid-template-columns:repeat(2,1fr);gap:0;padding:0;scroll-padding-top:var(--header-h);scroll-padding-bottom:var(--footer-h)}.video-card{width:100%;aspect-ratio:4 / 5}.video-card__meta-inner{max-width:min(88%,160px)}.video-card__brand{font-size:.48rem;letter-spacing:.16em;margin-bottom:5px}.video-card__title{font-size:clamp(.72rem,2.8vw,.88rem);letter-spacing:.04em;line-height:1.15}.video-card.is-hover .video-card__meta-inner{max-width:min(92%,180px)}.project-panel{padding:var(--space-md);align-items:center}.project-panel__inner{grid-template-columns:minmax(140px,42vw) minmax(0,1fr);gap:var(--space-md);max-width:100%;align-items:center}.project-panel__player-slot{max-width:min(200px,42vw);margin:0}.project-panel__video{max-height:min(62vh,480px)}.project-panel__title{font-size:clamp(1.25rem,5vw,1.85rem)}.project-panel__desc{font-size:.85rem;max-width:none}.project-panel__close{top:var(--space-md);right:var(--space-md)}.about-desktop-content{display:block!important}.about-card__front-info,.about-card__back,.about-card__overlay{display:none!important}.about-panel{align-items:stretch;justify-content:flex-start;overflow-x:hidden;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0;background:#000}.about-panel__backdrop{background:#000}.about-panel__inner{flex-direction:column;align-items:stretch;gap:0;padding:0;width:100%;max-width:100%;margin:0;min-height:100%;background:#000}.about-card{width:100%;flex-shrink:0;height:auto;max-width:none;cursor:default;perspective:none}.about-card__aura{display:none}.about-card__flipper{transform:none!important;transition:none}.about-panel__photo-wrap{width:100%;border-radius:0;border:none;box-shadow:none;perspective:none;overflow:hidden}.about-panel.is-photo-hover .about-panel__photo-wrap{border-color:transparent;box-shadow:none}.about-panel__photo-stack{width:100%;aspect-ratio:3 / 4;max-height:min(72vh,640px);-webkit-mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.85) 78%,rgba(0,0,0,.4) 90%,transparent 100%);mask-image:linear-gradient(to bottom,#000 0%,#000 62%,rgba(0,0,0,.85) 78%,rgba(0,0,0,.4) 90%,transparent 100%)}.about-panel__photo{width:100%;height:100%;max-height:none;aspect-ratio:auto;object-fit:cover;object-position:center 22%}.about-panel__photo-wrap:after{display:none}.about-panel__content{flex:1;min-width:0;width:100%;box-sizing:border-box;padding:0 22px;margin-top:-56px;position:relative;z-index:3;background:transparent}.about-panel__name{font-size:clamp(1.85rem,9vw,2.6rem);margin-bottom:8px;letter-spacing:-.03em;line-height:1.05}.about-panel__role{font-size:.68rem;letter-spacing:.2em;margin-bottom:22px;color:var(--color-accent)}.about-panel__bio{font-size:.95rem;line-height:1.7;margin-bottom:16px;color:#e8e4dfc7;max-width:36ch}.about-panel__bio+.about-panel__bio{margin-bottom:28px}.about-panel__socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:12px;margin-bottom:0;padding:0 0 calc(72px + env(safe-area-inset-bottom));width:100%;max-width:100%;box-sizing:border-box;position:relative;z-index:4}.about-panel__social{width:44px;height:44px;flex-shrink:0}.about-panel__tooltip{display:none}}@media(max-width:480px){.category-view{grid-template-columns:1fr 1fr;gap:8px;align-content:center;overflow:hidden;padding:calc(var(--header-h) + 12px) 10px calc(var(--footer-h) + 12px)}.category-card{aspect-ratio:3 / 4;max-height:min(36vh,320px)}.video-card__title{font-size:.7rem}.about-panel__photo-stack{max-height:min(68vh,580px)}.about-panel__content{padding:0 18px;margin-top:-48px}.about-panel__socials{padding-bottom:calc(72px + env(safe-area-inset-bottom))}.project-panel__inner{grid-template-columns:minmax(120px,38vw) minmax(0,1fr);gap:12px}.project-panel__player-slot{max-width:min(160px,38vw)}.project-panel__fullscreen{padding:8px 12px;font-size:.55rem}}