@font-face{font-family:Circular Std;font-weight:450;font-style:normal;font-display:swap;src:url(/assets/CircularStd-Book-DsrleNaj.woff2) format("woff2")}@font-face{font-family:Circular Std;font-weight:500;font-style:normal;font-display:swap;src:url(/assets/CircularStd-Medium-DeoJmzYB.woff2) format("woff2")}@font-face{font-family:Circular Std;font-weight:700;font-style:normal;font-display:swap;src:url(/assets/CircularStd-Bold-CpQBcQB8.woff2) format("woff2")}@font-face{font-family:Circular Std;font-weight:900;font-style:normal;font-display:swap;src:url(/assets/CircularStd-Black-CvWuflmv.woff2) format("woff2")}:root{--bg:#faf6f4;--card:#ffffff;--secondary:#f6e7e1;--ink:#261a18;--muted:#9b817a;--cream:#ffebda;--danger:#ff4d00;--accent:#dd0000;--line:rgba(38,26,24,.11);--line-soft:rgba(38,26,24,.06);--ink-soft:rgba(38,26,24,.62);--font-display:"Space Grotesk",system-ui,sans-serif;--font-body:"Hanken Grotesk",system-ui,sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--side-w:clamp(200px,16vw,250px);--base:16px;--sec-pad:104px;--px:clamp(28px,4vw,72px);--maxw:780px;--mx:0;--my:0}[data-type=grotesk]{--font-display:"Space Grotesk",sans-serif;--font-body:"Hanken Grotesk",sans-serif}[data-type=editorial]{--font-display:"Circular Std",system-ui,sans-serif;--font-body:"Circular Std",system-ui,sans-serif}[data-type=geometrica]{--font-display:"Manrope",sans-serif;--font-body:"Manrope",sans-serif}[data-density=compacta]{--base:15px;--sec-pad:74px;--maxw:740px}[data-density=comoda]{--base:16px;--sec-pad:104px;--maxw:800px}[data-density=amplia]{--base:17px;--sec-pad:140px;--maxw:860px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{font:var(--base)/1.65 var(--font-body);font-weight:450;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;background-image:radial-gradient(820px 820px at var(--gx,50%) var(--gy,50%),color-mix(in srgb,#ffffff 100%,transparent),transparent 78%),radial-gradient(900px 900px at var(--b0x,16%) var(--b0y,20%),color-mix(in srgb,#789bf9 26%,transparent),transparent 30%),radial-gradient(900px 900px at var(--b1x,84%) var(--b1y,16%),color-mix(in srgb,#0040ee 20%,transparent),transparent 50%),radial-gradient(880px 880px at var(--b2x,20%) var(--b2y,82%),color-mix(in srgb,#5fbff3 24%,transparent),transparent 40%),radial-gradient(880px 880px at var(--b3x,82%) var(--b3y,84%),color-mix(in srgb,#08A8FF 18%,transparent),transparent 60%);background-size:100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%,100% 100%;background-attachment:fixed,fixed,fixed,fixed,fixed,fixed,fixed;background-position:0 0;transition:none}@media (max-width:640px){body{background-image:radial-gradient(600px 600px at var(--gx,50%) var(--gy,50%),color-mix(in srgb,#ffffff 100%,transparent),transparent 76%),radial-gradient(680px 680px at var(--b0x,24%) var(--b0y,16%),color-mix(in srgb,#0040ee 22%,transparent),transparent 42%),radial-gradient(680px 680px at var(--b1x,78%) var(--b1y,84%),color-mix(in srgb,#08a8ff 22%,transparent),transparent 52%);background-size:100% 100%,100% 100%,100% 100%;background-attachment:fixed,fixed,fixed}}::selection{background:color-mix(in srgb,var(--accent) 26%,white);color:var(--ink)}a{color:inherit}.layout{min-height:100vh}.side{position:fixed;top:0;left:0;width:var(--side-w);height:100dvh;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(36px,4.6vh,60px) clamp(20px,1.5vw,30px);background:transparent}.side:after{content:"";position:absolute;top:0;right:0;width:1px;height:100%;background:linear-gradient(to bottom,transparent 0%,var(--line) 35%,var(--line) 65%,transparent 100%)}.main{margin-left:var(--side-w);width:calc(100% - var(--side-w));padding:0 var(--px)}.main>section{max-width:var(--maxw);margin-inline:auto}.side-top{display:flex;flex-direction:column;gap:26px}.wordmark{text-decoration:none;display:block}.wordmark-logo{display:block;width:100%;height:auto}.side-tag{color:var(--ink-soft);font-size:.83rem;max-width:none;line-height:1.6;text-wrap:pretty;padding-top:18px;border-top:1px solid var(--line-soft)}.status{display:inline-flex;align-items:center;gap:9px;align-self:flex-start;font-family:var(--font-mono);font-size:.74rem;color:var(--muted);padding:6px 12px 6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--cream);position:relative}.status-dot:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:50%;background:var(--cream);opacity:.35;animation:pulse 2.4s ease-out infinite}@keyframes pulse{0%{transform:scale(.6);opacity:.5}to{transform:scale(2.1);opacity:0}}@media (prefers-reduced-motion:reduce){.status-dot:after{animation:none}}.nav{margin:36px 0}.nav ul{list-style:none;display:flex;flex-direction:column;gap:2px}.nav-link{display:flex;align-items:center;gap:16px;padding:9px 0;text-decoration:none;font-family:var(--font-mono);color:var(--muted);transition:color .25s ease}.nav-line{width:26px;height:1.5px;background:var(--line);transition:width .3s cubic-bezier(.3,.7,.3,1),background .25s ease}.nav-num{font-size:.68rem;color:var(--muted);opacity:.65;width:1.4em}.nav-label{font-size:.93rem;letter-spacing:.01em}.nav-link:hover{color:var(--ink)}.nav-link:hover .nav-line{width:40px}.nav-link.is-active{color:var(--ink)}.nav-link.is-active .nav-line{width:52px;background:var(--accent)}.nav-link.is-active .nav-num{color:var(--accent);opacity:1}[data-nav=punto] .nav ul{gap:8px;position:relative}[data-nav=punto] .nav ul:before{content:"";position:absolute;left:3.75px;top:16px;bottom:16px;width:1.5px;background:var(--line)}[data-nav=punto] .nav-link{gap:18px}[data-nav=punto] .nav-line{flex:0 0 9px;width:9px;min-width:9px;max-width:9px;height:9px;aspect-ratio:1;box-sizing:border-box;border-radius:50%;background:var(--bg);border:1.5px solid var(--line);position:relative;z-index:1;transition:border-color .25s ease,background .25s ease,box-shadow .25s ease}[data-nav=punto] .nav-link:hover .nav-line{border-color:var(--accent)}[data-nav=punto] .nav-link.is-active .nav-line{flex:0 0 9px;width:9px;min-width:9px;max-width:9px;height:9px;background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 16%,transparent)}[data-nav=bloque] .nav ul{gap:4px}[data-nav=bloque] .nav-line{display:none}[data-nav=bloque] .nav-link{gap:12px;padding:11px 14px;border-radius:10px;transition:background .2s ease,color .2s ease}[data-nav=bloque] .nav-link:hover{background:var(--secondary);color:var(--ink)}[data-nav=bloque] .nav-link.is-active{background:var(--accent);color:#fff}[data-nav=bloque] .nav-link.is-active .nav-num{color:#fff;opacity:.78}[data-side=oscuro]{--side-bg:#2a1816}[data-side=negro]{--side-bg:#160d0c}:is([data-side=oscuro],[data-side=negro]) .side{background:var(--side-bg)}:is([data-side=oscuro],[data-side=negro]) .side:after{background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.1) 35%,rgba(255,255,255,.1) 65%,transparent 100%)}:is([data-side=oscuro],[data-side=negro]) .wordmark-logo text:first-of-type{fill:#fff}:is([data-side=oscuro],[data-side=negro]) .wordmark-logo text:last-of-type{fill:#ffffff7a}:is([data-side=oscuro],[data-side=negro]) .side-tag{color:#ffffffa8;border-top-color:#ffffff1a}:is([data-side=oscuro],[data-side=negro]) .nav-link{color:#ffffff85}:is([data-side=oscuro],[data-side=negro]) .nav-link:hover{color:#fff}:is([data-side=oscuro],[data-side=negro]) .nav-link.is-active{color:#fff}:is([data-side=oscuro],[data-side=negro]) .nav-num{color:#fff6}:is([data-side=oscuro],[data-side=negro]) .nav-link.is-active .nav-num{color:color-mix(in srgb,var(--accent) 55%,white);opacity:1}:is([data-side=oscuro],[data-side=negro]) .nav-line{background:#fff3}:is([data-side=oscuro],[data-side=negro]) .nav-link:hover .nav-line{background:#fff6}:is([data-side=oscuro],[data-side=negro]) .nav-link.is-active .nav-line{background:color-mix(in srgb,var(--accent) 55%,white)}:is([data-side=oscuro],[data-side=negro]) .social a{background:#ffffff0d;border-color:#ffffff24;color:#ffffff9e}:is([data-side=oscuro],[data-side=negro]) .social a:hover{color:#fff;border-color:color-mix(in srgb,var(--accent) 55%,white);transform:translateY(-2px)}:is([data-side=oscuro],[data-side=negro]) .side-loc{color:#fff6}:is([data-side=oscuro],[data-side=negro])[data-nav=punto] .nav ul:before{background:#ffffff29}:is([data-side=oscuro],[data-side=negro])[data-nav=punto] .nav-line{background:var(--side-bg);border-color:#ffffff57}:is([data-side=oscuro],[data-side=negro])[data-nav=punto] .nav-link:hover{color:#fff}:is([data-side=oscuro],[data-side=negro])[data-nav=punto] .nav-link:hover .nav-line{border-color:#fff;box-shadow:0 0 0 3px #ffffff1f}:is([data-side=oscuro],[data-side=negro])[data-nav=punto] .nav-link.is-active .nav-line{background:color-mix(in srgb,var(--accent) 52%,white);border-color:color-mix(in srgb,var(--accent) 52%,white);box-shadow:0 0 0 4px color-mix(in srgb,var(--accent) 30%,transparent)}:is([data-side=oscuro],[data-side=negro])[data-nav=punto] .nav-link.is-active .nav-num{color:color-mix(in srgb,var(--accent) 52%,white);opacity:1}:is([data-side=oscuro],[data-side=negro])[data-nav=punto] .nav-link.is-active{color:#fff}:is([data-side=oscuro],[data-side=negro])[data-nav=bloque] .nav-link:hover{background:#ffffff0f}:is([data-side=oscuro],[data-side=negro])[data-nav=bloque] .nav-link:hover .nav-num{color:#fff;opacity:.7}:is([data-side=oscuro],[data-side=negro])[data-nav=bloque] .nav-link.is-active{background:var(--accent);color:#fff}:is([data-side=oscuro],[data-side=negro])[data-nav=bloque] .nav-link.is-active .nav-num{color:#fff;opacity:.8}.side-bottom{display:flex;flex-direction:column;gap:18px}.social{list-style:none;display:flex;gap:8px}.social a{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;color:var(--muted);border:1px solid var(--line);background:var(--card);transition:color .2s ease,border-color .2s ease,transform .2s ease}.social a:hover{color:var(--accent);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));transform:translateY(-2px)}.side-loc{font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.btn{display:inline-flex;align-items:center;gap:9px;text-decoration:none;white-space:nowrap;font-family:var(--font-mono);font-size:.86rem;font-weight:500;padding:13px 20px;border-radius:8px;cursor:pointer;border:1px solid transparent;transition:transform .2s ease,background .2s ease,border-color .2s ease,color .2s ease,box-shadow .2s ease}.btn svg{transition:transform .25s ease}.btn-primary{color:#fff;background:linear-gradient(200deg,color-mix(in srgb,var(--accent) 60%,white) 0%,var(--accent) 52%,color-mix(in srgb,var(--accent) 90%,black) 100%)}.btn-primary:hover{transform:translateY(-2px)}.btn-primary:hover svg{transform:translate(4px)}.btn-ghost{background:#fff;color:var(--muted);border-color:color-mix(in srgb,var(--muted) 55%)}.btn-ghost:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-2px)}.cv-fab{position:fixed;top:clamp(18px,2.6vh,30px);right:clamp(18px,2.4vw,38px);z-index:60;display:inline-flex;align-items:center;gap:8px;text-decoration:none;font-family:var(--font-mono);font-size:.8rem;font-weight:700;color:var(--muted);padding:10px 16px;border-radius:9px;background:color-mix(in srgb,var(--card) 84%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:2px solid color-mix(in srgb,var(--muted) 55%,transparent);transition:border-color .2s ease,color .2s ease,transform .2s ease}.cv-fab:hover{color:var(--accent);border-color:var(--accent);transform:translateY(-2px)}.cv-fab svg{transition:transform .2s ease}.cv-fab:hover svg{transform:translateY(1px)}@media (max-width:1080px){.cv-fab{top:14px;right:14px;padding:8px 13px;font-size:.74rem}}.scroll-cue{position:fixed;left:50%;bottom:26px;transform:translate(-50%);z-index:70;display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:999px;cursor:pointer;color:var(--ink);background:color-mix(in srgb,var(--card) 80%,transparent);-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);border:1px solid var(--line);transition:color .2s ease,border-color .2s ease;animation:cue-bounce 2.2s ease-in-out infinite}.scroll-cue:hover{color:var(--accent);border-color:var(--accent)}.scroll-cue svg{transition:transform .35s ease}.scroll-cue.is-top svg{transform:rotate(180deg)}@keyframes cue-bounce{0%,to{translate:0 0}50%{translate:0 5px}}@media (prefers-reduced-motion:reduce){.scroll-cue{animation:none}}.reveal{opacity:1;transform:none;transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}html.anim .reveal{opacity:0;transform:translateY(16px)}html.anim .reveal.in{opacity:1;transform:none}.layout.intro .nav,.layout.intro .cv-fab{opacity:0;transform:translate(-10px)}.layout.intro .main{opacity:0;transform:translateY(16px)}.layout.intro .social,.layout.intro .side-loc{opacity:0;transform:translateY(8px)}.layout.intro.run .nav,.layout.intro.run .cv-fab,.layout.intro.run .main,.layout.intro.run .social,.layout.intro.run .side-loc{opacity:1;transform:none;transition:opacity .6s ease,transform .6s cubic-bezier(.2,.7,.2,1)}.layout.intro.run .nav,.layout.intro.run .cv-fab{transition-delay:.1s}.layout.intro.run .main{transition-delay:.6s}.layout.intro.run .social{transition-delay:1.1s}.layout.intro.run .side-loc{transition-delay:1.2s}.hero{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;padding-block:40px 40px}.hero-eyebrow{font-family:var(--font-mono);font-size:1.2rem;color:var(--accent);margin-bottom:24px;display:inline-flex;align-items:center;gap:12px}.hero-eyebrow:before{content:"";width:28px;height:1.5px;background:var(--accent)}.hero-title{font-family:var(--font-display);font-weight:900;font-size:clamp(1.9rem,5.4vw,4.4rem);line-height:1.04;color:var(--ink)}.title-dot{display:inline-block;width:.15em;height:.15em;margin-left:.08em;background:var(--accent);vertical-align:baseline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.rotator{white-space:nowrap}.rotator-text{display:inline-block}.rotator.is-blinking .title-dot{animation:dot-blink var(--blink-ms) steps(1,end) var(--blinks)}@keyframes dot-blink{0%{opacity:1}50%{opacity:0}}.hero-lead{margin-top:26px;max-width:51ch;color:var(--ink-soft);font-size:1.08rem;line-height:1.7}.hero-lead .hl{color:var(--ink);font-weight:700}.hero-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:38px}.sec{padding-block:var(--sec-pad)}@media (min-width:861px){#sobre-mi,#experiencia{min-height:100dvh;display:flex;flex-direction:column;justify-content:center}}#contacto{min-height:100dvh;display:flex;flex-direction:column;justify-content:center;position:relative}#contacto .foot{position:absolute;left:0;right:0;bottom:0;margin-top:0}.sec-head{display:flex;align-items:center;gap:18px;margin-bottom:42px}.sec-num{font-family:var(--font-mono);font-size:.95rem;color:var(--accent);font-weight:500}.sec-title{font-family:var(--font-display);font-weight:900;font-size:clamp(1.6rem,2.8vw,1.8rem);letter-spacing:-.02em;white-space:nowrap}.sec-rule{flex:1;height:1px;background:var(--line)}.about-grid{display:grid;grid-template-columns:1.5fr .85fr;gap:clamp(32px,4vw,56px);align-items:start}.about-copy p{color:var(--ink-soft);margin-bottom:16px;line-height:1.75}.about-copy strong{color:var(--ink);font-weight:600}.stack{list-style:none;display:grid;grid-template-columns:1fr 1fr 1fr;gap:10px 22px;margin-top:8px;font-family:var(--font-mono);font-size:.86rem}.stack li{display:flex;align-items:center;gap:11px;color:var(--ink)}.stack-mark{width:7px;height:7px;background:var(--accent);flex:none}.about-aside{display:flex;flex-direction:column;gap:22px;position:sticky;top:48px}.portrait{position:relative}.portrait img{display:block;width:100%;height:auto;aspect-ratio:1/1;border-radius:14px;border:1px solid var(--line);background:var(--secondary);object-fit:cover}.portrait-placeholder{display:block;width:100%;aspect-ratio:1/1;border-radius:14px;border:1px solid var(--line);background:#fff}.facts{display:flex;flex-direction:column;gap:0}.facts>div{display:flex;justify-content:space-between;gap:12px;padding:11px 0;border-top:1px solid var(--line-soft)}.facts dt{font-family:var(--font-mono);font-size:.76rem;color:var(--muted)}.facts dd{font-size:.88rem;color:var(--ink);text-align:right;font-weight:500}.exp{display:grid;grid-template-columns:190px 1fr;gap:clamp(24px,3vw,40px);align-items:start}.exp-tabs{position:relative;display:flex;flex-direction:column;border-left:1px solid var(--line)}.exp-tab{position:relative;z-index:0;height:50px;display:flex;align-items:center;padding:0 18px;text-align:left;background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:.84rem;color:var(--muted);transition:color .2s ease,background .2s ease,box-shadow .2s ease;white-space:nowrap}.exp-tab:hover{color:var(--ink);background:#fff;z-index:0;box-shadow:0 14px 34px -16px #261a1857}.exp-tab.is-active{color:var(--accent)}.exp-indicator{position:absolute;left:-1px;top:0;width:2px;height:50px;background:var(--accent);transition:top .3s cubic-bezier(.3,.7,.3,1),height .3s cubic-bezier(.3,.7,.3,1)}.exp-role{font-family:var(--font-display);font-weight:900;font-size:1.3rem;letter-spacing:-.01em}.exp-at{color:var(--accent);font-weight:500;text-decoration:none;display:inline-flex;align-items:center;gap:5px}.exp-at svg{transition:transform .25s ease}.exp-at:hover svg{transform:translate(3px,-3px)}.exp-period{font-family:var(--font-mono);font-size:.78rem;color:var(--muted);margin:6px 0 22px}.exp-list{list-style:none;display:flex;flex-direction:column;gap:14px}.exp-list li{display:flex;gap:14px;color:var(--ink-soft);line-height:1.65}.exp-bullet{flex:none;width:8px;height:8px;margin-top:9px;background:var(--accent)}.proj-list{display:flex;flex-direction:column}.proj{display:grid;grid-template-columns:84px 1fr;gap:clamp(20px,3vw,40px);padding:30px 20px;margin-inline:-20px;border-radius:0;border-top:1px solid var(--line);transition:background .25s ease,border-color .3s ease,box-shadow .3s ease,transform .3s cubic-bezier(.3,.7,.3,1)}.proj-list>.proj:first-child{border-top:0}.proj:hover{background:#fff;border-color:transparent;transform:scale(1.018);box-shadow:0 22px 48px -28px #261a1852}.proj-index{display:flex;flex-direction:column;gap:6px;padding-top:4px}.proj-num{font-family:var(--font-display);font-weight:600;font-size:1.5rem;color:var(--line);transition:color .3s ease}.proj:hover .proj-num{color:var(--accent)}.proj-year{font-family:var(--font-mono);font-size:.72rem;color:var(--muted)}.proj-kind{font-family:var(--font-mono);font-size:.76rem;color:var(--accent);margin-bottom:8px}.proj-name a{display:inline;text-decoration:none;font-family:var(--font-display);font-weight:900;font-size:1.5rem;letter-spacing:-.02em;line-height:1.18;color:var(--ink);transition:color .25s ease}.proj-name svg{display:inline-block;vertical-align:-2px;margin-left:9px;color:var(--muted);transition:transform .25s ease,color .25s ease}.proj:hover .proj-name a{color:var(--accent)}.proj:hover .proj-name svg{transform:translate(3px,-3px);color:var(--accent)}.proj-desc{margin:12px 0 0;color:var(--ink-soft);max-width:56ch;line-height:1.7}.tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin-top:18px;font-family:var(--font-mono);font-size:.74rem}.tags li{padding:5px 11px;border-radius:999px;font-weight:500;background:#fff;color:var(--accent);border:1px solid color-mix(in srgb,var(--accent) 30%,transparent);transition:background .2s ease}.proj:hover .tags li{background:#ecf4f9}.proj-actions{margin-top:20px}.gal-toggle{display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-mono);font-size:.78rem;font-weight:500;color:var(--muted);padding:0;background:none;border:0;transition:color .2s ease}.gal-toggle svg{color:var(--muted);transition:color .2s ease}.gal-label{text-underline-offset:3px}.gal-toggle:hover{color:var(--accent)}.gal-toggle:hover svg{color:var(--accent)}.gal-toggle:hover .gal-label{text-decoration:underline}.gal-count{color:var(--muted)}.gal-toggle:hover .gal-count{color:var(--accent)}.proj:hover .gal-toggle:not(:hover),.proj:hover .gal-toggle:not(:hover) svg,.proj:hover .gal-toggle:not(:hover) .gal-count{color:var(--ink)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:120;display:grid;place-items:center;padding:clamp(16px,4vw,48px);background:#22161475;backdrop-filter:blur(5px);-webkit-backdrop-filter:blur(5px);animation:mbIn .25s ease}@keyframes mbIn{0%{opacity:0}to{opacity:1}}.modal{width:min(960px,100%);max-height:88vh;display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 40px 90px -30px #2216148c;animation:mpIn .32s cubic-bezier(.2,.8,.25,1)}@keyframes mpIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-backdrop,.modal{animation:none}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:24px 26px 20px;border-bottom:1px solid var(--line-soft)}.modal-kind{font-family:var(--font-mono);font-size:.74rem;color:var(--accent);display:block;margin-bottom:6px}.modal-name{font-family:var(--font-display);font-weight:900;font-size:1.5rem;letter-spacing:-.02em;line-height:1}.modal-close{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:10px;cursor:pointer;color:var(--muted);background:#ecf4f9;border:1px solid var(--line);transition:color .2s ease,background .2s ease,transform .2s ease}.modal-close:hover{color:var(--ink);background:var(--bg);transform:rotate(90deg)}.modal-tabs{display:flex;gap:8px;padding:16px 26px;overflow-x:auto;border-bottom:1px solid var(--line-soft);scrollbar-width:thin}.modal-tab{flex:none;display:inline-flex;align-items:center;gap:8px;cursor:pointer;font-family:var(--font-mono);font-size:.8rem;font-weight:500;color:var(--muted);padding:9px 15px;border-radius:999px;background:transparent;border:1px solid var(--line);transition:color .2s ease,background .2s ease,border-color .2s ease}.modal-tab:hover{color:var(--ink);border-color:color-mix(in srgb,var(--accent) 40%,var(--line))}.modal-tab-num{font-size:.68rem;opacity:.65}.modal-tab.is-active{color:#fff;background:var(--accent);border-color:var(--accent)}.modal-tab.is-active .modal-tab-num{opacity:.85}.modal-body{padding:26px;overflow-y:auto}.modal-panel{display:grid;grid-template-columns:1.55fr .9fr;gap:26px;align-items:center;animation:tabIn .28s cubic-bezier(.2,.7,.2,1)}@keyframes tabIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.modal-panel{animation:none}}.modal-shot-placeholder{display:block;width:100%;aspect-ratio:16/10;border-radius:12px;border:1px solid var(--line);background:var(--secondary)}.modal-caption{display:flex;flex-direction:column;gap:12px}.modal-cap-label{display:flex;align-items:center;gap:9px;font-family:var(--font-display);font-weight:600;font-size:1.15rem;color:var(--ink)}.modal-caption p{color:var(--ink-soft);font-size:.96rem;line-height:1.65}.modal-cap-step{font-family:var(--font-mono);font-size:.72rem;color:var(--muted);margin-top:2px}.shot-dot{width:7px;height:7px;background:var(--accent);flex:none}@media (max-width:640px){.modal-panel{grid-template-columns:1fr}}.other-wrap{margin-top:64px}.other-head{font-family:var(--font-mono);font-size:.84rem;color:var(--muted);margin-bottom:20px;display:flex;align-items:center;gap:14px}.other-head:after{content:"";flex:1;height:1px;background:var(--line)}.other{list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:14px}.other-card a{display:flex;flex-direction:column;gap:10px;height:100%;padding:22px;background:var(--card);border:1px solid var(--line);border-radius:13px;text-decoration:none;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}.other-card a:hover{transform:translateY(-4px);border-color:color-mix(in srgb,var(--accent) 40%,var(--line));box-shadow:0 18px 36px -22px #261a1866}.other-top{display:flex;align-items:center;justify-content:space-between}.other-name{font-family:var(--font-display);font-weight:900;font-size:1.08rem;color:var(--ink)}.other-top svg{color:var(--muted);transition:transform .25s ease,color .25s ease}.other-card a:hover .other-top svg{transform:translate(3px,-3px);color:var(--accent)}.other-desc{color:var(--ink-soft);font-size:.92rem;line-height:1.6;flex:1}.tags-sm{margin-top:2px;display:flex;flex-wrap:wrap;gap:6px}.tags-sm span{padding:4px 9px;border-radius:999px;background:color-mix(in srgb,var(--accent) 8%,white);color:color-mix(in srgb,var(--accent) 72%,var(--ink));font-family:var(--font-mono);font-size:.7rem}.sec-contact{padding-bottom:64px}.contact-inner{display:flex;flex-direction:column;align-items:flex-start;max-width:var(--maxw)}.contact-eyebrow{font-family:var(--font-mono);font-size:.9rem;color:var(--accent);margin-bottom:20px}.contact-title{font-family:var(--font-display);font-weight:900;font-size:clamp(2.1rem,4vw,3.2rem);letter-spacing:-.025em;line-height:1.05}.contact-lead{margin-top:20px;max-width:48ch;color:var(--ink-soft);font-size:1.05rem;line-height:1.7}.contact-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:34px}.foot{display:flex;justify-content:end;flex-wrap:wrap;gap:10px;margin-top:90px;padding-top:24px;padding-bottom:24px;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.74rem;color:var(--muted);width:100%}[data-dir=minimo] body{background-image:none}[data-dir=minimo] .hero-eyebrow,[data-dir=minimo] .sec-num,[data-dir=minimo] .proj-kind,[data-dir=minimo] .contact-eyebrow{color:var(--muted)}[data-dir=minimo] .hero-eyebrow:before{background:var(--muted)}[data-dir=minimo] .stack-mark,[data-dir=minimo] .exp-bullet{border-color:var(--ink);background:var(--ink)}[data-dir=minimo] .exp-bullet{background:transparent}[data-dir=minimo] .btn-primary{background:var(--ink);box-shadow:none}[data-dir=minimo] .btn-primary:hover{background:var(--accent)}[data-dir=minimo] .exp-tab.is-active,[data-dir=minimo] .exp-at,[data-dir=minimo] .proj:hover .proj-name a,[data-dir=minimo] .proj-name a:hover{color:var(--ink)}[data-dir=bold] .hero-title{font-size:clamp(2.9rem,6.2vw,5.2rem);font-weight:700}[data-dir=bold] .hero-eyebrow{background:var(--accent);color:#fff;padding:7px 14px;border-radius:999px;font-size:.82rem;font-weight:500}[data-dir=bold] .hero-eyebrow:before{display:none}[data-dir=bold] .sec-num{background:color-mix(in srgb,var(--accent) 14%,white);color:var(--accent);padding:4px 10px;border-radius:7px;font-weight:600}[data-dir=bold] .sec-title{font-weight:700}[data-dir=bold] .proj{border-top-width:2px}[data-dir=bold] .proj:hover{background:color-mix(in srgb,var(--accent) 5%,transparent)}[data-dir=bold] .tags li{background:#fff;color:var(--accent)}[data-dir=bold] .proj:hover .tags li{background:#ecf4f9}[data-dir=bold] .other-card a:hover{background:color-mix(in srgb,var(--accent) 6%,var(--card))}[data-dir=bold] .contact-title{font-weight:700}[data-dir=bold] .wordmark-logo text:first-of-type{font-weight:900}[data-type=editorial] .hero-title{letter-spacing:-.019em;font-weight:900}[data-type=editorial] .sec-title,[data-type=editorial] .proj-name a,[data-type=editorial] .contact-title,[data-type=editorial] .exp-role{letter-spacing:-.005em}.menu-toggle,.menu-overlay{display:none}@media (max-width:860px){.side{position:fixed;top:0;left:0;height:100dvh;width:min(312px,84vw);z-index:90;transform:translate(-100%);transition:transform .34s cubic-bezier(.4,0,.1,1);overflow-y:auto;border-right:1px solid var(--line);background:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:clamp(28px,5vh,52px) 30px;gap:24px}.side.is-open{transform:translate(0);box-shadow:14px 0 48px -18px #160d0c8c}.main{margin-left:0;width:auto}.main>section{max-width:none}.hero{padding-block:90px 28px}.menu-toggle{display:inline-flex;align-items:center;justify-content:center;position:fixed;top:14px;left:14px;z-index:95;width:46px;height:46px;border-radius:11px;cursor:pointer;background:color-mix(in srgb,var(--card) 86%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--line);color:var(--ink);box-shadow:0 6px 18px -12px #261a1880;transition:transform .2s ease,background .2s ease,color .2s ease}.menu-toggle:hover{transform:translateY(-1px)}.menu-toggle:active{transform:scale(.95)}.menu-overlay{display:block;position:fixed;top:0;right:0;bottom:0;left:0;z-index:88;background:#160d0c7a;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.menu-overlay.is-open{opacity:1;pointer-events:auto}}@media (max-width:720px){.about-grid,.exp,.other{grid-template-columns:1fr}.about-aside{position:static}.stack{grid-template-columns:1fr 1fr}.exp-tabs{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line)}.exp-indicator{display:none}.exp-tab.is-active{box-shadow:inset 0 -2px 0 var(--accent)}.proj{grid-template-columns:1fr;gap:6px}.proj-index{flex-direction:row;gap:14px;align-items:baseline}.foot{margin-top:56px}}@media (max-width:640px){.sec{padding-block:56px}.sec-head{justify-content:center}.sec-head:before{content:"";flex:1;height:1px;background:var(--line)}.hero-title{font-size:clamp(1.5rem,7.6vw,2.7rem)}.hero-lead{font-size:.98rem;line-height:1.62}.about-grid{display:flex;flex-direction:column;align-items:stretch;gap:26px}.about-aside{order:-1;width:100%;flex-direction:row;align-items:stretch;gap:16px;position:static}.portrait{flex:0 0 44%}.facts{flex:1;justify-content:center}.facts>div{flex-direction:column;gap:1px;align-items:flex-start;padding:8px 0}.facts>div:first-child{padding-top:0;border-top:none}.facts dd{text-align:left}.stack{grid-template-columns:1fr 1fr 1fr}.exp{grid-template-columns:1fr}.exp-tabs{flex-direction:row;overflow-x:auto;border-left:0;border-bottom:1px solid var(--line)}.exp-tab.is-active{box-shadow:inset 0 -2px 0 var(--accent)}.exp-list,.exp-list li{gap:12px}.exp-bullet{width:6px;height:6px}.exp-role{font-size:1.1rem}.exp-at{font-size:.9rem}.proj-list{gap:12px}.proj{grid-template-columns:1fr;gap:12px}.proj-index{flex-direction:row;gap:12px;align-items:baseline}.proj-name a{font-size:1.2rem}.proj-desc{margin-top:8px}.tags{gap:6px}.tags li,.gal-toggle{font-size:.76rem}.sec-contact{padding-bottom:56px}.contact-inner{flex-direction:column;gap:26px}.contact-eyebrow{margin-bottom:16px}.contact-title{font-size:clamp(2.1rem,6.4vw,2.7rem)}.contact-lead{font-size:1.02rem;line-height:1.68}.contact-cta{margin-top:26px}.foot{margin-top:48px;padding-top:20px;font-size:.7rem}}.loader-stage{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;opacity:0;display:flex;align-items:center;justify-content:center;background:#fff;font-family:Circular Std,system-ui,sans-serif}.loader-center{display:flex;flex-direction:column;align-items:center;opacity:0}.loader-logo{position:relative;display:inline-block;line-height:1}.loader-word{display:inline-block;font-weight:700;font-size:64px;letter-spacing:-.01em;color:var(--ink);white-space:nowrap;font-family:Circular Std,system-ui,sans-serif}.loader-base{display:inline-block;width:0;height:0;overflow:hidden;vertical-align:baseline}.loader-dot{position:absolute;bottom:1px;left:0;width:8px;height:8px;background:var(--accent)}.loader-smeasure{position:absolute;visibility:hidden;pointer-events:none;font-weight:700;font-size:64px;letter-spacing:-.01em;white-space:nowrap;font-family:Circular Std,system-ui,sans-serif}.loader-sub{margin-top:13px;font-family:var(--font-mono);font-weight:500;font-size:22px;letter-spacing:.16em;color:var(--muted);opacity:0}