.eyebrow{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#e0911f;font-size:.72rem}@keyframes heroGlow{0%{opacity:.3}50%{opacity:.7}to{opacity:.3}}.page-hero{background:linear-gradient(135deg,var(--bg) 0%,#231e45 100%);border-bottom:1px solid var(--line);padding:24px 24px 20px;position:relative;overflow:hidden}.page-hero:before{content:"";z-index:2;pointer-events:none;background:radial-gradient(75% 55% at 50% 25%,#0000 0%,#00000073 50%,#000000d9 100%);position:absolute;inset:0}.page-hero .hero-wallpaper{z-index:1;background:#000;position:absolute;inset:0;overflow:hidden}.page-hero .hero-wallpaper:before{content:"";z-index:0;opacity:.5;background:url(/images/alegoria-wallpaper.webp) 50%/cover no-repeat;position:absolute;inset:0}.page-hero .hero-wallpaper:after{content:"";pointer-events:none;background:radial-gradient(at 50% 0,#b482ff1f 0%,#0000 60%);animation:4s ease-in-out infinite heroGlow;position:absolute;inset:0}#canvas-container{pointer-events:none;z-index:10;mix-blend-mode:difference;width:100%;height:100%;position:absolute;inset:0}#canvas-container canvas{display:block;width:100%!important;height:100%!important}.noise-overlay{z-index:2;opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)'/%3E%3C/svg%3E");position:absolute;inset:0}.page-hero-inner{z-index:3;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:2px;max-width:1180px;margin:0 auto;display:flex;position:relative}.hero-rock{text-align:left;backface-visibility:hidden;filter:drop-shadow(0 4px 20px #000000d9)drop-shadow(0 0 8px #0009);display:inline-block;position:relative}.hero-hitbox{cursor:pointer;border-radius:20px;padding:30px 50px;transition:transform .4s cubic-bezier(.23,1,.32,1);display:inline-block;position:relative}.hero-hitbox:hover{animation:3.5s ease-in-out infinite cardSway;transform:scale(1.06)}.hero-logo-img{backface-visibility:hidden;filter:drop-shadow(0 0 30px #000c)drop-shadow(0 0 60px #0009);width:clamp(80px,12vw,140px);height:auto;margin:0 auto 4px;animation:3.5s ease-in-out infinite floatIcon;display:block}.hero-brand{letter-spacing:-.03em;color:var(--accent);text-align:center;font-size:clamp(2.6rem,7vw,5.2rem);font-weight:700;line-height:1.05;display:block}.hero-sub{font-family:var(--font-display);color:#fff;letter-spacing:.06em;text-align:right;filter:drop-shadow(0 2px 12px #000000f2)drop-shadow(0 0 6px #000c);margin-top:-2px;padding-right:2px;font-size:clamp(.9rem,1.4vw,1.15rem);font-weight:700;display:block}@keyframes floatIcon{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes gradientShift{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}.section-head{border-bottom:1px solid var(--line);justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:28px;padding-bottom:16px;display:flex;position:relative}.section-head h2{letter-spacing:-.01em;background:linear-gradient(90deg,var(--accent),#8b5cf6,#c084fc,var(--accent));color:#0000;background-size:300%;-webkit-background-clip:text;background-clip:text;font-size:clamp(1.4rem,3vw,2rem);font-weight:700;animation:5s infinite gradientShift}.section-head:after{content:"";background:linear-gradient(90deg,var(--accent),#8b5cf6,#c084fc,var(--accent));opacity:.6;background-size:300% 100%;width:100%;height:2px;animation:4s infinite gradientShift;position:absolute;bottom:-1px;left:0}.pf-card-reveal,.video-card-reveal{width:100%;max-width:340px;height:340px;position:relative}.portfolio-grid{grid-template-columns:repeat(auto-fill,minmax(280px,340px));justify-content:center;gap:20px;margin-bottom:56px;display:grid}@keyframes cardSway{0%,to{rotate:-2deg}50%{rotate:2deg}}@keyframes glowPulse{0%,to{opacity:.4}50%{opacity:1}}.pf-card{backface-visibility:hidden;background:linear-gradient(160deg,var(--surface) 0%,#150a2a 100%);border:1px solid var(--line);border-radius:var(--radius-l);flex-direction:column;height:100%;min-height:340px;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s,border-color .3s,border-width .3s;display:flex;position:relative}.pf-card:hover{z-index:10;border-width:2px;border-color:#e0911f;animation:3.5s ease-in-out infinite cardSway;transform:scale(1.03)translateY(-4px)}.pf-card:before{content:"";border-radius:calc(var(--radius-l) + 4px);pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s;position:absolute;inset:-4px;box-shadow:0 20px 70px #e0911f59,0 0 60px #e0911f26}.pf-card:hover:before{opacity:1;animation:2.8s ease-in-out infinite glowPulse}.pf-card .pf-body:before{content:"";border-radius:0 0 var(--radius-l) var(--radius-l);pointer-events:none;clip-path:circle(0% at var(--origin-x,50%) var(--origin-y,50%));background:#e0911f4d;transition:clip-path .8s cubic-bezier(.76,0,.24,1);position:absolute;inset:0}.pf-card:hover .pf-body:before{clip-path:circle(200% at var(--origin-x,50%) var(--origin-y,50%))}.pf-card .pf-body{border-radius:0 0 var(--radius-l) var(--radius-l);flex:1;padding:16px 18px 20px;position:relative;overflow:hidden}.pf-card .pf-body>*{z-index:1;position:relative}.pf-card .pf-img{aspect-ratio:16/9;background:var(--surface-2);width:100%;color:var(--text-muted);font-family:var(--font-mono);border-bottom:1px solid var(--line);border-radius:var(--radius-l) var(--radius-l) 0 0;cursor:pointer;justify-content:center;align-items:center;font-size:.78rem;display:flex;position:relative;overflow:hidden}.pf-card .pf-img:hover img{filter:brightness(1.1);transform:scale(1.08)}.pf-card .pf-img img{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s;display:block}.pf-card .pf-img .placeholder-icon{opacity:.3;font-size:2.4rem}.pf-img-fallback{color:var(--text-muted);font-family:var(--font-mono);background:var(--surface-2);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:12px;font-size:.72rem;display:none;position:absolute;inset:0}.pf-img-fallback svg{opacity:.4;width:28px;height:28px}.pf-card .pf-title{margin-bottom:4px;font-size:.95rem;font-weight:700}.pf-card .pf-desc{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.video-grid{grid-template-columns:repeat(auto-fill,minmax(280px,340px));justify-content:center;gap:24px;margin-bottom:48px;display:grid}.video-card{backface-visibility:hidden;background:linear-gradient(160deg,var(--surface) 0%,#150a2a 100%);border:1px solid var(--line);border-radius:var(--radius-l);flex-direction:column;height:100%;min-height:340px;transition:transform .35s cubic-bezier(.23,1,.32,1),box-shadow .35s,border-color .3s,border-width .3s;display:flex;position:relative}.video-card:hover{z-index:10;border-width:2px;border-color:#e0911f;animation:3.5s ease-in-out infinite cardSway;transform:scale(1.03)translateY(-4px)}.video-card:before{content:"";border-radius:calc(var(--radius-l) + 4px);pointer-events:none;z-index:-1;opacity:0;transition:opacity .4s;position:absolute;inset:-4px;box-shadow:0 20px 70px #e0911f59,0 0 60px #e0911f26}.video-card:hover:before{opacity:1;animation:2.8s ease-in-out infinite glowPulse}.video-card .video-body:before{content:"";border-radius:0 0 var(--radius-l) var(--radius-l);pointer-events:none;clip-path:circle(0% at var(--origin-x,50%) var(--origin-y,50%));background:#e0911f4d;transition:clip-path .8s cubic-bezier(.76,0,.24,1);position:absolute;inset:0}.video-card:hover .video-body:before{clip-path:circle(200% at var(--origin-x,50%) var(--origin-y,50%))}.video-card .video-placeholder{aspect-ratio:16/9;background:var(--surface-2);border-bottom:1px solid var(--line);border-radius:var(--radius-l) var(--radius-l) 0 0;justify-content:center;align-items:center;width:100%;display:flex;position:relative;overflow:hidden}.video-card .video-placeholder img{object-fit:cover;width:100%;height:100%;transition:transform .35s,filter .35s;position:absolute;inset:0}.video-card:hover .video-placeholder img{filter:brightness(1.1);transform:scale(1.08)}.video-card .play-btn{cursor:pointer;z-index:2;background:0 0;border:none;width:72px;height:72px;padding:0;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.video-card .play-btn svg{filter:drop-shadow(0 0 12px #000000e6)drop-shadow(0 0 4px #000000b3);width:100%;height:100%;display:block;overflow:visible}.video-card .play-btn .circle{stroke:#e0911f;stroke-dasharray:650;stroke-dashoffset:650px;opacity:.3;transition:stroke-dashoffset .5s ease-in-out,opacity .5s ease-in-out}.video-card .play-btn .triangle{stroke-dasharray:240;stroke-dashoffset:480px;stroke:#7c3aed;transition:stroke-dashoffset .7s ease-in-out,stroke .3s;transform:translateY(0)}.video-card:hover .play-btn .triangle{stroke-dashoffset:0;opacity:1;stroke:#e0911f;animation:.7s ease-in-out nudge}@keyframes nudge{0%{transform:translate(0)}30%{transform:translate(-5px)}50%{transform:translate(5px)}70%{transform:translate(-2px)}to{transform:translate(0)}}.video-card:hover .play-btn .circle{stroke-dashoffset:0;opacity:1}.video-card .video-body{border-radius:0 0 var(--radius-l) var(--radius-l);flex:1;padding:14px 18px 18px;position:relative;overflow:hidden}.video-card .video-body>*,.video-card .video-body .video-title,.video-card .video-body .video-desc{z-index:1;position:relative}.video-card .video-title{margin-bottom:2px;font-size:.9rem;font-weight:700}.video-card .video-desc{font-family:var(--font-mono);color:var(--text-muted);font-size:.72rem}.video-modal{z-index:1000;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.video-modal.open{opacity:1;pointer-events:all}.video-modal__inner{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);width:min(95vw,1200px);transition:transform .35s cubic-bezier(.23,1,.32,1);overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 24px 80px #000000b3,0 0 30px #f9a21e0f}.video-modal.open .video-modal__inner{transform:scale(1)translateY(0)}.video-modal__header{background:var(--surface-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.video-modal__title{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#f9a21e;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.video-modal__close{color:#f9a21e;cursor:pointer;border-radius:var(--radius-s);font-family:var(--font-mono);background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;padding:6px 12px;font-size:.78rem;transition:color .18s,background .18s,transform .18s;display:flex}.video-modal__close:hover{color:#fff;background:#ffffff14;transform:scale(1.05)}.video-modal__close svg{width:20px;height:20px}.video-modal__player{width:100%;padding:20px 28px 28px}.video-modal__player .video-wrapper{aspect-ratio:16/9;border-radius:calc(var(--radius-s) + 2px);width:100%;position:relative;overflow:hidden}.video-modal__player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.img-modal{z-index:1000;-webkit-backdrop-filter:blur(6px);opacity:0;pointer-events:none;background:#000c;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:fixed;inset:0}.img-modal.open{opacity:1;pointer-events:all}.img-modal__inner{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-l);width:min(85vw,900px);transition:transform .35s cubic-bezier(.23,1,.32,1);overflow:hidden;transform:scale(.9)translateY(20px);box-shadow:0 24px 80px #000000b3,0 0 30px #f9a21e0f}.img-modal.open .img-modal__inner{transform:scale(1)translateY(0)}.img-modal__header{background:var(--surface-2);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 24px;display:flex}.img-modal__title{font-family:var(--font-mono);letter-spacing:.22em;text-transform:uppercase;color:#f9a21e;text-overflow:ellipsis;white-space:nowrap;font-size:.72rem;overflow:hidden}.img-modal__close{color:#f9a21e;cursor:pointer;border-radius:var(--radius-s);font-family:var(--font-mono);background:0 0;border:none;flex-shrink:0;align-items:center;gap:6px;margin-left:12px;padding:6px 12px;font-size:.78rem;transition:color .18s,background .18s,transform .18s;display:flex}.img-modal__close:hover{color:#fff;background:#ffffff14;transform:scale(1.05)}.img-modal__close svg{width:20px;height:20px}.img-modal__body{background:#0d0420;justify-content:center;align-items:center;min-height:200px;max-height:75vh;padding:16px;display:flex}.img-modal__body img{border-radius:calc(var(--radius-s) + 2px);object-fit:contain;max-width:100%;height:auto;max-height:70vh}@media (width<=600px){.page-hero-inner{flex-direction:column;align-items:flex-start}}.tag{font-family:var(--font-mono);background:var(--tag-bg,#f9a21e33);color:var(--tag-color,var(--accent-soft));border:1px solid var(--tag-border,#f9a21e40);cursor:default;border-radius:20px;margin:4px 8px 4px 0;padding:2px 10px;font-size:.62rem;transition:transform .22s cubic-bezier(.23,1,.32,1),box-shadow .22s,filter .22s;display:inline-block}.tag:hover{filter:brightness(1.2);transform:translateY(-4px);box-shadow:0 6px 20px #00000059}.tag:active{transform:translateY(-1px)scale(.95)}