:root { --plum:#52192f; --oxblood:#6d0504; --pink:#ff66c4; --white:#fff; --black:#000; --warm:#f7f4ef; --ink-muted:#65565c; --light-muted:#e6d8df; --rule:rgb(82 25 47 / 22%); --serif:'Playfair Display',Georgia,serif; --sans:'Poppins',Arial,sans-serif}
* { box-sizing:border-box}
html { scroll-behavior:smooth; scroll-padding-top:112px}
body { margin:0; color:var(--plum); background:var(--warm); font:18px/1.7 var(--sans)}
button,input { font:inherit}
a { color:inherit; text-underline-offset:5px}
a:hover { text-decoration-thickness:2px}
:focus-visible { outline:3px solid currentColor; outline-offset:5px; scroll-margin-top:112px; scroll-margin-bottom:24px}
[hidden] { display:none!important}
img { display:block; max-width:100%; height:auto}
h1,h2,h3,h4,p { margin:0}
h1,h2,h3,h4 { font-family:var(--serif); font-weight:500; text-wrap:pretty}
h1 { font-size:clamp(38px,4.45vw,68px); line-height:1.08; letter-spacing:-.045em}
h2 { font-size:clamp(34px,4vw,58px); line-height:1.12; letter-spacing:-.035em}
h3 { font-size:28px; line-height:1.25}
p { max-width:65ch}
.wrap { width:calc(100% - 112px); max-width:1280px; margin-inline:auto}
.section { padding-block:100px}
.button { display:inline-flex; align-items:center; justify-content:center; min-height:60px; min-width:184px; gap:24px; padding:16px 28px; background:var(--pink); color:var(--black); font-size:18px; font-weight:600; text-decoration:none; border:1px solid transparent; border-radius:5px; transition:background .18s}
.button::after { content:"↗"; font-size:23px; line-height:1}
.button:hover { background:var(--white); border-color:var(--plum); color:var(--plum)}
.skip-link { position:absolute; top:8px; left:20px; z-index:10; transform:translateY(-200%); padding:10px 20px; background:var(--white)}
.skip-link:focus { transform:none}
.site-header { position:sticky; top:0; z-index:30; background:var(--plum); color:var(--white)}
.nav-layout { position:relative; display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; min-height:84px; gap:16px; border-bottom:1px solid rgb(255 255 255 / 24%)}
.nav-layout > .wordmark { margin-right:auto}
.wordmark { font-family:var(--serif); font-size:24px; line-height:1.1; text-decoration:none}
#navigation { display:flex; align-items:center; flex-wrap:wrap; gap:26px; font-size:16px}
#navigation>a:not(.button) { text-decoration:none; padding-block:12px}
.button.nav-booking { min-width:174px; min-height:52px; padding:7px 8px 7px 22px; gap:18px; border-radius:999px; background:var(--warm); color:var(--plum); border-color:transparent; font-size:16px; font-weight:500}
.button.nav-booking::after { display:grid; place-items:center; flex:0 0 34px; width:34px; height:34px; border-radius:50%; background:var(--pink); color:var(--plum); font-size:21px}
.button.nav-booking:hover { background:var(--pink); color:var(--plum); transform:none}
.button.nav-booking:hover::after { background:var(--plum); color:var(--white)}
.button.nav-booking:focus-visible { outline-color:var(--white); outline-offset:4px}
.menu-toggle { background:none; color:var(--white); border:1px solid rgb(255 255 255 / 55%); padding:8px 14px; min-height:44px; cursor:pointer}
.hero { position:relative; background:var(--plum); color:var(--white); padding-top:42px; padding-bottom:30px; isolation:isolate}
.hero-portrait { position:absolute; right:0; top:0; width:60%; height:100%; object-fit:cover; object-position:60% 43%; z-index:-1}
.hero-layout { position:relative}
.hero-panel { width:54%; padding:30px 44px 24px 0; background:var(--plum)}
.hero-identity { display:flex; gap:18px; align-items:baseline; margin-bottom:22px}
.signature { font-family:var(--serif); font-size:30px; line-height:1.2}
.hero-identity>p:last-child { font-size:14px; color:var(--light-muted)}
.hero-description { font-size:18px; line-height:1.7; margin-top:24px; max-width:49ch}
.hero-copy .button { margin-top:20px}
.trust-line { color:var(--light-muted); font-size:14px; line-height:1.65; margin-top:18px; max-width:48ch}
.press-band { padding-block:27px 19px; background:var(--white)}
.press-band h2 { font:500 12px/1.6 var(--sans); letter-spacing:.17em; text-align:center; color:var(--ink-muted)}
.press-logos { display:flex; justify-content:center; align-items:center; flex-wrap:wrap; gap:8px 36px; list-style:none; padding:0 20px; margin:12px auto 0; max-width:1280px}
.press-logos li { display:flex; justify-content:center; align-items:center; height:76px}
/* Windows onto the supplied artwork;  inversion preserves original logo shapes. */
.press-logo { display:block; height:68px; filter:invert(1); background:url('assets/press-logos.jpg') no-repeat; background-size:1001px 137px}
.logo-millionaire { width:116px; background-position:-100px -13px}
.logo-abc { width:66px; background-position:-245px -13px}
.logo-fox { width:68px; background-position:-339px -13px}
.logo-disrupt { width:120px; background-position:-425px -13px}
.logo-corporate { width:115px; background-position:-578px -13px}
.logo-journal { width:116px; background-position:-720px -13px}
.logo-silicon { width:90px; background-position:-878px -13px}
.proof-strip { background:var(--white)}
.proof-strip-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); border-top:1px solid var(--rule); border-bottom:1px solid var(--rule); padding-block:25px}
.proof-strip a { display:flex; gap:22px; align-items:center; text-decoration:none; padding-inline:30px; border-left:1px solid var(--rule)}
.proof-strip a:first-child { padding-left:0; border:0}
.proof-strip strong { font-size:50px; font-weight:500; line-height:1.15; letter-spacing:-.055em}
.proof-strip a>span { font-size:16px; line-height:1.6}
.proof-client { display:block; color:var(--ink-muted); font-size:14px; margin-top:4px}
.problem { background:var(--white); padding-block:76px 78px}
.problem-layout { display:grid; grid-template-columns:.85fr 1.75fr; gap:64px}
.problem h2 { font-size:clamp(34px,3.5vw,50px)}
.problem-list,.phases,.fit-list { list-style:none; padding:0; margin:0}
.problem-list { display:grid; grid-template-columns:1fr 1fr; gap:28px 36px}
.problem-list li { padding-top:16px; border-top:1px solid var(--rule)}

