/* Enlace: a continuous film with one concise message per scene. */
.site-header .brand{width:128px;height:auto;aspect-ratio:632/220;flex-shrink:0}
.site-header .brand img{width:100%;height:100%;object-fit:contain}
.site-footer>a:first-child img{height:auto;aspect-ratio:632/220}
.film{height:560svh}
.film-media{z-index:0}
.film-reel{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% center;z-index:8;opacity:0;pointer-events:none;transition:opacity .8s ease;background:transparent}
.film-media.is-ready .film-reel{opacity:1}
.film-reel::-webkit-media-controls,.film-reel::-webkit-media-controls-enclosure,.film-reel::-webkit-media-controls-panel,.film-reel::-webkit-media-controls-start-playback-button{display:none!important}
.film-shade{background:linear-gradient(90deg,#102a25b0 0%,#102a2554 36%,#102a250a 72%),linear-gradient(0deg,#102a2570,transparent 43%,transparent 78%,#102a252b)}
.film-grain{opacity:.035}
.scene-copy{top:34%;max-width:600px;transition:opacity .2s ease,visibility .3s;will-change:opacity,transform}
.scene-copy h1{font-size:clamp(56px,4.8vw,76px);line-height:1.05;font-weight:350;letter-spacing:-.045em;text-wrap:pretty;max-width:590px}
.scene-copy h2,.scene-copy[data-copy="3"] h2{font-size:clamp(44px,3.8vw,62px);line-height:1.08;font-weight:350;letter-spacing:-.045em;max-width:590px;text-wrap:pretty}
.scene-copy .eyebrow{margin-bottom:22px;letter-spacing:1.7px;font-size:9px}
.scene-description{font-size:16px;line-height:1.65;margin-top:24px;color:#f5f0e7e0;max-width:390px}
.film-link{font-size:12px;margin-top:25px;padding-bottom:6px}
.word-inner{transition-duration:.6s;transition-delay:calc(var(--word-index)*.025s)}
.film-bottom{bottom:38px;align-items:center}
.film-hint{font-size:10px;font-weight:350;letter-spacing:.3px;gap:20px;max-width:none;opacity:.85}
.film-hint span{font-size:18px}
.motion-toggle{font-size:10px;opacity:.8}
.motion-toggle:hover{opacity:1}
.reading-mode .film-reel{display:none}
.reading-mode .scene-copy{opacity:1!important;transform:none!important;min-height:85svh;max-width:none;transition:none}
.reading-mode .scene-copy h1,.reading-mode .scene-copy h2{font-size:clamp(46px,5vw,74px);max-width:700px}
.reading-mode .film-bottom{bottom:auto}
@media(min-width:1800px){.scene-copy{top:35%}.film-bottom{bottom:48px}}
@media(max-width:1100px){.scene-copy{top:33%;max-width:550px}.scene-copy h1{font-size:64px}.scene-copy h2,.scene-copy[data-copy="3"] h2{font-size:50px}}
@media(max-width:760px){
 .site-header .brand{width:104px}
 .film{height:580svh}.film-stage{min-height:540px}.film-reel{object-position:65% center}
 .film-shade{background:linear-gradient(90deg,#102a25b8,#102a2526 100%),linear-gradient(0deg,#102a2580,transparent 65%,#102a2526)}
 .scene-copy{top:31%;max-width:88vw}.scene-copy h1{font-size:clamp(40px,10.8vw,52px);max-width:360px;line-height:1.06}
 .scene-copy h2,.scene-copy[data-copy="3"] h2{font-size:clamp(32px,8.8vw,43px);line-height:1.1;max-width:370px}
 .scene-copy .eyebrow{font-size:7px;letter-spacing:1.4px;margin-bottom:20px}
 .scene-description{font-size:14px;line-height:1.65;max-width:300px;margin-top:22px}
 .film-link{font-size:12px;margin-top:22px}
 .film-bottom{bottom:29px;display:flex;left:6vw;right:6vw;gap:12px}.film-hint{display:flex;font-size:9px;max-width:none;gap:12px}.film-hint span{font-size:16px}
 .motion-toggle{position:static;font-size:8px;padding:8px 0;gap:7px;white-space:nowrap}.motion-toggle span{font-size:12px;border:0;padding:0}
 .reading-mode .scene-copy h1,.reading-mode .scene-copy h2{font-size:40px}.reading-mode .film-bottom{display:block}
}
@media(max-height:720px) and (min-width:761px){.scene-copy{top:30%}.scene-copy h1{font-size:58px}.scene-copy h2,.scene-copy[data-copy="3"] h2{font-size:48px}.scene-copy .eyebrow{margin-bottom:18px}.scene-description{font-size:14px;margin-top:18px}.film-bottom{bottom:25px}}
@media(max-height:540px) and (min-width:650px){.site-header .brand{width:108px}.film-stage{min-height:0}.scene-copy{top:27%;max-width:54vw}.scene-copy h1,.scene-copy h2,.scene-copy[data-copy="3"] h2{font-size:36px}.scene-copy .eyebrow{font-size:6px;margin-bottom:12px}.scene-description{font-size:12px;line-height:1.5;margin-top:14px;max-width:340px}.film-link{font-size:10px;margin-top:13px}.film-bottom{bottom:18px}.film-hint,.motion-toggle{font-size:8px}}
@media(prefers-reduced-motion:reduce){.film-reel{transition:none}.scene-copy{will-change:auto}}