:root{--bg:#15141c;--text:#ececec;--muted:#abaab7;--accent:#ff6b6b;--max:1320px;--gutter:clamp(16px, 4vw, 48px);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}*,:before,:after{box-sizing:border-box}body{flex-direction:column;min-height:100vh;margin:0;display:flex}body:before{content:"";z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 1 0 0 0 0 1 0 0 0 0 1 0 0 0 0.09 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"), radial-gradient(ellipse 70% 55% at 50% 0%, #605caa38, transparent 70%), radial-gradient(ellipse 40% 35% at 85% 90%, #ff6b6b0f, transparent 70%), var(--bg);position:fixed;inset:0}a{color:inherit}canvas{width:100%;height:100%;display:block}canvas[data-rive-artboard]{opacity:0;transition:opacity .3s}canvas[data-rive-artboard].is-ready{opacity:1}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}.site-header{z-index:10;transition:background .3s;position:sticky;top:0}.site-header.is-scrolled{backdrop-filter:blur(12px);background:#15141cb3}.site-header .container{justify-content:space-between;align-items:center;gap:24px;padding-top:16px;padding-bottom:16px;display:flex}.logo{aspect-ratio:200/100;width:144px;display:block}.nav{gap:12px;display:flex}.nav a{aspect-ratio:150/100;width:72px;display:block;position:relative}.nav a[aria-current=page]:after{content:"";background:var(--accent);border-radius:50%;width:6px;height:6px;position:absolute;bottom:2px;left:50%;transform:translate(-50%)}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}main{flex:1}.grid{grid-template-columns:repeat(4,1fr);padding-top:24px;padding-bottom:48px;display:grid}.tile{aspect-ratio:330/280;display:block}.tile:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}@media (width<=960px){.grid{grid-template-columns:repeat(2,1fr)}}@media (width<=560px){.logo{width:112px}.nav a{width:56px}}.page{padding-top:48px;padding-bottom:96px}.page h1{margin:0 0 24px;font-size:clamp(32px,5vw,56px);font-weight:600}.page p{max-width:60ch;color:var(--muted);line-height:1.6}.reel{flex-direction:column;align-items:center;gap:24px;padding-top:64px;padding-bottom:72px;display:flex}.reel-title{margin:0;font-family:DM Serif Display,Georgia,serif;font-size:25px;font-weight:400}.video-player{aspect-ratio:16/9;border-radius:16px;width:100%;position:relative;overflow:hidden}.video-player iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.reel-caption{text-align:center;max-width:640px;margin:0;font-size:clamp(16px,1.6vw,20px);line-height:1.25}.about{padding-top:72px;padding-bottom:96px}.about-hero{grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:clamp(32px,5vw,80px);display:grid}.about-title{margin:0;font-family:DM Serif Display,Georgia,serif;font-size:clamp(40px,4.6vw,68px);font-weight:400;line-height:1.05}.about-sub{color:var(--muted);margin:24px 0 0;font-size:20px}.about-portrait{aspect-ratio:1;object-fit:cover;background:#f3f4f6;border-radius:50%;justify-self:end;width:100%;max-width:300px}.about-cols{grid-template-columns:1fr 1fr;gap:48px;margin-top:96px;display:grid}.about-cols p{color:var(--muted);margin:0;font-size:18px;line-height:1.6}.about-cta{margin-top:112px}.about-cta p{margin:0;font-size:22px}.about-cta .about-hola{color:var(--accent);margin:12px 0 24px;font-family:DM Serif Display,Georgia,serif;font-size:clamp(44px,6vw,80px);line-height:1.1}.about-links{gap:12px;display:flex}.pill{border:1px solid var(--text);color:var(--text);border-radius:999px;padding:12px 28px;font-size:16px;text-decoration:none;transition:background .2s,border-color .2s}a.pill:hover,a.pill:focus-visible{background:var(--accent);border-color:var(--accent)}@media (width<=760px){.about{padding-top:40px}.about-hero{grid-template-columns:1fr}.about-portrait{order:-1;justify-self:start;max-width:200px}.about-cols{grid-template-columns:1fr;gap:20px;margin-top:56px}.about-cta{margin-top:72px}}.project{padding-top:64px}.project-hero-tile{aspect-ratio:16/9;background:#47478359;border-radius:16px;place-items:center;display:grid}.project-hero-tile canvas{aspect-ratio:330/280;width:min(60%,660px);height:auto}.project-info{grid-template-columns:minmax(180px,1fr) minmax(0,2fr);gap:clamp(32px,6vw,96px);margin-top:56px;display:grid}.project-meta{flex-direction:column;gap:28px;margin:0;display:flex}.project-meta dt{letter-spacing:.06em;text-transform:uppercase;color:var(--accent);font-size:14px}.project-meta dd{margin:0;font-size:18px;line-height:1.5}.project-meta dt+dd{margin-top:4px}.project-text p{color:var(--muted);margin:0 0 24px;font-size:20px;line-height:1.6}.project-text .project-intro{color:var(--text);font-family:DM Serif Display,Georgia,serif;font-size:clamp(28px,3vw,36px);line-height:1.2}.project-text a{color:var(--accent);text-underline-offset:3px;text-decoration-thickness:1px}.project-text a:hover{text-decoration:none}.related{padding-top:120px;padding-bottom:48px}.related-title{text-align:center;margin:0 0 16px;font-family:DM Serif Display,Georgia,serif;font-size:25px;font-weight:400}.related-grid{grid-template-columns:repeat(4,1fr);display:grid}@media (width<=760px){.project{padding-top:32px}.project-info{grid-template-columns:1fr;margin-top:32px}.project-meta{flex-flow:wrap;gap:20px 32px}.related-grid{grid-template-columns:repeat(2,1fr)}}.site-footer .container{color:var(--muted);justify-content:space-between;gap:16px;padding-top:24px;padding-bottom:32px;font-size:14px;display:flex}.site-footer a{text-decoration:none}