@font-face{font-family:RetroAnton;src:url(/retrospectiva/fonts/Anton-Regular.woff2) format("woff2");font-display:swap}@font-face{font-family:RetroAnton Fallback;src:local("Impact");size-adjust:96%}@font-face{font-family:RetroSerif;src:url(/brand/InstrumentSerif-Italic.woff2) format("woff2");font-style:italic;font-display:swap}@font-face{font-family:RetroSerif Fallback;src:local("Georgia Italic"),local("Georgia-Italic");font-style:italic;size-adjust:80%}.retro{--stage: #10201D;--paper: #F0FFF4;--leaf: #25D366;--deep: #075E54;--pale: #DCF8C6;--dim: rgba(240, 255, 244, .68);--line: rgba(240, 255, 244, .16);--pad: clamp(20px, 5vw, 72px);--display: RetroAnton, "RetroAnton Fallback", Impact, "Arial Narrow", sans-serif;--serif: RetroSerif, "RetroSerif Fallback", Georgia, serif;background:var(--stage);color:var(--paper);font:400 17px/1.5 Archivo Variable,Archivo Fallback,system-ui,sans-serif}.retro :focus-visible{outline:3px solid var(--leaf);outline-offset:3px}.retro .sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.retro .amp{font-family:var(--serif);font-style:italic;text-transform:none;color:var(--leaf);font-size:.92em}.retro .emo{font-family:"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:.78em;vertical-align:.06em}.retro-nav{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px var(--pad);position:relative;z-index:5}.retro-nav>a img{height:26px;width:auto;display:block}.retro-nav nav{display:flex;align-items:center;gap:28px;font-size:15px;font-weight:600}.retro-nav nav>a{color:var(--dim);text-decoration:none}.retro-nav .language-picker summary{border:2px solid var(--line);font-size:15px;font-weight:700;color:var(--paper)}.retro-hero{position:relative;overflow:hidden;padding:0 var(--pad);min-height:clamp(460px,58vh,640px);display:grid;align-items:center}.retro-hero .bg{position:absolute;inset:0;z-index:0;display:flex;align-items:center;pointer-events:none;overflow:hidden}.retro-hero .bg:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#10201d8c,#10201d59 55%,#10201dd9 75%)}.retro-hero .reel{display:flex;gap:14px;width:-moz-max-content;width:max-content;padding:22px 0;background-color:#000;opacity:.5;filter:blur(5px);--holes: repeating-linear-gradient(90deg, transparent 0 14px, rgba(240,255,244,.85) 14px 26px, transparent 26px 40px);background-image:var(--holes),var(--holes);background-repeat:repeat-x;background-size:40px 8px;background-position:0 7px,0 calc(100% - 7px);animation:retro-run 70s linear infinite}@keyframes retro-run{to{transform:translate(-50%)}}.retro-hero .fr{height:clamp(380px,46vh,560px);aspect-ratio:4 / 3;flex:none;position:relative;overflow:hidden;padding:clamp(16px,1.6vw,24px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start}.retro-hero .fr .big{font:400 clamp(48px,5vw,78px)/.95 var(--display);text-transform:uppercase}.retro-hero .fr .num{font:900 clamp(60px,6vw,96px)/.85 "Archivo Variable","Archivo Fallback",sans-serif;letter-spacing:-.04em}.retro-hero .f-names{background:var(--deep);color:var(--paper)}.retro-hero .f-count{background:var(--leaf);color:var(--stage)}.retro-hero .f-emoji{background:var(--stage)}.retro-hero .f-emoji .row{display:flex;align-items:center;gap:14px}.retro-hero .f-emoji .e{font-size:clamp(54px,5.4vw,84px);line-height:1}.retro-hero .f-emoji .num{color:var(--leaf)}.retro-hero .f-silence{background:var(--paper);color:var(--stage)}.retro-hero .f-time{background:var(--pale);color:var(--stage)}.retro-hero .hgrid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,7fr) minmax(0,4fr);gap:40px 64px;align-items:end;padding:clamp(32px,5vw,72px) 0}.retro-hero .title{container-type:inline-size}.retro-hero h1{font:400 clamp(50px,6.6vw,100px)/1.12 var(--display);text-transform:uppercase;letter-spacing:-.005em;margin:0}.retro-hero .w{display:block;color:var(--leaf);white-space:nowrap;font-size:min(1em,100cqw / var(--fit, 7.9))}.retro-hero .names{display:grid}.retro-hero .slot{grid-area:1 / 1;align-self:start;opacity:0;transform:translateY(.18em);transition:opacity .32s ease,transform .32s ease}.retro-hero .slot.on{opacity:1;transform:none}.retro-hero .side p{font:italic 400 clamp(34px,2.9vw,46px)/1.08 var(--serif);margin:0}.retro-hero .side small{display:block;font:500 clamp(18px,1.5vw,22px)/1.4 "Archivo Variable","Archivo Fallback",sans-serif;color:#f0fff4c7;margin-top:14px}.retro-hero .actions{margin-top:28px;display:flex;flex-direction:column;gap:12px}.retro .cta{display:flex;align-items:center;justify-content:center;background:var(--leaf);color:var(--stage);text-decoration:none;font:800 19px Archivo Variable,Archivo Fallback,sans-serif;padding:20px 28px;border:0;cursor:pointer;text-align:center}.retro .ghostbtn{display:flex;align-items:center;justify-content:center;gap:12px;background:transparent;color:var(--paper);font:700 18px Archivo Variable,Archivo Fallback,sans-serif;padding:18px 26px;border:2px solid var(--line);cursor:pointer}.retro .ghostbtn svg{width:18px;height:18px}.retro-sample{border:0;padding:0;background:transparent;max-width:min(92vw,420px)}.retro-sample::backdrop{background:#000000d1}.retro-sample video{display:block;width:100%;aspect-ratio:9 / 16;background:#000}.retro-sample form{display:flex;justify-content:flex-end;margin-bottom:10px}.retro-sample button{background:transparent;color:#f0fff4;border:2px solid rgba(240,255,244,.4);font:700 15px Archivo Variable,Archivo Fallback,sans-serif;padding:8px 14px;cursor:pointer}.retro-block{border-top:1px solid var(--line);padding:clamp(48px,7vw,88px) var(--pad);display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:24px 64px}.retro-block h2{font:400 clamp(40px,5vw,72px)/1 var(--display);text-transform:uppercase;margin:0}.retro-block .lead{color:var(--dim);margin-top:14px;max-width:34ch}.retro-block b{color:var(--paper);font-weight:700}.retro-tabs{display:flex;border-bottom:1px solid var(--line)}.retro-tabs button{background:none;border:0;color:var(--dim);font:700 17px Archivo Variable,Archivo Fallback,sans-serif;padding:0 0 14px;margin-right:32px;cursor:pointer;border-bottom:3px solid transparent;margin-bottom:-1px}.retro-tabs button[aria-selected=true]{color:var(--paper);border-color:var(--leaf)}.retro-steps{list-style:none;padding:0;margin:8px 0 0;counter-reset:s}.retro-steps li{counter-increment:s;display:grid;grid-template-columns:44px 1fr;padding:18px 0;border-bottom:1px solid var(--line)}.retro-steps li:before{content:counter(s);font:400 28px/1 var(--display);color:var(--leaf)}.retro-steps .opt{display:block;margin-top:8px;color:var(--dim)}.retro-faq{margin:0}.retro-faq>div{padding:22px 0;border-bottom:1px solid var(--line)}.retro-faq>div:first-child{padding-top:0}.retro-faq dt{font:700 20px Archivo Variable,Archivo Fallback,sans-serif}.retro-faq dd{color:var(--dim);margin:6px 0 0}.retro-faq dd a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}.retro-also{display:grid;grid-template-columns:1fr 1fr}.retro-also a{text-decoration:none;color:var(--paper);padding:clamp(32px,4vw,48px) var(--pad);display:grid;gap:14px;align-content:start;min-height:220px}.retro-also a:first-child{background:var(--deep)}.retro-also a:last-child{background:#000}.retro-also .k{font:400 clamp(30px,3vw,44px)/1 var(--display);text-transform:uppercase}.retro-also .s{font:italic 400 22px/1.2 var(--serif);color:var(--pale)}.retro-also img{height:30px;width:auto}.retro-also .go{font:700 16px Archivo Variable,Archivo Fallback,sans-serif;text-decoration:underline;text-underline-offset:5px;margin-top:auto}.retro-tool{min-width:0}.retro-toolhead{margin:0 0 24px;font:400 clamp(30px,7vw,48px)/1.1 var(--display);text-transform:uppercase;overflow-wrap:anywhere}.retro-toolhead .y{display:block;color:var(--leaf);font-size:.6em}.retro-toolhead .n{display:block;color:var(--paper)}.retro-reading{margin:0;font:400 clamp(30px,3vw,40px)/1.1 var(--display);text-transform:uppercase;color:var(--paper)}.retro-reading .dots span{animation:retro-dot 1.2s infinite;opacity:.2;color:var(--leaf)}.retro-reading .dots span:nth-child(2){animation-delay:.2s}.retro-reading .dots span:nth-child(3){animation-delay:.4s}@keyframes retro-dot{0%,20%{opacity:.2}40%,60%{opacity:1}to{opacity:.2}}@media(prefers-reduced-motion:reduce){.retro-reading .dots span{animation:none;opacity:1}}.retro-tool h2.step{font:400 clamp(30px,3vw,40px)/1 var(--display);text-transform:uppercase;margin:0 0 20px}.retro-tool .stephead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.retro-tool .stephead h2.step{margin:0}.retro-tool .next{flex:none;display:inline-flex;align-items:center;gap:8px;background:var(--leaf);color:var(--stage);border:0;padding:10px 14px;font:800 15px Archivo Variable,Archivo Fallback,sans-serif;cursor:pointer}.retro-tool .next:disabled{opacity:.4;cursor:default}.retro-tool label.field{display:block;color:var(--dim);font-size:15px}.retro-tool .caption{display:block;font:800 13px Archivo Variable,Archivo Fallback,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;padding:0}.retro-tool input[type=text],.retro-tool select{margin-top:6px;min-height:52px;width:100%;background:transparent;color:var(--paper);border:2px solid var(--line);padding:0 14px;font:500 17px Archivo Variable,Archivo Fallback,sans-serif;border-radius:0}.retro-tool select option{color:#10201d}.retro-tool select{margin-top:0;min-height:56px;height:56px;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding:0 44px 0 16px;font-weight:600;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5 11 1.5' fill='none' stroke='%23F0FFF4' stroke-width='2'/%3E%3C/svg%3E") no-repeat right 16px center / 14px 10px}.retro-tool input[type=text]:focus,.retro-tool select:focus{outline:none;border-color:var(--leaf)}.retro-tool .err{color:#ff9c8a;font-weight:700;font-size:15px;margin-top:6px}.retro-tool legend{font:800 13px Archivo Variable,Archivo Fallback,sans-serif;letter-spacing:.08em;text-transform:uppercase;color:var(--dim);margin-bottom:10px;padding:0}.retro-tool fieldset legend+div{margin-top:0}.retro-tool fieldset{border:0;padding:0;margin:0}.retro-tool .stack>*+*{margin-top:18px}.retro-tool .track{display:flex;width:100%;min-height:56px;align-items:center;justify-content:space-between;background:transparent;color:var(--paper);border:2px solid var(--line);padding:0 16px;font:600 17px Archivo Variable,Archivo Fallback,sans-serif;cursor:pointer;text-align:left}.retro-tool .track[aria-pressed=true]{border-color:var(--leaf);color:var(--leaf);font-weight:800}.retro-tool .tracks>div+div{margin-top:10px}.retro-tool button.cta:disabled{opacity:.4;cursor:default}.retro-tool .note{color:var(--dim);font-size:15px}.retro-tool .strong{font-weight:700;color:var(--paper);font-size:15px}.retro-drop{border:2px dashed rgba(240,255,244,.35);padding:clamp(32px,5vw,56px);display:grid;gap:18px;justify-items:start;cursor:pointer}.retro-drop strong{font:400 clamp(30px,3vw,40px)/1.05 var(--display);text-transform:uppercase;font-weight:400}.retro-drop span{color:var(--dim)}.retro-drop u{color:var(--paper);text-underline-offset:4px}.retro-drop .touch{display:none}@media(pointer:coarse){.retro-drop .desk{display:none}.retro-drop .touch{display:block}}.retro-keep{z-index:10;background:var(--leaf);color:var(--stage);padding:14px 16px;font-weight:800;font-size:15px;text-align:center;margin-bottom:28px}.retro-tool .stack>.retro-keep+h2.step{margin-top:0}.retro-pct{font:400 clamp(64px,8vw,110px)/1 var(--display);color:var(--paper)}.retro-bar{height:10px;background:var(--line)}.retro-bar>div{height:100%;background:var(--leaf)}.retro-carousel{border:2px solid var(--line)}.retro-carousel .img{position:relative;aspect-ratio:600 / 440;overflow:hidden;background:#fff}.retro-carousel .img img{position:absolute;inset:0;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;transition:opacity .5s}.retro-carousel .cap{padding:16px;border-top:2px solid var(--line)}.retro-carousel .cap p{font:italic 400 22px/1.2 var(--serif);margin:0;grid-area:1 / 1;transition:opacity .5s}.retro-carousel .dots{display:flex;gap:8px;margin-top:12px}.retro-carousel .dots span{width:24px;height:4px;background:var(--line)}.retro-carousel .dots span[aria-current=true]{background:var(--leaf)}.retro-tool video{display:block;width:100%;max-width:360px;aspect-ratio:9 / 16;background:#000}.retro-more{display:flex;width:100%;align-items:center;justify-content:space-between;gap:12px;background:transparent;color:var(--paper);border:2px solid var(--line);padding:14px 16px;text-align:left;cursor:pointer;font-family:Archivo Variable,Archivo Fallback,sans-serif}.retro-more:disabled{opacity:.5;cursor:default}.retro-more .l{display:block;font-weight:800;font-size:17px}.retro-more .s{display:block;color:var(--dim);font-size:15px}.retro-tool h3.more{font:400 clamp(30px,3vw,40px)/1.05 var(--display);text-transform:uppercase;margin:36px 0 0}@media(max-width:760px){.retro-nav nav>a{display:none}.retro-hero{min-height:0;align-items:start}.retro-hero .hgrid{grid-template-columns:1fr;padding:24px 0 48px;gap:28px}.retro-hero .bg{align-items:flex-start}.retro-hero .bg:after{background:linear-gradient(180deg,rgba(16,32,29,.35),rgba(16,32,29,.55) 45%,var(--stage) 70%)}.retro-hero .fr{height:380px}.retro-hero .reel{filter:none;opacity:.55}.retro-hero .fr>*{color:color-mix(in srgb,currentColor 14%,transparent)!important}.retro-hero .fr .amp,.retro-hero .f-emoji .num{color:color-mix(in srgb,#25D366 16%,transparent)!important}.retro-hero .f-emoji .e{opacity:.15}.retro-block,.retro-also{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.retro-hero .reel{animation:none}.retro-hero .slot{transition:none}}@media(hover:hover){.retro-nav nav>a:hover{color:var(--paper)}.retro-nav .language-picker summary:hover,.retro-nav .language-picker[open] summary{border-color:var(--paper);background:transparent}.retro .cta:hover{background:var(--paper)}.retro .ghostbtn:hover{border-color:var(--paper)}.retro-tool .next:hover{background:var(--paper)}.retro-drop:hover,.retro-drop[data-over=true],.retro-drop:focus-within{border-color:var(--leaf)}.retro-more:hover{border-color:var(--leaf)}}
