:root{--paper:#eeeae0;--ink:#22251f;--red:#dd3c25;--line:#c7c4b9;--serif:Georgia,'Times New Roman',serif;--sans:Arial,Helvetica,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;overflow-x:clip}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #2160b5;outline-offset:5px}button{border:0}p{line-height:1.65}h1,h2,h3,p{margin-top:0}h1,h2{letter-spacing:-.055em;line-height:1.01;font-weight:700}h1 em,h2 em{font-family:var(--serif);font-weight:400}h2{font-size:clamp(44px,5.7vw,88px);margin-bottom:30px}h3{font-size:27px;letter-spacing:-.035em}img{max-width:100%}.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:0 4%;background:var(--paper);border-bottom:1px solid var(--line);position:relative;z-index:20}.brand{width:173px;background:#20221e;padding:2px 8px;display:block}.brand img{display:block;width:155px;height:auto}.site-header nav{display:flex;gap:32px;font-size:14px}.site-header nav a:hover,.underlined:hover{color:var(--red)}.header-contact{background:var(--ink);color:var(--paper);padding:13px 21px;border-radius:2px;font-size:14px;position:fixed;right:4%;top:24px;z-index:30}.site-header nav{margin-right:165px}.header-contact span{margin-left:22px}.story{height:420vh;position:relative}.stage{height:calc(100svh - 90px);min-height:620px;position:sticky;top:0;isolation:isolate;overflow:hidden;background:var(--paper)}.edition{position:absolute;top:27px;left:4%;right:4%;display:flex;justify-content:space-between;gap:20px;font-family:monospace;font-size:12px;text-transform:uppercase;letter-spacing:.08em;z-index:3}.edition span:last-child{margin-right:155px}.scene{position:absolute;inset:3% -8% 2% 37%;z-index:0}.scene canvas{width:100%;height:100%;display:block}.scene-fallback{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;gap:0;font-size:clamp(110px,22vw,340px);font-weight:900;letter-spacing:-.09em;color:var(--red);font-family:var(--serif);font-style:italic;transform:rotate(-8deg)}.scene-fallback small{position:absolute;font-family:var(--sans);font-size:14px;font-style:normal;font-weight:400;letter-spacing:0;bottom:15%;text-align:center}.scene-ready .scene-fallback{display:none}.chapter-copy{position:absolute;left:5%;top:19%;max-width:39%;z-index:2;pointer-events:none}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.13em;font-family:monospace;margin-bottom:26px}.chapter-copy h1{font-size:clamp(42px,5.8vw,92px);margin-bottom:26px}.chapter-copy h1 em{color:var(--red)}.chapter-copy>p:not(.eyebrow){max-width:315px;font-size:16px;line-height:1.6}.pencil{font-family:var(--serif);font-style:italic;font-size:18px;display:inline-block;transform:rotate(-5deg);margin-top:20px;border-bottom:1px solid var(--red);padding-bottom:5px}.scene-controls{position:absolute;right:7%;bottom:19%;display:flex;flex-direction:column;gap:12px;align-items:end;z-index:3}.scene-controls button{background:var(--ink);color:var(--paper);padding:14px 19px;border-radius:50px;font-size:14px;box-shadow:0 8px 25px #0001}.scene-controls button:hover{background:var(--red)}.scene-hint{font-family:var(--serif);font-style:italic;font-size:14px}.story-footer{position:absolute;left:5%;right:5%;bottom:42px;border-top:1px solid #aaa89f;padding-top:20px;display:flex;align-items:center;justify-content:space-between;gap:25px}.chapter-nav{display:flex;gap:27px}.chapter-nav button{padding:7px 0;background:transparent;font-size:14px;color:#66675e}.chapter-nav button span{font-family:monospace;margin-right:8px}.chapter-nav button[aria-current]{color:var(--red)}.scroll-cue{font-size:13px;display:flex;gap:25px}.progress-track{position:absolute;left:0;top:-1px;right:0;height:2px}#progress-bar{height:2px;width:0;background:var(--red)}.section{padding:55px 6% 85px}.section-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;font-family:monospace;letter-spacing:.03em;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:65px}.manifesto{background:#faf8f1}.intro-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:9vw}.intro-copy{padding-top:10px;max-width:495px}.intro-copy .lead{font-size:24px;letter-spacing:-.025em;line-height:1.5}.intro-copy p{font-size:17px}.underlined{display:inline-flex;align-items:center;gap:25px;border-bottom:1px solid currentColor;padding:8px 0;margin-top:15px;font-size:16px}.career-strip{margin-top:70px;padding-top:30px;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.career-strip strong{display:block;font-family:var(--serif);font-size:32px;font-style:italic;font-weight:400}.career-strip span{display:block;margin-top:10px;font-size:13px}.work{background:var(--ink);color:var(--paper)}.work .section-label{border-color:#53564d}.work-heading{display:flex;gap:60px;justify-content:space-between;align-items:end;margin-bottom:45px}.work-heading>p{max-width:355px;color:#c6c8be;font-size:17px}.work h2 em{color:#d3d6a9}.services details{border-top:1px solid #55584f}.services details:last-child{border-bottom:1px solid #55584f}summary{display:flex;gap:30px;align-items:center;list-style:none;padding:25px 0;cursor:pointer}summary::-webkit-details-marker{display:none}summary h3{margin:0;font-size:clamp(24px,2.8vw,42px);font-weight:400}.service-number{font-family:monospace;font-size:13px;color:#bdc0b2}.service-symbol{margin-left:auto;font-size:32px;transition:transform .25s}details[open] .service-symbol{transform:rotate(45deg)}details>div{padding:0 50px 35px;display:flex;justify-content:space-between;gap:55px}details>div p{max-width:580px;font-size:17px;color:#e0e0d6;margin:0}details>div>span{font-size:13px;line-height:1.7;max-width:260px;color:#c6c8be}details .underlined{margin:0;align-self:start}.course-teaser{background:#e7e9d5}.course-teaser-grid{display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:center}.course-lettering{font-size:clamp(140px,20vw,310px);letter-spacing:-.095em;font-weight:800;position:relative;transform:rotate(-9deg);text-align:center;color:var(--red)}.course-lettering>span{font-family:var(--serif);font-weight:400;font-style:italic}.course-lettering small{display:block;font-size:13px;font-family:monospace;letter-spacing:.24em;transform:rotate(9deg);margin:20px 0}.course-teaser-grid h2{font-size:clamp(42px,5vw,77px)}.course-teaser-grid p{font-size:18px;max-width:480px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:35px;padding:17px 24px;font-size:16px;border-radius:2px}.button.dark{background:var(--ink);color:var(--paper)}.button.red{background:var(--red);color:white}.button:hover{filter:brightness(.9)}.contact{background:var(--red);color:#faf8ef;padding-bottom:100px}.contact .section-label{border-color:#ffffff55}.contact h2{font-size:clamp(62px,9vw,140px)}.contact>p{font-size:18px}.contact-actions{margin-top:45px;display:flex;gap:35px;align-items:center;justify-content:space-between}.email-link{font-size:clamp(22px,3.4vw,52px);letter-spacing:-.045em;border-bottom:1px solid #ffffff88;padding-bottom:10px}.email-link span{margin-left:20px}.button.outline{border:1px solid #ffffff88;white-space:nowrap}footer{background:var(--ink);color:var(--paper);display:flex;justify-content:space-between;align-items:center;gap:30px;padding:35px 6% 90px;font-size:13px}footer img{width:180px;height:auto}footer span{line-height:1.6;color:#c6c8be}.experience-controls{position:fixed;right:20px;bottom:16px;z-index:40;background:#faf8f1eb;border:1px solid #b7b6ab;border-radius:50px;display:flex;align-items:center;padding:5px 10px;box-shadow:0 3px 15px #0001;backdrop-filter:blur(10px)}.experience-controls button{font-size:12px;background:none;padding:8px 10px}.experience-controls span{color:#888}.experience-controls button[aria-pressed=true]{color:#b02f1b}.skip{position:fixed;top:-100px;left:12px;padding:15px;background:white;z-index:100}.skip:focus{top:12px}.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}.reading-method{display:none}.three-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.three-columns article{border-top:1px solid var(--line);padding-top:25px}.three-columns article>span{font-size:13px;font-family:monospace}.three-columns h3{margin-top:20px}.static-mode .story{height:auto}.static-mode .stage{position:relative;height:85svh;min-height:620px}.static-mode .reading-method{display:block}.static-mode .chapter-nav,.static-mode .scroll-cue,.static-mode .scene-controls{display:none}.static-mode .story-footer{display:none}.no-webgl .scene-fallback{display:flex}.no-webgl canvas{display:none}
/* La pagina del laboratorio */
.course-page .site-header{background:#faf8f1}.course-hero{padding:60px 6% 75px;position:relative;overflow:hidden;background:#faf8f1}.course-top{display:grid;grid-template-columns:1.2fr 1fr;gap:45px;align-items:center}.course-hero h1{font-size:clamp(52px,7vw,110px);margin-bottom:30px}.course-hero h1 em{color:var(--red)}.course-hero .lead{font-size:20px;max-width:600px}.course-poster{background:var(--red);color:#faf8ef;padding:40px 35px;transform:rotate(5deg);box-shadow:12px 18px 0 #22251f;min-height:420px;display:flex;flex-direction:column;justify-content:space-between}.poster-title{font-size:clamp(120px,16vw,235px);letter-spacing:-.09em;font-weight:800;line-height:1}.poster-title em{font-family:var(--serif);font-weight:400}.course-poster>p{font-size:14px;font-family:monospace;letter-spacing:.04em}.poster-foot{font-family:var(--serif);font-size:26px}.course-intro{margin-top:45px;display:flex;gap:25px;flex-wrap:wrap;font-size:13px;font-family:monospace;border-top:1px solid var(--line);padding-top:24px}.audience-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px}.audience-card{padding:35px;border:1px solid var(--ink)}.audience-card h3{font-size:36px;margin:25px 0}.audience-card p{font-size:17px}.audience-card .eyebrow{margin:0}.audience-card .button{margin-top:15px}.learning-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:0 60px}.learning-grid article{border-top:1px solid #55584f;padding:25px 0}.learning-grid h3{font-size:27px}.learning-grid p{color:#d4d6cb}.program-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px}.program-grid article{border-top:1px solid var(--ink);padding-top:25px}.program-grid h3{font-size:34px;line-height:1.1}.program-grid ul{padding-left:20px;font-size:17px;line-height:1.75}.program-note{font-size:14px;max-width:750px;color:#52574b}.faq details{border-top:1px solid var(--line)}.faq summary{font-size:20px;justify-content:space-between}.faq details>div{display:block;padding:0 0 25px}.faq details>div p{color:var(--ink);max-width:850px}.course-page .contact h2{font-size:clamp(50px,7vw,100px)}
@media(min-width:1700px){.chapter-copy{max-width:650px}}@media(max-width:1000px){.site-header nav{gap:20px}.site-header nav a:nth-child(2){display:none}.chapter-copy h1{font-size:6.1vw}.chapter-copy{max-width:43%;left:4%}.scene{left:31%;right:-15%}.intro-grid{gap:45px}.contact-actions{align-items:start;flex-direction:column}.course-top{gap:25px}.course-poster{min-height:340px}.edition span:last-child{display:none}.career-strip{grid-template-columns:1fr 1fr;gap:30px}.work-heading{gap:25px}.work-heading>p{max-width:290px}.course-teaser-grid{gap:40px}footer{flex-wrap:wrap}.three-columns{gap:25px}.scene-hint{display:none}}
@media(max-width:650px){html{scroll-padding-top:30px}.site-header{height:79px;padding:0 5%;gap:15px}.brand{width:130px;padding:3px 6px}.brand img{width:118px}.site-header nav{margin:0 115px 0 auto}.site-header nav a{display:none}.header-contact{top:22px;right:5%;padding:10px 13px;font-size:13px}.header-contact span{margin-left:10px}.story{height:370vh}.stage{min-height:600px;height:calc(100svh - 79px)}.edition{left:6%;right:6%;top:23px;font-size:10px;max-width:63%}.chapter-copy{left:6%;top:11%;max-width:88%;pointer-events:none}.chapter-copy h1{font-size:clamp(38px,10.8vw,56px);line-height:.96;max-width:90%;margin-bottom:16px}.chapter-copy h1 br:nth-child(2){display:none}.chapter-copy .eyebrow{margin-bottom:15px;font-size:10px}.chapter-copy>p:not(.eyebrow){font-size:14px;max-width:82%;line-height:1.5}.pencil{display:none}.scene{inset:35% 0 6% 0;height:57%;}.scene-fallback{font-size:150px}.scene-controls{bottom:15%;right:6%}.scene-controls button{font-size:12px;padding:10px 14px}.story-footer{left:6%;right:6%;bottom:68px;padding-top:14px}.chapter-nav{justify-content:space-between;width:100%;gap:8px}.chapter-nav button{font-size:12px}.chapter-nav button span{margin-right:3px}.scroll-cue{display:none}.section{padding:32px 6% 55px}.section-label{margin-bottom:35px;font-size:11px;gap:25px}.section-label>span:last-child{text-align:right;max-width:145px}.intro-grid{grid-template-columns:1fr;gap:25px}h2{font-size:46px}.intro-copy .lead{font-size:22px}.intro-copy p{font-size:17px}.career-strip{margin-top:35px}.career-strip strong{font-size:28px}.career-strip span{font-size:12px}.work-heading{display:block;margin-bottom:30px}.work-heading>p{max-width:none}summary{gap:15px;padding:23px 0}summary h3{font-size:25px}.service-number{font-size:12px}.service-symbol{font-size:26px}details>div{display:block;padding:0 0 25px 29px}details>div>span{display:block;margin-top:20px}details .underlined{margin-top:20px}.course-teaser-grid{grid-template-columns:1fr;gap:30px}.course-lettering{font-size:170px;margin:10px 0 30px}.course-lettering small{font-size:12px}.course-teaser-grid h2{font-size:49px}.course-teaser-grid>div>p{font-size:17px}.contact h2{font-size:65px}.contact>p{font-size:17px}.email-link{font-size:clamp(19px,5.4vw,28px)}.email-link span{margin-left:12px}.contact-actions{gap:25px;margin-top:30px}.button{font-size:15px;padding:15px 20px}footer{padding:30px 6% 100px;gap:22px}footer img{width:140px}footer span{font-size:12px;flex:1}.experience-controls{right:12px;bottom:12px}.experience-controls button{font-size:11px;padding:7px}.three-columns,.learning-grid,.audience-grid,.program-grid{grid-template-columns:1fr;gap:25px}.static-mode .stage{min-height:650px;height:95svh}.static-mode .scene{height:60%;inset:34% -15% 0}.course-hero{padding:40px 6% 55px}.course-top{grid-template-columns:1fr;gap:40px}.course-hero h1{font-size:54px}.course-hero .lead{font-size:18px}.course-poster{min-height:310px;margin:0 15px 15px 5px;padding:25px;transform:rotate(3deg);box-shadow:8px 12px 0 #22251f}.poster-title{font-size:160px}.course-intro{font-size:12px;gap:15px}.audience-card{padding:25px}.audience-card h3{font-size:32px}.program-grid{gap:35px}.faq summary{font-size:18px}.course-page .contact h2{font-size:52px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}

body:not(.js-enhanced) .story{height:auto}body:not(.js-enhanced) .reading-method{display:block}body:not(.js-enhanced) .scene-controls,body:not(.js-enhanced) .story-footer,body:not(.js-enhanced) .experience-controls{display:none}

@media(max-height:550px){.story{height:auto}.stage{position:relative;height:640px}.reading-method{display:block}.story-footer{display:none}.chapter-copy{top:15%}}

@media(max-width:650px){.site-header nav .course-nav{display:block;font-size:13px}.course-nav span{display:none}}
@media(max-width:650px){.site-header{display:grid;grid-template-columns:130px 1fr 100px;gap:8px}.site-header nav{margin:0;justify-self:center}.header-contact{padding:10px}}

/* Logo on the paper surface, without a dark badge. */
.brand{background:transparent}.brand img,footer img{filter:brightness(.48)}footer{background:var(--paper);color:var(--ink);border-top:1px solid var(--line)}footer span{color:#57594f}
