@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=IBM+Plex+Mono:wght@400;500&family=Instrument+Serif:ital@0;1&display=swap');
:root{--paper:#ececef;--ink:#1a1a1f;--coral:#e5482e;--blue:#303ce4;--line:#b8b8bf;--pad:clamp(24px,5vw,84px)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Bricolage Grotesque',Arial,sans-serif;font-size:17px;line-height:1.5}a{color:inherit;text-underline-offset:5px}button,input,textarea,select{font:inherit}button,a,select,input,textarea{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid var(--coral);outline-offset:5px}header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px var(--pad);border-bottom:1px solid #aaa4;position:relative;z-index:2}.brand{font-weight:750;text-decoration:none;display:flex;gap:10px;align-items:center;white-space:nowrap}.brand i{width:8px;height:8px;background:var(--coral);border-radius:50%}nav{display:flex;align-items:center;gap:22px;font-size:14px}nav a{text-decoration:none}nav a:last-child{border:1px solid;border-radius:30px;padding:9px 19px}nav a[aria-current]{font-weight:700}nav a[aria-current]:before{content:'';display:inline-block;width:7px;height:7px;background:var(--accent,var(--coral));border-radius:50%;margin-right:5px}.menu-toggle{display:none}.skip{position:absolute;top:-80px}.skip:focus{top:10px;left:20px;background:white;padding:10px;z-index:9}.hero{padding:76px var(--pad) 78px;position:relative;overflow:hidden;border-bottom:1px solid #aaa3}.eyebrow{font-family:'IBM Plex Mono',monospace;font-size:12px;letter-spacing:.08em;text-transform:uppercase;line-height:1.6}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(48px,6.8vw,108px);line-height:.99;letter-spacing:-.055em;font-weight:800;max-width:1050px;margin:30px 0 42px;text-wrap:balance}h2{font-size:clamp(28px,3.2vw,46px);line-height:1.1;letter-spacing:-.035em;margin-bottom:24px}h3{font-size:26px;line-height:1.1;letter-spacing:-.025em}p{margin-bottom:20px;max-width:760px}.coral{color:var(--coral)}.hero-bottom{display:flex;align-items:flex-end;justify-content:space-between;gap:48px}.hero-bottom>p,.hero-bottom>div:first-child{max-width:560px}.hero-bottom p:last-child{margin:0}.actions{display:flex;gap:12px;flex-wrap:wrap;flex-shrink:0}.button{border:1px solid currentColor;border-radius:50px;display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;font-size:14px;font-weight:600;text-decoration:none;background:transparent;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.solid{background:var(--ink);color:var(--paper);border-color:var(--ink)}section{scroll-margin-top:40px}.territories{padding:65px var(--pad) 78px}.section-title{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:38px}.section-title>div{max-width:590px}.section-title p{margin:0}.doors{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.door{border-top:2px solid #999;padding-top:24px;text-decoration:none;display:flex;flex-direction:column;transition:transform .25s}.door:hover{transform:translateY(-7px)}.door h3{font-size:23px}.door p{font-size:16px}.door .question{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:27px;line-height:1.1;letter-spacing:-.015em}.door-link{font-size:14px;font-weight:650;margin-top:auto;padding-top:24px}.symbol{height:65px;display:flex;gap:5px;align-items:center;margin-bottom:12px}.symbol i{display:block;width:20px;height:20px;background:var(--coral);border-radius:50%}.experimentacion .symbol i:nth-child(2){background:#f3bd00;border-radius:30px 30px 0 0}.experimentacion .symbol i:nth-child(3){background:var(--ink);border-radius:0}.futuros .symbol i{width:45px;height:45px;background:radial-gradient(circle,#e0b6ee 10%,#98b6cf 35%,#8ccac8 52%,transparent 75%);filter:blur(3px)}.futuros .symbol i:not(:first-child){display:none}.aprendizaje .symbol{position:relative;width:80px}.aprendizaje .symbol:before{content:'';position:absolute;width:60px;left:3px;top:33px;height:1px;background:var(--blue);transform:rotate(-15deg)}.aprendizaje .symbol i{background:var(--blue);width:10px;height:10px;margin-right:15px}.aprendizaje .symbol i:nth-child(2){transform:translateY(-16px)}.exploraciones .symbol i{width:35px;height:35px;background:#ff50b1}.exploraciones .symbol i:nth-child(2){background:#13a59b;border-radius:0;transform:rotate(15deg);margin-left:-20px}.exploraciones .symbol i:nth-child(3){background:#b4e52b;margin-left:-20px;margin-top:28px}.home-about{border-top:1px solid #aaa4;padding:76px var(--pad);display:grid;grid-template-columns:1.7fr 1fr;gap:90px}.movements{font-size:clamp(28px,4vw,58px);letter-spacing:-.04em;display:flex;flex-direction:column;justify-content:center}.movements span{border-bottom:1px solid #bbb;padding:20px 0}.closing{background:var(--paper);color:var(--ink);padding:75px var(--pad)!important;border-top:1px solid #bbb5;grid-column:1/-1}.closing h2{max-width:900px;font-size:clamp(36px,4.6vw,65px)}footer{background:var(--paper);color:var(--ink);padding:50px var(--pad) 30px;border-top:1px solid #bbb5}footer p{font-size:14px;margin:15px 0}.footer-top{display:flex;justify-content:space-between;gap:30px;margin-bottom:55px}.footer-top>div:last-child{display:flex;gap:24px;align-items:start;font-size:14px}small{font-size:12px}.four-dots{display:flex;gap:7px}.four-dots i{width:8px;height:8px;border-radius:50%;background:var(--coral)}.four-dots i:nth-child(2){background:#af98ce}.four-dots i:nth-child(3){background:var(--blue)}.four-dots i:nth-child(4){background:#ff50b1}.page-content{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0}.content-block{padding:65px var(--pad);border-bottom:1px solid #aaa4}.content-block .eyebrow{margin-bottom:22px}.block-text{max-width:790px}.content-block h2{font-size:34px}.workshop{grid-column:1/-1;background:var(--ink);color:var(--paper);padding:65px var(--pad);display:grid;grid-template-columns:1fr 1fr;gap:20px 70px}.workshop .eyebrow{grid-column:1/-1;color:#f3bd00}.workshop h2{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;font-size:clamp(42px,4vw,64px);letter-spacing:-.02em}.workshop .button{justify-self:start;background:var(--paper);color:var(--ink);border-color:var(--paper)}.quote{grid-column:1/-1;padding:80px var(--pad)}blockquote{margin:0;font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:clamp(32px,3.7vw,55px);line-height:1.12;max-width:1100px}.next-links{padding:40px var(--pad);grid-column:1/-1;display:flex;gap:15px}.opening-question{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-size:30px;line-height:1.1}.experimentacion{--accent:var(--coral)}body.experimentacion h1{text-transform:uppercase;font-stretch:condensed;max-width:1200px;font-size:clamp(46px,6vw,96px)}body.experimentacion .content-block{border:1px solid #999;margin:45px 0 45px var(--pad);padding:32px;position:relative}body.experimentacion .content-block:nth-child(even){margin-left:30px;margin-right:var(--pad)}body.experimentacion .content-block:before{content:'';position:absolute;left:0;right:0;top:0;height:12px;background:var(--coral)}body.experimentacion .content-block:nth-child(even):before{background:#f3bd00}.marks{display:grid;grid-template-columns:repeat(8,1fr);gap:0;--unit:clamp(35px,7vw,100px)}.hero-marks{margin:40px calc(-1 * var(--pad));padding:25px var(--pad);border-top:1px solid #9996;border-bottom:1px solid #9996}.marks span{width:var(--unit);height:var(--unit);background:var(--coral);border-radius:50%}.marks span:nth-child(2){border-radius:100px 100px 0 0;height:calc(var(--unit)/2);align-self:center}.marks span:nth-child(3){border-radius:0 100px 100px 0;width:calc(var(--unit)/2);justify-self:center}.marks span:nth-child(4){border-radius:100% 0 0 0}.marks span:nth-child(5){border-radius:100% 0 0 0;background:#f3bd00}.marks span:nth-child(6){border-radius:0;background:#f3bd00}.marks span:nth-child(7){border-radius:0;background:var(--ink)}.marks span:nth-child(8){background:var(--ink)}.experiment{margin-top:40px}.experiment-controls{display:flex;gap:16px;flex-wrap:wrap}.experiment-controls label{font-size:14px;display:flex;flex-direction:column;gap:8px}select{background:transparent;color:inherit;padding:10px;border:1px solid #999;max-width:100%}.experiment-controls button{align-self:end;background:transparent;border:1px solid #999;padding:10px;cursor:pointer}#experiment-board{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;margin:35px 0}#experiment-board span{aspect-ratio:1;display:block}.page-content section:has(.experiment){grid-column:1/-1}.futuros{--accent:#d9b2ed}body.futuros{background:#102d35;color:#e6ecee}body.futuros .hero{min-height:700px;background:radial-gradient(ellipse 330px 230px at 62% 100%,#dcb3e9 5%,#88bcc1 45%,transparent 85%)}body.futuros h1{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;letter-spacing:-.03em;max-width:650px;font-size:clamp(64px,7vw,110px)}body.futuros .hero .solid{background:var(--paper);color:#102d35;border-color:var(--paper)}body.futuros .content-block{border-color:#bcd2d333}body.futuros .content-block h2{font-weight:400}body.futuros .eyebrow{color:#93b7be}body.futuros .workshop{background:#163942}body.futuros .quote{border-top:1px solid #aaa4}.aprendizaje{--accent:var(--blue)}body.aprendizaje{background-color:#f0f0f4;background-image:linear-gradient(#303ce40b 1px,transparent 1px),linear-gradient(90deg,#303ce40b 1px,transparent 1px);background-size:28px 28px}body.aprendizaje h1{font-family:'Instrument Serif',Georgia,serif;font-style:italic;font-weight:400;color:var(--blue);max-width:850px;font-size:clamp(56px,6.8vw,106px);letter-spacing:-.025em}body.aprendizaje .eyebrow{color:var(--blue)}body.aprendizaje .content-block{border-color:#303ce455}body.aprendizaje .solid{background:var(--blue);border-color:var(--blue)}body.aprendizaje .workshop{background:#e2e4fa;color:var(--ink);border-top:1px solid var(--blue);border-bottom:1px solid var(--blue)}body.aprendizaje .workshop .button{background:var(--blue);color:white}.exploraciones{--accent:#ff50b1}body.exploraciones h1{max-width:800px;font-size:clamp(60px,7.5vw,120px)}body.exploraciones h1 .coral{color:#ff50b1}body.exploraciones .content-block{margin:35px;padding:35px;background:#fff;box-shadow:4px 6px 0 #1a1a1f16;transform:rotate(-1deg)}body.exploraciones .content-block:nth-child(2){background:#ff50b1;transform:rotate(2deg)}body.exploraciones .content-block:nth-child(3){background:#b4e52b}body.exploraciones .content-block:nth-child(4){background:#13a59b}.archive{grid-column:1/-1;padding:60px var(--pad);border-top:1px dashed #999}.archive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.note{display:flex;flex-direction:column;min-height:280px;background:white;padding:30px;text-decoration:none;box-shadow:5px 8px 0 #1a1a1f15;transition:transform .2s}.note:hover{transform:rotate(0) translateY(-6px)}.note h3{font-size:32px;margin:35px 0}.note>span:last-child{margin-top:auto;font-size:14px;text-decoration:underline}.note-0{border-top:18px solid #ff50b1;transform:rotate(-2deg)}.note-1{background:#b4e52b;transform:rotate(2deg)}.note-2{border-top:18px solid #13a59b;transform:rotate(-1deg)}.note-3{background:#ff50b1;transform:rotate(1deg)}.note-4{transform:rotate(-2deg)}body.proyectos .hero h1,body.sobre-mi .hero h1,body.hablemos .hero h1{font-size:clamp(48px,6vw,90px)}body.proyectos .content-block{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.8fr;gap:20px 60px}body.proyectos .content-block .eyebrow{grid-column:1/-1}body.sobre-mi .content-block:first-child{grid-column:1/-1}body.hablemos .content-block{grid-column:1/-1}.contact-form{grid-column:1/-1;padding:65px var(--pad);background:#fff}form{max-width:720px;display:grid;grid-template-columns:1fr 1fr;gap:25px}form label{display:flex;flex-direction:column;gap:8px;font-size:14px}form label:nth-child(n+3){grid-column:1/-1}input,textarea{background:#f3f3f5;border:1px solid #aaa;padding:14px;border-radius:0;color:var(--ink);width:100%;min-width:0}textarea{resize:vertical}form .button{justify-self:start}#contact-status{grid-column:1/-1;font-size:14px}.contact-form>p:last-child{margin-top:30px}@media(min-width:1500px){main,header,footer{max-width:1800px;margin:auto}}@media(max-width:950px){nav{gap:12px;font-size:12px}.hero-bottom{display:block}.hero-bottom .actions{margin-top:30px}.doors{grid-template-columns:repeat(2,1fr);gap:45px 25px}.home-about{gap:35px}.page-content{display:block}.workshop{display:block}.workshop .button{margin-top:20px}.archive-grid{grid-template-columns:repeat(2,1fr)}body.experimentacion .content-block,body.experimentacion .content-block:nth-child(even){margin:30px var(--pad)}body.proyectos .content-block{display:block}.footer-top>div:last-child{flex-direction:column;gap:12px}.section-title{display:block}.section-title>.eyebrow{display:block;margin-top:25px}.hero{padding-top:55px}body.futuros .hero{min-height:620px}.content-block{padding:45px var(--pad)}}@media(max-width:680px){header{padding-top:18px;padding-bottom:18px;flex-wrap:wrap}.menu-toggle{display:block;border:1px solid;border-radius:30px;padding:8px 15px;background:transparent;color:inherit;font-size:14px}nav{display:none;width:100%;font-size:16px;padding-top:15px;flex-direction:column;align-items:stretch;gap:0}nav.open{display:flex}nav a{padding:12px 0}nav a:last-child{align-self:start;padding:9px 20px;margin-top:8px}.hero{padding-bottom:50px}h1{font-size:52px}.home-hero h1{font-size:clamp(40px,9.5vw,64px)}.hero-bottom>p,.hero-bottom>div:first-child{max-width:100%}.doors{grid-template-columns:1fr 1fr;gap:35px 18px}.door h3{font-size:19px}.door .question{font-size:25px}.door p{font-size:15px}.home-about{display:block}.movements{margin-top:40px}.footer-top{display:block}.footer-top>div:last-child{margin-top:25px;flex-direction:row;flex-wrap:wrap}.closing{padding:50px var(--pad)!important}.archive-grid{grid-template-columns:1fr}.note{min-height:240px}.workshop{padding:45px var(--pad)}.marks{--unit:8vw}.hero-marks{padding:18px var(--pad)}body.experimentacion h1{font-size:48px}body.futuros h1,body.aprendizaje h1{font-size:58px}body.futuros .hero{background:radial-gradient(ellipse 230px 200px at 85% 85%,#dcb3e955,#88bcc144 45%,transparent 85%)}body.exploraciones .content-block{margin:25px var(--pad)}form{grid-template-columns:1fr}form label{grid-column:1/-1}.next-links{flex-wrap:wrap}#experiment-board{gap:7px}.experiment-controls{gap:12px}.experiment-controls label{flex:1;min-width:105px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Retrato de Yani en la portada */
.home-hero-main{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:center;gap:clamp(24px,4vw,64px);margin:30px 0 42px}
.home-hero-main h1{margin:0;font-size:clamp(48px,6.3vw,100px)}
.hero-portrait{margin:0;width:100%;max-width:540px;justify-self:end;aspect-ratio:1/1;overflow:hidden}
.hero-portrait img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 40%}
@media(max-width:950px) and (min-width:681px){.home-hero-main{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:24px}.home-hero-main h1{font-size:clamp(40px,6.2vw,59px)}}
@media(max-width:680px){.home-hero-main{grid-template-columns:1fr;gap:32px;margin:25px 0 32px}.home-hero-main h1{font-size:clamp(40px,9.5vw,64px)}.hero-portrait{max-width:440px;justify-self:start;aspect-ratio:4/3}.hero-portrait img{object-position:50% 35%}}