@font-face{font-family:Baskervville;src:url(/assets/Baskervville-VariableFont_wght-5L54cVrw.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Baskervville;src:url(/assets/Baskervville-Italic-VariableFont_wght-DnSvUQXu.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--bg: #EDEDEC;--bg-alt: #E3E3E0;--surface: #F5F5F4;--text: #1A1A1A;--text-muted: #999999;--text-faded: #C8C8C6;--accent: #8B1410;--accent-light: #C83218;--accent-dark: #5E0D08;--border: #D4D4D2;--font-sans: "Inter", -apple-system, Helvetica Neue, sans-serif;--font-mono: "Space Grotesk", monospace;--font-serif: "Baskervville", Georgia, serif;--nav-h: 72px;--pad-x: clamp(24px, 5vw, 80px);--content-max: 1440px;--ease: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1)}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);overflow-x:hidden;cursor:none}body.page-portfolio{overflow:hidden;height:100dvh}a{color:inherit;text-decoration:none;cursor:none}button{background:none;border:none;color:inherit;cursor:none;font-family:inherit}img{max-width:100%;display:block}ul{list-style:none}::selection{background:var(--accent);color:#fff}.custom-cursor{width:5px;height:5px;background:var(--text);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:10000}.cursor-follower{width:30px;height:30px;border:1px solid rgba(26,26,26,.4);border-radius:50%;position:fixed;top:0;left:0;pointer-events:none;z-index:9999;transition:width .4s var(--ease),height .4s var(--ease),border-color .4s ease,background .4s ease}.cursor-follower.hovering{width:46px;height:46px;border-color:var(--accent);background:#8b141012}.magnetic-wrap{display:inline-flex;transition:transform .35s var(--ease)}@media(pointer:coarse){.custom-cursor,.cursor-follower{display:none}body,a,button{cursor:auto}}.page-loader{position:fixed;inset:0;background:var(--bg);z-index:9998;display:flex;align-items:center;justify-content:center;flex-direction:column;transition:opacity .8s var(--ease),visibility .8s}.page-loader.hidden{opacity:0;visibility:hidden;pointer-events:none}.loader-countdown{position:relative;width:120px;height:120px;margin-bottom:32px}.loader-countdown .countdown-ring{width:100%;height:100%;border-radius:50%;border:1.5px solid var(--border);position:relative}.loader-countdown .countdown-ring:after{content:"";position:absolute;top:-2px;left:50%;width:4px;height:4px;background:var(--accent);border-radius:50%;transform:translate(-50%);animation:countdownSpin 1.5s linear forwards;transform-origin:50% 62px}@keyframes countdownSpin{0%{transform:translate(-50%) rotate(0)}to{transform:translate(-50%) rotate(360deg)}}.loader-countdown .countdown-num{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;font-family:var(--font-serif);font-size:48px;font-weight:400;font-style:italic;color:var(--text);letter-spacing:-2px}.loader-bottom{display:flex;align-items:center;gap:24px}.loader-line{width:60px;height:1px;background:var(--text);transform:scaleX(0);animation:loaderLine 1.2s var(--ease) forwards}.loader-line:last-child{animation-delay:.15s}.loader-text{font-family:var(--font-serif);font-size:13px;letter-spacing:4px;color:var(--text-muted);text-transform:uppercase;opacity:0;animation:fadeIn .8s .3s var(--ease) forwards}@keyframes loaderLine{to{transform:scaleX(1)}}@keyframes fadeIn{to{opacity:1}}.main-nav{position:fixed;top:0;left:0;right:0;height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;padding:0 var(--pad-x);z-index:300;background:transparent;transition:background .3s ease,backdrop-filter .3s ease}.nav-logo{font-family:var(--font-serif);font-size:18px;font-weight:700;letter-spacing:-.5px;transition:opacity .3s ease;display:flex;flex-direction:column;line-height:1;gap:4px}.nav-logo:hover{opacity:.5}.nav-role{font-family:var(--font-mono);font-size:9px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);font-weight:400}.nav-links{display:flex;gap:36px}.nav-link{font-family:var(--font-mono);font-size:13px;letter-spacing:1px;color:var(--text-muted);position:relative;padding:4px 0;transition:color .3s ease}.nav-link:hover,.nav-link.active{color:var(--text)}.nav-link:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:1px;background:var(--accent);transform:scaleX(0);transform-origin:right;transition:transform .5s var(--ease)}.nav-link:hover:after,.nav-link.active:after{transform:scaleX(1);transform-origin:left}.mode-toggle{position:fixed;top:calc((var(--nav-h) - 44px) / 2);left:50%;transform:translate(-50%);z-index:301;display:flex;align-items:center;background:var(--bg-alt);border-radius:32px;padding:4px;width:max-content;height:fit-content;box-shadow:0 1px 6px #0000001a,0 0 0 1px #0000000f}.toggle-btn{position:relative;z-index:2;font-family:var(--font-mono);font-size:12px;letter-spacing:1.5px;text-transform:uppercase;padding:10px 28px;border-radius:28px;color:var(--text-muted);transition:color .4s var(--ease);white-space:nowrap}.toggle-btn.active{color:var(--text)}.toggle-indicator{position:absolute;top:4px;left:4px;height:calc(100% - 8px);width:calc(50% - 4px);background:var(--surface);border-radius:28px;z-index:1;transition:transform .5s var(--ease);box-shadow:0 1px 4px #0000000f}.mode-toggle[data-active=edicion] .toggle-indicator{transform:translate(100%)}.nav-menu-btn{display:none;flex-direction:column;gap:6px;padding:8px;z-index:102}.nav-menu-btn span{width:24px;height:1.5px;background:var(--text);transition:transform .4s var(--ease),opacity .3s ease}.nav-menu-btn.active span:first-child{transform:rotate(45deg) translate(3px,3px)}.nav-menu-btn.active span:last-child{transform:rotate(-45deg) translate(3px,-3px)}.mobile-menu{position:fixed;inset:0;background:var(--bg);z-index:101;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;opacity:0;visibility:hidden;transition:opacity .5s var(--ease),visibility .5s}.mobile-menu.open{opacity:1;visibility:visible}.mobile-link{font-family:var(--font-serif);font-size:clamp(36px,8vw,64px);font-weight:700;font-style:italic;color:var(--text-faded);transition:color .3s ease}.mobile-link.active,.mobile-link:hover{color:var(--text)}@media(max-width:768px){.nav-links{display:none}.nav-menu-btn{display:flex}}.portfolio-stage{position:fixed;top:var(--nav-h);left:0;right:0;bottom:0;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.stage-vignette{position:absolute;inset:0;pointer-events:none;z-index:15;background:radial-gradient(ellipse at center,transparent 55%,rgba(0,0,0,.06) 100%)}.stage-divider{position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%);width:1px;background:var(--border);z-index:12;pointer-events:none}.stage-divider:before,.stage-divider:after{display:none}.divider-progress{display:none}.portfolio-stage[data-mode=edicion] .stage-videos{order:2}.portfolio-stage[data-mode=edicion] .stage-titles{order:1}.stage-col{position:relative;overflow:hidden;transition:opacity .5s var(--ease),transform .5s var(--ease)}.portfolio-stage.transitioning .stage-col{opacity:0;transform:scale(.96)}.stage-videos{background:var(--bg-alt)}.stage-titles{background:var(--bg)}.titles-track,.videos-track{position:relative;width:100%;height:100%}.title-card{position:absolute;left:0;right:0;display:flex;flex-direction:column;justify-content:center;padding:0 var(--pad-x);overflow:hidden;will-change:transform,opacity;transition:padding .5s var(--ease)}.portfolio-stage[data-mode=edicion] .title-card{align-items:flex-end;text-align:right}.title-card .title-index{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;color:var(--text-muted);margin-bottom:12px;transition:color .4s var(--ease)}.title-card.active .title-index{color:var(--accent)}.title-card .title-name{font-family:var(--font-serif);font-size:clamp(28px,3.8vw,58px);font-weight:700;font-style:italic;letter-spacing:-1px;line-height:1.1;white-space:normal;word-break:break-word;overflow-wrap:break-word;color:transparent;-webkit-text-stroke:1.5px var(--text-faded);transition:color .5s var(--ease),-webkit-text-stroke-color .5s var(--ease)}.title-card.active .title-name{color:var(--text);-webkit-text-stroke:1.5px var(--text)}.title-card .title-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:3px;text-transform:uppercase;color:var(--accent);margin-top:12px;display:inline-flex;align-items:center;gap:10px;opacity:0;transform:translate(-16px);transition:opacity .5s var(--ease),transform .5s var(--ease)}.title-card .title-meta:before{content:"";width:0;height:1px;background:var(--accent);transition:width .6s var(--ease)}.title-card .title-index,.title-card .title-name,.title-card .title-meta{will-change:transform}.title-card.active .title-meta{opacity:1;transform:translate(0)}.title-card.active .title-meta:before{width:24px}.video-card{position:absolute;left:0;right:0;padding:0 clamp(16px,3vw,40px);will-change:transform,opacity}.video-card .video-thumb{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:8px;overflow:hidden;background-size:cover;background-position:center;filter:grayscale(40%);opacity:1;transform:scale(.93);transition:filter .6s var(--ease),transform .6s var(--ease),box-shadow .6s var(--ease)}.video-card.active .video-thumb{filter:grayscale(0%);opacity:1;transform:scale(1);box-shadow:0 20px 60px #00000026}.video-thumb video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:2}.video-thumb iframe{border:0;z-index:2}.video-card .video-thumb-wrap{perspective:800px;transform-style:preserve-3d}.video-card .video-thumb-inner{transition:transform .15s ease-out;will-change:transform;border-radius:8px;overflow:hidden;position:relative}.video-card .play-icon{display:none}.video-card .timecode{position:absolute;bottom:12px;right:16px;font-family:var(--font-mono);font-size:10px;letter-spacing:2px;color:#fff9;background:#00000059;padding:4px 10px;border-radius:4px;opacity:0;transition:opacity .4s var(--ease);z-index:3;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.video-card.active .timecode{opacity:1}.project-counter{display:none}.aspect-stamp{position:absolute;top:clamp(20px,3vh,40px);right:var(--pad-x);font-family:var(--font-mono);font-size:9px;letter-spacing:3px;color:var(--text-muted);opacity:.4;z-index:10;pointer-events:none}.scroll-hint{position:absolute;bottom:32px;right:var(--pad-x);display:flex;align-items:center;gap:12px;font-family:var(--font-mono);font-size:11px;letter-spacing:3px;text-transform:uppercase;color:var(--text-muted);z-index:10;transition:opacity .6s var(--ease)}.scroll-hint.hidden{opacity:0;pointer-events:none}.scroll-hint-line{width:32px;height:1px;background:var(--accent-light);animation:scrollPulse 2s var(--ease-in-out) infinite}@keyframes scrollPulse{0%,to{transform:scaleX(1);opacity:.5}50%{transform:scaleX(1.5);opacity:1}}.page-info{background:var(--accent-dark);overflow:hidden}.page-info .custom-cursor,.page-info .cursor-follower,.page-info .film-grain{display:none}.page-info,.page-info a,.page-info button{cursor:auto}.page-info .main-nav{background:transparent}.page-info .nav-logo{color:var(--bg)}.page-info .nav-role{color:#ededec80}.page-info .nav-link{color:#ededec73}.page-info .nav-link:hover,.page-info .nav-link.active{color:var(--bg)}.page-info .nav-link:after{display:none}.page-info .mobile-menu{background:var(--accent-dark)}.page-info .mobile-link{color:#ededec66}.page-info .mobile-link:hover,.page-info .mobile-link.active{color:var(--bg)}.page-info .nav-menu-btn span{background:var(--bg)}.info-canvas{position:fixed;inset:0;top:var(--nav-h);overflow:hidden;color:var(--bg)}.scatter{position:absolute}.scatter--jay{left:clamp(20px,4vw,64px);bottom:clamp(40px,6vh,90px);transform:rotate(-2deg);transform-origin:left bottom}.scatter-name-big{font-family:var(--font-serif);font-size:clamp(110px,18vw,260px);font-weight:700;font-style:italic;line-height:.85;letter-spacing:-4px;color:var(--bg);display:block}.scatter--corzo{left:clamp(160px,22vw,340px);bottom:clamp(10px,1.5vh,30px);transform:rotate(1.2deg);transform-origin:left bottom}.scatter-name-outline{font-family:var(--font-serif);font-size:clamp(90px,15vw,220px);font-weight:700;font-style:italic;line-height:.85;letter-spacing:-3px;color:#ededec7a;-webkit-text-stroke:0;display:block}.scatter--role{top:clamp(16px,2.5vh,36px);left:clamp(20px,4vw,64px);right:clamp(20px,4vw,64px);display:flex;align-items:center;gap:16px;transform:rotate(-.3deg)}.scatter-label{font-family:var(--font-mono);font-size:10px;letter-spacing:4px;text-transform:uppercase;color:#ededec66;white-space:nowrap}.scatter-dash{font-family:var(--font-mono);font-size:10px;letter-spacing:4px;color:#ededec26;flex:1;overflow:hidden}.scatter--practice{top:clamp(80px,14vh,160px);left:clamp(20px,4vw,64px);max-width:clamp(220px,32vw,440px);transform:rotate(-1.2deg);transform-origin:left top}.scatter-text{font-family:var(--font-serif);font-size:clamp(18px,2.4vw,34px);font-weight:400;font-style:italic;line-height:1.2;color:#ededeccc;margin-top:8px}.scatter--links{top:clamp(80px,13vh,150px);right:clamp(20px,5vw,80px);text-align:right;transform:rotate(.8deg);transform-origin:right top}.scatter-link-row{display:flex;flex-direction:column;align-items:flex-end;margin-top:8px;gap:0}.scatter-link{font-family:var(--font-serif);font-size:clamp(28px,4vw,58px);font-weight:700;font-style:italic;line-height:1.1;color:var(--bg);text-decoration:underline;text-decoration-color:#ededec1f;text-underline-offset:5px;transition:color .3s var(--ease),text-decoration-color .3s var(--ease);display:block}.scatter-link:hover{color:#ededec73;text-decoration-color:#ededec40}.scatter--detail{right:clamp(20px,5vw,80px);bottom:clamp(100px,16vh,180px);text-align:right;transform:rotate(2deg);transform-origin:right bottom}.scatter-detail-text{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ededec40;line-height:1.8}.scatter--credits{bottom:clamp(20px,3vh,40px);right:clamp(20px,4vw,64px);display:flex;gap:20px;transform:rotate(.4deg);transform-origin:right bottom}.credits-col{display:flex;flex-direction:column;gap:2px;text-align:left}.credits-col span{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;color:#ededec38;text-transform:uppercase}.main-footer{padding:40px var(--pad-x);border-top:1px solid var(--border)}.footer-content{max-width:var(--content-max);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:24px}.footer-name{font-family:var(--font-serif);font-size:14px;font-weight:600}.footer-role{font-family:var(--font-mono);font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--text-muted)}.footer-cta{font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:var(--accent);padding:10px 24px;border:1px solid var(--accent);border-radius:24px;transition:all .3s var(--ease)}.footer-cta:hover{background:var(--accent);border-color:var(--accent);color:#fff}.page-awards .info-canvas{overflow-y:auto;display:flex;flex-direction:column;align-items:center;padding:clamp(28px,5vh,64px) var(--pad-x) clamp(48px,8vh,96px);gap:48px}.page-awards .scatter--role{position:relative;inset:unset;transform:none!important;width:100%;max-width:1040px;display:flex;align-items:center;gap:16px;border-bottom:1px solid rgba(237,237,236,.1);padding-bottom:24px}.awards-list{width:100%;max-width:1060px}.award-row{display:flex;align-items:stretch;min-height:148px;border-bottom:1px solid rgba(237,237,236,.07);cursor:default;transition:background .4s ease;position:relative}.award-row:hover{background:#ffffff05}.award-row-meta{flex:0 0 260px;display:flex;flex-direction:column;justify-content:space-between;padding:34px 40px 34px 0;border-right:1px solid rgba(237,237,236,.08);transition:border-color .4s ease}.award-row:hover .award-row-meta{border-color:#ededec24}.award-row-bottom{display:flex;flex-direction:column;gap:8px}.award-row-title{flex:1;display:flex;align-items:center;padding:34px 0 34px 40px;position:relative;overflow:hidden}.award-row-icon{position:absolute;top:50%;right:0;transform:translateY(-50%);height:88%;opacity:.42;pointer-events:none;transition:opacity .5s ease,transform .5s var(--ease)}.award-row-icon img{height:100%;width:auto}.award--gold .award-row-icon img{filter:saturate(1.3) brightness(1.15) contrast(1.05)}.award--silver .award-row-icon img{filter:saturate(.15) brightness(1.35) contrast(1.1) hue-rotate(195deg)}.award-row:hover .award-row-icon{opacity:.75;transform:translateY(calc(-50% - 5px)) scale(1.03)}.award-row--flip{flex-direction:row-reverse}.award-row--flip .award-row-meta{padding:34px 0 34px 40px;border-right:none;border-left:1px solid rgba(237,237,236,.08)}.award-row--flip:hover .award-row-meta{border-color:#ededec24}.award-row--flip .award-row-title{padding:34px 40px 34px 0;justify-content:flex-end}.award-row--flip .award-row-project{text-align:right}.award-row--flip .award-row-icon{right:auto;left:0}.award-row-fest{font-family:var(--font-mono);font-size:9px;letter-spacing:2px;text-transform:uppercase;color:#ededeca6;line-height:1.7}.award-row-fest span{display:block;color:#ededec59;font-size:8px;letter-spacing:1.5px;margin-top:1px}.award-row-cat{font-family:var(--font-mono);font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#ededec80;line-height:1.7;margin:0}.award-row-project{font-family:var(--font-serif);font-size:clamp(26px,3.6vw,50px);font-weight:700;font-style:italic;color:var(--bg);line-height:1.08;margin:0;letter-spacing:-.5px}.award-medal{font-family:var(--font-mono);font-size:8px;letter-spacing:2px;text-transform:uppercase;padding:4px 12px;border-radius:12px;white-space:nowrap;align-self:flex-start}.award--gold .award-medal{color:#d4a520;border:1px solid rgba(212,165,32,.4);background:#d4a52014}.award--silver .award-medal{color:#9ea8b4;border:1px solid rgba(158,168,180,.4);background:#9ea8b414}@media(max-width:768px){.page-awards .info-canvas{gap:24px;padding-top:24px}.page-awards .scatter--role{order:0;flex-direction:column;align-items:flex-start}.page-awards .awards-list{order:1}.award-row,.award-row--flip{flex-direction:column;min-height:unset;padding:0}.award-row-title,.award-row--flip .award-row-title{padding:22px 0 12px;justify-content:flex-start;order:1}.award-row-meta,.award-row--flip .award-row-meta{flex:unset;flex-direction:row;justify-content:space-between;align-items:flex-end;padding:0 0 20px;border:none;border-bottom:1px solid rgba(237,237,236,.07);order:2}.award-row--flip .award-row-project{text-align:left}.award-row-project{font-size:clamp(22px,6vw,32px);position:relative;z-index:1}.award-row-icon,.award-row--flip .award-row-icon{top:0;right:0;left:auto;transform:none;height:100%;opacity:.28;z-index:0}.award-row:hover .award-row-icon{opacity:.5;transform:none}.award-row-bottom{align-items:flex-end;gap:6px}}@media(max-width:480px){.award-row-project{font-size:clamp(18px,5.5vw,26px)}}.award-item{border-bottom:1px solid rgba(237,237,236,.07)}.award-item .award-row{border-bottom:none}.awards-option-picker{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-bottom:4px}.option-picker-hint{font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;text-transform:uppercase;color:#ededec59}.option-picker-tabs{display:flex;gap:8px;flex-wrap:wrap}.option-tab{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;padding:5px 12px 5px 6px;border:1px solid rgba(237,237,236,.18);border-radius:20px;color:#ededec61;transition:border-color .25s,color .25s,background .25s;cursor:pointer}.opt-key{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;background:#ededec1a;border-radius:4px;font-weight:700;font-size:10px;transition:background .25s,color .25s}.option-tab.active{border-color:#ededec8c;color:#ededece6}.option-tab.active .opt-key{background:#ededece6;color:#5e0d08}.option-tab:hover:not(.active){border-color:#ededec52;color:#ededec99}.award-player-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;width:100%;height:100%;color:#ededec47;font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;text-align:center}.award-ver-link{display:none;font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#ededec66;text-decoration:none;transition:color .25s,opacity .25s;position:relative;z-index:2;margin-top:10px;white-space:nowrap}.awards-list.mode-a .award-row{cursor:pointer}.awards-list.mode-a .award-ver-link{display:inline-block}.awards-list.mode-a .award-item:hover .award-ver-link{color:#ededece6}.award-expand-panel{display:none;overflow:hidden;max-height:0;transition:max-height .55s cubic-bezier(.4,0,.2,1),padding .55s;padding:0;position:relative}.awards-list.mode-b .award-expand-panel{display:block}.awards-list.mode-b .award-item.expanded .award-expand-panel{max-height:560px;padding-bottom:24px}.awards-list.mode-b .award-row{cursor:pointer}.award-expand-player{width:100%;aspect-ratio:16/9;background:#0a0202d9;border-radius:3px;overflow:hidden}.award-expand-close{position:absolute;bottom:0;right:0;font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#ededec59;transition:color .2s;cursor:pointer}.award-expand-close:hover{color:#ededeccc}.awards-list.mode-c .award-row{cursor:pointer}.award-modal-overlay{position:fixed;inset:0;z-index:6000;background:#080101f2;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:28px;padding:clamp(24px,5vw,80px);opacity:0;visibility:hidden;transition:opacity .45s var(--ease),visibility .45s}.award-modal-overlay.open{opacity:1;visibility:visible}.award-modal-close{position:absolute;top:28px;right:36px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;text-transform:uppercase;color:#ededec61;transition:color .2s;cursor:pointer;z-index:2}.award-modal-close:hover{color:#ededecd9}.award-modal-inner{width:100%;max-width:940px;display:flex;flex-direction:column;align-items:center;gap:28px}.award-modal-meta{text-align:center}.modal-fest{font-family:var(--font-mono);font-size:10px;letter-spacing:2px;text-transform:uppercase;color:#ededec73;margin:0 0 10px}.modal-title{font-family:var(--font-serif);font-size:clamp(22px,3.5vw,38px);font-weight:700;font-style:italic;color:#ededecf2;margin:0 0 14px;line-height:1.1}.award-modal-player{width:100%;aspect-ratio:16/9;background:#000;border-radius:4px;overflow:hidden}.award-flip-wrap{transform-style:preserve-3d;transition:transform .72s cubic-bezier(.4,0,.2,1);position:relative}.awards-list.mode-d .award-item{perspective:1200px}.awards-list.mode-d .award-item:hover .award-flip-wrap{transform:rotateY(180deg)}.award-flip-front{backface-visibility:hidden;-webkit-backface-visibility:hidden}.award-flip-back{display:none;position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;transform:rotateY(180deg);background:#ededecf5;color:#1a1a1a;flex-direction:row;align-items:center;gap:40px;padding:28px 40px;border-radius:2px}.awards-list.mode-d .award-flip-back{display:flex}.award-back-meta{flex:0 0 220px;display:flex;flex-direction:column;gap:8px}.award-back-fest{font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:#1a1a1a73;margin:0}.award-back-title{font-family:var(--font-serif);font-size:clamp(16px,2vw,24px);font-weight:700;font-style:italic;color:#1a1a1a;margin:0;line-height:1.15}.award-back-play-btn{display:inline-flex;align-items:center;gap:6px;margin-top:6px;font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;padding:6px 14px;border-radius:20px;border:1px solid rgba(26,26,26,.3);color:#1a1a1ab3;transition:border-color .2s,color .2s,background .2s;cursor:pointer;width:fit-content}.award-back-play-btn:hover{border-color:#1a1a1a;color:#1a1a1a;background:#1a1a1a0f}.award-back-player{flex:1;aspect-ratio:16/9;background:#1a1a1a14;border-radius:3px;overflow:hidden;max-height:130px}.awards-list.mode-d .award--gold .award-medal{color:#b8880d;border-color:#b8880d66;background:#b8880d14}.awards-list.mode-d .award--silver .award-medal{color:#6e7d8a;border-color:#6e7d8a66;background:#6e7d8a14}@media(max-width:768px){.awards-option-picker{flex-direction:column;align-items:flex-start;gap:10px}.award-flip-back{flex-direction:column;gap:16px}.award-back-meta{flex:none}.award-back-player{max-height:180px;width:100%}.award-modal-overlay{padding:20px}.award-modal-inner{gap:16px}}@media(max-width:1024px){.portfolio-stage{grid-template-columns:1fr;grid-template-rows:58% 42%}.stage-videos{order:1!important}.stage-titles{order:2!important}.stage-divider{display:none}.main-nav{padding:0 clamp(16px,3vw,48px)}.nav-links{gap:20px}.scatter-name-big{font-size:clamp(90px,14vw,180px)}.scatter-name-outline{font-size:clamp(70px,11vw,150px)}}@media(max-width:768px){:root{--nav-h: 56px}.main-nav{background:#ededece0;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(212,212,210,.4)}.page-info .main-nav{background:#5e0d08e6;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid rgba(237,237,236,.08)}.portfolio-stage{grid-template-rows:60% 40%}body.page-portfolio{height:100dvh}.video-card{inset:0 auto;padding:0 10px;display:flex;align-items:center}.video-card .video-thumb{border-radius:6px}.title-card{inset:0 auto;padding:0 20px 68px}.title-card .title-name{font-size:clamp(18px,5.5vw,28px);line-height:1.15;letter-spacing:-.5px;-webkit-text-stroke-width:1px}.title-card .title-index{font-size:10px;margin-bottom:6px}.title-card .title-meta{font-size:10px;letter-spacing:2px;margin-top:8px}.aspect-stamp,.scroll-hint,.project-counter{display:none}.mode-toggle{position:fixed;top:auto;bottom:20px;left:50%;transform:translate(-50%);z-index:301;background:#ededecf2;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px #00000024}.toggle-btn{padding:8px 20px;font-size:11px}.page-info{overflow-y:auto}.info-canvas{position:relative;overflow-y:auto;height:auto;min-height:100svh;padding:calc(var(--nav-h) + 24px) 20px 100px;display:flex;flex-direction:column;gap:20px}.scatter{position:relative;inset:unset;transform:none!important}.scatter--role{order:1;flex-direction:column;gap:4px}.scatter--jay{order:2}.scatter--corzo{order:3;margin-top:-10px}.scatter--practice{order:4}.scatter--links{order:5;text-align:left}.scatter--detail{order:6}.scatter--credits{order:7;flex-direction:row;gap:16px}.scatter-dash{display:none}.scatter-name-big{font-size:clamp(64px,17vw,110px);letter-spacing:-3px}.scatter-name-outline{font-size:clamp(52px,14vw,90px);letter-spacing:-2px}.scatter-link-row{align-items:flex-start}.scatter-link{font-size:clamp(26px,7vw,42px)}.scatter-text{font-size:clamp(16px,4.5vw,26px)}.footer-content{flex-direction:column;text-align:center;gap:12px}}@media(max-width:480px){.portfolio-stage{grid-template-rows:56% 44%}.title-card .title-name{font-size:clamp(15px,5vw,22px)}.scatter-name-big{font-size:clamp(52px,14vw,80px)}.scatter-name-outline{font-size:clamp(42px,12vw,66px)}.scatter-link{font-size:clamp(22px,7vw,36px)}.scatter-text{font-size:clamp(14px,4vw,20px)}.toggle-btn{padding:8px 16px}}@media(max-width:360px){.scatter-name-big{font-size:46px}.scatter-name-outline{font-size:36px}.scatter-link{font-size:20px}.toggle-btn{padding:7px 14px;font-size:10px}}@media(orientation:landscape)and (max-height:550px){:root{--nav-h: 48px}.portfolio-stage{grid-template-columns:1fr 1fr!important;grid-template-rows:1fr!important}.stage-divider{display:block!important}.mode-toggle{position:relative!important;bottom:auto!important;left:auto!important;transform:none!important;background:var(--bg-alt)!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;box-shadow:none!important}.title-card{padding:0 clamp(12px,2vw,24px)!important;padding-bottom:0!important}.title-card .title-name{font-size:clamp(12px,2vw,18px)!important;line-height:1.1!important}.title-card .title-meta{display:none!important}.title-card .title-index{margin-bottom:4px!important}}.film-grain{position:fixed;inset:0;pointer-events:none;z-index:9997;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 512 512' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.75' numOctaves='4' 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:512px 512px;animation:grainShift .8s steps(4) infinite}@keyframes grainShift{0%{transform:translate(0)}25%{transform:translate(-5%,-5%)}50%{transform:translate(3%,-3%)}75%{transform:translate(-3%,5%)}to{transform:translate(5%,2%)}}
