@font-face{font-family:Anton;src:url('/assets/Anton.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/assets/Inter.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{color-scheme:dark;--ink:#06040b;--paper:#f9f7ff;--purple:#822bff;--lilac:#cba8ff;--cyan:#4ef4ed;--chapter-color:#06040b}
*{box-sizing:border-box}html{min-width:0;background:var(--ink);scroll-padding-top:90px;scroll-behavior:auto}body{margin:0;background:var(--ink);color:var(--paper);font-family:Inter,Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:clip}button{font:inherit}a{color:inherit;text-underline-offset:5px}::selection{background:var(--cyan);color:var(--ink)}a:focus-visible,button:focus-visible{outline:3px solid var(--cyan);outline-offset:6px}
.site-header{position:fixed;inset:0 0 auto;z-index:50;display:flex;align-items:center;gap:32px;height:94px;padding:18px 4.8vw;background:linear-gradient(#06040beb,transparent)}.brand{width:215px;flex-shrink:0;display:block}.signature{width:100%;height:auto;display:block;aspect-ratio:272/60}.site-header nav{display:flex;gap:30px;margin-left:auto}.site-header nav a{font-size:0.8125rem;text-decoration:none;white-space:nowrap;padding:12px 0}.site-header nav a[aria-current],.site-header nav a:hover{color:var(--cyan)}.motion-toggle{display:flex;align-items:center;gap:8px;color:#e6daff;background:#0c081850;border:1px solid #cba8ff55;border-radius:30px;padding:9px 12px;font-size:0.6875rem;cursor:pointer;min-height:36px}.motion-toggle[hidden]{display:none}
.stage{visibility:hidden;position:fixed;inset:0;z-index:1;pointer-events:none;overflow:hidden;background:var(--chapter-color);transition:background .8s;isolation:isolate}.motion-ready .stage{visibility:visible}.stage-halo{position:absolute;inset:-10%;background:radial-gradient(ellipse at 73% 58%,#6c12c33b,transparent 44%),radial-gradient(ellipse at 95% 4%,#1272771c,transparent 30%)}#sculpture{position:absolute;inset:0;width:100%;height:100%;z-index:1}.parallax-depth{position:absolute;inset:0;perspective:1000px;z-index:3}.actor,.prop{position:absolute;left:0;top:0;will-change:transform,opacity}.actor{width:min(52vw,760px);height:82svh;z-index:5;transform:translate(50vw,12vh)}.actor-drift{position:absolute;inset:0;will-change:transform}.pose{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;visibility:hidden;filter:drop-shadow(0 25px 32px #02010855)}.pose.is-active{opacity:1;visibility:visible}.prop img{display:block;width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 22px 30px #02010850)}.prop-experiencia{width:43vw;max-width:640px;z-index:3}.prop-colaboradores{width:20vw;max-width:330px;z-index:6}.prop-microfono{width:19vw;max-width:280px;z-index:6;opacity:0}.prop-cuaderno{width:35vw;max-width:520px;z-index:7;opacity:0}.connection{position:absolute;inset:0;width:100%;height:100%;z-index:8;opacity:.55}.connection path{fill:none;stroke:url(#line-color);stroke-width:1.1;stroke-dasharray:1200;stroke-dashoffset:1200}
main{position:relative;z-index:2}.chapter{position:relative;min-height:120svh;scroll-margin-top:0;pointer-events:none}.chapter a,.chapter button{pointer-events:auto}.scene-content{position:sticky;top:0;height:100svh;min-height:660px;padding:115px 4.8vw 65px;display:flex;align-items:center}.hero{min-height:130svh}.hero .scene-content{min-height:640px}.hero-copy{position:relative;z-index:12;width:65%;margin-top:-20px}.hero h1{margin:0 0 32px;}.hero-signature{width:100%;max-width:1000px}.hero-line{font-size:clamp(25px,2.35vw,37px);line-height:1.28;letter-spacing:-.04em;margin:0 0 22px;max-width:590px;color:var(--lilac)}.intro{font-size:1rem;line-height:1.65;margin:0;color:#e0d6ee;max-width:400px}.journey-link{display:inline-flex;align-items:center;gap:15px;margin-top:34px;font-size:0.8125rem;text-decoration:none}.journey-link>span{font-size:2rem;color:var(--cyan);line-height:1}.hero-bottom{position:absolute;bottom:35px;left:4.8vw;right:4.8vw;display:flex;align-items:flex-end;gap:5vw;font-size:0.75rem;line-height:1.6;color:#c7bed5;z-index:10}.hero-bottom p{margin:0}.hero-bottom div{display:flex;gap:28px}.hero-bottom a{text-decoration:none}.scroll-hint{margin-left:auto;font-size:0.6875rem}.scroll-hint b{color:var(--cyan);padding-left:12px;font-size:1.1875rem;font-weight:400}
h2{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;margin:0 0 35px}.title-line{display:block}.lead{font-size:clamp(21px,2vw,30px)!important;line-height:1.4!important;letter-spacing:-.03em}.question-copy{width:48%;margin-left:52%;position:relative;z-index:10}.question-copy h2{margin-left:-8px;margin-bottom:35px}.question-copy p{font-size:1.0625rem;line-height:1.75;max-width:490px}.closing-line{color:var(--lilac);margin-top:30px}.mirada{min-height:125svh}.crear{min-height:145svh}.create-copy{width:100%;align-self:flex-start;margin-top:40px;position:relative;z-index:10}.create-copy h2{max-width:730px}.create-description{width:34%;max-width:460px;margin-top:45px}.create-description p{font-size:1rem;line-height:1.65}.create-description .lead{font-size:var(--type-lead)}.create-footnote{position:absolute;bottom:32px;right:5vw;font-size:0.8125rem;color:var(--cyan)}
.obras{background:var(--purple);z-index:11;min-height:auto;padding:100px 4.8vw 80px;overflow:hidden;border-radius:64px 64px 0 0}.works-content{position:relative;z-index:2}.obras h2{max-width:850px}.obras h2 .title-line:nth-child(2){padding-left:8vw}.project-pair{display:grid;grid-template-columns:1fr 1fr;gap:7vw;margin:55px 0 0}.project{min-width:0}.project-art{height:340px;display:flex;align-items:center;justify-content:center;position:relative}.project-art:before{content:'';position:absolute;width:90%;height:60%;bottom:-10px;border-radius:50%;background:radial-gradient(ellipse,#37137065,transparent 65%);transform:scaleY(.35)}.project-art img{max-width:100%;width:560px;height:100%;object-fit:contain;position:relative;filter:drop-shadow(0 24px 18px #35085340)}.project-copy{padding:35px 0 0;margin-top:18px;border-top:1px solid #ffffff66}.project h3{margin:0 0 22px}.project p{font-size:1rem;line-height:1.65;max-width:450px}.project a{display:inline-flex;gap:50px;font-size:0.875rem;text-decoration:none;border-bottom:1px solid #fff8;padding:14px 0 9px}.other-works{max-width:730px;font-size:0.8125rem;line-height:1.8;margin:70px 0 0;color:var(--paper)}.other-works span{color:white}.en-escena{min-height:130svh}.voice-copy{width:48%;position:relative;z-index:10}.voice-copy h2{}.voice-copy>p{font-size:1.0625rem;line-height:1.75;max-width:430px}.event{border-left:2px solid var(--cyan);padding-left:20px;margin-top:40px}.event h3{margin:0 0 12px}.event p,.event time{font-size:0.8125rem;line-height:1.8;color:#cfc4e0;margin:0}.curiosidad{min-height:130svh}.curiosity-copy{width:49%;margin-left:51%;position:relative;z-index:10}.curiosity-copy h2{}.curiosity-copy p{max-width:460px;font-size:1.0625rem;line-height:1.7}.quiet-line{font-size:var(--type-small);color:#c2b3d2;margin-top:30px}.handwritten-note{position:absolute;left:8vw;bottom:65px;color:var(--cyan);font-size:1.625rem;font-style:italic;transform:rotate(-8deg);letter-spacing:-.05em}.contact{min-height:110svh}.contact-content{width:69%;position:relative;z-index:12}.contact h2{}.instagram-link{display:inline-flex;align-items:center;gap:50px;font-size:1.125rem;text-decoration:none;padding:18px 0;border-bottom:1px solid #b977ff}.instagram-link span{color:var(--cyan);font-size:1.75rem}.commercial-link{font-size:0.75rem;line-height:1.7;color:#c3b5d3;margin-top:25px}.closing-signature{width:390px;max-width:100%;margin-top:24px}.closing-signature .signature{max-width:390px}.site-footer{position:relative;z-index:20;background:var(--ink);padding:32px 4.8vw;display:flex;justify-content:space-between;gap:20px;font-size:0.6875rem;color:#b5a8c6;border-top:1px solid #cab0ff28}.site-footer a{text-decoration:none}.scroll-progress{position:fixed;right:18px;top:calc(50% - 70px);height:140px;width:1px;background:#b8a0d03d;z-index:40;pointer-events:none}.scroll-progress span{display:block;height:100%;background:var(--cyan);transform:scaleY(0);transform-origin:top}.skip-link{position:fixed;left:24px;top:12px;z-index:80;background:var(--cyan);color:var(--ink);padding:12px 18px;transform:translateY(-180%)}.skip-link:focus{transform:none}.visually-hidden{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
html[data-motion='paused']{scroll-behavior:auto}.static-motion .chapter{min-height:100svh}.static-motion .scene-content{position:relative}.static-motion .actor-drift{transform:none!important}
@media(max-width:1100px){.brand{width:180px}.site-header nav{gap:22px}.site-header{gap:20px}.motion-label{display:none}.motion-toggle{font-size:0.875rem}.hero-copy{width:62%}.hero-line{font-size:1.75rem}.hero-bottom{gap:30px}.question-copy p,.voice-copy>p,.curiosity-copy p{font-size:0.9375rem}.project-art{height:280px}.scene-content{min-height:600px}.create-description{margin-top:25px}}
@media(max-width:720px){
html{scroll-padding-top:110px}.site-header{height:105px;flex-wrap:wrap;padding:14px 22px 10px;gap:0 15px;background:linear-gradient(#06040bf0 80%,transparent)}.brand{width:185px}.site-header nav{order:3;width:100%;margin:0;gap:12px;justify-content:space-between}.site-header nav a{font-size:0.6875rem;padding:10px 0}.motion-toggle{margin-left:auto;padding:7px 10px;min-height:32px}.scroll-progress{right:8px;height:90px;top:calc(50% - 45px)}
.actor{width:100vw;height:53svh}.prop-experiencia{width:67vw}.prop-colaboradores{width:37vw}.prop-microfono{width:34vw}.prop-cuaderno{width:65vw}.connection{opacity:.35}.chapter{min-height:130svh}.scene-content{height:100svh;min-height:760px;padding:110px 24px 36px;align-items:flex-start;overflow:visible}.hero{min-height:135svh}.hero .scene-content{min-height:780px}.hero-copy{width:100%;margin-top:0;align-self:flex-end;margin-bottom:105px}.hero h1{margin-bottom:22px}.hero-signature{width:100%}.hero-line{font-size:1.5rem;line-height:1.3;max-width:100%;margin:0 0 17px}.intro{font-size:0.875rem;line-height:1.6;max-width:300px}.desktop-break{display:none}.journey-link{margin-top:20px;font-size:0.75rem}.hero-bottom{left:24px;right:24px;bottom:25px;display:flex;flex-wrap:wrap;gap:16px;font-size:0.625rem}.hero-bottom p{display:none}.hero-bottom div{gap:25px}.scroll-hint{font-size:0.5625rem}
h2{margin-bottom:25px}.question-copy,.voice-copy,.curiosity-copy{width:100%;margin:355px 0 0}.question-copy h2{margin-left:0;margin-bottom:20px}.question-copy p,.voice-copy>p,.curiosity-copy p{font-size:0.875rem;line-height:1.65;max-width:100%}.lead{font-size:1.3125rem!important}.closing-line{margin-top:20px}.mirada .scene-content{min-height:930px}.mirada{min-height:145svh}.create-copy{margin-top:20px;align-self:flex-start}.create-copy h2{max-width:100%;position:relative;z-index:9}.create-description{width:100%;max-width:100%;margin-top:390px}.create-description .lead{font-size:var(--type-lead)}.create-description p{font-size:0.875rem}.crear .scene-content{min-height:1130px}.crear{min-height:165svh}.create-footnote{display:none}.obras{border-radius:30px 30px 0 0;padding:65px 24px 55px}.obras h2{}.obras h2 .title-line:nth-child(2){padding-left:0}.project-pair{grid-template-columns:1fr;gap:65px;margin-top:40px}.project-art{height:280px}.project-copy{padding-top:25px;margin-top:10px}.project h3{}.project p{font-size:0.875rem}.project a{font-size:0.8125rem;gap:40px}.other-works{font-size:0.75rem;margin-top:50px}.voice-copy h2,.curiosity-copy h2{}.en-escena .scene-content{min-height:1060px}.en-escena{min-height:150svh}.event{margin-top:25px}.event h3{}.event p,.event time{font-size:0.75rem}.curiosidad .scene-content{min-height:1080px}.curiosidad{min-height:155svh}.handwritten-note{left:25px;top:405px;bottom:auto;font-size:1.25rem}.quiet-line{font-size:var(--type-small);margin-top:24px}.contact-content{width:100%;margin-top:265px}.contact h2{margin-bottom:25px}.contact .scene-content{min-height:920px}.contact{min-height:125svh}.instagram-link{font-size:0.9375rem;gap:22px;line-height:1.4}.instagram-link span{font-size:1.4375rem}.commercial-link{font-size:0.6875rem}.closing-signature{width:265px;margin-top:25px}.site-footer{padding:25px 24px;font-size:0.625rem;gap:15px;flex-wrap:wrap}.site-footer span:nth-child(2){display:none}
}
@media(max-width:370px){.hero-line{font-size:1.3125rem}.intro{font-size:0.8125rem}.hero-bottom{display:block}.scroll-hint{display:none}.project h3{}.project-art{height:235px}.site-header{padding-left:20px;padding-right:20px}.question-copy,.voice-copy,.curiosity-copy{margin-top:345px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.stage{transition:none}.scene-content{position:relative}.chapter{min-height:100svh}.motion-toggle{display:none!important}.connection{display:none}}

/* One scale per semantic level; the signature remains the original brand artwork. */
:root{
 --type-h1:8rem; --type-h2:7rem; --type-h3:2rem;
 --type-h4:1.5rem; --type-h5:1.25rem;
 --type-body:1rem; --type-small:.875rem; --type-lead:1.5rem;
 --header-height:94px;
}
html{scroll-padding-top:calc(var(--header-height) + 1rem)}
body{font-size:var(--type-body);line-height:1.6}
h1{font-size:var(--type-h1)}
h2{font-size:var(--type-h2);line-height:1.05;letter-spacing:-.025em}
h3{font-size:var(--type-h3);line-height:1.2;letter-spacing:-.03em}
h4{font-size:var(--type-h4);line-height:1.3}
h5{font-size:var(--type-h5);line-height:1.4}
h1,h2,h3,h4,h5{overflow-wrap:anywhere;max-inline-size:100%}
.intro,.question-copy p,.create-description p,.voice-copy>p,.curiosity-copy p,.project p{font-size:var(--type-body);line-height:1.65}
.scene-content .lead{font-size:var(--type-lead)!important;line-height:1.4!important}
.hero-line{font-size:var(--type-lead);line-height:1.35}
.site-header nav a,.journey-link,.hero-bottom,.scroll-hint,.create-footnote,.other-works,.event p,.event time,.quiet-line,.commercial-link,.site-footer,.project a{font-size:var(--type-small)}
.motion-toggle{font-size:var(--type-small);border-color:var(--lilac);min-width:44px;min-height:44px;justify-content:center}
.site-header{height:auto;min-height:94px;background:var(--ink)}
.site-header nav a,.hero-bottom a,.journey-link,.project a,.instagram-link,.site-footer>a{display:inline-flex;align-items:center;min-height:44px;min-width:24px}
.site-header nav a[aria-current]{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:6px}
a:focus-visible,button:focus-visible,[tabindex='-1']:focus-visible{outline:3px solid var(--cyan);outline-offset:5px;box-shadow:0 0 0 5px var(--ink)}
a,button,[tabindex='-1']{scroll-margin-block-start:calc(var(--header-height) + 1rem);scroll-margin-block-end:2rem}
.scene-content{height:auto;min-height:100svh;padding-top:calc(var(--header-height) + 1.25rem);isolation:isolate}
.scene-content::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06040bf5 0%,#06040bed 47%,#06040b40 68%,transparent 85%)}
.mirada .scene-content::before,.curiosidad .scene-content::before{background:linear-gradient(270deg,#06040bf5 0%,#06040bed 47%,#06040b40 68%,transparent 85%)}
.chapter:focus-within .scene-content{opacity:1!important}
.hero .scene-content{min-height:100svh}
/* Enlarged text and custom spacing use natural document flow. */
.reading-layout .stage,.reading-layout .scroll-progress{display:none}
.reading-layout .site-header{position:relative;flex-wrap:wrap}
.reading-layout .chapter{min-height:0;pointer-events:auto}
.reading-layout .scene-content{position:relative;min-height:0;height:auto;padding:3rem 5vw;opacity:1!important}
.reading-layout .scene-content::before{display:none}
.reading-layout :is(.hero-copy,.question-copy,.create-copy,.voice-copy,.curiosity-copy,.contact-content){width:100%;margin:0}
.reading-layout .create-description{width:100%;max-width:65ch;margin:2rem 0 0}
.reading-layout .hero-bottom{position:relative;inset:auto;flex-wrap:wrap;margin-top:2rem}
.reading-layout .hero .scene-content{display:block}
.reading-layout .handwritten-note,.reading-layout .create-footnote{position:relative;inset:auto;transform:none}
.reading-layout .title-line{clip-path:none!important;transform:none!important}
.reading-layout .project-pair{grid-template-columns:1fr}
.reading-layout .site-header nav{flex-wrap:wrap;gap:.5rem 1.25rem}
@media(max-width:1100px){:root{--type-h2:5rem}}
@media(max-width:720px){
 :root{--type-h2:3.5rem;--type-h3:1.75rem;--header-height:128px}
 .site-header{min-height:128px;padding:10px 20px;gap:4px 12px}
 .site-header nav{gap:6px;flex-wrap:wrap}
 .site-header nav a{font-size:var(--type-small);padding:8px 0}
 .brand{max-width:calc(100% - 60px)}
 .scene-content::before,.mirada .scene-content::before,.curiosidad .scene-content::before{background:linear-gradient(180deg,transparent 0%,transparent 38%,#06040bed 48%,#06040b 70%)}
 .hero-copy{margin-top:22rem;margin-bottom:5rem;align-self:flex-end}
 .hero .scene-content{min-height:100svh}
 .hero-bottom{display:flex;flex-wrap:wrap;gap:8px}
 .hero-bottom div{gap:20px}
 .scene-content .lead,.hero-line{font-size:var(--type-lead)}
 .contact-content{margin-top:17rem}
}
@media(prefers-reduced-motion:reduce){.stage{transition:none}.title-line{clip-path:none!important;transform:none!important}}
@media(forced-colors:active){a:focus-visible,button:focus-visible{outline:3px solid Highlight;box-shadow:none}.site-header nav a[aria-current]{color:LinkText}.motion-toggle{border-color:ButtonText}.stage{display:none}}

.create-footnote,.handwritten-note{background:#06040bf5;padding:.375rem .75rem}
.reading-layout .scene-content{display:block}
.reading-layout .hero-bottom div{flex-wrap:wrap;width:100%;gap:1rem}
.reading-layout .hero-bottom a{flex-shrink:0;max-width:100%}
.reading-layout .intro,.reading-layout .hero-line{max-width:65ch}
a{overflow-wrap:anywhere}
.brand{display:flex;align-items:center;min-height:44px}
.hero-bottom{background:#06040bf5;padding:.25rem .5rem}

@media(max-width:720px){.brand{width:clamp(8.75rem,50vw,11.5625rem)}}

/* Chapter dock: navigation and native speech remain available without scroll. */
:root{--reader-height:76px}
body{padding-bottom:calc(var(--reader-height) + 1rem)}
.scene-content{padding-bottom:calc(var(--reader-height) + 2.5rem)}
.hero-bottom{bottom:calc(var(--reader-height) + 1rem)}
.chapter-controls{position:fixed;inset:auto 1.25rem 1rem;z-index:60;display:flex;align-items:center;justify-content:center;gap:.75rem;width:max-content;max-width:calc(100% - 2.5rem);margin:auto;padding:.625rem .875rem;border:1px solid #cba8ff80;border-radius:1.5rem;background:var(--ink);box-shadow:0 10px 40px #0008;color:var(--paper);font-size:var(--type-small)}
.chapter-controls[hidden]{display:none}
.chapter-controls button,.reading-options>summary{min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.5rem .75rem;border:1px solid #cba8ff80;border-radius:.875rem;background:var(--ink);color:var(--paper);font:inherit;cursor:pointer}
.chapter-controls button:hover,.reading-options>summary:hover{border-color:var(--cyan)}
.chapter-controls button:disabled{opacity:.6;cursor:default}
.chapter-count{white-space:nowrap;font-variant-numeric:tabular-nums}
.reading-controls{display:flex;gap:.5rem;align-items:center}
.reading-options>summary{list-style:none}.reading-options>summary::-webkit-details-marker{display:none}
.reading-options{position:relative}
.reading-panel{position:absolute;bottom:calc(100% + 1rem);right:0;width:19rem;max-width:calc(100vw - 2rem);padding:1.25rem;border:1px solid var(--lilac);border-radius:1rem;background:var(--ink);box-shadow:0 10px 40px #0008;max-height:65svh;overflow-y:auto}
.reading-panel p{font-size:var(--type-body);line-height:1.5;margin:0 0 1rem}
.reading-panel label{display:block;line-height:1.5}
.reading-panel select{display:block;width:100%;min-height:44px;margin:.5rem 0 1rem;padding:.5rem;font:inherit;color:var(--paper);background:var(--ink);border:1px solid var(--lilac);border-radius:.5rem}
.reading-panel .auto-label{display:flex;align-items:center;gap:.75rem;min-height:44px;margin-bottom:1rem}
.auto-label input{width:24px;height:24px;flex-shrink:0;accent-color:var(--cyan)}
summary:focus-visible,select:focus-visible,input:focus-visible{outline:3px solid var(--cyan);outline-offset:5px;box-shadow:0 0 0 5px var(--ink)}
:focus{scroll-margin-block-end:calc(var(--reader-height) + 2rem)}
h2:focus .title-line{clip-path:none!important;transform:none!important}
.positioning-line{font-size:var(--type-small);color:var(--cyan);margin:1.25rem 0 0;max-width:35ch;line-height:1.5}
@media(max-width:720px){
 .chapter-controls{inset:auto .5rem .5rem;max-width:calc(100% - 1rem);gap:.25rem;padding:.375rem;font-size:var(--type-small);border-radius:1rem}
 .chapter-controls button,.reading-options>summary{padding:.375rem .5rem}.chapter-controls .step-label{display:none}.reading-controls{gap:.25rem}
 .reading-panel{position:fixed;right:.75rem;bottom:calc(var(--reader-height) + 1rem);width:19rem}
 .hero-bottom{position:relative;inset:auto;margin-top:2rem}.hero .scene-content{display:block}.hero-copy{margin-bottom:0}
}
.reading-layout .chapter-controls{position:sticky;inset:auto;bottom:0;max-width:100%;width:100%;border-radius:0;flex-wrap:wrap;margin:0}
.reading-layout .chapter-controls .step-label{display:inline}.reading-layout .hero-bottom{inset:auto}.reading-layout .scene-content{padding-bottom:3rem}
@media(forced-colors:active){.chapter-controls,.reading-panel{border:1px solid ButtonText}summary:focus-visible,select:focus-visible,input:focus-visible{outline-color:Highlight;box-shadow:none}}

@media(max-width:720px){.hero-copy{margin-top:clamp(9rem,28svh,17rem)}.hero .scene-content{padding-top:calc(var(--header-height) + 1rem)}}
.reading-panel{max-height:min(65svh,calc(100svh - var(--reader-height) - 3rem))}
.reading-layout .reading-controls{flex-wrap:wrap;justify-content:center;max-width:100%;min-width:0}
.reading-layout .chapter-controls button,.reading-layout .reading-options>summary{max-width:100%;overflow-wrap:anywhere}
@media(max-width:720px){.reading-layout .chapter-controls .step-label{display:none}}

/* A personal interlude before the conversation: one idea, generous space. */
.manifesto{background:var(--ink);z-index:11;pointer-events:auto;min-height:105svh;padding:4rem 4.8vw calc(var(--reader-height) + 4rem);display:flex;align-items:center}
.manifesto-layout{width:100%;display:grid;grid-template-columns:1.1fr 1fr;gap:8vw;align-items:center}
.manifesto h2{margin:0}.manifesto h2 .title-line:last-child{color:var(--lilac)}
.manifesto-copy{max-width:36rem;border-left:2px solid var(--cyan);padding-left:2rem}
.manifesto-copy p{font-size:var(--type-body);line-height:1.75;margin:0 0 1.5rem}
.manifesto-copy .lead{font-size:var(--type-lead)!important;line-height:1.4!important;letter-spacing:-.03em}
.manifesto-copy .manifesto-closing{color:var(--lilac);margin-bottom:0}
.reading-layout .manifesto{min-height:0;padding:3rem 5vw;display:block}
.reading-layout .manifesto-layout{display:block}.reading-layout .manifesto-copy{margin-top:2rem;max-width:65ch}
@media(max-width:720px){.manifesto{padding:2rem 5vw calc(var(--reader-height) + 3rem);min-height:100svh}.manifesto-layout{display:block}.manifesto-copy{margin-top:2.5rem;padding-left:1.25rem}}

/* The top navigation retreats during the journey and returns for navigation. */
.site-header{transition:transform .25s ease,opacity .2s ease}
.header-hidden .site-header{transform:translateY(-110%);opacity:0;pointer-events:none}
.header-hidden .site-header:has(:focus-visible){transform:none;opacity:1;pointer-events:auto}
.reading-layout .site-header{transform:none;opacity:1;pointer-events:auto}
@media(prefers-reduced-motion:reduce){.site-header{transition:none}}

/* Reading tools are an optional mode, with no dock or reserved space on entry. */
:root{--reader-height:0px}
body{padding-bottom:var(--reader-height)}
.reader-launcher{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:44px;height:44px;padding:0;background:var(--ink);border:1px solid var(--lilac);border-radius:50%;color:var(--paper);cursor:pointer}
.reader-launcher[hidden]{display:none}
.reader-launcher:hover,.reader-launcher[aria-expanded='true']{border-color:var(--cyan);color:var(--cyan)}
.chapter-controls{flex-wrap:wrap}
.chapter-controls [data-close-reader]{padding:.375rem;font-size:1.5rem;line-height:1}
@media(max-width:720px){.brand{max-width:calc(100% - 112px)}}

/* Desktop is a full-frame composition. Scale against both axes so a wide,
   short window stays usable, while 1080p and 1440p retain the same presence.
   The root font size remains the visitor's preference, including text zoom. */
@media(min-width:1101px){
 html:not(.reading-layout){
  --desktop-unit:clamp(1rem,min(1.17vw,2.083svh),2rem);
  --type-h1:calc(var(--desktop-unit) * 8);
  --type-h2:calc(var(--desktop-unit) * 7);
  --type-h3:calc(var(--desktop-unit) * 2);
  --type-h4:calc(var(--desktop-unit) * 1.5);
  --type-h5:calc(var(--desktop-unit) * 1.25);
  --type-body:var(--desktop-unit);
  --type-small:calc(var(--desktop-unit) * .875);
  --type-lead:calc(var(--desktop-unit) * 1.75);
 }
 html:not(.reading-layout) .site-header{min-height:calc(var(--desktop-unit) * 5.875);padding-block:calc(var(--desktop-unit) * 1.125);gap:calc(var(--desktop-unit) * 2)}
 html:not(.reading-layout) .brand{width:calc(var(--desktop-unit) * 13.4375)}
 html:not(.reading-layout) .site-header nav{gap:calc(var(--desktop-unit) * 1.875)}
 html:not(.reading-layout) .motion-toggle{padding:calc(var(--desktop-unit) * .5625) calc(var(--desktop-unit) * .75)}
 html:not(.reading-layout) .reader-launcher{width:calc(var(--desktop-unit) * 2.75);height:calc(var(--desktop-unit) * 2.75)}
 html:not(.reading-layout) .reader-launcher svg{width:50%;height:50%}
 html:not(.reading-layout) .actor{width:min(52vw,calc(var(--desktop-unit) * 47.5));height:86svh}
 html:not(.reading-layout) .prop-experiencia{max-width:calc(var(--desktop-unit) * 40)}
 html:not(.reading-layout) .prop-colaboradores{max-width:calc(var(--desktop-unit) * 20.625)}
 html:not(.reading-layout) .prop-microfono{max-width:calc(var(--desktop-unit) * 17.5)}
 html:not(.reading-layout) .prop-cuaderno{max-width:calc(var(--desktop-unit) * 32.5)}
 html:not(.reading-layout) .scene-content{padding-top:calc(var(--header-height) + var(--desktop-unit) * 1.25);padding-bottom:calc(var(--reader-height) + var(--desktop-unit) * 2.5)}
 html:not(.reading-layout) h2{margin-bottom:calc(var(--desktop-unit) * 2)}
 html:not(.reading-layout) .hero h1{margin-bottom:calc(var(--desktop-unit) * 2)}
 html:not(.reading-layout) .hero-signature{max-width:100%}
 html:not(.reading-layout) .hero-line{max-width:calc(var(--desktop-unit) * 42);margin-bottom:var(--desktop-unit)}
 html:not(.reading-layout) .intro{max-width:calc(var(--desktop-unit) * 25)}
 html:not(.reading-layout) .journey-link{margin-top:calc(var(--desktop-unit) * 2);gap:var(--desktop-unit)}
 html:not(.reading-layout) .journey-link>span{font-size:calc(var(--desktop-unit) * 2)}
 html:not(.reading-layout) .hero-bottom{bottom:calc(var(--reader-height) + var(--desktop-unit));padding:calc(var(--desktop-unit) * .25) calc(var(--desktop-unit) * .5)}
 html:not(.reading-layout) .hero-bottom div{gap:calc(var(--desktop-unit) * 1.75)}
 html:not(.reading-layout) .question-copy p{max-width:calc(var(--desktop-unit) * 30.625)}
 html:not(.reading-layout) .create-copy{margin-top:calc(var(--desktop-unit) * 2)}
 html:not(.reading-layout) .create-copy h2{max-width:calc(var(--desktop-unit) * 45.625)}
 html:not(.reading-layout) .create-description{width:44%;max-width:calc(var(--desktop-unit) * 37.5);margin-top:calc(var(--desktop-unit) * 2)}
 html:not(.reading-layout) .voice-copy>p{max-width:calc(var(--desktop-unit) * 30)}
 html:not(.reading-layout) .event{margin-top:calc(var(--desktop-unit) * 2);padding-left:calc(var(--desktop-unit) * 1.25)}
 html:not(.reading-layout) .curiosity-copy p{max-width:calc(var(--desktop-unit) * 30)}
 html:not(.reading-layout) .handwritten-note{font-size:calc(var(--desktop-unit) * 1.625)}
 html:not(.reading-layout) .obras{padding-block:calc(var(--desktop-unit) * 6.25) calc(var(--desktop-unit) * 5);border-radius:calc(var(--desktop-unit) * 4) calc(var(--desktop-unit) * 4) 0 0}
 html:not(.reading-layout) .obras h2{max-width:calc(var(--desktop-unit) * 53.125)}
 html:not(.reading-layout) .project-pair{margin-top:calc(var(--desktop-unit) * 3.4375)}
 html:not(.reading-layout) .project-art{height:auto;aspect-ratio:900/618}
 html:not(.reading-layout) .project-art img{width:100%;height:100%}
 html:not(.reading-layout) .project-copy{padding-top:calc(var(--desktop-unit) * 2);margin-top:var(--desktop-unit)}
 html:not(.reading-layout) .project p{max-width:calc(var(--desktop-unit) * 32)}
 html:not(.reading-layout) .other-works{max-width:calc(var(--desktop-unit) * 45.625);margin-top:calc(var(--desktop-unit) * 4)}
 html:not(.reading-layout) .manifesto-copy{max-width:calc(var(--desktop-unit) * 36);padding-left:calc(var(--desktop-unit) * 2)}
 html:not(.reading-layout) .instagram-link{font-size:calc(var(--desktop-unit) * 1.25);gap:calc(var(--desktop-unit) * 3)}
 html:not(.reading-layout) .closing-signature{width:calc(var(--desktop-unit) * 24.375);margin-top:calc(var(--desktop-unit) * 1.5)}
 html:not(.reading-layout) .closing-signature .signature{max-width:100%}
}