:root{--bg: #000;--text: #fff;--text-dim: rgba(255,255,255,.48);--red: #c8002a;--green: #00b84a;--border: rgba(255,255,255,.08);--border-hi: rgba(255,255,255,.22);--nav-h: 68px;--ease: cubic-bezier(.22, 1, .36, 1);--font-title: "Big Shoulders Display", sans-serif;--font-ui: "Barlow Condensed", sans-serif;--font-mono: "Share Tech Mono", monospace}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:var(--red) #111;overflow-x:hidden}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:#000}::-webkit-scrollbar-thumb{background:var(--red)}body{background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow-x:hidden;-webkit-font-smoothing:antialiased;user-select:none;-webkit-user-select:none}input,textarea,select{user-select:text;-webkit-user-select:text;touch-action:manipulation}select{cursor:pointer}body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:9999;opacity:.022;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-repeat:repeat;background-size:200px 200px}a{color:inherit;text-decoration:none}button{background:none;border:none;color:inherit;cursor:pointer;font-family:inherit;touch-action:manipulation}.project-row{touch-action:manipulation}#intro-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:8000;background:#000;cursor:pointer}#intro-video{width:100%;height:100%;object-fit:cover;display:block}#intro-skip{position:absolute;bottom:2rem;right:2.5rem;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.38em;color:#ffffff47;opacity:0;transition:opacity .5s,color .25s;pointer-events:none;-webkit-user-select:none;user-select:none}#intro-skip.visible{opacity:1;pointer-events:auto}#intro-skip:hover{color:#ffffffb3}#site{min-height:100vh}#top-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);z-index:1000;display:flex;align-items:center;justify-content:space-between;padding:0 2.5rem;background:linear-gradient(to bottom,rgba(0,0,0,.88) 0%,transparent 100%);transition:background .4s,opacity .3s,transform .3s;will-change:transform,opacity}#top-nav.scrolled{background:#000000f5;border-bottom:1px solid var(--border)}#top-nav.nav-hidden{opacity:0;pointer-events:none;transform:translateY(-100%)}.nav-logo{font-family:var(--font-title);font-size:1.8rem;letter-spacing:.06em;transition:color .25s}.nav-logo:hover{color:var(--red)}.nav-links{display:flex;gap:.65rem;align-items:center}.nav-btn{font-family:var(--font-ui);font-weight:700;font-size:.72rem;display:inline-flex;align-items:center;justify-content:center;letter-spacing:.22em;padding:.42rem 1rem;border:1px solid var(--border-hi);border-radius:999px;transition:border-color .2s,background .2s,color .2s;white-space:nowrap}.nav-btn:hover{border-color:var(--text);background:#ffffff0f}.nav-btn.active{border-color:var(--red);color:var(--red)}@property --border-angle{syntax: "<angle>"; inherits: false; initial-value: 0deg;}@keyframes border-rotate{to{--border-angle: 360deg}}.nav-btn.rainbow{border-color:transparent;color:var(--text);background:linear-gradient(var(--bg),var(--bg)) padding-box,conic-gradient(from var(--border-angle) at 50% 50%,transparent 0deg,var(--red) 35deg,var(--green) 62deg,transparent 95deg,transparent 360deg) border-box;animation:border-rotate 2.5s linear infinite;transition:color .25s}.nav-btn.rainbow:hover{border-color:transparent;background:linear-gradient(#ffffff12,#ffffff12) padding-box,conic-gradient(from var(--border-angle) at 50% 50%,transparent 0deg,var(--red) 35deg,var(--green) 62deg,transparent 95deg,transparent 360deg) border-box}.hero{position:relative;min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--nav-h) 1.5rem 5rem;text-align:center;contain:layout}#hero-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;z-index:3}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:1;background:radial-gradient(ellipse 70% 50% at 35% 58%,rgba(200,0,42,.07) 0%,transparent 70%),radial-gradient(ellipse 55% 40% at 68% 45%,rgba(0,184,74,.05) 0%,transparent 70%)}.hero:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:26px 26px;pointer-events:none;z-index:1}.hero-sparkle{position:absolute;pointer-events:none;z-index:2;font-family:var(--font-mono);line-height:1;animation:sparkle-anim 3.5s ease-in-out infinite}.sp-1{top:18%;right:13%;font-size:2.2rem;color:var(--red);opacity:.6;animation-delay:0s}.sp-2{top:62%;right:5%;font-size:1.3rem;color:var(--green);opacity:.55;animation-delay:1.4s}.sp-3{top:12%;right:22%;font-size:1rem;color:var(--green);opacity:.3;animation-delay:2.8s}.sp-4{top:25%;left:6%;font-size:1rem;color:#fff3;opacity:1;animation-delay:.6s}.sp-5{bottom:30%;right:28%;font-size:.75rem;color:var(--green);opacity:.4;animation-delay:2s}.sp-6{top:55%;left:12%;font-size:1.4rem;color:#ffffff26;opacity:1;animation-delay:1s}.sp-7{bottom:20%;left:22%;font-size:.8rem;color:var(--red);opacity:.35;animation-delay:3.2s}.sp-8{top:12%;left:35%;font-size:3rem;color:#ffffff0f;opacity:1;animation-delay:1.8s}.sp-l1{top:16%;left:8%;font-size:1.9rem;color:var(--red);opacity:.5;animation-delay:.4s}.sp-l2{top:58%;left:4%;font-size:1rem;color:var(--green);opacity:.55;animation-delay:2.2s}.sp-l3{top:38%;left:14%;font-size:.85rem;color:#ffffff38;opacity:1;animation-delay:1.1s}.sp-l4{bottom:25%;left:8%;font-size:1.2rem;color:var(--green);opacity:.4;animation-delay:3s}.sp-9{top:72%;right:18%;font-size:1.5rem;color:var(--red);opacity:.45;animation-delay:.9s}.sp-10{top:80%;left:30%;font-size:.9rem;color:#ffffff2e;opacity:1;animation-delay:1.7s}.sp-11{top:32%;right:38%;font-size:.7rem;color:var(--green);opacity:.3;animation-delay:2.5s}.sp-12{bottom:12%;right:8%;font-size:1.1rem;color:#ffffff1f;opacity:1;animation-delay:.2s}.sp-l5{top:78%;left:18%;font-size:1.3rem;color:var(--red);opacity:.35;animation-delay:1.6s}.sp-l6{bottom:15%;left:42%;font-size:.8rem;color:#ffffff26;opacity:1;animation-delay:2.9s}.sp-13{top:22%;left:28%;font-size:1.1rem;color:var(--green);opacity:.38;animation-delay:.7s}.sp-14{top:68%;right:40%;font-size:.85rem;color:#ffffff2e;opacity:1;animation-delay:2.1s}.sp-15{top:20%;right:42%;font-size:1.4rem;color:var(--red);opacity:.32;animation-delay:3.8s}@keyframes sparkle-anim{0%,to{opacity:.1}50%{opacity:.8}}.shooting-star{position:absolute;height:1.5px;border-radius:1px;background:linear-gradient(to left,transparent,rgba(255,255,255,.95) 55%,white);pointer-events:none;z-index:2;opacity:0;will-change:transform,opacity}.shooting-star.rainbow{background:linear-gradient(to left,transparent,var(--red) 30%,var(--green) 70%,white)}@keyframes shoot-travel{0%{transform:translate(0) rotate(-38deg);opacity:0}1%{opacity:1}13%{opacity:0;transform:translate(-540px,310px) rotate(-38deg)}13.001%{transform:translate(0) rotate(-38deg)}to{transform:translate(0) rotate(-38deg);opacity:0}}@keyframes shoot-travel-wide{0%{transform:translate(0) rotate(-38deg);opacity:0}1%{opacity:1}13%{opacity:0;transform:translate(-700px,400px) rotate(-38deg)}13.001%{transform:translate(0) rotate(-38deg)}to{transform:translate(0) rotate(-38deg);opacity:0}}.ss-1{top:6%;right:12%;width:140px;animation:shoot-travel-wide 16s linear 0s infinite}.ss-2{top:2%;right:45%;width:90px;animation:shoot-travel 20s linear 4s infinite}.ss-3{top:20%;right:4%;width:110px;animation:shoot-travel 14s linear 9.5s infinite}.ss-4{top:0%;right:28%;width:170px;animation:shoot-travel-wide 24s linear 2.5s infinite}.ss-5{top:10%;right:60%;width:80px;animation:shoot-travel 18s linear 7s infinite}.ss-6{top:3%;right:38%;width:120px;animation:shoot-travel-wide 30s linear 13s infinite}@media(max-width:768px){@keyframes shoot-travel-mobile{0%{transform:translate(0) rotate(-38deg);opacity:0}1%{opacity:1}13%{opacity:0;transform:translate(-220px,130px) rotate(-38deg)}13.001%{transform:translate(0) rotate(-38deg)}to{transform:translate(0) rotate(-38deg);opacity:0}}.ss-1{top:8%;right:5%;width:70px;animation:shoot-travel-mobile 16s linear 0s infinite}.ss-2{top:25%;right:20%;width:55px;animation:shoot-travel-mobile 20s linear 4s infinite}.ss-3{top:45%;right:2%;width:60px;animation:shoot-travel-mobile 14s linear 9.5s infinite}.ss-4{top:65%;right:40%;width:80px;animation:shoot-travel-mobile 24s linear 2.5s infinite}.ss-5{top:15%;right:55%;width:50px;animation:shoot-travel-mobile 18s linear 7s infinite}.ss-6{top:80%;right:15%;width:65px;animation:shoot-travel-mobile 30s linear 13s infinite}}.hero-year{position:absolute;bottom:2.2rem;right:2.2rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.35em;color:#ffffff2e;pointer-events:none;user-select:none;-webkit-user-select:none;z-index:2}.hero-inner{display:flex;flex-direction:column;align-items:center;gap:1.6rem;position:relative;z-index:2;width:100%}.hero-title{font-family:var(--font-title);font-weight:900;font-size:clamp(1.8rem,10vw,14rem);line-height:1;letter-spacing:-.02em;white-space:nowrap;max-width:100%;user-select:none;-webkit-user-select:none;pointer-events:none}.rc{color:var(--red);text-shadow:0 0 22px rgba(200,0,42,.5)}.hero-title .ch{display:inline-block;transform-origin:50% 100%;will-change:transform,opacity}.hero-title .sp{width:.26em}.hero-subtitle{display:flex;align-items:center;gap:.55rem;flex-wrap:wrap;justify-content:center;font-size:clamp(.72rem,1.6vw,.95rem);font-weight:300;letter-spacing:.2em;color:var(--text-dim);text-transform:uppercase}.sub-sep{color:var(--green);font-size:.85em}.cat-item{position:relative;display:flex;align-items:center;gap:.5rem;padding:.52rem 1.2rem .52rem .9rem;border:1px solid var(--border);border-radius:999px;background:#ffffff0f;font-family:var(--font-ui);font-weight:700;font-size:.68rem;letter-spacing:.2em;color:var(--text-dim);cursor:pointer;transition:border-color .18s,color .18s,background .18s;white-space:nowrap;overflow:hidden;user-select:none;-webkit-user-select:none}.cat-item:after{content:"";position:absolute;left:0;top:-100%;width:100%;height:55%;background:linear-gradient(transparent,rgba(200,0,42,.12) 50%,transparent);pointer-events:none}.cat-item.active:after{animation:scan 2.2s linear infinite}@keyframes scan{0%{top:-100%}to{top:200%}}.cat-item:hover{border-color:var(--border-hi);color:var(--text);background:#ffffff08}.cat-item.active{border-color:#ffffff8c;background:#ffffff0d;color:var(--text)}.cat-item:nth-child(2n):hover:not(.active){border-color:var(--green)}.cat-cursor{font-size:.45rem;color:var(--red);opacity:0;transform:translate(-4px);transition:opacity .15s,transform .15s}.cat-item.active .cat-cursor,.cat-item:hover .cat-cursor{opacity:1;transform:translate(0)}.cat-num{display:none}.cat-name{font-size:.76rem}.cat-nav{display:flex;gap:.4rem;flex-wrap:wrap;justify-content:center}.cat-nav .cat-item{padding:.52rem 1.2rem;justify-content:center}.cat-nav .cat-item .cat-cursor{display:none}.scroll-hint{position:absolute;bottom:2.5rem;left:0;right:0;display:flex;flex-direction:column;align-items:center;gap:.4rem;pointer-events:none}.scroll-label{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.45em;color:var(--text-dim);user-select:none;-webkit-user-select:none}.scroll-line{width:1px;height:36px;background:linear-gradient(to bottom,var(--green),transparent);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:.3;transform:scaleY(1)}50%{opacity:1;transform:scaleY(1.15)}}.projects-note{text-align:center;font-family:var(--font-ui);font-size:.85rem;letter-spacing:.1em;color:var(--text-dim);padding:.8rem 2rem .5rem;max-width:600px;margin:0 auto;line-height:1.5;opacity:.6}.contact-hint{display:flex;flex-direction:column;align-items:center;gap:.4rem;padding:2rem 0 3rem;pointer-events:none;user-select:none;-webkit-user-select:none;opacity:.7}.scroll-line--up{width:1px;height:36px;background:linear-gradient(to top,var(--green),transparent);animation:pulse 2.2s ease-in-out infinite}#projects{position:relative;padding:0 0 5rem;contain:layout}#projects:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 60% 30% at 8% 25%,rgba(200,0,42,.04) 0%,transparent 70%),radial-gradient(ellipse 50% 35% at 92% 70%,rgba(0,184,74,.03) 0%,transparent 70%),radial-gradient(circle,rgba(255,255,255,.025) 1px,transparent 1px) 0 0 / 26px 26px}.sec-sp{position:absolute;pointer-events:none;font-family:var(--font-mono);line-height:1;z-index:0;animation:sparkle-anim 4s ease-in-out infinite}.ss-a{top:12%;left:4%;font-size:1.6rem;color:var(--red);opacity:.28;animation-delay:.3s}.ss-b{top:38%;right:2%;font-size:.9rem;color:#ffffff24;opacity:1;animation-delay:1.8s}.ss-c{top:65%;left:.7%;font-size:1.1rem;color:var(--green);opacity:.22;animation-delay:.9s}.ss-d{top:80%;right:3%;font-size:.75rem;color:var(--red);opacity:.18;animation-delay:2.4s}.ss-e{top:50%;left:2%;font-size:.7rem;color:#ffffff1a;opacity:1;animation-delay:1.2s}.ct-a{top:8%;left:4%;font-size:2rem;color:var(--red);opacity:.35;animation-delay:.5s}.ct-b{top:12%;right:5%;font-size:1.4rem;color:var(--green);opacity:.3;animation-delay:2s}.ct-c{bottom:20%;left:6%;font-size:.9rem;color:#ffffff26;opacity:1;animation-delay:1.4s}.ct-d{bottom:15%;right:8%;font-size:1.1rem;color:var(--green);opacity:.22;animation-delay:.8s}.projects-header{position:sticky;top:0;z-index:300;padding:.9rem 2.5rem;display:flex;align-items:center;gap:2rem;background:#040006f7;border-bottom:1px solid var(--border)}.projects-filter{display:flex;align-items:center;gap:.4rem;margin-left:auto}.projects-filter .cat-item{border:1px solid var(--border);border-radius:2rem;padding:.5rem 1.4rem;font-size:.72rem;letter-spacing:.12em;background:#ffffff0f;transition:background .18s,border-color .18s,color .18s}.projects-filter .cat-item .cat-cursor,.projects-filter .cat-item .cat-num{display:none}.projects-filter .cat-item:hover{border-color:var(--border-hi);background:#ffffff0a}.projects-filter .cat-item.active{border-color:#ffffff8c;color:var(--text);background:#ffffff0d}.section-label{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.2em;color:var(--red);padding-left:.65rem;border-left:2px solid var(--red)}.projects-list{list-style:none;border-top:1px solid var(--border);padding:0 0 3rem}.project-row{position:relative;z-index:1;display:flex;align-items:center;gap:1.6rem;padding:1.1rem 2rem;border-bottom:1px solid var(--border);cursor:pointer;user-select:none;-webkit-user-select:none;opacity:0;transform:translate(-14px);transition:opacity .5s var(--ease),transform .5s var(--ease),background .18s;will-change:transform,opacity}.project-row.revealed{opacity:1;transform:translate(0);will-change:auto}.project-row.last-viewed{background:#ffffff06}.project-row.last-viewed .pr-title{color:var(--red);text-shadow:0 0 28px rgba(200,0,42,.4)}.project-row.last-viewed .pr-arrow{color:var(--red);transform:translate(4px,-4px)}.project-row.last-viewed:before{transform:scaleY(1)}.project-row.hidden{display:none}.project-row:hover{background:#ffffff06}.pr-num{font-family:var(--font-title);font-weight:900;font-size:clamp(1.6rem,3.5vw,3.4rem);color:var(--red);opacity:.35;min-width:3rem;flex-shrink:0;line-height:1;letter-spacing:-.02em;transition:opacity .18s}.project-row:hover .pr-num{opacity:.6}.pr-title{flex:1;font-family:var(--font-title);font-weight:900;font-size:clamp(1.2rem,2.9vw,2.1rem);letter-spacing:.03em;line-height:1;transition:color .18s,text-shadow .25s;user-select:none;-webkit-user-select:none}.project-row:hover .pr-title{color:var(--red);text-shadow:0 0 28px rgba(200,0,42,.4)}.pr-cat{font-family:var(--font-mono);font-size:.56rem;letter-spacing:.24em;color:var(--text-dim);min-width:4.5rem;text-align:right;flex-shrink:0}.pr-year{font-family:var(--font-mono);font-size:.56rem;color:var(--text-dim);min-width:2.4rem;text-align:right;flex-shrink:0}.pr-arrow{font-size:1rem;color:var(--text-dim);flex-shrink:0;transition:transform .2s var(--ease),color .18s}.project-row:hover .pr-arrow{color:var(--red);transform:translate(4px,-4px)}.project-row:first-child .pr-title{padding-left:.25rem}.pr-preview{flex-shrink:0;width:0;height:72px;overflow:hidden;border-radius:5px;pointer-events:none;opacity:0;order:-1;transition:opacity .2s var(--ease),width .25s var(--ease);position:relative}.project-row[data-format=vertical] .pr-preview{height:72px}.project-row:hover .pr-preview{opacity:1;width:128px}.project-row[data-format=vertical]:hover .pr-preview{width:102px}.pr-preview img,.thumb-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.thumb-placeholder[data-g="1"]{background:linear-gradient(135deg,#1a0000,#0d0d0d 55%,#0a0a1a)}.thumb-placeholder[data-g="2"]{background:linear-gradient(135deg,#0d0d0d,#1a0808 55%,#0d0808)}.thumb-placeholder[data-g="3"]{background:linear-gradient(135deg,#030008,#0d0d0d 50%,#081a08)}.thumb-placeholder[data-g="4"]{background:linear-gradient(135deg,#050015,#0d0d0d 55%,#150505)}.thumb-placeholder[data-g="5"]{background:linear-gradient(135deg,#001a0a,#0d0d0d 50%,#0a1a00)}.thumb-placeholder[data-g="6"]{background:linear-gradient(135deg,#00001a,#0d0d0d 55%,#0d0a1a)}.thumb-placeholder[data-g="7"]{background:linear-gradient(135deg,#0a0a00,#0d0d0d 55%,#1a0a00)}.thumb-placeholder[data-g="8"]{background:linear-gradient(135deg,#000a1a,#0d0d0d 55%,#001a0a)}.row-sparkle{position:absolute;left:.7%;bottom:-.55em;font-family:var(--font-mono);font-size:1.1rem;line-height:1;pointer-events:none;z-index:2;opacity:.22;animation:sparkle-anim 3.5s ease-in-out infinite}.project-row--soon{cursor:default}.pr-soon{flex-shrink:0;width:0;overflow:hidden;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.3em;color:var(--green);opacity:0;order:-1;white-space:nowrap;transition:opacity .2s var(--ease),width .25s var(--ease)}.project-row--soon:hover .pr-soon{opacity:.8;width:128px}.project-row:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--red);transform:scaleY(0);transform-origin:top;transition:transform .2s var(--ease)}.project-row:hover:before{transform:scaleY(1)}.project-row:nth-child(2n):hover:before{background:var(--green)}.project-row:nth-child(2n):hover .pr-title{color:var(--green);text-shadow:0 0 28px rgba(0,184,74,.35)}.project-row:nth-child(2n):hover .pr-arrow{color:var(--green)}.yt-lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:9000;background:radial-gradient(ellipse 70% 60% at 15% 50%,rgba(200,0,42,.18) 0%,transparent 65%),radial-gradient(ellipse 40% 40% at 85% 80%,rgba(0,184,74,.07) 0%,transparent 60%),#020004f5;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:flex;align-items:center;justify-content:center;opacity:0;animation:lb-in .28s var(--ease) forwards;cursor:default}@keyframes lb-in{to{opacity:1}}.yt-lightbox:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 70% at 50% 50%,transparent 40%,rgba(0,0,0,.6) 100%);pointer-events:none;z-index:0}.yt-lb-panel{position:relative;z-index:1;display:flex;flex-direction:column;align-items:stretch;cursor:default;width:min(calc(74vh * 16 / 9),86vw);animation:lb-panel-in .22s var(--ease) forwards}@keyframes lb-panel-in{0%{opacity:0;transform:scale(.97) translateZ(0)}to{opacity:1;transform:scale(1) translateZ(0)}}@keyframes lb-out{to{opacity:0}}.yt-lb-topbar{display:flex;align-items:center;justify-content:space-between;padding:0 0 1rem;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:1.4rem}.yt-lb-meta{display:flex;align-items:center;gap:1rem;min-width:0;overflow:hidden;flex:1}.yt-lb-num{font-family:var(--font-mono);font-size:.75rem;color:var(--red);letter-spacing:.3em;flex-shrink:0}.yt-lb-title{font-family:var(--font-title);font-size:clamp(1rem,2vw,1.6rem);font-weight:700;color:#fff;letter-spacing:.04em;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.yt-lightbox.vertical .yt-lb-title{white-space:normal;line-height:1.1;font-size:clamp(.85rem,1.8vw,1.3rem)}.yt-lb-cat{font-family:var(--font-mono);font-size:.7rem;color:#ffffff59;letter-spacing:.3em;flex-shrink:0}.yt-lb-year{font-family:var(--font-mono);font-size:.72rem;color:var(--green);letter-spacing:.25em;flex-shrink:0;opacity:.75}.yt-lb-close{flex-shrink:0;font-family:var(--font-mono);font-size:.58rem;letter-spacing:.25em;color:var(--red);cursor:pointer;border:1px solid rgba(200,0,42,.5);padding:.45rem 1rem;border-radius:999px;transition:color .18s,border-color .18s,background .18s;background:#c8002a1a;margin-left:1.5rem}.yt-lb-close:hover{color:#fff;border-color:var(--red);background:var(--red)}.yt-lb-stage-wrap{width:100%;display:flex;align-items:center;justify-content:center;gap:1rem}.yt-lightbox.vertical .yt-lb-panel{width:min(43.875vh,86vw)}.yt-lightbox.vertical .yt-lb-stage{aspect-ratio:9/16;width:100%;height:auto;flex:none}.yt-lb-stage{width:100%;aspect-ratio:16/9;border-radius:10px;overflow:hidden;box-shadow:0 0 0 1px #ffffff12,0 30px 80px #000000d9}.yt-lb-stage iframe,.yt-lb-stage>div{width:100%!important;height:100%!important;border:none;display:block}.yt-lb-nav{position:relative;flex-shrink:0;background:#0a030ed9;border:1px solid rgba(255,255,255,.12);color:#ffffff8c;font-size:1.4rem;width:2.8rem;height:2.8rem;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .15s,border-color .15s,color .15s}.yt-lb-nav:hover{background:var(--red);border-color:var(--red);color:#fff}.yt-lb-nav[disabled]{opacity:.12;pointer-events:none}.yt-lb-bottombar{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0 0;border-top:1px solid rgba(255,255,255,.06);margin-top:1.4rem}.yt-lb-counter{font-family:var(--font-mono);font-size:.55rem;color:#fff3;letter-spacing:.25em}.yt-lb-hint{font-family:var(--font-mono);font-size:.5rem;color:#ffffff26;letter-spacing:.15em}.yt-lb-dots{display:flex;gap:.55rem;align-items:center}.yt-lb-dot{width:6px;height:6px;border-radius:50%;border:1px solid rgba(255,255,255,.18);background:transparent;transition:background .18s,border-color .18s,width .2s,border-radius .2s;cursor:pointer;padding:0}.yt-lb-dot:hover{border-color:#ffffff73}.yt-lb-dot.active{background:var(--red);border-color:var(--red);width:20px;border-radius:3px}@media(max-width:768px){.yt-lightbox{align-items:center;justify-content:center;padding:0 .8rem;box-sizing:border-box}.yt-lb-panel{width:100%;max-width:100%;border-radius:10px;padding:.85rem .9rem;box-sizing:border-box}.yt-lightbox.vertical .yt-lb-panel{width:100%}.yt-lb-topbar{padding:0 0 .55rem;margin-bottom:.55rem}.yt-lb-title{font-size:.85rem}.yt-lb-cat{display:none}.yt-lb-close{padding:.3rem .65rem;font-size:.5rem;margin-left:.5rem}.yt-lb-hint{display:none}.yt-lb-stage-wrap{display:flex;align-items:center;justify-content:center;gap:.4rem}.yt-lb-stage{flex:1;min-width:0;aspect-ratio:16/9;border-radius:6px;height:auto;max-height:52vw}.yt-lightbox.vertical .yt-lb-stage{flex:none;aspect-ratio:9/16;width:auto;height:min(52vh,380px);max-height:none}.yt-lb-nav{width:1.8rem;height:1.8rem;font-size:.95rem}.yt-lb-prev{order:-1}.yt-lb-bottombar{padding:.55rem 0 0;margin-top:0;border-top:none}.yt-lb-counter{font-size:.5rem}.yt-lb-dot{width:5px;height:5px}.yt-lb-dot.active{width:16px}}#contact{position:relative;min-height:100vh;padding:5.5rem 2rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;user-select:none;-webkit-user-select:none}#contact:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle,rgba(255,255,255,.04) 1px,transparent 1px);background-size:26px 26px}#contact:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(ellipse 70% 55% at 8% 35%,rgba(200,0,42,.07) 0%,transparent 70%),radial-gradient(ellipse 55% 45% at 92% 75%,rgba(0,184,74,.05) 0%,transparent 70%)}#contact>*:not(#footer){position:relative;z-index:1}.contact-head{text-align:center;padding:0 2rem}.contact-head .section-label{margin-bottom:1rem;display:block;border-left:none;padding-left:0}.contact-title{font-family:var(--font-title);font-weight:900;font-size:clamp(1.8rem,6.5vw,6.2rem);line-height:1;letter-spacing:.02em;text-align:center;margin-bottom:2.5rem;overflow:hidden;padding-top:.1em;opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.contact-title.visible{opacity:1;transform:none}.contact-inner{width:min(660px,100%)}.contact-form{text-align:left;display:flex;flex-direction:column;gap:1.1rem;opacity:0;transform:translateY(16px);transition:opacity .6s var(--ease) .15s,transform .6s var(--ease) .15s}.contact-form.visible{opacity:1;transform:none}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem}.form-group{display:flex;flex-direction:column;gap:.36rem}.form-group label{display:none}.form-group input,.form-group select,.form-group textarea{background:#0a0a0d;border:1px solid var(--border);border-radius:999px;color:var(--text);font-family:var(--font-ui);font-size:.95rem;padding:.65rem 1.1rem;outline:none;resize:none;transition:border-color .2s,background .2s,box-shadow .2s}.form-group select{-moz-appearance:none;appearance:none;-webkit-appearance:none;padding-right:2.6rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2300b84a' stroke-width='1.5' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1.1rem center;cursor:pointer}.form-group textarea{border-radius:1.2rem;resize:vertical}.form-group input::placeholder,.form-group textarea::placeholder{color:#ffffff2b}.form-group select option{background:#111}.form-group select:invalid,.form-group select option[value=""]{color:#ffffff2b}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:var(--green);background:#00b84a08;box-shadow:0 0 0 2px #00b84a1f,0 0 16px #00b84a12}.submit-btn{display:flex;align-items:center;gap:.65rem;align-self:center;font-family:var(--font-ui);font-weight:700;font-size:.8rem;letter-spacing:.3em;padding:.7rem 2rem;border:1px solid var(--green);border-radius:999px;color:var(--green);transition:background .2s,color .2s,transform .2s,box-shadow .2s}.submit-btn:hover{background:var(--green);color:#fff;transform:translate(4px);box-shadow:0 0 20px #00b84a59}.submit-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;background:transparent;color:var(--text-dim);box-shadow:none}.btn-arrow{transition:transform .2s}.submit-btn:hover .btn-arrow{transform:translate(4px)}.submit-btn:disabled .btn-arrow{display:none}.form-feedback{text-align:center;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.14em;min-height:1.6em;display:flex;align-items:center;justify-content:center;gap:.5rem}.form-feedback.success{color:var(--green);animation:fb-in .4s var(--ease)}.form-feedback.error{color:#f34;animation:fb-in .4s var(--ease)}@keyframes fb-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.form-feedback.loading:before{content:"";width:14px;height:14px;border:2px solid rgba(255,255,255,.1);border-top-color:var(--green);border-radius:50%;animation:spin .7s linear infinite;display:inline-block}.form-feedback.loading:after{content:"ENVOI EN COURS";color:#ffffff59;letter-spacing:.25em;font-size:.6rem}@keyframes spin{to{transform:rotate(360deg)}}#footer{position:absolute;bottom:0;left:0;right:0;border-top:1px solid var(--border);padding:1.4rem 2.5rem;background:#000;z-index:2}.footer-inner{display:flex;align-items:center;justify-content:center;gap:.65rem;flex-wrap:nowrap;white-space:nowrap;overflow:hidden;font-family:var(--font-mono);font-size:.6rem;letter-spacing:.2em;color:var(--text-dim)}.footer-logo{font-family:var(--font-title);font-size:1.3rem;color:var(--text);flex-shrink:0}.footer-sep{color:var(--green);flex-shrink:0}@media(max-width:768px){:root{--nav-h: 56px}#top-nav{padding:0 1rem}.nav-logo{font-size:1.1rem}.nav-links{gap:.35rem}.nav-btn{font-size:.72rem;padding:.45rem .9rem;letter-spacing:.18em}.projects-header{padding:.55rem 1rem;gap:.5rem}.projects-filter{gap:.3rem}.projects-filter .cat-item{padding:.35rem .7rem;font-size:.6rem;letter-spacing:.08em}.hero{padding:var(--nav-h) 1rem 5rem}.hero-inner{gap:.9rem}#projects{padding:0 0 1rem;margin-top:1.5rem}.project-row{gap:.5rem;padding:.9rem 1.2rem;min-height:72px}.pr-preview{display:flex;width:56px;height:40px;order:1;flex-shrink:0;opacity:1;margin-left:-1.2rem}.project-row[data-format=landscape] .pr-title{margin-left:-5px}.project-row[data-format=vertical] .pr-preview{width:56px;height:50px}.pr-title{order:2}.pr-year{order:3}.pr-arrow{order:4}.pr-cat,.pr-arrow{display:none}.project-row--soon,.project-row--soon.revealed{opacity:.4;pointer-events:none}.project-row--soon .pr-soon{width:auto;opacity:.7;order:4;font-size:.6rem;flex-shrink:0}.project-row--soon .pr-year{order:5}.hero-title{font-size:clamp(2.2rem,12vw,7.5rem);letter-spacing:0em}.pr-title{font-size:clamp(.9rem,4.5vw,1.2rem)}.pr-num{opacity:.45}.contact-title{white-space:normal;font-size:clamp(1.4rem,7vw,2.4rem)}.form-row{grid-template-columns:1fr}.form-group textarea{max-height:180px;min-height:130px}#contact{padding:2rem 1.2rem 80px}.footer-inner{gap:.4rem;font-size:.52rem;letter-spacing:.14em}.footer-logo{font-size:1rem}.submit-btn .btn-arrow{display:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}@media(max-width:420px){.nav-logo{font-size:1rem}.nav-btn{font-size:.65rem;padding:.4rem .75rem;letter-spacing:.14em}.hero-title{font-size:clamp(2rem,13vw,7.5rem)}}