@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Oswald:wght@500;600;700&display=swap');

:root { --ink:#080806; --paper:#f2efe8; --muted:#a4a099; --gold:#d7a82f; --line:#2a2925; --max:1320px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; background:var(--ink); color:var(--paper); font-family:"DM Sans",sans-serif; font-size:16px; line-height:1.6; }
a { color:inherit; }
a:focus-visible, button:focus-visible, input:focus-visible, select:focus-visible, textarea:focus-visible { outline:3px solid var(--gold); outline-offset:4px; }
.skip-link { position:fixed; z-index:100; left:1rem; top:1rem; padding:.75rem 1rem; background:var(--paper); color:var(--ink); transform:translateY(-200%); }
.skip-link:focus { transform:none; }
.site-header { width:min(100% - 3rem,var(--max)); margin:auto; min-height:92px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; border-bottom:1px solid var(--line); }
.brand { display:inline-flex; align-items:center; gap:.75rem; width:max-content; text-decoration:none; font-family:"Oswald",sans-serif; text-transform:uppercase; letter-spacing:.15em; font-weight:600; }
.brand-mark { width:44px; height:44px; display:block; overflow:hidden; flex:none; background:var(--gold); border-radius:50%; box-shadow:0 0 0 1px rgba(215,168,47,.35); }
.brand-mark img { width:100%; height:100%; display:block; object-fit:cover; transform:translateX(-2px) scale(1.08); transform-origin:center; }
.brand-mark--vinyl { width:50px; height:50px; background:var(--ink); box-shadow:0 0 0 1px rgba(215,168,47,.68),0 0 16px rgba(215,168,47,.14); }
.brand-mark img.brand-vinyl { transform:translate(2%,5%) scale(1.38); transform-origin:48% 45%; animation:brand-vinyl-spin 10s linear infinite; }
@keyframes brand-vinyl-spin { from { transform:translate(2%,5%) scale(1.38) rotate(0); } to { transform:translate(2%,5%) scale(1.38) rotate(360deg); } }
nav { display:flex; gap:2.2rem; }
nav a { color:var(--muted); text-decoration:none; font-size:.82rem; letter-spacing:.13em; text-transform:uppercase; }
nav a:hover { color:var(--paper); }
.button { min-height:48px; display:inline-flex; align-items:center; justify-content:center; gap:1rem; padding:.75rem 1.3rem; border:1px solid transparent; text-decoration:none; text-transform:uppercase; letter-spacing:.1em; font-weight:600; font-size:.78rem; }
.button--gold { background:var(--gold); color:var(--ink); }
.button--gold:hover { background:#edc24e; }
.button--ghost { border-color:#57534b; }
.button--ghost:hover { border-color:var(--paper); }
.header-cta { justify-self:end; }
.header-actions { justify-self:end; display:flex; align-items:center; gap:1rem; }
.language-switcher { display:inline-flex; align-items:center; gap:.35rem; color:#5f5b53; font:600 .72rem "DM Sans",sans-serif; letter-spacing:.12em; }
.language-switcher button { padding:.3rem .2rem; border:0; background:none; color:var(--muted); font:inherit; letter-spacing:inherit; cursor:pointer; }
.language-switcher button[aria-pressed="true"] { color:var(--gold); }
.language-switcher button:hover { color:var(--paper); }
.menu-button,.mobile-menu { display:none; }
.hero { width:min(100% - 3rem,var(--max)); min-height:690px; margin:auto; display:grid; grid-template-columns:minmax(0,1.55fr) minmax(300px,.7fr); align-items:center; gap:7vw; position:relative; overflow:hidden; }
.hero::before,.hero::after { content:""; position:absolute; z-index:0; width:55vw; height:55vw; min-width:620px; min-height:620px; right:-25vw; top:-10vw; border-radius:50%; pointer-events:none; }
.hero::before { border:1px solid rgba(215,168,47,.13); box-shadow:0 0 80px rgba(215,168,47,.045) inset; }
.hero::after { background:conic-gradient(from 0deg,rgba(237,194,78,.48) 0deg,rgba(215,168,47,.07) 30deg,transparent 72deg,transparent 116deg,rgba(215,168,47,.13) 148deg,rgba(237,194,78,.42) 180deg,rgba(215,168,47,.06) 216deg,transparent 258deg,transparent 290deg,rgba(215,168,47,.12) 314deg,rgba(237,194,78,.36) 340deg,rgba(237,194,78,.48) 360deg); -webkit-mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px)); mask:radial-gradient(farthest-side,transparent calc(100% - 4px),#000 calc(100% - 2px)); filter:drop-shadow(0 0 8px rgba(237,194,78,.24)); animation:orbit-light 16s linear infinite; transform-origin:center; will-change:transform; }
.hero-copy,.hero-panel { position:relative; z-index:1; }
@keyframes orbit-light { to { transform:rotate(360deg); } }
.eyebrow { color:var(--gold); text-transform:uppercase; letter-spacing:.19em; font-size:.8rem; font-weight:600; }
.hero-copy>.eyebrow:empty { display:none; }
h1,h2,h3 { font-family:"Oswald",sans-serif; line-height:1.08; margin-top:0; text-transform:uppercase; }
h1 { font-size:clamp(4.5rem,9.8vw,9rem); letter-spacing:-.045em; margin:.65rem 0 1.5rem; max-width:900px; }
h1 em { color:var(--gold); font-style:normal; }
.title-accent { color:var(--gold); }
.hero-lede { color:#c1bdb5; font-size:1.12rem; max-width:620px; }
.hero-actions { display:flex; gap:.9rem; margin-top:2.2rem; flex-wrap:wrap; }
.hero-panel { border-left:1px solid rgba(215,168,47,.42); padding:1rem 0 1rem 2.5rem; position:relative; z-index:1; }
.hero-panel>p { color:var(--muted); text-transform:uppercase; letter-spacing:.15em; font-size:.8rem; margin:0 0 3rem; }
.hero-panel ol { list-style:none; padding:0; margin:0; }
.hero-panel li { border-top:1px solid var(--line); padding:1.2rem 0; text-transform:uppercase; font-family:"Oswald",sans-serif; font-size:1.15rem; }
.hero-panel li span { color:var(--gold); font:500 .75rem "DM Sans",sans-serif; margin-right:1rem; }
.hero-panel li b { font-weight:inherit; }
.section { width:min(100% - 3rem,var(--max)); margin:auto; padding:6.75rem 0 7.5rem; border-top:1px solid var(--line); }
.section-heading { display:grid; grid-template-columns:.45fr 1fr; gap:2rem; align-items:start; margin-bottom:5.25rem; }
.section-heading .eyebrow { margin-top:.45rem; font-size:.92rem; }
h2 { font-size:clamp(2.6rem,4.8vw,4.75rem); letter-spacing:-.022em; margin:0; max-width:860px; }
.service-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); }
.service-grid article { padding:2.25rem 2.2rem 2.5rem 0; border-right:1px solid var(--line); }
.service-grid article+article { padding-left:2.2rem; }
.service-grid article:last-child { border-right:0; }
.service-grid article>span { color:var(--gold); font-size:.75rem; }
.service-grid h3 { font-size:1.68rem; margin:1.85rem 0 .85rem; }
.service-grid p { color:var(--muted); min-height:7.25rem; }
.service-grid a { display:inline-flex; gap:.6rem; text-underline-offset:.3rem; font-weight:600; }
.service-links { display:flex; align-items:center; gap:1.1rem; flex-wrap:wrap; }
.service-links a:last-child,.seo-inline-link { color:var(--gold); font-size:.82rem; text-transform:uppercase; letter-spacing:.08em; }
.seo-inline-link { display:inline-block; margin:.9rem 0 0 1rem; text-underline-offset:.3rem; font-weight:600; }
.portfolio-preview { padding-bottom:8rem; }
.pending-card { margin-left:calc(45% + 1rem); padding:3rem; border:1px solid #403d35; background:linear-gradient(135deg,rgba(215,168,47,.08),transparent 55%); }
.status { color:var(--gold); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; }
.pending-card h3 { font-size:clamp(1.9rem,3vw,3.2rem); margin:1.25rem 0; max-width:750px; }
.pending-card p { color:var(--muted); max-width:660px; }
.portfolio-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:1.5rem; }
.portfolio-grid--page { border-top:0; padding-top:0; }
.project-card { display:grid; grid-template-columns:.85fr 1fr; border:1px solid var(--line); }
.project-card img,.project-cover { width:100%; height:100%; min-height:320px; object-fit:cover; background:#171612; display:grid; place-items:center; color:var(--gold); font:600 5rem "Oswald",sans-serif; }
.project-meta { padding:2rem; }
.project-meta>p { color:var(--muted); }
.project-meta h3 { font-size:1.8rem; margin:1.2rem 0 .5rem; }
.project-meta ul { display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; padding:0; }
.project-meta li { border:1px solid var(--line); padding:.35rem .65rem; font-size:.75rem; text-transform:uppercase; }
.project-card audio { width:100%; margin-top:1rem; }
.youtube-embed { min-height:320px; background:#000; }
.youtube-embed iframe { display:block; width:100%; height:100%; min-height:320px; border:0; }
.youtube-poster { position:relative; display:block; width:100%; height:100%; min-height:320px; padding:0; border:0; background:#000; cursor:pointer; overflow:hidden; }
.youtube-poster img { transition:transform .25s ease,opacity .25s ease; }
.youtube-poster:hover img { transform:scale(1.025); opacity:.82; }
.youtube-play { position:absolute; inset:50% auto auto 50%; translate:-50% -50%; display:grid; place-items:center; width:74px; height:52px; border-radius:14px; background:#d7a82f; color:#080806; font-size:1.45rem; box-shadow:0 12px 35px rgba(0,0,0,.4); }
.project-link { display:inline-block; margin-top:1rem; text-underline-offset:.3rem; }
.course-layout { display:grid; grid-template-columns:.85fr 1.15fr; gap:8vw; }
.course-intro { max-width:560px; }
.large-copy { font-size:clamp(1.45rem,2.25vw,2rem); line-height:1.3; color:var(--paper); }
.course-intro>p:not(.large-copy) { color:var(--muted); margin-bottom:2rem; }
.course-intro>.course-note { margin:-.8rem 0 2rem; max-width:34rem; color:#77736c; font-size:.82rem; line-height:1.55; }
.course-topics { border-top:1px solid var(--line); }
.course-topics article { display:grid; grid-template-columns:50px 1fr; gap:1rem; padding:1.8rem 0; border-bottom:1px solid var(--line); }
.course-topics article>span { color:var(--gold); font-size:.75rem; }
.course-topics h3 { font-size:1.5rem; margin:0 0 .55rem; }
.course-topics p { color:var(--muted); margin:0; }
.contact { background:var(--gold); color:var(--ink); }
.contact-inner { width:min(100% - 3rem,var(--max)); margin:auto; padding:7rem 0; display:grid; grid-template-columns:1fr .85fr; gap:8vw; }
.contact .eyebrow { color:#624a0e; font-size:.92rem; }
.contact h2 { max-width:700px; }
.contact-copy { font-size:1.08rem; max-width:610px; }
.contact-channels { display:flex; flex-wrap:wrap; align-items:center; gap:.85rem; margin-top:1.8rem; }
.contact-channels a { width:3.25rem; height:3.25rem; display:grid; place-items:center; border:1px solid rgba(8,8,6,.48); border-radius:50%; color:var(--ink); text-decoration:none; transition:transform .2s ease,background-color .2s ease,color .2s ease; }
.contact-channels a:hover { transform:translateY(-3px); background:var(--ink); color:var(--gold); }
.contact-channels svg { width:1.75rem; height:1.75rem; fill:none; stroke:currentColor; stroke-width:1.8; stroke-linecap:round; stroke-linejoin:round; }
.contact-channels .icon-fill { fill:currentColor; stroke:none; }
form { display:grid; grid-template-columns:1fr; align-content:start; }
label { font-weight:600; margin:.8rem 0 .35rem; }
input,select,textarea { width:100%; border:1px solid rgba(8,8,6,.45); border-radius:0; background:rgba(255,255,255,.15); color:var(--ink); font:inherit; padding:.9rem 1rem; }
input,select { min-height:50px; }
textarea { resize:vertical; }
input::placeholder,textarea::placeholder { color:#5a4616; }
form .button { margin-top:1.3rem; background:var(--ink); color:var(--paper); border:0; cursor:pointer; }
form .button:hover { background:#262319; }
form .button:disabled { cursor:wait; opacity:.68; }
.form-trap { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); white-space:nowrap; }
.form-status { min-height:1.5rem; font-weight:600; }
footer { width:min(100% - 3rem,var(--max)); margin:auto; padding:3rem 0; display:grid; grid-template-columns:1fr auto; gap:1.5rem 3rem; align-items:center; }
footer>p { color:var(--muted); margin:0; }
footer nav { justify-self:end; }
.copyright { grid-column:1/-1; padding-top:1.5rem; border-top:1px solid var(--line); font-size:.85rem; }
.analytics-consent { position:fixed; z-index:100; left:50%; bottom:1.25rem; translate:-50% 0; width:min(calc(100% - 2rem),760px); display:grid; grid-template-columns:1fr auto; align-items:center; gap:1.25rem; padding:1rem 1.1rem; border:1px solid rgba(215,168,47,.72); background:#11110e; color:var(--paper); box-shadow:0 20px 60px rgba(0,0,0,.5); }
.analytics-consent[hidden] { display:none; }
.analytics-consent p { margin:0; color:#d2cec5; font-size:.92rem; line-height:1.5; }
.analytics-consent__actions { display:flex; gap:.6rem; flex-wrap:wrap; justify-content:flex-end; }
.analytics-consent .button { min-height:44px; padding:.75rem 1rem; white-space:nowrap; }
.analytics-consent__reject { border:1px solid #5b584f; background:transparent; color:var(--paper); }
.language-page-link { color:var(--gold); font-size:.75rem; font-weight:600; letter-spacing:.14em; text-decoration:none; }
.landing-hero { width:min(100% - 3rem,var(--max)); min-height:640px; margin:auto; padding:7rem 0; display:grid; grid-template-columns:minmax(0,1.45fr) minmax(280px,.65fr); gap:8vw; align-items:center; border-bottom:1px solid var(--line); }
.landing-hero h1 { font-size:clamp(3.7rem,7.8vw,7.7rem); max-width:1050px; }
.landing-lede { color:#c1bdb5; font-size:clamp(1.12rem,1.8vw,1.4rem); max-width:720px; margin:0 0 2.2rem; }
.landing-hero aside { padding:2rem; border:1px solid #403d35; background:linear-gradient(135deg,rgba(215,168,47,.08),transparent 70%); }
.landing-hero aside ul { list-style:none; padding:0; margin:1.5rem 0 0; }
.landing-hero aside li { padding:.85rem 0; border-top:1px solid var(--line); color:#c1bdb5; }
.landing-process,.landing-related { width:min(100% - 3rem,var(--max)); margin:auto; padding:7rem 0; }
.landing-steps { border-top:1px solid var(--line); }
.landing-steps article { display:grid; grid-template-columns:70px minmax(0,1fr); gap:2rem; padding:2.25rem 0; border-bottom:1px solid var(--line); }
.landing-steps article>span { color:var(--gold); font-size:.78rem; }
.landing-steps h2 { font-size:clamp(1.8rem,3vw,3rem); margin-bottom:.8rem; }
.landing-steps p { color:var(--muted); max-width:850px; margin:0; }
.landing-cta { padding:7rem max(1.5rem,calc((100vw - var(--max))/2)); background:var(--gold); color:var(--ink); }
.landing-cta .eyebrow { color:#624a0e; }
.landing-cta h2 { max-width:980px; margin:0 0 2rem; }
.landing-cta .button { background:var(--ink); color:var(--paper); }
.landing-related { display:grid; grid-template-columns:.45fr 1fr; gap:2rem; }
.landing-related>div { display:flex; flex-wrap:wrap; gap:1rem; }
.landing-related a { padding:1rem 1.15rem; border:1px solid var(--line); text-decoration:none; }
.landing-related a:hover { border-color:var(--gold); color:var(--gold); }
.landing-hero--section { min-height:520px; grid-template-columns:minmax(0,1fr); }
.landing-hero--section>div { max-width:1050px; }
.landing-card-grid { display:grid; grid-template-columns:repeat(3,1fr); padding-top:0; border-top:0; }
.landing-card-grid article { padding:2.5rem; border:1px solid var(--line); display:flex; flex-direction:column; }
.landing-card-grid article+article { border-left:0; }
.landing-card-grid article>span { color:var(--gold); font-size:.76rem; }
.landing-card-grid h2 { font-size:clamp(1.8rem,2.8vw,3rem); margin:1.5rem 0 1rem; }
.landing-card-grid p,.landing-project p { color:var(--muted); }
.landing-card-grid a,.landing-project a { color:var(--gold); text-underline-offset:.3rem; font-weight:600; }
.landing-card-grid article>a { margin-top:auto; align-self:flex-start; }
.landing-project-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.25rem; border-top:0; padding-top:0; }
.landing-project { padding:2.5rem; border:1px solid var(--line); }
.landing-project h2 { font-size:clamp(2rem,3vw,3.2rem); }
.landing-project ul { display:flex; flex-wrap:wrap; gap:.5rem; list-style:none; padding:0; }
.landing-project li { padding:.35rem .65rem; border:1px solid var(--line); font-size:.75rem; text-transform:uppercase; }
.landing-pending { grid-column:1/-1; margin-left:0; }
.landing-contact { display:grid; grid-template-columns:.75fr 1fr; gap:8vw; border-top:0; padding-top:0; }
.landing-contact>div { padding-top:1rem; }
.landing-contact>div h2 { font-size:clamp(2rem,3vw,3.2rem); }
.landing-contact>div a { text-underline-offset:.3rem; }
.landing-contact form { padding:2rem; background:var(--gold); color:var(--ink); }
.course-program { width:min(100% - 3rem,var(--max)); margin:auto; padding:7rem 0; border-top:1px solid var(--line); }
.course-stats { display:grid; grid-template-columns:repeat(3,1fr); gap:1rem; margin-bottom:4rem; }
.course-stats>div { padding:2rem; border:1px solid var(--line); text-align:center; }
.course-stats strong { display:block; color:var(--gold); font:600 3.5rem/1 "Oswald",sans-serif; }
.course-stats span { display:block; margin-top:.7rem; color:var(--muted); text-transform:uppercase; letter-spacing:.09em; font-size:.78rem; }
.course-overview { display:grid; grid-template-columns:repeat(3,1fr); gap:1.25rem; margin-bottom:5rem; }
.course-overview article { padding:2rem; background:#11110e; border:1px solid var(--line); }
.course-overview h3 { font-size:1.6rem; }
.course-overview ul { padding-left:1.2rem; color:var(--muted); }
.course-overview li+li { margin-top:.65rem; }
.course-module-heading { display:grid; grid-template-columns:1fr 1fr; gap:1rem; padding-bottom:1rem; }
.course-curriculum { display:grid; grid-template-columns:1fr 1fr; border-top:1px solid var(--line); }
.course-curriculum article { display:grid; grid-template-columns:48px 1fr; gap:1rem; padding:2rem; border-right:1px solid var(--line); border-bottom:1px solid var(--line); }
.course-curriculum article:nth-child(even) { border-right:0; }
.course-curriculum article>span { color:var(--gold); font-weight:600; }
.course-curriculum h3 { font-size:1.65rem; margin-bottom:.75rem; }
.course-curriculum p { color:var(--muted); margin:.5rem 0; }
.course-curriculum .course-project { color:var(--paper); margin-top:1rem; }
.course-curriculum .course-project strong { color:var(--gold); }
.course-outcomes { margin-top:5rem; padding:3rem; border:1px solid #403d35; background:linear-gradient(135deg,rgba(215,168,47,.08),transparent 65%); }
.course-outcomes ul { display:grid; grid-template-columns:1fr 1fr; gap:.75rem 2rem; padding-left:1.2rem; }
.course-outcomes>p:last-child { color:var(--muted); margin:2rem 0 0; }
@media (max-width:900px) {
  .site-header { grid-template-columns:1fr auto; width:min(100% - 2rem,var(--max)); }
  .site-header>nav,.header-actions { display:none; }
  .menu-button { display:grid; gap:7px; width:48px; height:48px; place-content:center; background:none; border:1px solid var(--line); }
  .menu-button span { display:block; width:20px; height:1px; background:var(--paper); }
  .mobile-menu { position:fixed; z-index:50; inset:92px 0 auto; padding:1.5rem; background:#11110e; border-bottom:1px solid var(--line); }
  .mobile-menu:not([hidden]) { display:grid; }
  .mobile-menu a { padding:1rem 0; text-decoration:none; text-transform:uppercase; border-bottom:1px solid var(--line); }
  .language-switcher--mobile { display:flex; justify-content:flex-start; padding:1rem 0 .25rem; }
  .language-switcher--mobile button { padding:.5rem .25rem; }
  .hero { width:min(100% - 2rem,var(--max)); min-height:auto; grid-template-columns:1fr; gap:4rem; padding:6rem 0; }
  .hero::before,.hero::after { width:135vw; height:135vw; min-width:0; min-height:0; right:-92vw; top:17rem; }
  h1 { font-size:clamp(4rem,18vw,6.5rem); }
  .hero-panel { padding-left:1.5rem; }
  .section { width:min(100% - 2rem,var(--max)); padding:6rem 0; }
  .section-heading { grid-template-columns:1fr; gap:.65rem; margin-bottom:3.5rem; }
  .section-heading .eyebrow { margin-top:0; }
  .service-grid { grid-template-columns:1fr; }
  .service-grid article,.service-grid article+article { padding:2.5rem 0; border-right:0; border-bottom:1px solid var(--line); }
  .service-grid p { min-height:0; }
  .pending-card { margin-left:0; padding:2rem; }
  .portfolio-grid,.project-card,.course-layout,.contact-inner { grid-template-columns:1fr; }
  .youtube-embed,.youtube-embed iframe,.youtube-poster { min-height:0; aspect-ratio:16/9; }
  .contact-inner { width:min(100% - 2rem,var(--max)); padding:6rem 0; }
  footer { width:min(100% - 2rem,var(--max)); grid-template-columns:1fr; }
  footer nav { justify-self:start; flex-wrap:wrap; gap:1rem; }
  .analytics-consent { grid-template-columns:1fr; bottom:.75rem; }
  .analytics-consent__actions { justify-content:stretch; }
  .analytics-consent .button { flex:1; }
  .landing-hero { width:min(100% - 2rem,var(--max)); min-height:0; padding:5rem 0; grid-template-columns:1fr; gap:3rem; }
  .landing-hero h1 { font-size:clamp(3.35rem,14vw,5.5rem); }
  .landing-process,.landing-related { width:min(100% - 2rem,var(--max)); padding:5rem 0; }
  .landing-related { grid-template-columns:1fr; }
  .landing-steps article { grid-template-columns:42px 1fr; gap:1rem; }
  .seo-page .site-header { grid-template-columns:1fr auto; }
  .seo-page .site-header>nav,.seo-page .header-cta { display:none; }
  .landing-card-grid,.landing-project-grid,.landing-contact { grid-template-columns:1fr; }
  .landing-card-grid article+article { border-left:1px solid var(--line); border-top:0; }
  .landing-contact form { padding:1.25rem; }
  .course-program { width:min(100% - 2rem,var(--max)); padding:5rem 0; }
  .course-stats,.course-overview,.course-curriculum,.course-module-heading,.course-outcomes ul { grid-template-columns:1fr; }
  .course-curriculum article { border-right:0; padding:1.5rem 0; }
  .course-module-heading .eyebrow:last-child { margin-top:1rem; }
  .course-outcomes { padding:1.5rem; }
}
.editor-preview [data-content] { cursor:pointer; outline:1px dashed rgba(215,168,47,.5); outline-offset:4px; transition:outline-color 160ms ease,background 160ms ease; }
.editor-preview [data-content]:hover { background:rgba(215,168,47,.12); outline:2px solid #d7a82f; }
@media (prefers-reduced-motion:reduce) { html { scroll-behavior:auto; } .brand-mark img.brand-vinyl,.hero::after { animation:none; } }