/* Scroll narrative. Only active when JS and motion are available. */
.cinema{position:relative;background:#050608}.cinema-stage{position:relative;isolation:isolate;overflow:hidden}.sky-world{position:absolute;inset:0;z-index:-3;overflow:hidden}.sky-back,.sky-near{position:absolute;inset:0;transform-origin:50% 60%;will-change:transform}.sky-back img,.sky-near img{width:100%;height:100%;object-fit:cover;object-position:50% 60%;filter:saturate(.55)}.sky-near{clip-path:polygon(0 69%,7% 69%,11% 41%,17% 41%,20% 71%,72% 71%,78% 34%,88% 34%,89% 70%,100% 65%,100% 100%,0 100%)}.sky-glow{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 75%,#ecbe0820,transparent 65%);mix-blend-mode:screen;opacity:0}.sky-points{position:absolute;inset:0}.sky-points i{position:absolute;left:var(--x);top:var(--y);width:4px;height:4px;border-radius:50%;background:#ffda44;box-shadow:0 0 9px 3px #ffc80099;opacity:0}.cinema-vignette{position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#050608a0,transparent 50%,#050608dc),radial-gradient(ellipse,transparent 10%,#05060890)}
.cinema-panel{padding:120px 6vw 90px;min-height:90svh;display:flex;flex-direction:column;justify-content:center;position:relative}.cinema-panel>.eyebrow{color:var(--yellow);margin-bottom:28px}.cinema-intro{text-align:center;align-items:center}.cinema-intro h1{font-size:clamp(60px,9.5vw,152px);line-height:.93;font-weight:600;letter-spacing:-.065em}.cinema-intro h1 span{color:var(--yellow)}.cinema-intro>p:not(.eyebrow){font-size:14px;color:#ddd;margin-top:27px;max-width:360px}.cinema-discover{display:flex;align-items:center;gap:14px;font-size:11px;letter-spacing:.08em;margin-top:45px}.cinema-discover span{color:var(--yellow);font-size:22px}.cinema-needs{align-items:center;text-align:center}.cinema-needs h2{font-size:clamp(74px,15vw,230px);font-weight:600;line-height:1}.cinema-needs>p:last-child{font-size:clamp(18px,2vw,30px);margin-top:26px}.cinema-search{max-width:1020px;margin:auto;text-align:center}.cinema-search>.eyebrow{justify-content:center}.cinema-search h2{font-size:clamp(38px,5vw,74px);margin-bottom:38px}.cinema-search .directory-form{background:#101214e6;border:1px solid #65686c;border-radius:15px;padding:10px 12px 10px 24px;box-shadow:0 24px 90px #0007;backdrop-filter:blur(20px)}.cinema-search .directory-form input{font-size:clamp(14px,1.8vw,24px)}.cinema-search .directory-form button{border-radius:9px}.cinema-search .category-chips{justify-content:center}.cinema-search .category-chips a{background:#090a0bcc;color:#fff}.cinema-copy{background:#090a0b}.cinema-copy h2{font-size:clamp(38px,4.6vw,72px)}.cinema-object{position:relative;height:650px;display:grid;place-items:center;perspective:1400px}.object-halo{position:absolute;width:480px;max-width:95vw;aspect-ratio:1;border:1px solid #ecbe0828;border-radius:50%;box-shadow:0 0 120px #ecbe080b}.cinema-phone{width:250px;height:536px;border:7px solid #303238;border-radius:39px;position:absolute;overflow:hidden;box-shadow:0 0 0 1px #8a8d94,20px 35px 60px #000a;transform:rotateY(-10deg) rotateZ(-5deg);background:#090a0b}.phone-screen{width:100%;height:100%}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:top}.phone-camera{position:absolute;top:9px;left:36%;width:28%;height:16px;background:#090a0b;border-radius:20px}.cinema-book{width:clamp(220px,24vw,350px);aspect-ratio:.775;position:relative;transform-style:preserve-3d;transform:rotateY(-12deg) rotateZ(-3deg);box-shadow:18px 25px 45px #0009}.book-front{position:absolute;inset:0;transform-origin:left;transform-style:preserve-3d;backface-visibility:hidden;z-index:3}.book-front img{width:100%;height:100%;object-fit:cover}.book-leaves{position:absolute;inset:0;transform:translateZ(-8px);background:repeating-linear-gradient(90deg,#ddd 0px,#fff 1px,#aaa 2px);box-shadow:7px 3px 0 #aaa}.book-inside{position:absolute;inset:0;background:#f5f3e9;color:#090a0b;padding:10%;display:flex;flex-direction:column;justify-content:space-between;transform:translateZ(-2px)}.book-inside img{width:85%;padding:8px;background:#090a0b}.book-inside span{font-size:clamp(25px,3.1vw,47px);font-weight:600;line-height:1.05;letter-spacing:-.06em}.book-inside small{font-size:8px;letter-spacing:.1em;border-top:2px solid #ecbe08;padding-top:16px}.cinema-constellation{position:relative;width:min(550px,90vw);aspect-ratio:1;margin:auto}.cinema-constellation svg{position:absolute;inset:0;width:100%;height:100%;opacity:.5}.cinema-constellation strong{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:35px 20px;border:1px solid #ecbe0860;border-radius:50%;font-size:18px;background:#090a0b}.cinema-constellation span{position:absolute;left:var(--cx);top:var(--cy);transform:translate(-50%,-50%);font-size:9px;letter-spacing:.1em;white-space:nowrap;background:#090a0b;padding:10px}.cinema-constellation span:before{content:'';display:block;width:6px;height:6px;background:var(--yellow);border-radius:50%;margin:0 auto 10px;box-shadow:0 0 16px #ecbe0880}.cinema-progress{display:none}.photo-credit{color:#aaa;font-size:10px;margin:25px 0!important}.photo-credit a{text-decoration:underline}
/* Pinned cinema: all transitions are driven by scroll distance, not timers. */
.motion-cinema .cinema{height:1000svh}.motion-cinema .cinema-stage{position:sticky;top:0;height:100svh}.motion-cinema .cinema-panel{position:absolute;inset:0;min-height:0;opacity:0;pointer-events:none;will-change:transform,opacity}.motion-cinema .cinema-panel.scene-active{pointer-events:auto}.motion-cinema .cinema-copy{inset:0 0 0 52%;background:transparent;padding:100px 6vw 70px 0}.motion-cinema .cinema-object{position:absolute;inset:0 48% 0 0;height:auto;opacity:0;pointer-events:none}.motion-cinema .cinema-phone{width:clamp(205px,20vw,270px);height:auto;aspect-ratio:.466}.motion-cinema .cinema-book{position:absolute}.motion-cinema .cinema-constellation{position:absolute;left:4%;top:50%;transform:translateY(-50%);width:43%;margin:0;opacity:0;pointer-events:none}.motion-cinema .cinema-progress{position:absolute;bottom:25px;left:6vw;right:6vw;display:flex;align-items:center;gap:22px;font-size:8px;letter-spacing:.12em;color:#bfc1c5}.cinema-progress>div{height:1px;background:#ffffff30;flex:1}.cinema-progress i{display:block;height:1px;width:0;background:var(--yellow)}
/* Static fallback retains every action when JS or animation is disabled. */
.inh-experience:not(.motion-cinema) .cinema-book{display:none}.inh-experience:not(.motion-cinema) .cinema-object{background:#090a0b}.inh-experience:not(.motion-cinema) .cinema-magazine:after{content:'';display:block;width:210px;aspect-ratio:.775;background:var(--static-cover) center/cover;margin:35px 0}.inh-experience:not(.motion-cinema) .sky-world{max-height:190svh}.inh-experience:not(.motion-cinema) .cinema-needs{background:#090a0b99}
@media(max-width:780px){.cinema-panel{padding:100px 24px 60px}.cinema-intro h1{font-size:clamp(52px,14vw,95px)}.cinema-intro>p:not(.eyebrow){max-width:290px;font-size:13px}.cinema-panel>.eyebrow{font-size:8px;line-height:1.7}.cinema-search .directory-form{gap:8px;padding:7px 8px 7px 12px}.cinema-search .directory-form input{width:0;font-size:14px}.cinema-search .directory-form button{padding:14px 15px;font-size:11px}.cinema-search h2{font-size:39px}.cinema-search .category-chips{gap:8px}.cinema-search .category-chips a{padding:9px 12px;font-size:10px}.motion-cinema .cinema-copy{inset:0;padding:100px 24px 0;justify-content:start;text-align:center;align-items:center}.motion-cinema .cinema-copy>.eyebrow{margin-bottom:15px}.motion-cinema .cinema-copy h2{font-size:clamp(32px,8.4vw,48px);line-height:1.05}.motion-cinema .cinema-copy .chapter-copy{font-size:11px;max-width:300px;margin:13px 0 17px!important;line-height:1.5}.motion-cinema .cinema-copy .store-links a{min-height:48px;padding:8px 16px;font-size:13px}.motion-cinema .cinema-copy .subtle-link{margin-top:10px;font-size:10px}.motion-cinema .cinema-copy .actions{justify-content:center;gap:8px}.motion-cinema .cinema-copy .button{min-height:43px;padding:12px 15px;font-size:11px}.motion-cinema .cinema-copy .text-link{font-size:10px}.motion-cinema .cinema-object{inset:45% 0 35px}.motion-cinema .cinema-phone{width:145px;border-width:5px;border-radius:26px}.motion-cinema .phone-camera{height:10px;top:5px}.motion-cinema .cinema-book{width:155px}.motion-cinema .book-inside span{font-size:23px}.motion-cinema .book-inside small{font-size:6px}.motion-cinema .object-halo{width:240px}.motion-cinema .cinema-constellation{left:15%;top:70%;width:70%;max-width:360px}.cinema-constellation strong{font-size:12px;padding:24px 12px}.cinema-constellation span{font-size:7px;padding:7px}.motion-cinema .cinema-progress{left:24px;right:24px;bottom:15px;gap:12px;font-size:7px}.cinema-progress>span:last-child{display:none}.sky-back img,.sky-near img{object-position:53% 60%}}
@media(max-height:700px) and (max-width:780px){.motion-cinema .cinema-copy{padding-top:78px}.motion-cinema .cinema-copy .chapter-copy{display:none}.motion-cinema .cinema-object{inset:49% 0 30px}.motion-cinema .cinema-phone{width:120px}.motion-cinema .cinema-book{width:135px}.motion-cinema .cinema-copy h2{font-size:30px}}
.cinema-app .store-links a>span:last-child{display:block;color:#fff}.phone-screen{background:#0a0b0d;font-family:Arial,sans-serif;position:relative}.phone-app-head{background:#ecbe08;color:#090a0b;padding:16% 8% 10%;height:39%;display:flex;flex-direction:column;justify-content:space-between}.phone-app-head img{width:48%;height:auto;background:#090a0b;padding:3px}.phone-app-head small{font-size:7px;letter-spacing:.12em}.phone-app-head strong{font-size:21px;letter-spacing:-.04em}.phone-app-search{border:1px solid #090a0b;background:#090a0b;color:#fff;border-radius:20px;padding:8px;font-size:8px}.phone-app-content{padding:6% 8%}.phone-app-content>small{font-size:7px;letter-spacing:.1em;color:#ccc}.phone-app-categories{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:15px}.phone-app-categories span{padding:10px;background:#191b1e;border:1px solid #333;border-radius:9px;color:#ecbe08;font-size:20px}.phone-app-categories b{display:block;color:#eee;font-size:8px;font-weight:400;margin-top:5px}.phone-app-magazine{border:1px solid #ecbe0840;border-radius:9px;margin-top:10px;padding:10px 12px}.phone-app-magazine i{display:block;width:6px;height:6px;background:#ecbe08;border-radius:50%;margin-bottom:12px;box-shadow:0 0 15px #ecbe0860}.phone-app-magazine strong{display:block;font-size:18px;font-weight:500;letter-spacing:-.04em;line-height:1.1}.phone-app-magazine small{display:block;font-size:6px;color:#aaa;margin-top:8px}.phone-app-nav{position:absolute;bottom:0;left:0;right:0;border-top:1px solid #333;background:#111;font-size:6px;color:#ecbe08;padding:12px 5px;text-align:center}.book-front:after{content:'IN HOUSTON TEXAS\A Encuentra. Conecta. Crece.';white-space:pre-wrap;position:absolute;inset:0;background:#ecbe08;color:#090a0b;padding:14%;font-size:clamp(20px,2.5vw,35px);font-weight:600;letter-spacing:-.04em;display:flex;align-items:end;backface-visibility:hidden;transform:rotateY(180deg)}.book-front{backface-visibility:visible}.book-front img{backface-visibility:hidden}.motion-cinema .cinema-stage:after{content:"";position:absolute;inset:0;background:#050608;z-index:10;pointer-events:none;animation:city-arrival 1.8s ease-out both}@keyframes city-arrival{from{opacity:1}to{opacity:0}}
@media(max-width:780px){.phone-app-head strong{font-size:12px}.phone-app-head small{font-size:4px}.phone-app-search{font-size:5px;padding:5px}.phone-app-content>small{font-size:5px}.phone-app-categories{gap:5px;margin-top:8px}.phone-app-categories span{padding:6px;font-size:13px}.phone-app-categories b{font-size:5px;margin-top:3px}.phone-app-magazine{margin-top:9px;padding:8px}.phone-app-magazine strong{font-size:12px}.phone-app-magazine small{font-size:4px;margin-top:7px}.phone-app-magazine i{width:4px;height:4px;margin-bottom:6px}.phone-app-nav{font-size:4px;padding:8px 2px}.book-front:after{font-size:17px}}
@media(prefers-reduced-motion:reduce){.sky-world{animation:none!important}}
.archive .edition-shelf{display:grid;grid-template-columns:none;grid-auto-flow:column;grid-auto-columns:minmax(190px,21%);overflow-x:auto;gap:28px;padding:12px 2px 24px;scroll-snap-type:x proximity;scrollbar-color:#ecbe08 #303135}.archive .edition-card{scroll-snap-align:start}.closing-network{position:absolute;inset:0;pointer-events:none;z-index:-1}.closing-network svg{width:100%;height:100%;stroke:#ecbe08;stroke-width:.6;fill:#ecbe08;filter:drop-shadow(0 0 5px #ecbe08)}.closing-network path{opacity:.2}.closing>img{transform:scale(var(--closing-camera,1));will-change:transform}.closing h2{font-size:clamp(40px,5.5vw,80px)}.closing h2 .muted{color:#d7d7d7;font-size:.65em}.closing-network circle{stroke-width:2}.archive-heading:after{content:'DESLIZA PARA EXPLORAR →';font-size:9px;color:#c6c6c6;letter-spacing:.09em}
@media(max-width:780px){.archive .edition-shelf{grid-auto-columns:60%;gap:22px}.archive-heading:after{margin-top:4px}.closing-network path{opacity:.13}}
.cinema-needs h2.long-need{font-size:clamp(44px,11.5vw,180px)}
/* The current edition is the focal object; its real cover stays readable longer. */
.motion-cinema .cinema-book{width:clamp(270px,30vw,430px);aspect-ratio:2625/3375;pointer-events:auto}.cinema-book .book-inside{padding:0;background:#090a0b;overflow:hidden}.cinema-book .book-inside img{width:100%;height:100%;object-fit:contain;padding:0;background:transparent}.cover-read{position:absolute;bottom:-35px;left:0;right:0;display:block;text-align:center;color:#ecbe08;font-size:10px;letter-spacing:.1em;backface-visibility:hidden}.book-front:hover .cover-read{text-decoration:underline}.book-front:focus-visible{outline:3px solid #ecbe08;outline-offset:10px}.book-front img{object-fit:contain;background:#090a0b}.book-front:after{content:'IN HOUSTON TEXAS\A EDICIÓN ACTUAL';font-size:clamp(20px,2.5vw,35px)}
@media(max-width:780px){.motion-cinema .cinema-book{width:clamp(180px,53vw,230px);max-height:calc(48svh - 50px)}.cover-read{font-size:8px;bottom:-25px}.book-front:after{font-size:17px}}
@media(max-height:700px) and (max-width:780px){.motion-cinema .cinema-book{width:155px;max-height:calc(45svh - 40px)}}
.motion-cinema .cinema-copy.scene-active{pointer-events:none}.motion-cinema .cinema-copy.scene-active a{pointer-events:auto}
/* Actual edition-12 sheets turn before the magazine transforms into the phone. */
.motion-cinema .cinema{height:1400svh}.book-left{position:absolute;left:-100%;top:0;width:100%;height:100%;background:#fff;opacity:0;box-shadow:-10px 18px 35px #0007;overflow:hidden}.book-left img,.book-turn img{width:100%;height:100%;object-fit:contain;background:#fff}.book-turn{position:absolute;inset:0;transform-origin:left;transform-style:preserve-3d;z-index:4;opacity:0;pointer-events:none}.sheet-front,.sheet-back{position:absolute;inset:0;backface-visibility:hidden;overflow:hidden}.sheet-back{transform:rotateY(180deg)}.sheet-front:after,.sheet-back:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0003,transparent 13%,transparent 85%,#0001);pointer-events:none}.book-page-caption{position:absolute;top:calc(100% + 38px);left:-100%;right:0;text-align:center;color:#c7c7c7;font-size:9px;letter-spacing:.09em;white-space:nowrap}.book-inside:after{content:'';position:absolute;left:0;top:0;bottom:0;width:10%;background:linear-gradient(90deg,#0004,transparent);pointer-events:none}.book-is-open .cover-read{display:none}.motion-cinema .cinema-book{will-change:transform}.inh-experience:not(.motion-cinema) .cinema-magazine:after{width:260px;max-width:90%;aspect-ratio:2625/3375}
@media(max-width:780px){.book-page-caption{font-size:7px;top:calc(100% + 25px)}.motion-cinema .book-is-open .cinema-book{width:clamp(170px,53vw,220px)}.book-is-open .cinema-magazine .chapter-copy{display:none}.book-is-open .cinema-magazine{padding-top:105px}.book-is-open .cinema-magazine .actions{margin-top:15px}}
@media(max-height:700px) and (max-width:780px){.book-is-open .cinema-magazine{padding-top:78px}}

/* Cover verso is the real page 2; each leaf has different front/back pages. */
.book-front:after{display:none}.book-front .cover-face,.book-front .cover-back{position:absolute;inset:0;width:100%;height:100%;backface-visibility:hidden;object-fit:contain}.book-front .cover-back{transform:rotateY(180deg);background:#fff}.cinema-book .book-inside{background:#f8f7f2}
.book-front{z-index:6}
