:root{--space-2xs: 4px;--space-xs: 8px;--space-sm: 12px;--space-md: 16px;--space-lg: 24px;--space-xl: 40px;--space-2xl: 64px;--space-3xl: 96px;--space-4xl: 128px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 9999px;--glass-blur: 12px;--glass-bg: rgba(255, 255, 255, .04);--glass-border: 1px solid rgba(255, 255, 255, .1);--glass-border-color: rgba(255, 255, 255, .08);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .6s cubic-bezier(.16, 1, .3, 1);--transition-cinematic: .9s cubic-bezier(.16, 1, .3, 1);--project-color: 59, 130, 246;--bg-primary: #080c14;--bg-secondary: #0f1520;--bg-surface: #161d2b;--text-primary: #eaedf2;--text-secondary: #7a8599;--text-muted: #6e7b8f;--accent-ui: #c8d0e0;--color-bordeaux: #721817;--color-bordeaux-rgb: 114, 24, 23;--color-beige-light: #f5f0e8;--color-beige: #d4c5a9;--color-beige-dark: #a89279;--color-success: #22c55e;--color-warning: #f59e0b;--color-error: #ef4444;--grain-opacity: .05;--text-display: 2.5rem;--text-display: clamp(2.5rem, 5vw, 4rem);--text-h1: 1.75rem;--text-h1: clamp(1.75rem, 3vw, 2.5rem);--text-h2: 1.25rem;--text-h2: clamp(1.25rem, 2vw, 1.75rem);--text-h3: 1.125rem;--text-body: 1rem;--text-small: .875rem;--text-caption: .75rem;--phi: 1.618;--phi-detail-h2: clamp(2rem, 4vw, 4.236rem);--phi-detail-h3: clamp(1.5rem, 2.5vw, 2.618rem);--phi-detail-body: 1.05rem;--phi-lh: 1.618;--pill-height: 340px;--pill-height: clamp(340px, 45vh, 500px);--pill-width: 130px;--pill-width: clamp(130px, 11vw, 170px);--card-width: clamp(260px, 22vw, 360px);--card-height: clamp(340px, 40vh, 460px);--content-max-width: min(90vw, 1440px)}:root{--bg-primary: #080c14;--bg-secondary: #0f1520;--bg-surface: #161d2b;--text-primary: #ffffff;--text-secondary: rgba(255, 255, 255, .8);--text-muted: rgba(255, 255, 255, .65);--accent-ui: rgba(255, 255, 255, .9);--glass-bg: rgba(255, 255, 255, .04);--glass-border-color: rgba(255, 255, 255, .08);--pill-glow-idle: 0 0 12px rgba(255, 255, 255, .15);--pill-glow-hover: 0 0 20px rgba(255, 255, 255, .6);--color-bordeaux: #a82828;--color-bordeaux-rgb: 168, 40, 40;--color-beige-light: rgba(245, 240, 232, .06);--color-beige: #d4c5a9;--color-beige-dark: rgba(212, 197, 169, .15);--separator-color: rgba(255, 255, 255, .08);--grain-opacity: .09;--mobile-card-glow: 0 0 16px rgba(255, 255, 255, .12);--mobile-card-glow-active: 0 0 24px rgba(255, 255, 255, .25);--mobile-pv-overlay: rgba(8, 12, 20, .85)}@media(prefers-contrast:more){:root{--glass-bg: rgba(15, 21, 32, 1);--glass-border: 2px solid rgba(255, 255, 255, .3);--glass-border-color: rgba(255, 255, 255, .3);--glass-blur: 0px;--pill-glow-idle: none;--pill-glow-hover: none;--text-secondary: var(--text-primary);--text-muted: var(--text-primary)}}.btn{min-height:44px;padding:var(--space-sm) var(--space-lg);border-radius:var(--radius-md);font-size:var(--text-body);font-weight:500;cursor:pointer;backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:var(--glass-border);box-shadow:var(--glass-shadow);color:var(--text-primary)}.btn:focus-visible{outline:2px solid var(--accent-ui);outline-offset:4px}.btn--primary{border-color:var(--accent-ui)}.btn--secondary{color:var(--text-secondary)}.btn--ghost{background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:1px solid transparent;box-shadow:none;color:var(--text-secondary)}.btn--ghost:hover{text-decoration:underline;animation:none}@keyframes btn-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.btn:hover{animation:btn-pulse .6s ease}@media(prefers-reduced-motion:reduce){.btn:hover{animation:none}}.pill{position:absolute;height:var(--card-height);width:var(--card-width);display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:var(--space-xs);padding:var(--space-lg) var(--space-md);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-lg);overflow:hidden;opacity:0;cursor:pointer;text-align:center;transform-style:preserve-3d;will-change:transform,opacity;box-shadow:0 20px 60px #0009}.pill--carousel-active{box-shadow:0 30px 80px #000000b3,0 0 40px rgba(var(--project-color),.15)}.pill__bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top center;border-radius:inherit;opacity:1;pointer-events:none;z-index:0}.pill__bg-overlay{position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;background:linear-gradient(180deg,#00000026,#0000000d 30%,#0000004d,#000000bf)}.pill__number{position:absolute;top:14px;right:18px;font-size:3rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:#ffffff1a;pointer-events:none;user-select:none;font-variant-numeric:tabular-nums;z-index:4}.pill:after{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:2;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat;mix-blend-mode:overlay;opacity:.1}.pill:before{content:"";position:absolute;inset:-1px;border-radius:inherit;border:1px solid rgba(255,255,255,.15);opacity:0;transition:opacity .5s ease;pointer-events:none;z-index:3}.pill--carousel-active:before{opacity:1;border-color:#ffffff40}.pill__stack{position:relative;z-index:4;font-size:var(--text-caption);color:#ffffff59;letter-spacing:.01em;opacity:0;transform:translateY(6px);transition:opacity .35s ease,transform .35s ease;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.pill--carousel-active .pill__stack{opacity:1;transform:translateY(0)}.pill__title{position:relative;z-index:4;font-size:var(--text-h2);font-weight:700;color:#fff;line-height:1.15;letter-spacing:-.02em;text-shadow:0 2px 16px rgba(0,0,0,.5)}.pill__type{position:relative;z-index:4;font-size:var(--text-small);color:#ffffff80;letter-spacing:.02em;text-transform:uppercase;text-shadow:0 1px 4px rgba(0,0,0,.4)}.pill:focus{outline:none}.pill:focus-visible{outline:2px solid var(--accent-ui);outline-offset:4px}.pill--illuminated:before{opacity:1;border:2px solid rgba(var(--project-color),.6);box-shadow:0 0 48px rgba(var(--project-color),.3),0 0 96px rgba(var(--project-color),.15);transition:opacity .2s ease}.pill--transitioning{z-index:200;transition:none!important;overflow:hidden;outline:none!important}.pill--transitioning:before{display:none!important}.pills-top-bar,.carousel__hero,.carousel__arrow,.carousel__dots{opacity:0}.carousel{position:relative;width:100%;height:100%;display:flex;align-items:center;justify-content:center;perspective:1000px;perspective-origin:50% 50%}.carousel-bg-blur{position:absolute;inset:-40px;z-index:0;background-size:cover;background-position:center;filter:blur(50px) brightness(.4) saturate(1.3);transform:scale(1.15);transition:background-image .8s ease}.carousel-vignette{position:absolute;inset:0;z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 70% at 50% 50%,transparent 0%,rgba(6,10,18,.85) 100%)}.carousel__arrow{position:absolute;top:50%;z-index:30;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.1);background:#ffffff12;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);font-size:20px;cursor:pointer;display:flex;align-items:center;justify-content:center;transform:translateY(-50%);transition:all .25s;user-select:none}.carousel__arrow:hover{background:#ffffff24;transform:translateY(-50%) scale(1.08)}.carousel__arrow:active{transform:translateY(-50%) scale(.92)}.carousel__arrow--prev{left:clamp(20px,4vw,56px)}.carousel__arrow--next{right:clamp(20px,4vw,56px)}.carousel__dots{position:absolute;bottom:clamp(32px,5vh,56px);left:50%;transform:translate(-50%);z-index:30;display:flex;gap:8px}.carousel__dot{width:8px;height:8px;border-radius:50%;background:#eaedf24d;border:none;cursor:pointer;transition:all .35s ease;padding:0}.carousel__dot--active{width:28px;border-radius:4px;background:rgba(var(--color-bordeaux-rgb),.8)}.carousel__hero{position:absolute;bottom:clamp(90px,14vh,150px);left:50%;transform:translate(-50%);z-index:15;text-align:center;pointer-events:none;transition:opacity .5s ease}.carousel__hero-title{font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;color:#fff;text-shadow:0 4px 30px rgba(0,0,0,.6);text-transform:uppercase}.carousel__hero-sub{margin-top:10px;font-size:14px;color:#eaedf28c;font-weight:400;letter-spacing:.02em}.pills-top-bar{position:absolute;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;gap:8px;padding:var(--space-md) var(--space-lg);background:linear-gradient(to bottom,rgba(6,10,18,.7) 0%,transparent 100%)}.pills-top-bar__left,.pills-top-bar__right{display:flex;align-items:center;gap:8px}.pills-top-bar__right{margin-left:auto}.pills-top-bar__center{position:absolute;left:50%;transform:translate(-50%);z-index:1;display:flex}.tb-btn{position:relative;width:38px;height:38px;border-radius:50%;border:var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:#ffffff80;cursor:pointer;font-size:16px;display:flex;align-items:center;justify-content:center;transition:all .2s}.tb-btn:hover{color:#fff;background:#ffffff1f;transform:scale(1.08)}.tb-btn:active{transform:scale(.94)}.tb-btn:focus-visible{outline:2px solid var(--accent-ui);outline-offset:2px}.tb-btn svg{stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.tb-btn-profile{height:36px;padding:0 18px;border-radius:var(--radius-pill);border:var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));color:#fff9;cursor:pointer;font-size:13px;font-weight:500;letter-spacing:.02em;display:flex;align-items:center;gap:8px;transition:all .2s;white-space:nowrap}.tb-btn-profile:hover{color:#fff;background:#ffffff1a}.tb-btn-profile svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.pills-cta-group{display:flex;align-items:center;gap:6px}.pills-cta-btn{position:relative;height:36px;padding:0 16px;border-radius:var(--radius-pill);border:none;cursor:pointer;font-size:12px;font-weight:600;display:flex;align-items:center;gap:7px;transition:all .2s;text-decoration:none;white-space:nowrap}.pills-cta-btn svg{width:16px;height:16px;flex-shrink:0}.pills-cta-btn--primary{background:rgba(var(--color-bordeaux-rgb),.75);color:#fff;backdrop-filter:blur(8px)}.pills-cta-btn--primary:hover{background:rgba(var(--color-bordeaux-rgb),1);transform:scale(1.04)}.pills-cta-btn--ghost{background:var(--glass-bg);color:#fff9;border:var(--glass-border);backdrop-filter:blur(var(--glass-blur))}.pills-cta-btn--ghost:hover{color:#fff;background:#ffffff1a}.pills-cta-btn:focus-visible{outline:2px solid var(--accent-ui);outline-offset:2px}.tb-tooltip{position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%) translateY(-4px);opacity:0;pointer-events:none;white-space:nowrap;font-size:var(--text-small, .75rem);color:var(--text-primary);background:var(--glass-bg);border:var(--glass-border);border-radius:var(--radius-sm);padding:2px 8px;transition:opacity var(--transition-fast),transform var(--transition-fast);z-index:60}.tb-btn:hover .tb-tooltip,.tb-btn:focus-within .tb-tooltip,.pills-cta-btn:hover .tb-tooltip,.pills-cta-btn:focus-within .tb-tooltip{opacity:1;transform:translate(-50%) translateY(0)}@media(max-width:1023px){.tb-tooltip{display:none}}@media(prefers-reduced-motion:reduce){.tb-tooltip{transition:none}}.carousel__hint{position:absolute;bottom:clamp(56px,8vh,80px);left:50%;transform:translate(-50%);z-index:30;font-size:11px;color:#eaedf24d;letter-spacing:.04em;white-space:nowrap;opacity:0;animation:carousel-hint-fade 5s 2s ease forwards}@keyframes carousel-hint-fade{0%{opacity:0;transform:translate(-50%) translateY(4px)}12%{opacity:.7;transform:translate(-50%) translateY(0)}80%{opacity:.7;transform:translate(-50%) translateY(0)}to{opacity:0;transform:translate(-50%) translateY(-4px)}}@media(max-width:1023px)and (min-width:768px){.pill{position:relative;width:clamp(100px,14vw,140px);height:clamp(200px,28vh,300px);border-radius:var(--radius-pill);justify-content:center}.pill__bg-overlay{background:#000;opacity:.6}.pill__number,.carousel-bg-blur,.carousel-vignette,.carousel__arrow,.carousel__dots,.carousel__hero,.carousel__hint,.pills-top-bar{display:none}}@media(prefers-reduced-motion:reduce){.pill,.carousel-bg-blur{transition:none!important}.carousel__hint{animation:none;opacity:.5}}.wolf-bg{position:fixed;inset:0;z-index:0;pointer-events:none;user-select:none;overflow:hidden}.wolf-bg__scene{position:absolute;inset:0;opacity:0;transition:opacity var(--transition-base)}.wolf-bg__scene--active{opacity:1}.wolf-bg__scene:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:1;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='256' height='256'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E") repeat;mix-blend-mode:overlay;opacity:.15}.wolf-bg__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;transition:opacity var(--transition-base)}.wolf-bg__scene picture{position:absolute;inset:0;width:100%;height:100%}.wolf-bg__img--night{opacity:.7}.wolf-bg__img--day{opacity:0}.wolf-bg--fallback{background:linear-gradient(135deg,var(--bg-primary) 0%,var(--bg-secondary, var(--bg-primary)) 50%,var(--bg-primary) 100%)}.screen--project{position:relative;height:100vh;height:100dvh;overflow:hidden}.pv-hero-bg{position:absolute;inset:0;z-index:0;transition:filter .5s cubic-bezier(.16,1,.3,1)}.screen--project.detail-open .pv-hero-bg{filter:blur(6px) brightness(.85)}.screen--project.detail-open .pv-hero-content{opacity:0;transform:translateY(12px);pointer-events:none}.screen--project.detail-open .pv-cards{opacity:.25;transform:translate(20px);pointer-events:none}.screen--project.detail-open .pv-topbar{opacity:.3}.pv-hero-bg__img{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.pv-hero-bg__fade{position:absolute;inset:0;opacity:0;background:linear-gradient(to right,#0a0e184d,#0a0e1826 40%,#0a0e18b3 72%,#0a0e18eb),linear-gradient(to bottom,rgba(10,14,24,.4) 0%,transparent 30%,transparent 50%,rgba(10,14,24,.75) 100%)}.pv-topbar{position:absolute;top:0;left:0;right:0;z-index:5;display:flex;align-items:center;gap:32px;padding:20px 80px;background:linear-gradient(to bottom,rgba(0,0,0,.35),transparent);transition:opacity .5s cubic-bezier(.16,1,.3,1);opacity:0}.pv-topbar__item{font-size:12px;font-weight:500;color:#ffffff8c;letter-spacing:.03em;cursor:default;transition:color var(--transition-fast)}.pv-topbar__item:hover{color:#fff}.pv-topbar__item:first-child{font-weight:700;color:#ffffffb3;margin-right:8px}.project-sidebar{position:absolute;top:50%;left:20px;transform:translateY(-50%);z-index:10;display:flex;flex-direction:column;gap:var(--space-sm);opacity:0}.project-sidebar__btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:#00000040;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#ffffff80;cursor:pointer;font-size:14px;transition:color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast);position:relative}.project-sidebar__btn:hover{color:#fff;background:#00000073}.project-sidebar__btn:focus-visible{outline:2px solid var(--accent-ui);outline-offset:4px}.project-sidebar__btn[hidden]{display:none}.project-sidebar__btn--cv{text-decoration:none}.project-sidebar__btn--cv:hover{color:#6399ff;background:#6399ff1a}.project-sidebar__btn--shutdown:hover{color:#ff6b6b;background:#ff6b6b14}.project-sidebar__btn--active{color:var(--color-bordeaux);background:rgba(var(--color-bordeaux-rgb),.12);box-shadow:0 0 12px rgba(var(--color-bordeaux-rgb),.25);animation:sidebar-pulse 2.5s ease-in-out infinite}@keyframes sidebar-pulse{0%,to{box-shadow:0 0 10px rgba(var(--color-bordeaux-rgb),.15)}50%{box-shadow:0 0 18px rgba(var(--color-bordeaux-rgb),.3)}}.pv-hero-content{position:absolute;bottom:48px;left:80px;z-index:5;max-width:520px;opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.pv-hero-content__number{font-size:8rem;font-weight:900;line-height:.85;letter-spacing:-.07em;color:#ffffff1f;font-variant-numeric:tabular-nums;margin-bottom:-8px;user-select:none}.pv-hero-content__title{font-size:clamp(1.8rem,3.2vw,2.8rem);font-weight:800;line-height:1.1;letter-spacing:-.04em;color:#fff;text-shadow:0 2px 20px rgba(0,0,0,.4);outline:none}.pv-hero-content__sub{margin-top:10px;font-size:13px;color:#fff6;font-weight:500}.pv-hero-content__cta[hidden]{display:none}.pv-hero-content__cta{display:inline-flex;align-items:center;gap:12px;margin-top:24px;background:none;border:none;color:#fff;cursor:pointer;font-size:15px;font-weight:600;transition:transform var(--transition-fast);padding:0}.pv-hero-content__cta:hover{transform:translate(4px)}.pv-hero-content__cta:focus-visible{outline:2px solid var(--accent-ui);outline-offset:4px}.pv-hero-content__cta .play-circle{width:44px;height:44px;border-radius:50%;background:#ffffff26;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.2);transition:background var(--transition-fast),border-color var(--transition-fast)}.pv-hero-content__cta:hover .play-circle{background:var(--color-bordeaux);border-color:var(--color-bordeaux)}.pv-cards{position:absolute;top:64px;right:32px;bottom:24px;width:340px;z-index:5;display:flex;flex-direction:column;gap:8px;overflow:visible;padding:10px;margin:-10px;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1)}.pv-card{position:relative;border-radius:14px;overflow:visible;cursor:pointer;flex:1 1 0;min-height:0;transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s cubic-bezier(.16,1,.3,1)}.pv-card:hover{transform:scale(1.02) translate(-4px);box-shadow:-6px 4px 24px #00000040}.pv-card.active{transform:scale(1.03) translate(-8px);box-shadow:-8px 6px 32px #0000004d}.pv-card__img{position:absolute;inset:0;z-index:0;border-radius:inherit;overflow:hidden}.pv-card__img img{width:100%;height:100%;object-fit:cover;display:block;filter:brightness(.55) saturate(1.1)}.pv-card.active .pv-card__img img{filter:brightness(.45) saturate(1.2)}.pv-card__fade{position:absolute;inset:0;z-index:1;border-radius:inherit;background:linear-gradient(135deg,rgba(0,0,0,.3) 0%,transparent 60%)}.pv-card__content{position:relative;z-index:2;height:100%;display:flex;flex-direction:column;justify-content:flex-end;padding:16px 20px}.pv-card__number{position:absolute;top:8px;right:14px;font-size:3rem;font-weight:900;line-height:1;letter-spacing:-.04em;color:#ffffff2e;pointer-events:none;user-select:none}.pv-card__play{position:absolute;top:14px;left:18px;width:28px;height:28px;border-radius:50%;background:#fff3;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity var(--transition-fast)}.pv-card:hover .pv-card__play{opacity:1}.pv-card__label{font-size:14px;font-weight:700;color:#fff;line-height:1.2;text-shadow:0 1px 8px rgba(0,0,0,.4)}.pv-card__sub{font-size:11px;color:#fff9;margin-top:3px;font-weight:500}.pv-card.active:after{content:"";position:absolute;top:0;right:0;bottom:0;width:3px;background:var(--color-bordeaux);z-index:3}.pv-card.pulse{animation:card-pulse 2s ease-in-out infinite}@keyframes card-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 20px 6px #ffffff26}}@property --border-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.pv-card.pulse:before{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:inherit;pointer-events:none;border:2px solid transparent;background:linear-gradient(#000,#000) padding-box,linear-gradient(var(--border-angle),transparent 40%,#fff) border-box;animation:border-spin 2.5s linear infinite}@keyframes border-spin{to{--border-angle: 360deg}}.pv-detail{position:absolute;top:50%;left:80px;right:400px;z-index:8;transform:translateY(-50%) translate(-12px);opacity:0;transition:opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1);pointer-events:none}.pv-detail.visible{opacity:1;transform:translateY(-50%) translate(0);pointer-events:auto}.pv-detail__inner{padding:0;max-height:min(400px,55vh);overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(255,255,255,.15) transparent}.pv-detail__inner:before{content:"";display:block;width:60px;height:3px;border-radius:2px;background:var(--color-bordeaux);opacity:.7;margin-bottom:16px}.pv-detail__inner h3{font-size:var(--phi-detail-h2);font-weight:900;text-transform:uppercase;letter-spacing:.06em;line-height:1.1;color:var(--text-primary);text-shadow:0 2px 40px rgba(0,0,0,.5),0 0 80px rgba(var(--color-bordeaux-rgb),.15);margin-bottom:20px}.pv-detail__inner p{font-size:var(--phi-detail-body);line-height:var(--phi-lh);color:var(--text-secondary);text-shadow:0 1px 12px rgba(0,0,0,.3);max-width:600px}.pv-detail__inner p+p{margin-top:12px}.pv-detail__inner ul{list-style:none;padding:0;display:flex;flex-direction:column;gap:10px;margin-top:8px}.pv-detail__inner li{font-size:var(--phi-detail-body);line-height:var(--phi-lh);color:var(--text-secondary);padding-left:20px;position:relative;text-shadow:0 1px 12px rgba(0,0,0,.3)}.pv-detail__inner li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--color-bordeaux)}.pv-detail__inner strong{font-weight:700;color:var(--text-primary)}.project-sidebar__tooltip{position:absolute;left:calc(100% + 8px);top:50%;transform:translateY(-50%) translate(-4px);opacity:0;pointer-events:none;white-space:nowrap;font-size:var(--text-small);color:var(--text-primary);background:#0009;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);padding:2px 8px;transition:opacity var(--transition-fast),transform var(--transition-fast)}.project-sidebar__btn:hover .project-sidebar__tooltip{opacity:1;transform:translateY(-50%) translate(0)}@media(max-width:1023px){.project-sidebar__tooltip{display:none}}.project-view__prerendered{position:absolute;width:0;height:0;overflow:hidden;clip:rect(0,0,0,0)}@media(max-width:1023px){.pv-topbar{padding:16px 24px;gap:16px}.pv-hero-content{left:24px;bottom:32px}.pv-hero-content__number{font-size:5rem}.pv-cards{right:16px;width:280px}.pv-detail{left:24px;right:310px}.project-sidebar{left:12px}}@media(max-width:767px){.screen--project{display:none}}@media(prefers-reduced-motion:reduce){.pv-hero-bg,.pv-hero-content,.pv-cards,.pv-topbar{transition:none}.screen--project.detail-open .pv-hero-bg{filter:brightness(.85)}.pv-card{transition:none}.pv-card:hover,.pv-card.active{transform:none}.pv-card.pulse{animation:none}.pv-card.pulse:before{animation:none;display:none}.pv-detail{transition:none}.project-sidebar__btn:hover{transform:none}.project-sidebar__btn--active{animation:none}.pv-hero-content__cta:hover{transform:none}}.screen--quick-access{display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;overflow-y:auto}.quick-access{display:flex;flex-direction:column;width:100%}.qa-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:center;height:56px;background:#080c14d9;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--glass-border-color)}.qa-header__tabs{display:flex;gap:0;overflow-x:auto;scrollbar-width:none}.qa-header__tabs::-webkit-scrollbar{display:none}.qa-header__tab{position:relative;padding:var(--space-md) var(--space-lg);background:none;border:none;color:var(--text-muted);font-size:var(--text-small);font-weight:500;cursor:pointer;transition:color var(--transition-fast);letter-spacing:.01em;white-space:nowrap}.qa-header__tab:hover{color:var(--text-secondary)}.qa-header__tab.quick-access__tab--active{color:var(--text-primary)}.qa-header__tab.quick-access__tab--active:after{content:"";position:absolute;bottom:0;left:var(--space-lg);right:var(--space-lg);height:2px;background:var(--text-primary);border-radius:1px}.qa-header__tab--profile{display:flex;align-items:center;gap:var(--space-xs)}.qa-header__tab-icon{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.5;flex-shrink:0}.qa-header__tab:focus-visible{outline:2px solid var(--accent-ui);outline-offset:-2px}.qa-panels{display:grid;width:100%}.qa-panel{grid-area:1 / 1;width:100%;display:flex;flex-direction:column;opacity:0;visibility:hidden;transition:opacity .15s ease,visibility 0s linear .15s}.qa-panel.quick-access__panel--active{opacity:1;visibility:visible;transition:opacity .15s ease,visibility 0s linear 0s}.qa-hero{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:80vh;padding:var(--space-3xl) var(--space-xl);text-align:center}.qa-hero__badge{margin-bottom:var(--space-lg)}.qa-hero__title{font-size:clamp(3rem,8vw,7rem);font-weight:800;line-height:.95;letter-spacing:-.04em;color:var(--text-primary);margin-bottom:var(--space-lg);max-width:900px}.qa-hero__subtitle{font-size:clamp(1rem,2vw,1.25rem);line-height:1.7;color:var(--text-secondary);max-width:540px;margin-bottom:var(--space-xl)}.qa-hero__actions{display:flex;align-items:center;gap:var(--space-md)}.qa-btn{display:inline-flex;align-items:center;gap:var(--space-xs);padding:var(--space-md) var(--space-xl);border:none;border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:600;cursor:pointer;text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.qa-btn--solid{background:var(--text-primary);color:var(--bg-primary)}.qa-btn--solid svg{fill:var(--bg-primary);stroke:var(--bg-primary)}.qa-btn--solid:hover{transform:translateY(-2px);box-shadow:0 8px 30px #ffffff26}.qa-hero__image{margin-top:var(--space-3xl);width:100%;max-width:700px;border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 20px 80px #00000080;border:1px solid var(--glass-border-color)}.qa-hero__image img{width:100%;display:block}.qa-metrics{display:flex;justify-content:center;align-items:center;gap:var(--space-3xl);padding:var(--space-3xl) var(--space-xl);border-top:1px solid var(--glass-border-color);border-bottom:1px solid var(--glass-border-color)}.qa-metric{text-align:center}.qa-metric__label{font-size:10px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:var(--space-2xs)}.qa-metric__value{font-size:var(--text-body);font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.qa-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:var(--space-3xl);max-width:1200px;margin:0 auto;padding:var(--space-4xl) var(--space-xl)}.qa-section--reverse{direction:rtl}.qa-section--reverse>*{direction:ltr}.qa-section__text{display:flex;flex-direction:column;gap:var(--space-md)}.qa-section__label{font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--color-bordeaux);display:flex;align-items:center;gap:var(--space-xs)}.qa-section__label:before{content:"";width:6px;height:6px;border-radius:50%;background:var(--color-bordeaux)}.qa-section__heading{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;color:var(--text-primary)}.qa-section__body{font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.85;color:var(--text-secondary);max-width:500px}.qa-section__body p{margin-bottom:var(--space-sm)}.qa-section__body strong{color:var(--text-primary);font-weight:600}.qa-section__item{padding:var(--space-sm) var(--space-md);margin-bottom:var(--space-xs);background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-sm);font-size:var(--text-small);line-height:1.7;transition:background var(--transition-fast),transform var(--transition-fast)}.qa-section__item:hover{background:#ffffff0f;transform:translate(4px)}.qa-section__item strong{color:var(--text-primary);font-weight:600}.qa-section__image{width:100%;border-radius:var(--radius-lg);overflow:hidden;background:var(--glass-bg);border:1px solid var(--glass-border-color)}.qa-section__image img{width:100%;height:100%;object-fit:cover;display:block}.qa-footer-cta{display:flex;justify-content:center;padding:var(--space-3xl) var(--space-xl)}.qa-content{max-width:1200px;margin:0 auto;padding:0 var(--space-xl);width:100%}.qa-content h2{font-size:clamp(2rem,4vw,3.5rem);font-weight:800;line-height:1.05;letter-spacing:-.035em;color:var(--text-primary);margin-top:var(--space-4xl);margin-bottom:var(--space-lg);max-width:700px}.qa-content h2:first-child{margin-top:var(--space-3xl)}.qa-content h3{font-size:var(--text-h2);color:var(--text-primary);font-weight:600;margin-top:var(--space-xl);margin-bottom:var(--space-sm)}.qa-content p{font-size:clamp(.95rem,1.2vw,1.05rem);line-height:1.85;color:var(--text-secondary);max-width:600px;margin-bottom:var(--space-md)}.qa-content ul,.qa-content ol{list-style:none;padding-left:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:var(--space-md);margin-top:var(--space-md);margin-bottom:var(--space-xl)}.qa-content li{padding:var(--space-lg) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-md);font-size:var(--text-body);line-height:1.7;color:var(--text-secondary);transition:background var(--transition-fast),transform var(--transition-fast),border-color var(--transition-fast)}.qa-content li:hover{background:#ffffff0f;border-color:#ffffff1f;transform:translateY(-4px)}.qa-content strong{color:var(--text-primary);font-weight:600}.qa-content a{display:inline-flex;align-items:center;gap:var(--space-2xs);padding:var(--space-2xs) var(--space-sm);border-radius:var(--radius-pill);background:#ffffff0a;border:1px solid var(--glass-border-color);color:var(--text-primary);font-weight:500;text-decoration:none;transition:background var(--transition-fast),transform var(--transition-fast)}.qa-content a:after{content:"↗";font-size:.75em;opacity:.6}.qa-content a:hover{background:#ffffff14;transform:translateY(-1px)}.qa-content--about h2{font-size:clamp(1.75rem,3vw,2.5rem)}.qa-content--about p{font-size:clamp(1rem,1.5vw,1.1rem);line-height:1.8}.qa-panel .cta-zone{margin-top:var(--space-3xl);padding-bottom:var(--space-3xl)}@media(max-width:767px){.qa-header{height:48px}.qa-header__tab{padding:var(--space-sm) var(--space-sm);font-size:var(--text-caption);min-height:44px;display:flex;align-items:center}.qa-header__tab-icon{width:12px;height:12px}.qa-hero{min-height:60vh;padding:var(--space-2xl) var(--space-md)}.qa-hero__title{font-size:clamp(2.5rem,12vw,4rem)}.qa-hero__image{margin-top:var(--space-xl);border-radius:var(--radius-md)}.qa-metrics{gap:var(--space-lg);padding:var(--space-xl) var(--space-md);flex-wrap:wrap}.qa-section{grid-template-columns:1fr;gap:var(--space-lg);padding:var(--space-2xl) var(--space-md)}.qa-section--reverse{direction:ltr}.qa-section__image{order:-1}.qa-content{padding:0 var(--space-md)}.qa-content h2{margin-top:var(--space-2xl)}.qa-content ul,.qa-content ol{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.qa-header__tab,.qa-panel,.qa-btn,.qa-content li,.qa-section__item{transition:none}}@media(prefers-reduced-transparency:reduce){.qa-header{background:#080c14;backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.qa-header{border-bottom-width:2px}.qa-content p,.qa-content li,.qa-metric__value,.qa-hero__subtitle,.qa-section__body{color:var(--text-primary)}}.cta-zone{position:absolute;right:0;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs);padding:var(--space-xs);z-index:50}.cta-zone__contact{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xs)}.cta-zone__btn,.cta-zone__link{display:flex;flex-direction:row-reverse;align-items:center;gap:var(--space-xs);max-width:40px;height:40px;overflow:hidden;white-space:nowrap;border-radius:var(--radius-pill);background:var(--glass-bg);border:1px solid var(--glass-border-color);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));cursor:pointer;opacity:.4;transition:max-width .35s cubic-bezier(.4,0,.2,1),opacity var(--transition-fast),box-shadow var(--transition-fast);padding:0 10px;color:var(--text-primary);font-size:var(--text-small);font-weight:500;text-decoration:none;box-shadow:none;animation:cta-pulse 4s ease-in-out infinite}.cta-zone__btn:hover,.cta-zone__btn:focus-visible,.cta-zone__link:hover,.cta-zone__link:focus-visible{max-width:300px;opacity:1;box-shadow:0 0 12px rgba(var(--project-color),.15);animation:none;text-decoration:none}.cta-zone__btn:focus-visible,.cta-zone__link:focus-visible{outline:2px solid var(--accent-ui);outline-offset:4px}.cta-zone__icon{flex-shrink:0;width:20px;height:20px}.cta-zone__label{padding-right:var(--space-xs)}@keyframes cta-pulse{0%,to{box-shadow:0 0 #fff0}50%{box-shadow:0 0 8px #ffffff26}}@keyframes cta-pulse-visible{0%{box-shadow:0 0 #ffffff73,0 0 6px #ffffff26}70%{box-shadow:0 0 0 10px #fff0,0 0 12px #fff0}to{box-shadow:0 0 #fff0,0 0 #fff0}}.cta-zone--pills{opacity:0;visibility:hidden}.cta-zone--pills.cta-zone--visible{opacity:1;visibility:visible}.cta-zone--pills.cta-zone--visible .cta-zone__btn,.cta-zone--pills.cta-zone--visible .cta-zone__link{animation:cta-pulse-visible 4s ease-in-out infinite;opacity:.6}.cta-zone--pills.cta-zone--visible .cta-zone__btn:hover,.cta-zone--pills.cta-zone--visible .cta-zone__btn:focus-visible,.cta-zone--pills.cta-zone--visible .cta-zone__link:hover,.cta-zone--pills.cta-zone--visible .cta-zone__link:focus-visible{animation:none}.cta-zone--quick-access{position:relative;right:auto;top:auto;transform:none;align-items:center;gap:var(--space-md);margin-top:var(--space-md);padding:var(--space-md) var(--space-lg) var(--space-lg)}.cta-zone--quick-access .cta-zone__btn,.cta-zone--quick-access .cta-zone__link{max-width:none;height:auto;flex-direction:row;overflow:visible;white-space:normal;opacity:.75;animation:cta-pulse-visible 4s ease-in-out infinite;padding:var(--space-sm) var(--space-lg);min-height:44px}.cta-zone--quick-access .cta-zone__btn:hover,.cta-zone--quick-access .cta-zone__btn:focus-visible,.cta-zone--quick-access .cta-zone__link:hover,.cta-zone--quick-access .cta-zone__link:focus-visible{max-width:none;opacity:1}.cta-zone--quick-access .cta-zone__contact{flex-direction:row;align-items:center;gap:var(--space-md)}@media(max-width:767px){.cta-zone__btn,.cta-zone__link{max-width:44px;height:44px;padding:0 12px}.cta-zone__btn:hover,.cta-zone__btn:focus-visible,.cta-zone__link:hover,.cta-zone__link:focus-visible{max-width:300px}.cta-zone--quick-access{padding:var(--space-lg) var(--space-md)}.cta-zone--quick-access .cta-zone__btn,.cta-zone--quick-access .cta-zone__link{width:100%;text-align:center;justify-content:center}.cta-zone--quick-access .cta-zone__contact{flex-direction:column;width:100%}}.cta-zone--mobile{position:relative;right:auto;top:auto;transform:none;align-items:center;gap:var(--space-lg);padding:var(--space-lg);width:100%;max-width:400px}.cta-zone--mobile .cta-zone__btn,.cta-zone--mobile .cta-zone__link{max-width:none;height:auto;flex-direction:row;overflow:visible;white-space:normal;opacity:.8;animation:none;padding:var(--space-sm) var(--space-lg);min-height:44px;width:100%;justify-content:center;background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-md);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur))}.cta-zone--mobile .cta-zone__btn:hover,.cta-zone--mobile .cta-zone__btn:focus-visible,.cta-zone--mobile .cta-zone__link:hover,.cta-zone--mobile .cta-zone__link:focus-visible{max-width:none;opacity:1}.cta-zone--mobile .cta-zone__contact{flex-direction:column;align-items:center;gap:var(--space-sm);width:100%}@media(prefers-reduced-transparency:reduce){.cta-zone--pills.cta-zone--visible .cta-zone__btn,.cta-zone--pills.cta-zone--visible .cta-zone__link,.cta-zone--quick-access .cta-zone__btn,.cta-zone--quick-access .cta-zone__link{animation:none}}@keyframes toast-slide-in{0%{transform:translate(-50%) translateY(100%);opacity:0}to{transform:translate(-50%) translateY(0);opacity:1}}@keyframes toast-progress{0%{transform:scaleX(1)}to{transform:scaleX(0)}}.toast{position:fixed;bottom:var(--space-xl);left:50%;transform:translate(-50%) translateY(100%);background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:var(--glass-border);border-radius:var(--radius-md);padding:var(--space-sm) var(--space-lg);color:var(--text-primary);font-size:var(--text-small);opacity:0;visibility:hidden;pointer-events:none;z-index:9998;transition:opacity .3s ease,visibility .3s ease}.toast--visible{visibility:visible;animation:toast-slide-in .4s var(--ease-out, ease-out) forwards}.toast:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--text-primary);opacity:.6;border-radius:0 0 var(--radius-md) var(--radius-md);transform-origin:left;transform:scaleX(1)}.toast--visible:after{animation:toast-progress 2.5s linear forwards}@media(prefers-reduced-motion:reduce){.toast{animation:none}.toast--visible{opacity:1;transform:translate(-50%) translateY(0);animation:none}.toast:after{animation:none}}@media(prefers-reduced-transparency:reduce){.toast{backdrop-filter:none;-webkit-backdrop-filter:none}}@media(prefers-contrast:more){.toast{backdrop-filter:none;-webkit-backdrop-filter:none}}.share-btn{display:flex;align-items:center;justify-content:center;padding:var(--space-xs) var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:background var(--transition-fast),border-color var(--transition-fast),opacity var(--transition-fast)}.share-btn:hover{background:#ffffff1a;border-color:#ffffff26;animation:btn-pulse .6s ease}.share-btn:focus-visible{outline:2px solid var(--accent-ui);outline-offset:4px}@media(max-width:767px){.share-btn{min-width:44px;min-height:44px}}@media(prefers-reduced-motion:reduce){.share-btn:hover{animation:none}}@media(prefers-contrast:more){.share-btn{border-width:2px}}@media(prefers-reduced-transparency:reduce){.share-btn{backdrop-filter:none;-webkit-backdrop-filter:none}}.share-fallback{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;background:#0009;backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px)}.share-fallback__card{background:var(--bg-primary);border:1px solid var(--glass-border-color);border-radius:var(--radius-lg);padding:var(--space-lg);max-width:420px;width:90%;display:flex;flex-direction:column;gap:var(--space-md)}.share-fallback__label{font-size:var(--text-body);color:var(--text-primary);font-weight:500}.share-fallback__input{width:100%;padding:var(--space-xs) var(--space-sm);background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-sm);color:var(--text-primary);font-size:var(--text-small)}.share-fallback__input:focus-visible{outline:2px solid var(--accent-ui);outline-offset:2px}.share-fallback__actions{display:flex;gap:var(--space-sm);justify-content:flex-end}.share-fallback__copy,.share-fallback__close{padding:var(--space-xs) var(--space-md);border-radius:var(--radius-sm);border:1px solid var(--glass-border-color);background:var(--glass-bg);color:var(--text-primary);cursor:pointer;font-size:var(--text-small);transition:background var(--transition-fast)}.share-fallback__copy:hover,.share-fallback__close:hover{background:#ffffff1a}.share-fallback__copy:focus-visible,.share-fallback__close:focus-visible{outline:2px solid var(--accent-ui);outline-offset:2px}.portfolio-flow,.mobile-viewport{display:none}@media(max-width:767px){.screen{display:none}.theme-toggle,.mute-btn,.shutdown-btn{display:none!important}.mobile-viewport{display:flex;width:200%;height:100vh;height:100dvh;transition:transform .9s cubic-bezier(.16,1,.3,1)}.mobile-viewport--detail{transform:translate(-50%)}.mobile-viewport__panel-flow{width:50%;height:100%;position:relative;flex-shrink:0}.mobile-viewport__panel-detail{width:50%;height:100%;flex-shrink:0;position:relative;background:var(--bg-primary)}.portfolio-flow{display:flex;flex-direction:column;height:100%;scroll-snap-type:y mandatory;overflow-y:auto;-webkit-overflow-scrolling:touch}.portfolio-flow__section{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-lg) var(--space-lg) 80px;scroll-snap-align:start;scroll-snap-stop:always;position:relative;overflow:clip;cursor:pointer}.mobile-wolf{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden;opacity:.7}.mobile-wolf__img{width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(2px) brightness(.5);transform:scale(1.05)}.mobile-welcome{display:flex;flex-direction:column;align-items:center;gap:var(--space-lg);text-align:center;padding:var(--space-lg);position:relative;z-index:1}.mobile-welcome__title{font-size:clamp(1.75rem,8vw,var(--text-display));font-weight:700;color:var(--text-primary);line-height:1.1;letter-spacing:-.02em;overflow-wrap:break-word}.mobile-welcome__subtitle{font-size:clamp(1rem,4vw,var(--text-h3));color:var(--text-secondary);line-height:1.4;overflow-wrap:break-word}.mobile-welcome__actions{display:flex;gap:var(--space-md);flex-wrap:wrap;justify-content:center}.mobile-welcome__btn{min-width:44px;min-height:44px}.mobile-welcome__swipe-hint{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);color:#ffffff8c;font-size:var(--text-small);margin-top:var(--space-xl);animation:swipe-bounce 2s ease-in-out infinite}@keyframes swipe-bounce{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:.9}}.mobile-pv{display:none;flex-direction:column;height:100%}.mobile-pv--active{display:flex}.mobile-pv__hero{position:relative;height:35%;min-height:220px;flex-shrink:0;overflow:hidden}.mobile-pv__hero-img{position:absolute;inset:0;overflow:hidden}.mobile-pv__hero-img img{width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(8px) brightness(.35) saturate(1.2);transform:scale(1.15)}.mobile-pv__hero-gradient{position:absolute;bottom:0;left:0;right:0;height:60%;background:linear-gradient(to top,var(--bg-primary) 0%,transparent 100%);pointer-events:none}.mobile-pv__hero-number{position:absolute;top:16px;right:16px;font-size:5rem;font-weight:900;line-height:1;color:#ffffff14;pointer-events:none;user-select:none}.mobile-pv__hero-info{position:absolute;bottom:0;left:0;right:0;padding:0 7vw var(--space-xl);z-index:2}.mobile-pv__hero-title{font-size:clamp(1.5rem,7vw,2rem);font-weight:700;color:var(--text-primary);line-height:1.15;margin-bottom:var(--space-sm)}.mobile-pv__hero-desc{font-size:var(--text-body);color:var(--text-secondary);line-height:1.6}.mobile-pv__back{position:absolute;top:calc(12px + env(safe-area-inset-top,0px));left:16px;width:40px;height:40px;border-radius:50%;border:var(--glass-border);background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);color:var(--text-primary);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:110;transition:background var(--transition-fast),transform var(--transition-fast)}.mobile-pv__back:hover{background:#ffffff1f;transform:scale(1.08)}.mobile-pv__back:focus-visible{outline:2px solid var(--accent-ui);outline-offset:2px}.mobile-pv__metrics{display:flex;gap:var(--space-sm);padding:var(--space-lg) 7vw;overflow-x:auto;scrollbar-width:none;flex-shrink:0}.mobile-pv__metrics::-webkit-scrollbar{display:none}.mobile-pv__chip{flex-shrink:0;padding:var(--space-xs) var(--space-md);background:var(--glass-bg);border:1px solid var(--glass-border-color);border-radius:var(--radius-pill);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));font-size:var(--text-caption);color:var(--text-secondary);white-space:nowrap}.mobile-pv__chip strong{color:var(--text-primary);font-weight:600;margin-right:var(--space-2xs)}.mobile-pv__content{flex:1;overflow-y:auto;padding:var(--space-xl) 7vw calc(var(--space-3xl) + 60px);-webkit-overflow-scrolling:touch}.mobile-pv__content:before{content:"";display:block;width:48px;height:3px;border-radius:2px;background:var(--color-bordeaux);opacity:.7;margin-bottom:var(--space-xl)}.mobile-pv__content h2{font-size:clamp(1.3rem,5vw,1.6rem);font-weight:900;text-transform:uppercase;letter-spacing:.04em;color:var(--text-primary);margin:var(--space-3xl) 0 var(--space-lg);padding-bottom:var(--space-sm);border:none}.mobile-pv__content h2:first-child{margin-top:0}.mobile-pv__content p{font-size:var(--phi-detail-body);color:var(--text-secondary);line-height:1.85;margin-bottom:var(--space-xl)}.mobile-pv__content p:last-child{margin-bottom:var(--space-lg)}.mobile-pv__content ul,.mobile-pv__content ol{list-style:none;padding:0;margin-bottom:var(--space-xl);display:flex;flex-direction:column;gap:var(--space-md)}.mobile-pv__content li{font-size:var(--phi-detail-body);color:var(--text-secondary);line-height:1.85;padding-left:20px;position:relative}.mobile-pv__content li:before{content:"";position:absolute;left:0;top:.6em;width:6px;height:6px;border-radius:50%;background:var(--color-bordeaux)}.mobile-pv__content strong{color:var(--text-primary);font-weight:700}.mobile-pv__content a{color:var(--accent-ui);text-decoration:underline}.mobile-pv__content code{font-size:.9em;padding:.15em .4em;background:var(--glass-bg);border-radius:var(--radius-sm)}.mobile-pv__content em{color:var(--text-muted);font-style:italic}}@supports not ((backdrop-filter: blur(1px)) or (-webkit-backdrop-filter: blur(1px))){:root{--glass-bg: rgba(15, 20, 35, .85);--glass-border: 1px solid rgba(255, 255, 255, .15);--glass-border-color: rgba(255, 255, 255, .15)}}@media(max-width:1023px){:root{--space-3xl: 64px;--space-4xl: 96px}}@media(max-width:767px){:root{--space-xl: 24px;--space-2xl: 40px;--space-3xl: 48px;--space-4xl: 64px}}@media(prefers-reduced-motion:reduce){.mobile-viewport{transition-duration:.01ms!important}.mobile-welcome__swipe-hint{animation:none}.mobile-pv__back,.mobile-pv__cta-btn{transition:none}}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(/fonts/inter-variable.woff2) format("woff2")}*,*:before,*:after{box-sizing:border-box}*{margin:0;padding:0}html{font-size:100%;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{min-height:100vh;font-family:Inter,system-ui,-apple-system,sans-serif;font-size:var(--text-body);line-height:1.6;color:var(--text-primary);background-color:var(--bg-primary);letter-spacing:0;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}a[href]{color:#ffffffd9;text-decoration:underline;text-decoration-color:#ffffff40;text-underline-offset:3px;text-decoration-thickness:1px;transition:color var(--transition-fast)}a[href]:visited{color:#ffffffa6}a[href]:hover{color:#fff;text-decoration-color:#fff9}a[href]:focus-visible{outline:2px solid var(--accent-ui);outline-offset:3px}h1{font-size:var(--text-h1);line-height:1.2;font-weight:600;letter-spacing:-.02em}h2{font-size:var(--text-h2);line-height:1.3;font-weight:600;letter-spacing:-.01em}h3{font-size:var(--text-h3);line-height:1.4;font-weight:500;letter-spacing:0}small{font-size:var(--text-small);line-height:1.5;letter-spacing:.01em}.skip-link{position:absolute;top:-100%;left:var(--space-sm);z-index:9999;padding:var(--space-xs) var(--space-sm);background:var(--accent-ui);color:var(--bg-primary);font-size:var(--text-body);font-weight:600;text-decoration:none;border-radius:var(--radius-sm);outline:2px solid var(--accent-ui);outline-offset:4px}.skip-link:focus{top:var(--space-sm)}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}@media(prefers-contrast:more){.pill,.btn,.toast,.project-view__card,.project-sidebar,.project-sidebar__btn,.cta-zone,.cta-zone__sidebar,.theme-toggle,.mute-btn,.shutdown-btn,.mobile-card,.mobile-profile,.mobile-bottom-bar,.embed-frame__fallback-btn,.share-btn,.share-fallback,.metric-card,.project-section--glass,.badge{-webkit-backdrop-filter:none}.pill:before{opacity:1;border-width:2px;box-shadow:0 0 32px rgba(var(--project-color),.25)}.pill--ready{opacity:1}}@media(prefers-reduced-transparency:reduce){:root{--glass-bg: rgba(15, 21, 32, 1);--glass-blur: 0px}.pill,.btn,.toast,.project-view__card,.project-sidebar,.project-sidebar__btn,.cta-zone,.cta-zone__sidebar,.theme-toggle,.mute-btn,.shutdown-btn,.mobile-card,.mobile-profile,.mobile-bottom-bar,.embed-frame__fallback-btn,.share-btn,.share-fallback,.metric-card,.project-section--glass,.badge{-webkit-backdrop-filter:none}}@media(prefers-reduced-motion:reduce){:root{--transition-fast: .01ms ease;--transition-base: .01ms ease;--transition-slow: .01ms ease;--transition-cinematic: .01ms ease}*,*:before,*:after{animation-duration:.01ms;animation-iteration-count:1;transition-duration:.01ms;scroll-behavior:auto}}.grain{position:fixed;inset:0;z-index:9999;pointer-events:none;opacity:var(--grain-opacity);mix-blend-mode:soft-light}.grain-animated{animation:grain-shift 8s linear infinite}@keyframes grain-shift{0%,to{transform:translate(0)}50%{transform:translate(-3%,2%)}}@media(prefers-reduced-motion:reduce){.grain-animated{animation:none}}