@import"https://fonts.googleapis.com/css2?family=Archivo+Black&family=Manrope:wght@400;500;600;700;800&display=swap";:root{font-family:Manrope,system-ui,sans-serif;color:#0b1f31;background:#f4f0e8;font-synthesis:none;--navy: #031d31;--navy-2: #082a42;--cream: #f4f0e8;--paper: #fbf8f2;--ink: #0b1f31;--muted: #68747c;--line: rgba(11, 31, 49, .16);--coral: #f25f43;--blue: #1e6bd6;--green: #6a9f60;scroll-behavior:smooth}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:var(--cream);-webkit-font-smoothing:antialiased}button,a{font:inherit}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.site-shell{overflow:clip}.topbar{position:fixed;inset:0 0 auto;z-index:100;height:82px;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(24px,5vw,76px);background:#031d31e6;border-bottom:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);color:#fff}.brand{width:188px;height:50px;display:flex;align-items:center}.brand img{width:184px;max-height:48px;object-fit:contain;filter:brightness(0) invert(1)}.topbar nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:700}.topbar nav a{opacity:.78;transition:opacity .2s,color .2s}.topbar nav a:hover,.topbar nav a:focus-visible{opacity:1;color:#ff8068}.topbar .nav-cta{border:1px solid rgba(255,255,255,.45);border-radius:999px;padding:10px 17px;opacity:1}.menu-toggle{display:none;border:0;background:transparent;color:#fff;cursor:pointer}.hero{min-height:920px;padding:154px clamp(24px,5vw,76px) 70px;display:grid;grid-template-columns:minmax(0,.95fr) minmax(460px,1.05fr);gap:clamp(40px,6vw,90px);position:relative;color:#fff;background:radial-gradient(circle at 78% 18%,rgba(20,96,142,.34),transparent 34%),linear-gradient(130deg,#031d31,#041a2b 58%,#06253c)}.hero:before{content:"";position:absolute;top:82px;right:0;bottom:0;left:0;pointer-events:none;opacity:.16;background-image:linear-gradient(rgba(255,255,255,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.12) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,black,transparent 75%);mask-image:linear-gradient(to bottom,black,transparent 75%)}.hero-copy,.hero-collage{position:relative;z-index:1}.kicker,.section-label,.group-index,.detail-label{text-transform:uppercase;font-size:11px;letter-spacing:.19em;font-weight:800}.kicker{display:inline-flex;padding:9px 13px;border:1px solid rgba(255,255,255,.28);border-radius:999px;color:#d8e2ea}.hero h1{margin:28px 0 24px;max-width:780px;font-family:Archivo Black,Impact,sans-serif;font-size:clamp(54px,6.5vw,102px);line-height:.88;letter-spacing:-.065em;text-transform:uppercase}.hero h1 em{display:block;color:var(--coral);font-style:normal}.degree-line{display:grid;gap:6px;padding-left:18px;border-left:4px solid var(--coral)}.degree-line span{font-size:14px;text-transform:uppercase;letter-spacing:.07em;font-weight:800}.degree-line small{color:#aebcca}.hero h2{margin:46px 0 18px;max-width:650px;font-size:clamp(28px,3vw,46px);line-height:1.06;letter-spacing:-.04em}.hero h2 strong{color:var(--coral)}.hero-intro{max-width:590px;color:#b9c5ce;line-height:1.75;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:34px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:8px;padding:0 21px;font-size:13px;font-weight:800;transition:transform .2s,background .2s}.button:hover,.button:focus-visible{transform:translateY(-2px)}.button-primary{background:var(--coral);color:#fff;box-shadow:0 12px 36px #f25f433d}.button-secondary{color:#fff;border:1px solid rgba(255,255,255,.4)}.hero-collage{min-height:670px;align-self:center}.hero-collage figure{margin:0;position:absolute;overflow:hidden;box-shadow:0 34px 80px #00000052}.hero-collage figcaption{position:absolute;inset:auto 12px 12px;padding:9px 12px;border-radius:7px;background:#031d31e0;color:#fff;font-size:10px;font-weight:700;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.collage-main{inset:0 0 auto 10%;width:88%;height:400px;border-radius:18px;border:1px solid rgba(255,255,255,.25);transform:rotate(1.4deg);background:#fff}.collage-main img{width:100%;height:100%;object-fit:cover;object-position:left center}.collage-phone{left:1%;bottom:2%;width:31%;height:410px;border-radius:28px;transform:rotate(-4deg);background:#001a2d;border:6px solid #0c1116}.collage-phone img{width:100%;height:100%;object-fit:cover;object-position:top}.collage-xperiencia{right:4%;top:45%;width:37%;height:180px;border-radius:14px;background:#fff;display:grid;place-items:center}.collage-xperiencia img{width:90px}.collage-texico{right:0;bottom:0;width:43%;height:185px;border-radius:14px;background:#faf7f0;display:grid;place-items:center}.collage-texico img{width:72%}.scroll-cue{position:absolute;left:clamp(24px,5vw,76px);bottom:26px;z-index:2;color:#90a2af;font-size:11px;text-transform:uppercase;letter-spacing:.16em}.manifesto{padding:110px clamp(24px,7vw,110px);background:var(--paper);border-bottom:1px solid var(--line)}.section-label{color:var(--coral)}.manifesto-grid{margin-top:25px;display:grid;grid-template-columns:1.05fr .95fr;gap:8vw;align-items:start}.manifesto h2{margin:0;font-size:clamp(40px,5vw,76px);line-height:.98;letter-spacing:-.06em;max-width:820px}.manifesto-grid>div{padding-top:8px}.manifesto p:not(.section-label){font-size:17px;line-height:1.8;color:#4a5a64}.projects{background:var(--cream)}.project-group{display:grid;grid-template-columns:minmax(270px,.38fr) minmax(0,1fr);gap:42px;padding:92px clamp(24px,5vw,76px);border-bottom:1px solid var(--line)}.project-group:nth-child(2n){background:#eef3f5}.group-intro{position:sticky;top:116px;align-self:start}.group-index{color:#52636e}.group-intro h2{margin:12px 0 22px;color:var(--group-accent);font-family:Archivo Black,Impact,sans-serif;font-size:clamp(54px,6vw,98px);line-height:.9;letter-spacing:-.065em}.group-intro>p{max-width:360px;line-height:1.7;color:#485965}.group-intro ul{margin:30px 0 0;padding:0;list-style:none;display:grid;gap:15px}.group-intro li{max-width:330px;padding:0 0 14px 17px;border-left:2px solid var(--group-accent);font-size:13px;font-weight:700;line-height:1.5}.group-projects{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;align-items:start}.project-card{min-width:0;background:#ffffffb8;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 12px 38px #081f300f}.project-card:last-child:nth-child(odd){grid-column:1 / -1;display:grid;grid-template-columns:.9fr 1.1fr}.project-card:last-child:nth-child(odd) .project-details{grid-column:1 / -1}.project-media{height:260px;position:relative;display:grid;place-items:center;background:var(--navy);overflow:hidden}.project-card:last-child:nth-child(odd) .project-media{height:100%;min-height:320px}.system-preview,.portrait-preview{width:100%;height:100%;object-fit:cover}.system-preview{object-position:left top}.portrait-preview{object-position:top center}.logo-preview{max-width:75%;max-height:70%;object-fit:contain}.trackchain-preview{filter:drop-shadow(0 12px 22px rgba(0,0,0,.22))}.project-logo{position:absolute;top:18px;left:18px;max-width:145px;max-height:52px;object-fit:contain;padding:7px 10px;border-radius:8px;background:#031d31d6}.logo-only .project-logo{position:static;max-width:min(62%,240px);max-height:150px;padding:24px 30px;border-radius:14px;background:#fff}.wordmark{font-family:Archivo Black,Impact,sans-serif;font-size:clamp(32px,5vw,64px);color:#fff;letter-spacing:-.04em}.project-summary{padding:26px}.project-meta{min-height:42px;display:flex;justify-content:space-between;gap:12px;color:#6f7c83;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.06em}.project-meta span:last-child{text-align:right}.project-summary h3{margin:16px 0 9px;font-size:31px;line-height:1;letter-spacing:-.045em}.project-summary p{margin:0;color:#4f5f68;font-size:14px;line-height:1.68}.detail-toggle{width:100%;margin-top:23px;padding:15px 0 0;display:flex;justify-content:space-between;color:var(--ink);border:0;border-top:1px solid var(--line);background:transparent;cursor:pointer;font-size:12px;font-weight:800}.detail-toggle span{color:var(--accent);font-size:20px;line-height:.6}.project-details{display:none;padding:0 26px}.project-card.is-open .project-details{display:grid;gap:25px;padding:5px 26px 30px;border-top:1px solid var(--line)}.project-details section{padding-top:23px}.detail-label{color:var(--accent)}.project-details p,.project-details li{color:#40525e;font-size:13px;line-height:1.68}.project-details ul{margin:12px 0 0;padding-left:18px}.project-details li+li{margin-top:8px}.stack-list{display:flex;flex-wrap:wrap;gap:7px}.stack-list span{padding:7px 10px;background:#e9eef0;border-radius:999px;font-size:10px;font-weight:800}.trajectory{padding:100px clamp(24px,5vw,76px);color:#fff;background:radial-gradient(circle at 50% 0,#0b3a5a,transparent 38%),var(--navy)}.trajectory-heading{max-width:720px}.trajectory-heading h2,.laboratory h2{margin:10px 0 14px;font-size:clamp(42px,6vw,82px);line-height:.95;letter-spacing:-.06em}.trajectory-heading>p:last-child{color:#a5b5c0;line-height:1.7}.timeline{margin-top:66px;display:grid;grid-template-columns:repeat(6,1fr);position:relative}.timeline:before{content:"";position:absolute;top:43px;left:0;right:0;height:1px;background:#ffffff61}.timeline-item{min-width:0;padding-right:24px;position:relative}.timeline-date{color:#b7c4ce;font-size:11px}.timeline-dot{width:13px;height:13px;margin:21px 0 22px;display:block;position:relative;z-index:1;border-radius:50%;background:var(--coral);border:3px solid white;box-shadow:0 0 0 5px #f25f4326}.timeline-item h3{margin:0 0 8px;font-size:14px}.timeline-item p{margin:0;color:#90a3af;font-size:11px;line-height:1.55}.timeline-number{display:block;margin-top:22px;color:#ffffff2e;font-family:Archivo Black,Impact,sans-serif;font-size:38px}.date-note{margin:44px 0 0;color:#8ca1ae;font-size:11px}.education{padding:86px clamp(24px,7vw,110px);display:grid;grid-template-columns:.35fr .75fr .9fr;gap:55px;align-items:start;background:var(--paper)}.education h2{margin:0 0 10px;font-size:29px;letter-spacing:-.04em}.education div p{margin:0 0 14px;color:#52636c}.education div span{display:inline-flex;padding:7px 11px;color:#315e39;background:#e3efdf;border-radius:999px;font-size:11px;font-weight:800}.education blockquote{margin:0;color:#465760;font-size:20px;line-height:1.55;font-weight:600}.laboratory{padding:100px clamp(24px,5vw,76px);background:var(--cream)}.laboratory-heading{display:grid;grid-template-columns:.35fr 1fr .75fr;gap:40px;align-items:end}.laboratory-heading h2{margin:0;color:var(--ink)}.laboratory-heading>p:last-child{color:#52636c;line-height:1.7}.lab-grid{margin-top:52px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.lab-grid article{min-height:220px;padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.lab-grid article>span{color:var(--coral);font-size:11px;font-weight:800}.lab-grid h3{margin:42px 0 10px;font-size:21px;letter-spacing:-.03em}.lab-grid p{margin:0;color:#596872;font-size:13px;line-height:1.65}footer{padding:80px clamp(24px,5vw,76px);display:grid;grid-template-columns:.7fr 1.15fr .75fr;gap:7vw;color:#fff;background:#021525}.footer-brand img{width:210px;max-height:92px;object-fit:contain;filter:brightness(0) invert(1)}.footer-brand p{margin-top:12px;color:#8da0ad;font-size:13px}.footer-pitch h2{margin:12px 0;font-size:clamp(36px,4vw,58px);line-height:.98;letter-spacing:-.055em}.footer-pitch>p:not(.section-label){color:#a0b0ba;line-height:1.7}.footer-pitch .button{margin-top:16px}.footer-meta{display:grid;align-content:end;gap:13px;color:#98aab5;font-size:12px}@media(max-width:1100px){.hero{grid-template-columns:1fr;min-height:auto;padding-bottom:110px}.hero-copy{max-width:900px}.hero-collage{min-height:620px;width:min(100%,760px)}.project-group{grid-template-columns:1fr}.group-intro{position:static}.group-intro>p{max-width:640px}.timeline{grid-template-columns:repeat(3,1fr);row-gap:45px}.timeline:before{display:none}.timeline-dot{margin-block:15px}.laboratory-heading,.education{grid-template-columns:1fr 1fr}.laboratory-heading .section-label,.education .section-label{grid-column:1 / -1}footer{grid-template-columns:1fr 1fr}.footer-meta{grid-column:1 / -1;grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.topbar{height:68px;padding-inline:18px}.brand{width:144px}.brand img{width:140px;max-height:42px}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:68px;left:0;right:0;padding:22px;flex-direction:column;align-items:stretch;gap:0;background:#041a2b;border-top:1px solid rgba(255,255,255,.12)}.topbar nav.is-open{display:flex}.topbar nav a{padding:15px 0;border-bottom:1px solid rgba(255,255,255,.1)}.topbar .nav-cta{margin-top:12px;padding-inline:14px;text-align:center}.hero{padding:120px 20px 86px;gap:50px}.hero h1{font-size:clamp(46px,15vw,69px)}.hero h2{margin-top:34px}.hero-actions{flex-direction:column;align-items:stretch}.hero-collage{min-height:500px}.collage-main{width:96%;left:4%;height:260px}.collage-phone{width:38%;height:310px}.collage-xperiencia{top:46%;width:52%;height:130px}.collage-texico{width:58%;height:130px}.scroll-cue{display:none}.manifesto,.project-group,.trajectory,.laboratory{padding:72px 20px}.manifesto-grid,.group-projects,.education,.laboratory-heading,footer{grid-template-columns:1fr}.manifesto-grid{gap:28px}.manifesto h2{font-size:45px}.group-intro h2{font-size:62px}.project-card:last-child:nth-child(odd){display:block}.project-card:last-child:nth-child(odd) .project-media{height:260px;min-height:0}.project-meta{display:grid}.project-meta span:last-child{text-align:left}.timeline{grid-template-columns:1fr 1fr}.education{padding:70px 20px;gap:30px}.lab-grid{grid-template-columns:1fr}footer{padding:70px 20px;gap:46px}.footer-meta{grid-column:auto;grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:.01ms!important}}