.index { display:block; color:var(--oxblood); font-size:13px; margin-bottom:16px}
.problem-list h3 { font-size:26px}
.problem-list p { margin-top:14px; color:var(--ink-muted)}
.engine { padding-block:64px}
.section-intro { display:flex; align-items:end; justify-content:space-between; gap:48px}
.section-intro>p { max-width:34ch; color:var(--ink-muted); font-size:18px}
.phases { margin-block:32px 28px}
.phases li { display:grid; grid-template-columns:96px .8fr 1.4fr; align-items:center; gap:30px; padding-block:24px; border-top:1px solid var(--rule)}
.phases li:last-child { border-bottom:1px solid var(--rule)}
.phase-number { color:var(--oxblood); font-size:14px}
.phases h3 { font-size:42px; letter-spacing:-.03em}
.phases p { color:var(--ink-muted); max-width:43ch}
.results { background:var(--white)}
.results-heading { display:flex; justify-content:space-between; align-items:end; gap:40px; padding-block:76px 36px}
.results-index { display:flex; flex-wrap:wrap; gap:12px; font-size:17px; font-weight:500}
.results-index a { display:inline-flex; align-items:center; justify-content:space-between; gap:20px; min-height:54px; padding:12px 20px; border:1px solid var(--plum); border-radius:5px; background:var(--warm); text-decoration:none}
.results-index a::after { content:"↓"; font-size:20px}
.results-index a:hover { background:var(--plum); color:var(--white)}
.case-group { padding-bottom:65px}
.case-group>.wrap { display:grid; grid-template-columns:1fr 1fr; gap:0 64px}
.group-heading { grid-column:1/-1; font:500 17px/1.5 var(--sans); letter-spacing:.08em; border-top:1px solid var(--plum); padding-block:20px 36px}
.case-study { min-width:0; padding-block:16px 40px}
.case-category { font-size:14px; color:var(--ink-muted); margin-bottom:9px}
.case-client { font-size:20px; font-weight:500; margin-bottom:18px}
.case-story h4 { font-size:36px; line-height:1.16; letter-spacing:-.035em; margin-bottom:20px; max-width:25ch}
.story-label { display:block; margin-bottom:5px; font-size:14px; font-weight:600; color:var(--oxblood)}
.case-context { color:var(--ink-muted); margin-bottom:18px}
.case-work { color:var(--plum)}
.case-stats { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:28px 0; padding:0; border:0}
.case-stat { min-width:0; padding:18px 16px; background:var(--warm); border:1px solid var(--rule); border-radius:4px}
.case-stat dt { font-size:36px; line-height:1.15; font-weight:500; letter-spacing:-.06em}
.case-stat dt.word { font-size:25px; letter-spacing:-.04em}
.case-stat dt.long { font-size:25px}
.case-stat dd { margin:10px 0 0; font-size:15px; line-height:1.5; color:var(--plum)}
.case-proof { margin:0; min-width:0}
.proof-images { display:grid; gap:14px; padding:24px; background:var(--warm)}
.proof-images img { width:100%; height:auto}
.proof-zoom { display:block; position:relative; cursor:zoom-in}
.proof-zoom { text-decoration:none}
.proof-image-label { display:flex; flex-wrap:wrap; justify-content:space-between; gap:6px 12px; padding:10px 12px; background:var(--white); color:var(--plum); font-size:13px; line-height:1.5}
.proof-image-label > span { text-decoration:underline; text-underline-offset:3px}
.proof-zoom:hover { outline:1px solid var(--plum); outline-offset:3px}
.case-proof figcaption { margin-top:12px; font-size:14px; color:var(--ink-muted)}
.proof-placeholder { padding:24px; border:2px dashed var(--plum); background:var(--warm)}
.proof-placeholder span { display:block; font-size:15px; color:var(--plum)}
.proof-placeholder span:first-child { display:inline-block; padding:5px 10px; background:var(--oxblood); color:var(--white); font-size:12px; font-weight:600; letter-spacing:.05em; text-transform:uppercase}
.proof-placeholder p { font-size:20px; font-weight:500; line-height:1.4; margin-block:16px 10px}
.asset-checklist { padding:0 26px; margin-bottom:36px; border:2px dashed var(--plum); background:var(--warm)}
.draft-label { display:inline-block; padding:5px 10px; margin-bottom:0; background:var(--oxblood); color:var(--white); font-size:12px; font-weight:600; text-transform:uppercase; letter-spacing:.05em}
.asset-disclosure, .asset-disclosure:last-child { border:0}
.asset-disclosure > summary { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:18px; padding-block:20px}
.asset-checklist-title { font-size:18px; font-weight:500}
.asset-checklist-intro { padding-top:4px}
.asset-disclosure[open] { padding-bottom:20px}
.asset-checklist p { font-size:16px; max-width:75ch}
.asset-checklist ul { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:0 36px; margin:24px 0 0; padding:0; list-style:none}
.asset-checklist li { border-top:1px solid var(--rule)}
.asset-checklist a { display:block; padding-block:16px; text-decoration:none}
.asset-checklist a:hover strong { text-decoration:underline; text-underline-offset:4px}
.asset-checklist strong { display:block; font-size:16px; font-weight:500}
.asset-checklist a span { display:block; font-size:14px; color:var(--ink-muted); margin-top:4px}
.case-feature { grid-column:1/-1; display:grid; grid-template-columns:1fr 1fr; column-gap:64px; padding-bottom:64px}
.case-details { align-self:center}
.case-feature .case-story { grid-column:1}
.case-feature .case-story h4 { font-size:44px}
.case-feature .case-stats { grid-column:1; align-self:end; margin-bottom:0}
.case-feature .case-proof { grid-column:2; grid-row:1; align-self:center}
.case-feature .case-stat dt { font-size:38px}
.case-feature .case-stat dt.word { font-size:28px}
#morgan-nelson .proof-images>:first-child, #ash-d .proof-images>:first-child { width:72%; margin-inline:auto}
#ash-d .case-details { grid-column:2}
#ash-d .case-proof { grid-column:1}
.group-convert { background:var(--warm); padding-top:45px}
.group-convert .case-stat,.group-convert .proof-images,.group-convert .proof-placeholder { background:var(--white)}
.case-compact { grid-column:1/-1; display:grid; grid-template-columns:1.1fr 1fr; column-gap:80px; padding-block:30px}
.case-compact .case-story { grid-row:1/3}
.case-compact .case-stats { margin-top:0; align-self:start}
.case-compact .case-proof { grid-column:2}
.group-amplify { padding-top:50px}
.group-amplify .case-stats, #romans-creative-academy .case-stats { grid-template-columns:1fr; gap:12px}
.group-amplify .case-stat, #romans-creative-academy .case-stat { display:flex; flex-wrap:wrap; align-items:baseline; gap:10px 20px}
.group-amplify .case-stat dd, #romans-creative-academy .case-stat dd { margin:0}
#capital-school .case-stat dt.long { font-size:32px; white-space:nowrap}
.group-systems .case-compact { margin-bottom:55px}
#mara-pereira .proof-images { grid-template-columns:1fr 1fr}
#mara-pereira .proof-images>:first-child { grid-column:1/-1}
#mara-pereira .case-stats { align-self:start}
.qualification { border-top:1px solid var(--rule); padding-block:80px}
.qualification h2 { margin-bottom:45px}
.fit-grid { display:grid; grid-template-columns:1fr 1fr; gap:80px}
.fit-grid>div { border-top:1px solid var(--rule); padding-top:24px}
.fit-grid h3 { font-size:28px}
.fit-list li { display:grid; grid-template-columns:18px 1fr; gap:12px; padding-top:18px}
.fit-list span { color:var(--oxblood)}
.faq { padding-top:25px}
.faq-layout { display:grid; grid-template-columns:.8fr 1.3fr; gap:80px}
details { border-top:1px solid var(--rule)}
details:last-child { border-bottom:1px solid var(--rule)}
summary { display:flex; align-items:baseline; justify-content:space-between; gap:20px; list-style:none; font-size:18px; font-weight:500; cursor:pointer; padding-block:24px}
summary::-webkit-details-marker { display:none}
summary::after { content:'+'; font-size:25px; font-weight:400; flex:0 0 16px; line-height:1}
details[open] summary::after { content:'−'}
details p { padding:0 30px 24px 0; color:var(--ink-muted)}
.final-cta { background:var(--plum); color:var(--white); padding-block:0}
.final-layout { display:grid; grid-template-columns:1.15fr 1fr; column-gap:80px; padding-block:72px}
.final-layout h2 { grid-column:1; align-self:end; font-size:clamp(42px,4.4vw,64px)}
.final-copy { grid-column:1; margin-top:25px}
.final-copy>p { color:var(--light-muted)}
.final-copy .button { margin-block:26px}
.final-copy .final-note { font-size:14px; max-width:44ch}
.closing-portrait { grid-column:2; grid-row:1/3; justify-self:end; width:100%; max-width:480px; height:560px; border-radius:48% 48% 12px 12px; object-fit:cover; object-position:50% 42%}
.site-footer { background:var(--plum); color:var(--white)}
.footer-layout { display:flex; flex-wrap:wrap; align-items:center; gap:16px 30px; padding-block:30px; border-top:1px solid rgb(255 255 255 / 30%); font-size:16px}
.footer-layout p { margin-right:auto; color:var(--light-muted)}
.image-dialog { width:min(1100px,calc(100% - 32px)); max-height:calc(100dvh - 32px); padding:20px; border:0; background:var(--warm); color:var(--plum)}
.image-dialog::backdrop { background:rgb(0 0 0 / 80%)}
.dialog-header { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-bottom:16px}
.dialog-header h2 { font:500 16px/1.5 var(--sans)}
.dialog-close { background:var(--plum); color:var(--white); border:0; padding:10px 18px; min-height:44px; cursor:pointer}
.image-dialog img { max-height:calc(100dvh - 150px); width:100%; object-fit:contain}
body.dialog-open { overflow:hidden}
@media(max-width:1099px) { 
.wrap { width:calc(100% - 64px)}
.hero { padding-top:38px}
.hero-portrait { width:50%}
.hero-panel { width:60%; padding-right:30px}
.hero-identity { display:block; margin-bottom:18px}
.proof-strip a { display:block; padding-inline:24px}
.proof-strip strong { display:block; margin-bottom:8px}
.problem-layout { grid-template-columns:1fr; gap:38px}
.problem h2 { max-width:16ch}
.problem-list li:nth-child(even) { transform:none}
.case-group>.wrap,.case-feature { column-gap:32px}
.case-story h4,.case-feature .case-story h4 { font-size:34px}
.case-stats { grid-template-columns:1fr 1fr; gap:20px}
.case-stat:first-child { grid-column:1/-1}
.case-stat dt,.case-feature .case-stat dt { font-size:34px}
.case-stat dt.word,.case-feature .case-stat dt.word { font-size:25px}
.case-stat dt.long { font-size:31px}
.case-compact,.fit-grid,.faq-layout,.final-layout { column-gap:40px}
.phases li { grid-template-columns:88px 1fr 1.4fr; gap:24px}
.phases h3 { font-size:36px}
.section-intro>p { max-width:28ch; font-size:18px}
.results-index { max-width:310px; display:grid; grid-template-columns:1fr 1fr; gap:10px}
.results-index a { padding:12px 14px; gap:12px}
#navigation { gap:16px}
#navigation .button { min-width:160px; padding-inline:18px}
.proof-images { padding:14px}
#capital-school .case-stat dt.long { font-size:28px}
.closing-portrait { height:500px}
}
@media(max-width:699px) { 
.wrap { width:calc(100% - 40px)}
.section { padding-block:64px}
.nav-layout { min-height:76px; gap:8px}
.nav-layout > .wordmark { max-width:125px; font-size:21px; line-height:1.15}
.button.nav-booking { order:2; min-width:0; min-height:44px; padding:6px 6px 6px 14px; gap:10px; font-size:14px}
.button.nav-booking::after { flex-basis:28px; width:28px; height:28px; font-size:18px}
.menu-toggle { order:1; padding:8px; border:0; font-size:14px}
#navigation { order:3}
#navigation { width:100%; gap:16px; padding-bottom:22px}
#navigation>a { flex:1 1 40%}
.hero { display:flex; flex-direction:column; padding:0}
.hero-layout { order:0}
.hero-panel { width:100%; padding:20px 0 28px}
.hero-identity { display:flex; flex-direction:column; align-items:flex-start; justify-content:center; min-height:134px; padding-right:146px; gap:8px; margin-bottom:18px}
.signature { font-size:29px}
h1 { font-size:38px; line-height:1.1}
.hero-description { margin-top:16px}
.hero-copy .button { margin-top:22px}
.hero-photo { position:absolute; right:20px; top:20px; z-index:1; width:128px; height:134px; overflow:hidden; border-radius:64px 64px 8px 8px}
.hero-portrait { position:static; width:100%; height:100%; object-position:50% 35%; transform:scale(1.8); transform-origin:45% 40%}
.trust-line { margin-top:14px}
.press-band { padding-top:24px}
.press-logos { gap:0 18px; padding-inline:12px}
.press-logos li { height:64px}
.press-logo { transform:scale(.86)}
.proof-strip-grid { grid-template-columns:1fr; padding-block:0}
.proof-strip a,.proof-strip a:first-child { display:flex; gap:24px; padding:20px 0; border:0; border-bottom:1px solid var(--rule)}
.proof-strip a:last-child { border-bottom:0}
.proof-strip strong { min-width:120px; font-size:46px; margin:0}
.proof-strip a>span { font-size:14px}
.problem-layout { display:block}
.problem h2 { font-size:36px; margin-bottom:32px}
.problem-list { display:block}
.problem-list li { display:grid; grid-template-columns:26px 1fr; gap:14px; padding-block:22px}
.problem-list li:last-child { padding-bottom:0}
.index { margin:4px 0 0}
.problem-list h3 { font-size:25px}
.section-intro { display:block}
.section-intro>p { margin-top:22px; max-width:36ch}
.phases { margin-top:32px}
.phases li { grid-template-columns:1fr auto; gap:10px 16px; padding-block:22px}
.phases h3 { font-size:34px}
.phases p { grid-column:1 / -1; max-width:none}
.phase-number { grid-column:2; grid-row:1; font-size:14px}
.phases h3 { grid-column:1; grid-row:1}
.results-heading { display:block; padding-block:64px 30px}
.results-index { max-width:none; gap:12px; margin-top:25px}
.results-index a { font-size:16px; min-height:56px; padding:12px 16px}
.hero-copy .button, .engine .button, .final-copy .button { width:100%}
.hero-description { font-size:17px}
.case-group { padding-bottom:12px}
.case-group>.wrap { display:block}
.group-heading { font-size:16px; padding-block:20px 28px; letter-spacing:.035em}
.case-study,.case-feature,.case-compact { display:flex; flex-direction:column; padding:0 0 44px; margin-bottom:32px; border-bottom:1px solid var(--rule)}
.case-study:last-child { margin-bottom:0; border:0}
.case-client { margin-bottom:16px}
.case-story h4,.case-feature .case-story h4 { font-size:32px}
.case-stats,.case-compact .case-stats { width:100%; grid-template-columns:1fr 1fr; margin:26px 0}
.case-stat dt,.case-feature .case-stat dt { font-size:32px}
.case-stat:first-child dt,.case-feature .case-stat:first-child dt { font-size:44px}
.case-stat dt.word,.case-feature .case-stat dt.word { font-size:27px}
.case-stat:first-child dt.long { font-size:42px}
.case-stat dd { font-size:15px}
.case-proof { width:100%}
.asset-checklist { padding:0 18px; margin-bottom:30px}
.asset-disclosure > summary { grid-template-columns:1fr auto; gap:12px; padding-block:18px}
.asset-disclosure .draft-label { grid-column:1; justify-self:start}
.asset-checklist-title { grid-column:1; font-size:17px; line-height:1.5}
.asset-disclosure > summary::after { grid-column:2; grid-row:1 / 3}

.asset-checklist ul { grid-template-columns:1fr}
.proof-placeholder { padding:20px}
.proof-images { padding:14px}
#morgan-nelson .proof-images>:first-child, #ash-d .proof-images>:first-child { width:88%}
#mara-pereira .proof-images { grid-template-columns:1fr}
#capital-school .case-stat { display:block}
#capital-school .case-stat dt.long { font-size:30px}
.group-systems .case-compact { margin-bottom:32px}
.qualification h2 { margin-bottom:32px}
.fit-grid { grid-template-columns:1fr; gap:36px}
.faq { padding-top:0}
.faq-layout { display:block}
.faq h2 { margin-bottom:32px}
summary { padding-block:22px}
.final-cta { padding:0}
.final-layout { display:flex; flex-direction:column; padding-block:50px 28px}
.final-layout h2 { font-size:40px; align-self:start}
.final-copy { margin-top:24px}
.closing-portrait { order:2; align-self:center; margin-top:35px; max-width:360px; height:420px; object-position:50% 38%}
.footer-layout { gap:16px 24px; padding-block:25px}
.footer-layout .wordmark,.footer-layout p { width:100%}
.image-dialog { padding:14px}
.dialog-header h2 { font-size:14px}
}
@media(max-width:379px) { h1 { font-size:37px}
.case-stat dt.word { font-size:28px}
#capital-school .case-stat dt.long { font-size:27px}
}
@media(prefers-reduced-motion:no-preference) {
  .button.nav-booking::after { transition:background .2s, color .2s}
  .button { transition:background .2s, color .2s, transform .2s}
  .button:hover { transform:translateY(-3px)}
  .button:active { transform:translateY(0)}
  #navigation > a:not(.button), .site-footer a { transition:opacity .2s}
  .results-index a { transition:background .2s, color .2s, transform .2s}
  #navigation > a:not(.button):hover, .site-footer a:hover { opacity:.7}
  .proof-zoom { transition:transform .25s, outline-offset .25s}
  .proof-zoom:hover { transform:translateY(-3px)}
  .faq details[open] > p { animation:answer-in .25s ease-out}
  .image-dialog[open] { animation:answer-in .2s ease-out}
  @keyframes answer-in { from { opacity:.4; transform:translateY(6px)} to { opacity:1; transform:translateY(0)} }
}
@media(prefers-reduced-motion:reduce) { html { scroll-behavior:auto}
*,*::before,*::after { animation:none!important; transition:none!important}
}