:root{--max-width: 48rem;--content-width: 44rem;--bg: #fbf9f6;--bg-elevated: #ffffff;--fg: #100f0c;--fg-soft: #3c3a35;--muted: #6f6b62;--faint: #b3aea4;--border: #e7e1d6;--border-strong: #d4ccbb;--code-bg: #f4efe5;--dot: rgba(60, 58, 53, .1);--accent: #c2410c;--accent-hover: #9a3412;--accent-soft: rgba(194, 65, 12, .08);--selection: rgba(194, 65, 12, .2);--font-sans: "Inter var", "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: "Fraunces Variable", "Fraunces", "Iowan Old Style", "Charter", "Georgia", serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--shadow-sm: 0 1px 2px rgba(60, 58, 53, .06);--shadow-md: 0 4px 20px -6px rgba(60, 58, 53, .12), 0 2px 4px -2px rgba(60, 58, 53, .06);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 14px}@media(prefers-color-scheme:dark){:root{--bg: #0e0c0a;--bg-elevated: #181614;--fg: #f5efe4;--fg-soft: #d9d2c4;--muted: #9a9285;--faint: #524d44;--border: #2a2620;--border-strong: #3f392f;--code-bg: #1b1815;--dot: rgba(245, 239, 228, .06);--accent: #fb923c;--accent-hover: #fdba74;--accent-soft: rgba(251, 146, 60, .1);--selection: rgba(251, 146, 60, .22)}}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;min-height:100vh;background-color:var(--bg);background-image:radial-gradient(var(--dot) 1px,transparent 1px);background-size:22px 22px;background-position:-1px -1px;color:var(--fg);font-family:var(--font-sans);font-size:17px;line-height:1.7;font-feature-settings:"cv11","ss01","ss03";-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;border-top:3px solid var(--accent)}::selection{background:var(--selection);color:var(--fg)}a{color:var(--accent);text-decoration:underline;text-decoration-color:transparent;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .12s ease,text-decoration-color .16s ease}a:hover{color:var(--accent-hover);text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm);text-decoration:none}.page{max-width:var(--max-width);margin:0 auto;padding:0 1.75rem}.site-header{padding-top:2rem;padding-bottom:5rem}.site-header nav{display:flex;justify-content:space-between;align-items:center;gap:1rem}.brand{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.875rem;font-weight:600;color:var(--fg);text-decoration:none;letter-spacing:-.005em}.brand:hover{color:var(--accent);text-decoration:none}.brand-dot{width:.6rem;height:.6rem;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);flex-shrink:0}.site-meta{display:inline-flex;align-items:center;gap:1.25rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.site-signature{color:var(--faint)}.site-meta a{color:var(--muted);text-decoration:none;position:relative}.site-meta a:hover{color:var(--accent);text-decoration:none}.site-meta a:before{content:"→ ";color:var(--faint)}.site-main{padding-bottom:6rem}.eyebrow{display:inline-flex;align-items:center;gap:.55rem;font-family:var(--font-mono);font-size:.75rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin:0 0 1.25rem}.eyebrow-mark{color:var(--accent);font-size:.85rem;line-height:1}.intro{margin:0 0 5rem;max-width:36rem}.intro h1{font-family:var(--font-serif);font-size:clamp(3rem,7vw,4.75rem);font-weight:500;font-style:italic;letter-spacing:-.035em;line-height:.95;margin:0 0 1.25rem;color:var(--fg);font-variation-settings:"opsz" 144,"SOFT" 100}.intro-tagline{font-family:var(--font-serif);font-size:1.25rem;font-weight:400;font-style:italic;color:var(--muted);margin:0;line-height:1.5;font-variation-settings:"opsz" 72,"SOFT" 80}.section-head{display:flex;align-items:center;gap:1rem;margin-bottom:1rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.12em;text-transform:uppercase}.section-label{color:var(--fg);font-weight:600}.section-rule{flex:1;height:1px;background:var(--border-strong)}.section-count{color:var(--muted)}.post-list{list-style:none;margin:0;padding:0}.post-list-item{display:grid;grid-template-columns:7rem 1fr;gap:2.25rem;padding:2.25rem 0;border-bottom:1px solid var(--border);position:relative}.post-list-aside{display:flex;flex-direction:column;gap:.35rem;font-family:var(--font-mono);font-size:.75rem;letter-spacing:.04em;color:var(--muted)}.post-list-num{font-size:2rem;font-weight:600;color:var(--accent);line-height:1;letter-spacing:-.04em;font-feature-settings:"tnum";margin-bottom:.35rem}.post-list-time{color:var(--faint);text-transform:uppercase}.post-list-body{min-width:0}.post-list-title{display:flex;align-items:baseline;gap:.6rem;color:var(--fg);text-decoration:none;margin-bottom:.6rem}.post-list-title h2{font-family:var(--font-serif);font-size:1.65rem;font-weight:500;letter-spacing:-.02em;line-height:1.2;margin:0;color:inherit;transition:color .16s ease;font-variation-settings:"opsz" 72,"SOFT" 50}.post-list-arrow{display:inline-block;font-family:var(--font-mono);font-size:1.1rem;color:var(--faint);transform:translate(0);transition:transform .2s ease,color .16s ease}.post-list-title:hover{text-decoration:none}.post-list-title:hover h2{color:var(--accent)}.post-list-title:hover .post-list-arrow{transform:translate(6px);color:var(--accent)}.post-list-desc{margin:0 0 .85rem;color:var(--fg-soft);font-size:1rem;line-height:1.6}.post-list-tags{margin:0;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.04em;text-transform:lowercase;color:var(--muted)}.post-header{margin:0 0 3.5rem;padding-bottom:2.5rem;border-bottom:1px solid var(--border)}.post-header h1{font-family:var(--font-serif);font-size:clamp(2.25rem,5.5vw,3.5rem);font-weight:500;letter-spacing:-.035em;line-height:1.05;margin:0 0 1.5rem;color:var(--fg);font-variation-settings:"opsz" 144,"SOFT" 60;max-width:38rem}.post-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin:0}.post-tag{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:500;color:var(--muted);background:transparent;border:1px solid var(--border-strong);border-radius:999px;padding:.15rem .65rem;letter-spacing:.02em;text-transform:lowercase;transition:background .12s ease,border-color .12s ease,color .12s ease}.post-tag:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.prose{max-width:var(--content-width);font-size:1.0625rem;line-height:1.78;color:var(--fg-soft)}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose h2,.prose h3,.prose h4{font-family:var(--font-serif);color:var(--fg);font-weight:600;letter-spacing:-.018em;line-height:1.25;font-variation-settings:"opsz" 36,"SOFT" 50}.prose h2{font-size:1.65rem;margin-top:3rem;margin-bottom:.85rem}.prose h3{font-size:1.25rem;margin-top:2.25rem;margin-bottom:.5rem}.prose h4{font-family:var(--font-mono);font-size:.8rem;text-transform:uppercase;letter-spacing:.08em;color:var(--muted);font-weight:600;margin-top:2rem;margin-bottom:.5rem}.prose p{margin:0 0 1.15rem}.prose ul,.prose ol{margin:0 0 1.15rem;padding-left:1.4rem}.prose li{margin:.35rem 0}.prose li::marker{color:var(--faint)}.prose blockquote{margin:1.5rem 0;padding:.5rem 0 .5rem 1.5rem;border-left:3px solid var(--accent);color:var(--fg);font-family:var(--font-serif);font-style:italic;font-size:1.15rem;line-height:1.6}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:.6rem}.prose hr{border:none;margin:3rem auto;width:5rem;border-top:1px dashed var(--border-strong)}.prose a{color:var(--accent);text-decoration:underline;text-decoration-color:var(--border-strong);text-decoration-thickness:1px;text-underline-offset:3px}.prose a:hover{text-decoration-color:currentColor}.prose strong{color:var(--fg);font-weight:600}.prose em{font-style:italic}.prose img{max-width:100%;height:auto;border-radius:var(--radius-md)}.prose table{border-collapse:collapse;margin:1.75rem 0;width:100%;font-size:.95rem}.prose th,.prose td{border:1px solid var(--border);padding:.55rem .8rem;text-align:left}.prose th{background:var(--code-bg);font-weight:600;color:var(--fg);font-family:var(--font-mono);font-size:.85rem;letter-spacing:.02em}.prose--post>p:first-of-type:first-letter{font-family:var(--font-serif);font-weight:500;font-size:4.5em;float:left;line-height:.85;padding-right:.55rem;padding-top:.5rem;color:var(--accent);font-variation-settings:"opsz" 144,"SOFT" 100}code{font-family:var(--font-mono);font-size:.85em;background:var(--code-bg);padding:.15em .4em;border-radius:var(--radius-sm);border:1px solid var(--border)}pre{background:var(--code-bg);border:1px solid var(--border);padding:1.1rem 1.25rem;border-radius:var(--radius-md);overflow-x:auto;font-size:.85rem;line-height:1.65;margin:1.75rem 0;box-shadow:var(--shadow-sm)}pre code{background:none;padding:0;font-size:inherit;border:none;border-radius:0}pre::-webkit-scrollbar{height:8px}pre::-webkit-scrollbar-track{background:transparent}pre::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:4px}pre::-webkit-scrollbar-thumb:hover{background:var(--muted)}@media(prefers-color-scheme:dark){.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:var(--shiki-dark-bg)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}}@media(max-width:720px){.page{padding:0 1.25rem}body{font-size:16px}.site-header{padding-top:1.5rem;padding-bottom:3rem}.site-signature{display:none}.intro{margin-bottom:3.5rem}.intro h1{font-size:clamp(2.5rem,11vw,3.5rem)}.intro-tagline{font-size:1.1rem}.post-list-item{grid-template-columns:1fr;gap:.85rem;padding:1.75rem 0}.post-list-aside{flex-direction:row;align-items:baseline;gap:.85rem}.post-list-num{font-size:1.25rem;margin-bottom:0}.post-list-title h2{font-size:1.35rem}.post-header{margin-bottom:2.5rem;padding-bottom:1.75rem}.prose--post>p:first-of-type:first-letter{font-size:3.5em;padding-right:.4rem}}@font-face{font-family:"Amstrad PC 2y";src:url(/blog/_astro/WebPlus_Amstrad_PC-2y.BbZDfiCe.woff) format("woff");font-display:swap}@font-face{font-family:IBM Plex Sans;font-weight:400;src:url(/blog/_astro/ibm-plex-sans-latin-400-normal.CDDApCn2.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Sans;font-weight:400;font-style:italic;src:url(/blog/_astro/ibm-plex-sans-latin-400-italic.CZTNEAuW.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Sans;font-weight:500;src:url(/blog/_astro/ibm-plex-sans-latin-500-normal.6ng42L7E.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Sans;font-weight:600;src:url(/blog/_astro/ibm-plex-sans-latin-600-normal.CuJfVYMP.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Sans;font-weight:400;unicode-range:U+0590-05FF,U+FB1D-FB4F;src:url(/blog/_astro/ibm-plex-sans-hebrew-400-normal.DtcEHBoE.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Sans;font-weight:500;unicode-range:U+0590-05FF,U+FB1D-FB4F;src:url(/blog/_astro/ibm-plex-sans-hebrew-500-normal.BiCWpF8d.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Sans;font-weight:600;unicode-range:U+0590-05FF,U+FB1D-FB4F;src:url(/blog/_astro/ibm-plex-sans-hebrew-600-normal.C_LU4WLU.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Mono;font-weight:400;src:url(/blog/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2) format("woff2");font-display:swap}@font-face{font-family:IBM Plex Mono;font-weight:500;src:url(/blog/_astro/ibm-plex-mono-latin-500-normal.DSY6xOcd.woff2) format("woff2");font-display:swap}:root{--dos: "Amstrad PC 2y", "IBM Plex Mono", ui-monospace, monospace;--sans: "IBM Plex Sans", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "IBM Plex Mono", ui-monospace, "Cascadia Mono", monospace;--navy: #1f2b45;--blue: #8fb2d0;--blue-ink: #2e5d86;--paper2: #ece7dc;--phosphor: #c9cfc6;--phosphor-hi: #e3e8df;--glass: #0b0e0c;--on-accent: #f1efe8}:root,:root:root{color-scheme:light;--max-width: 1100px;--content-width: 68ch;--bg: #f5f2eb;--bg-elevated: #fffdf8;--fg: #1d1c1a;--fg-soft: #2f2d29;--muted: #6b665c;--faint: #9a9488;--border: #d9d3c6;--border-strong: #c9c1b1;--code-bg: var(--paper2);--dot: transparent;--accent: var(--navy);--accent-hover: var(--blue-ink);--accent-soft: rgba(31, 43, 69, .08);--selection: rgba(143, 178, 208, .45);--font-sans: var(--sans);--font-serif: var(--sans);--font-mono: var(--mono);--radius-sm: 0;--radius-md: 0;--radius-lg: 0}@media(prefers-color-scheme:dark){:root:root{--bg: #f5f2eb;--bg-elevated: #fffdf8;--fg: #1d1c1a;--fg-soft: #2f2d29;--muted: #6b665c;--faint: #9a9488;--border: #d9d3c6;--border-strong: #c9c1b1;--code-bg: var(--paper2);--dot: transparent;--accent: var(--navy);--accent-hover: var(--blue-ink);--accent-soft: rgba(31, 43, 69, .08);--selection: rgba(143, 178, 208, .45)}}body{background-image:none;font-family:var(--sans);font-style:normal;border-top:0;min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}body>.page{flex:1 0 auto;width:100%}.wz-top{position:relative;overflow:hidden;background:radial-gradient(ellipse 80% 160% at 50% 50%,#1a1f1c,var(--glass) 80%);box-shadow:inset 0 6px 10px -6px #000000e6,inset 0 -6px 10px -6px #000000e6}.wz-top:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.3) 2px 3px)}.wz-bar{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;gap:6px 24px;align-items:center;justify-content:space-between;color:var(--phosphor)}.wz-path{font:400 24px/1 var(--dos);letter-spacing:.02em;white-space:nowrap;color:var(--phosphor-hi);text-shadow:0 0 5px rgba(214,222,208,.45)}.wz-path a{color:inherit;text-decoration:none}.wz-path a:hover,.wz-path a:focus-visible{background:var(--phosphor);color:var(--glass);box-shadow:0 0 0 3px var(--phosphor);text-shadow:none;outline:none}.wz-caret{display:inline-block;width:.55em;height:.14em;background:currentColor;vertical-align:-.05em;margin-left:2px;animation:wz-blink .32s steps(1) infinite}@keyframes wz-blink{50%{opacity:0}}.wz-nav{display:flex;flex-wrap:wrap;gap:2px}.wz-nav a{font:400 24px/1 var(--dos);color:var(--phosphor);padding:2px 10px;text-decoration:none;text-shadow:0 0 5px rgba(214,222,208,.4)}.wz-nav a:hover,.wz-nav a[aria-current]{background:var(--phosphor);color:var(--glass);text-shadow:none}@media(max-width:620px){.wz-bar{padding:12px 20px;row-gap:8px}.wz-path,.wz-nav a{font-size:20px}.wz-nav{flex:1 0 100%;margin:0 -20px;padding:8px 10px 0;border-top:1px solid rgba(201,207,198,.2)}}@media(max-width:360px){.wz-nav a{font-size:17px;padding:2px 6px}}.page{max-width:1100px;padding:0 24px}.site-main{padding-top:56px;padding-bottom:0}.eyebrow{font:500 13px/1.3 var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--blue-ink)}.eyebrow-mark{display:none}.eyebrow-sep{color:var(--faint)}.intro{max-width:none;margin-bottom:0;padding-bottom:34px;border-bottom:2px solid var(--navy)}.intro h1{font:400 clamp(42px,6.5vw,72px)/1 var(--dos);letter-spacing:0;color:var(--navy);font-variation-settings:normal}.section-head{margin:46px 0 6px}.section-label{background:var(--navy);color:var(--on-accent);font:400 17px/1 var(--dos);letter-spacing:.04em;text-transform:none;padding:5px 10px 4px}.section-count{font:400 17px/1 var(--dos);color:var(--muted)}.post-list-item{border-bottom:1px solid var(--border)}.post-list-num{display:inline-block;font:400 26px/1 var(--dos);background:var(--navy);color:var(--on-accent);padding:6px 10px 5px;align-self:flex-start}.post-list-aside{font-family:var(--mono)}.post-list-title h2{font-family:var(--sans);font-weight:600;color:var(--navy);letter-spacing:0;font-variation-settings:normal}.post-list-title:hover h2{color:var(--navy);text-decoration:underline;text-decoration-color:var(--blue);text-underline-offset:5px}.post-list-arrow{color:var(--blue-ink)}.post-list-tags{font-family:var(--mono)}.post-header{border-bottom:2px solid var(--navy)}.post-header h1{font:400 clamp(34px,5vw,56px)/1.08 var(--dos);letter-spacing:0;color:var(--navy);font-variation-settings:normal}.post-tag{font-family:var(--mono);border-radius:0}.prose{max-width:var(--content-width)}.prose h2,.prose h3{font-family:var(--dos);font-weight:400;color:var(--navy);letter-spacing:0;font-variation-settings:normal}.prose h2{font-size:30px;line-height:1.1}.prose h3{font-size:24px;line-height:1.15}.prose a{color:var(--blue-ink)}.prose blockquote{border-left-color:var(--blue)}.prose--post>p:first-of-type:first-letter{font:inherit;float:none;padding:0;color:inherit}code{border:0}pre{background:var(--navy);border:0;box-shadow:4px 4px 0 var(--paper2)}.astro-code,.astro-code span{color:var(--shiki-dark)!important;background-color:transparent!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}pre.astro-code{background-color:var(--navy)!important}@media(max-width:720px){.page{padding:0 20px}.site-main{padding-top:36px}.post-list-num{font-size:20px}}.nf{display:grid;gap:22px;padding-bottom:24px}.nf-screen{position:relative;overflow:hidden;max-width:640px;padding:22px 24px 26px;background:radial-gradient(ellipse 90% 140% at 50% 40%,#1a1f1c,var(--glass) 80%);box-shadow:inset 0 0 18px #000000e6,4px 4px 0 var(--paper2);font:400 22px/1.4 var(--dos);color:var(--phosphor);text-shadow:0 0 5px rgba(214,222,208,.4);word-break:break-all}.nf-screen>span{display:block;min-height:1.4em}.nf-screen:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.3) 2px 3px)}.nf-screen a,.nf-screen button{font:inherit;color:var(--phosphor-hi);background:none;border:0;padding:0;cursor:pointer;text-decoration:none;text-shadow:inherit}.nf-screen a:hover,.nf-screen button:hover,.nf-screen a:focus-visible,.nf-screen button:focus-visible{background:var(--phosphor);color:var(--glass);text-shadow:none;outline:none}.nf-screen .wz-caret{animation:wz-blink .32s steps(1) infinite}.nf p{margin:0;color:var(--muted)}@media(max-width:620px){.nf-screen{font-size:18px;padding:18px}}.wz-foot{position:relative;overflow:hidden;margin-top:clamp(56px,5vw,72px);background:radial-gradient(ellipse 80% 160% at 50% 50%,#1a1f1c,var(--glass) 80%);box-shadow:inset 0 6px 10px -6px #000000e6,inset 0 -6px 10px -6px #000000e6}.wz-foot:after{content:"";position:absolute;inset:0;pointer-events:none;background:repeating-linear-gradient(to bottom,transparent 0 2px,rgba(0,0,0,.3) 2px 3px)}.wz-foot-bar{max-width:1100px;margin:0 auto;padding:14px 24px;display:flex;flex-wrap:wrap;gap:6px 24px;justify-content:space-between;font:400 20px/1.3 var(--dos);color:var(--phosphor);text-shadow:0 0 5px rgba(214,222,208,.4)}.wz-foot a{color:var(--phosphor-hi);text-decoration:none}.wz-foot a:hover,.wz-foot a:focus-visible{background:var(--phosphor);color:var(--glass);text-shadow:none;outline:none}.wz-foot-credit a{color:inherit;text-decoration:underline;text-decoration-color:#c9cfc659;text-underline-offset:4px}@media(max-width:620px){.wz-foot-bar{padding:12px 20px;font-size:17px}}html.from-crt body:before{content:"";position:fixed;inset:0;z-index:100;pointer-events:none;background:var(--glass);opacity:var(--dark-from, 1)}html.wz-arrive.from-crt body:before{animation:wz-undark .55s ease-out both}@keyframes wz-undark{0%{opacity:var(--dark-from, 1)}to{opacity:0;visibility:hidden}}@media(prefers-reduced-motion:reduce){html.from-crt body:before{display:none}.wz-caret{animation:none}}@media(prefers-reduced-motion:no-preference){html.wz-js:not(.wz-arrive) .wz-bar,html.wz-js:not(.wz-arrive) .page{opacity:0}html.wz-arrive .wz-bar{animation:wz-settle .6s cubic-bezier(.2,.7,.2,1) both}html.wz-arrive .wz-path{clip-path:inset(0 100% 0 0);animation:wz-type .5s steps(20,end) .15s forwards}html.wz-arrive .page{animation:wz-rise .6s cubic-bezier(.2,.7,.2,1) .1s both}html.wz-arrive.from-crt .wz-bar{animation-delay:.15s}html.wz-arrive.from-crt .wz-path{animation-delay:.35s}html.wz-arrive.from-crt .page{animation-delay:.25s}}@keyframes wz-type{to{clip-path:inset(0 0 0 0)}}@keyframes wz-settle{0%{transform:scale(1.06);opacity:0}to{transform:none;opacity:1}}@keyframes wz-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}