.fuentes{padding-block:0 90px}.f-hero{grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(40px,5vw,64px);padding-block:clamp(20px,3.5vh,44px) clamp(44px,6.5vh,76px);display:grid}.f-hero h1{font-size:clamp(54px,6vw,82px)}.f-hero h1 span{color:var(--accent)}.f-hero p{max-width:46ch;margin-top:22px;font-size:15px}.f-hero p+p{margin-top:12px}.f-hero-links{gap:18px;display:flex}.f-hero-links a{text-underline-offset:5px;text-decoration:underline;text-decoration-color:var(--line)}.f-chapter{grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,5vw,68px);padding-block:clamp(30px,5vh,58px);display:grid}.f-chapter--flip .f-stage{order:-1}.f-copy h2{margin-bottom:16px;font-size:clamp(34px,3.4vw,46px)}.f-copy h2 a{text-underline-offset:6px;text-decoration:underline 1.5px;text-decoration-color:var(--line)}.f-copy p{max-width:44ch;font-size:15px}.f-stage{background:var(--surface);border-radius:12px;flex-direction:column;gap:14px;padding:clamp(20px,2.4vw,30px) clamp(20px,2.4vw,30px) 16px;display:flex}.f-stage svg{width:100%;height:auto;display:block}.f-note{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;gap:6px 16px;margin-top:auto;padding-top:14px;font-size:11px;display:flex}.f-stage--quiet{justify-self:end;width:100%;max-width:440px}.f-freq{--freq-progress:1;grid-template-columns:minmax(0,.9fr) minmax(0,1.05fr);align-items:start;gap:clamp(36px,5vw,68px);padding-block:clamp(30px,5vh,58px);display:grid}.f-freq-copy h2{margin-bottom:8px;font-size:clamp(34px,3.4vw,46px)}.f-freq-note{border-top:1px solid var(--line);flex-direction:column;justify-content:center;min-height:clamp(200px,32vh,300px);display:flex;position:relative}.f-freq-note:first-of-type{border-top:0}.f-freq-note h3{margin-bottom:10px;font-size:18px}.f-freq-note p{max-width:40ch;font-size:14px}.f-freq-note:after{content:"";background:var(--line);opacity:.55;border-radius:50%;width:7px;height:7px;margin-top:-3px;transition:background-color .3s ease-out,transform .3s ease-out,opacity .3s ease-out;position:absolute;top:50%;right:0;transform:scale(.6)}.f-freq-note.is-active:after{background:var(--accent);opacity:1;transform:scale(1)}.f-stage--pin{position:sticky;top:30px}.f-scene text{font-family:var(--body);font-weight:500}.f-scene .t-disp{font-family:var(--display);font-weight:700}.f-scene .t-label{letter-spacing:.09em;fill:var(--muted);font-size:9px}.f-scene .t-name{fill:var(--muted);font-size:10px}.f-scene .t-mono{fill:var(--text);letter-spacing:.03em;font-size:21px}.f-scene .t-mono-s{fill:var(--text);letter-spacing:.04em;font-size:12px}.f-scene .t-figure{fill:var(--text);font-size:40px}.f-scene .t-clock{fill:var(--text);font-size:16px}.f-scene .t-hour{fill:var(--muted);font-variant-numeric:tabular-nums;font-size:10px}.f-scene .s-rule{stroke:var(--line);fill:none}.f-scene .s-ink{stroke:var(--text);fill:none}.f-scene .s-second{stroke:var(--away);fill:none}.f-scene .s-signal{stroke:var(--accent);fill:none}.f-scene .s-dash{stroke:var(--line);fill:none;stroke-dasharray:4 5}.f-scene .s-panel{fill:var(--surface);stroke:var(--line)}.f-scene .s-plate,.f-scene .s-fill{fill:var(--raised);stroke:var(--line)}.f-scene .s-dot-signal{fill:var(--accent)}.f-scene .s-dot-idle{fill:var(--raised);stroke:var(--line)}.f-scene .s-dot-xg{fill:var(--surface);stroke:var(--accent)}.f-scene .t-score{font-family:var(--display);fill:var(--text);font-size:46px;font-weight:700}.fuentes.js-anim .f-stage{opacity:0;transition:opacity .55s ease-out,transform .65s cubic-bezier(.16,1,.3,1);transform:translateY(18px)}.fuentes.js-anim .f-stage.in-view{opacity:1;transform:none}.fuentes.js-anim .f-stage .draw{stroke-dasharray:100;stroke-dashoffset:100px;transition:stroke-dashoffset .9s cubic-bezier(.16,1,.3,1) var(--d,0s)}.fuentes.js-anim .f-stage.in-view .draw{stroke-dashoffset:0}.fuentes.js-anim .f-stage .pop{opacity:0;transition:opacity .45s ease-out var(--d,0s),transform .55s cubic-bezier(.16,1,.3,1) var(--d,0s);transform:translateY(9px)}.fuentes.js-anim .f-stage.in-view .pop{opacity:1;transform:none}.fuentes.js-anim .f-stage .pulse{transform-origin:50%;animation:2.2s ease-in-out infinite f-pulse}@keyframes f-pulse{0%,to{opacity:1}50%{opacity:.35}}.f-scene .f-flow{stroke:var(--muted);fill:none;stroke-width:2px;stroke-dasharray:2.5 9.5;opacity:0}.f-scene .f-flow--out{stroke:var(--accent);stroke-width:2.5px;stroke-dasharray:6 6}.fuentes.js-anim .f-stage .f-flow{transition:opacity .42s ease-out;transition-delay:calc(var(--d,0s) + .88s)}.fuentes.js-anim .f-stage.in-view .f-flow{opacity:1;animation:1.05s linear infinite f-flow;animation-delay:calc(var(--d,0s) + .88s)}@keyframes f-flow{to{stroke-dashoffset:-12px}}.f-scene .f-badge{transform-box:fill-box;transform-origin:50%}.fuentes.js-anim .f-stage.in-view .f-badge{animation:3.8s ease-in-out infinite f-breathe}.fuentes.js-anim .f-stage.in-view .f-badge--alt{animation-delay:-1.9s}@keyframes f-breathe{0%,to{transform:scale(1)}50%{transform:scale(1.055)}}.fuentes.js-anim .f-stage.in-view .f-march{animation:1.3s linear infinite f-marcha}@keyframes f-marcha{to{stroke-dashoffset:-10px}}.f-dial-arc{stroke-dashoffset:calc(100 - 100*var(--freq-progress))}.f-scene .f-dial-tick{fill:var(--surface);stroke:var(--line);transition:fill .32s ease-out,stroke .32s ease-out}.f-scene .f-dial-tick.is-lit{fill:var(--accent);stroke:var(--accent)}.f-freq-note h3,.f-freq-note p{transition:color .3s ease-out}.f-freq-note:not(.is-active) h3{color:var(--muted)}.f-end{border-top:1px solid var(--line);margin-top:clamp(26px,4vh,48px);padding-top:26px}.f-end p{max-width:60ch;font-size:15px}.f-end a{text-underline-offset:5px;text-decoration:underline}@media (width<=760px){.fuentes{padding-bottom:64px}.f-hero{grid-template-columns:1fr;gap:24px;padding-block:14px 34px}.f-hero h1{font-size:clamp(44px,12.5vw,66px)}.f-hero p{font-size:14px}.f-chapter,.f-freq{grid-template-columns:1fr;gap:20px;padding-block:34px}.f-chapter .f-stage{order:-1}.f-copy h2,.f-freq-copy h2{font-size:clamp(30px,8vw,38px)}.f-stage{padding:18px 16px 12px}.f-stage--quiet{justify-self:stretch;max-width:none}.f-stage--pin{position:static}.f-freq-note{min-height:0;padding-block:18px}.f-freq-note p{font-size:13px}.f-freq-note:after{display:none}.f-note{margin-top:12px}.f-scene .t-label{font-size:12px}.f-scene .t-name{font-size:13px}.f-scene .t-hour{font-size:12px}.f-scene .t-clock{font-size:17px}.f-scene .t-mono-s{font-size:14px}}@media (prefers-reduced-motion:reduce){.f-stage--pin{position:relative;top:auto}.fuentes .pulse,.fuentes .f-badge,.fuentes .f-march{animation:none}.fuentes .f-flow{display:none}}
