/* astrocatstudios.in holding page: the coming-soon home and the journal.
   The full site's design language (site/src/assets/site.css): AstroCat Sans, drawn
   from the logo, with its crossbarless A (ss01) on headings and labels; bone, ink and
   brass; big uppercase headings. No italics, no dots, no background grids.
   The uniserver embed renders the journal cards, each post and the enquiry form;
   its .us-* classes are restyled under .us-host near the end. */

@font-face { font-family: 'AstroCat Sans'; src: url('/assets/fonts/astrocat-sans-300.woff2') format('woff2'); font-weight: 300; font-style: normal; font-display: swap; }
@font-face { font-family: 'AstroCat Sans'; src: url('/assets/fonts/astrocat-sans-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }
@font-face { font-family: 'AstroCat Sans'; src: url('/assets/fonts/astrocat-sans-500.woff2') format('woff2'); font-weight: 500; font-style: normal; font-display: swap; }
@font-face { font-family: 'AstroCat Sans'; src: url('/assets/fonts/astrocat-sans-600.woff2') format('woff2'); font-weight: 600; font-style: normal; font-display: swap; }
@font-face { font-family: 'AstroCat Sans'; src: url('/assets/fonts/astrocat-sans-700.woff2') format('woff2'); font-weight: 700; font-style: normal; font-display: swap; }

:root {
  --bone: #f5f2ec;
  --paper: #faf8f4;
  --sand: #ebe5da;
  --ink: #15171b;
  --ink-2: #3d3f43;
  --dim: #5f6064;
  --line: #dcd7ce;
  --line-2: #c9c3b8;
  --brass: #9a6b45;       /* strokes and large type only */
  --brass-ink: #764f31;   /* small brass text */
  --on-dark: #f5f2ec;
  --on-dark-2: #9d9a94;
  --danger: #a3372a;

  --font: 'AstroCat Sans', system-ui, -apple-system, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif;
  --pad: clamp(20px, 6.95vw, 100px);
  --radius: 2px;
  --ease: cubic-bezier(.2, .7, .2, 1);
  --ease-out: cubic-bezier(.16, 1, .3, 1);
}

*, *::before, *::after { box-sizing: border-box; }
html { -webkit-text-size-adjust: 100%; scroll-behavior: smooth; }
body {
  margin: 0;
  background: var(--bone);
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  line-height: 1.7;
  font-weight: 500;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: clip;
}
img, svg { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
button, input, textarea { font: inherit; color: inherit; }
h1, h2, h3, p, ul, ol { margin: 0; }
ul, ol { padding: 0; list-style: none; }
em, i { font-style: normal; }
::selection { background: rgba(154, 107, 69, .2); }
:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; border-radius: 2px; }
[id] { scroll-margin-top: 24px; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
.skip { position: absolute; left: 12px; top: -60px; z-index: 100; padding: 10px 16px; border-radius: 999px; background: var(--ink); color: var(--on-dark); font-size: 14px; }
.skip:focus { top: 12px; }

/* ---------------------------------------------------------------- type */

.display, .h2, .eyebrow, .label, .nav-link, .btn, .brand-name, .register, .marquee-item,
.us-host :is(.us-btn, .us-back, .us-meta, .us-field > span) {
  font-feature-settings: 'ss01';
}
.display { font-weight: 400; font-size: clamp(2.3rem, .4rem + 7.2vw, 7.5rem); line-height: 1; letter-spacing: .02em; text-transform: uppercase; text-wrap: balance; overflow-wrap: break-word; }
.display .accent { display: block; }
.h2 { font-weight: 400; font-size: clamp(1.85rem, .7rem + 3.4vw, 4.25rem); line-height: 1.06; letter-spacing: .02em; text-transform: uppercase; text-wrap: balance; }
.lede { font-size: clamp(17px, .9rem + .5vw, 22px); line-height: 1.7; color: var(--ink-2); max-width: 34em; text-wrap: pretty; }
.small { font-size: 14px; line-height: 1.6; color: var(--dim); }
.eyebrow { font-size: 12px; font-weight: 700; letter-spacing: .24em; text-transform: uppercase; color: var(--brass-ink); }
.label { font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--dim); }
.accent { color: var(--brass); }
.text-link { color: var(--ink); text-decoration: underline; text-decoration-color: var(--brass); text-decoration-thickness: 1px; text-underline-offset: 3px; }
.text-link:hover { color: var(--brass-ink); }

/* "A · B" is set with a thin rule, never a dot. */
.sep { display: inline-block; width: 1px; height: .9em; margin: 0 .75em; vertical-align: -.1em; background: currentColor; opacity: .38; }
.eyebrow .sep { margin: 0 1em; opacity: .55; }

/* --------------------------------------------------------------- layout */

.wrap { padding-left: var(--pad); padding-right: var(--pad); }
.section { padding-top: clamp(72px, 10vw, 160px); padding-bottom: clamp(72px, 10vw, 160px); }
.stack { display: flex; flex-direction: column; gap: 18px; }
.section-head { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: 24px 40px; margin-bottom: clamp(40px, 5vw, 80px); }

/* ------------------------------------------------------------- controls */

.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 10px;
  min-height: 52px; padding: 0 26px; border: 1px solid transparent; border-radius: 999px;
  font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; white-space: nowrap;
  transition: background-color .2s var(--ease), color .2s var(--ease), border-color .2s var(--ease), scale .2s var(--ease);
}
.btn svg { width: 16px; height: 16px; flex-shrink: 0; transition: transform .2s var(--ease); }
.btn:hover svg { transform: translateX(3px); }
.btn:active { scale: .97; }
.btn--dark { background: var(--ink); color: var(--on-dark); }
.btn--dark:hover { background: #2a2c31; }
.btn--small { min-height: 44px; padding: 0 20px; font-size: 12px; }

.link { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; font-size: 14.5px; font-weight: 600; }
.link span { border-bottom: 1px solid currentColor; padding-bottom: 2px; }
.link svg { width: 16px; height: 16px; transition: transform .2s var(--ease); }
.link:hover svg { transform: translateX(3px); }

/* --------------------------------------------------------------- header */

.site-header { display: flex; align-items: center; justify-content: space-between; gap: 16px; min-height: 88px; border-bottom: 1px solid var(--line); }
.brand { display: inline-flex; align-items: center; gap: 12px; min-height: 44px; }
.brand-mark { display: block; width: auto; height: 46px; }
.brand-name { display: inline-flex; flex-direction: column; align-items: center; gap: 1px; font-size: 13px; font-weight: 700; line-height: 1.1; letter-spacing: .24em; text-transform: uppercase; white-space: nowrap; }
.brand-name > span { margin-right: -.24em; }
.brand-name > span + span { font-size: 11px; letter-spacing: .3em; margin-right: -.3em; }
.nav { display: flex; align-items: center; gap: clamp(18px, 2.4vw, 32px); }
.nav-link { position: relative; display: inline-flex; align-items: center; min-height: 44px; font-size: 12.5px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; }
.nav-link::after { content: ''; position: absolute; left: 0; right: 100%; bottom: 8px; height: 1px; background: var(--brass); transition: right .25s var(--ease); }
.nav-link:hover::after, .nav-link[aria-current='page']::after { right: .16em; }

/* ----------------------------------------------------------------- hero */

.hero { padding-top: clamp(48px, 7vw, 120px); padding-bottom: clamp(64px, 8vw, 128px); }
.hero-top { display: grid; grid-template-columns: minmax(0, 1fr) auto; align-items: end; gap: clamp(24px, 5vw, 96px); }
.hero-title { display: flex; flex-direction: column; gap: clamp(18px, 2.2vw, 30px); min-width: 0; }
/* two lines, "We're drawing up" and "something new.", sized to fit beside the cat */
.hero .display { font-size: clamp(2.3rem, 6.4vw, 7.5rem); }

/* the cat reaching for the star: star and cat move separately */
.hero-mark { display: block; width: auto; height: clamp(260px, 26vw, 400px); overflow: visible; color: var(--ink); }
.hero-mark-star { color: var(--brass); }
.hero-mark g { transform-box: fill-box; }
.hero-mark-cat { transform-origin: 50% 100%; }
.hero-mark-star, .hero-mark-spin { transform-origin: 50% 50%; }

.hero-foot { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 48px 24px; align-items: start; margin-top: clamp(44px, 5.5vw, 88px); }
.hero-intro { grid-column: 1 / span 6; display: flex; flex-direction: column; gap: 32px; }
.actions { display: flex; flex-wrap: wrap; align-items: center; gap: 16px 28px; }
.actions .small { max-width: 22em; }

/* the sheets of the full site, listed like a drawing register */
.register { grid-column: 8 / span 5; }
.register-list { margin-top: 14px; border-top: 1px solid var(--ink); }
.register-list li { border-bottom: 1px solid var(--line); }
.register .row { display: grid; grid-template-columns: 2.75em minmax(0, 1fr) auto; align-items: baseline; gap: 12px; min-height: 64px; padding: 16px 0; }
.register .no { font-size: 12px; font-weight: 700; letter-spacing: .08em; color: var(--brass-ink); font-variant-numeric: tabular-nums; }
.register .name { font-size: clamp(22px, .9rem + 1vw, 30px); font-weight: 400; line-height: 1.2; letter-spacing: .06em; text-transform: uppercase; transition: color .25s var(--ease); }
.register .status { display: inline-flex; align-items: center; gap: 8px; font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--dim); }
.register .status svg { width: 14px; height: 14px; transition: transform .2s var(--ease); }
.register a.row .status { color: var(--ink); }
.register a.row:hover .name { color: var(--brass); }
.register a.row:hover .status svg { transform: translateX(3px); }

/* -------------------------------------------------------------- marquee */

.marquee { overflow: hidden; padding: clamp(28px, 4vw, 64px) 0; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); user-select: none; }
.marquee-track { display: flex; width: max-content; will-change: transform; }
.marquee-group { display: flex; flex-shrink: 0; }
.marquee-item { display: inline-flex; align-items: center; gap: clamp(22px, 3vw, 52px); padding-right: clamp(22px, 3vw, 52px); font-size: clamp(2.6rem, 1rem + 5.6vw, 7.5rem); font-weight: 300; line-height: 1.05; letter-spacing: .06em; text-transform: uppercase; white-space: nowrap; }
.marquee-item:nth-child(even) { color: var(--brass); }
.marquee-item .star { width: auto; height: .62em; flex-shrink: 0; }

/* -------------------------------------------------------------- enquire */

.enquire { display: grid; grid-template-columns: repeat(12, minmax(0, 1fr)); gap: 48px 24px; align-items: start; border-top: 1px solid var(--line); }
.enquire-copy { grid-column: 1 / span 5; display: flex; flex-direction: column; gap: 22px; }
.enquire-card { grid-column: 7 / span 6; padding: clamp(24px, 3.4vw, 48px); border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); }

/* ----------------------------------------------------------------- blog */

.page-head { display: flex; flex-direction: column; gap: clamp(18px, 2.2vw, 30px); padding-top: clamp(48px, 7vw, 120px); padding-bottom: clamp(48px, 6vw, 104px); }
.us-post-view .blog-intro { display: none; }
.us-post-view .blog-posts { padding-top: clamp(28px, 4vw, 64px); }
.cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 28px 48px; margin-top: clamp(72px, 9vw, 144px); border-top: 1px solid var(--line); }

/* --------------------------------------------------------------- footer */

.site-footer { background: var(--ink); color: var(--on-dark); padding-top: clamp(48px, 7vw, 112px); padding-bottom: 28px; }
.footer-mark { margin-bottom: clamp(28px, 3.4vw, 56px); line-height: 0; }
.footer-mark img { width: 100%; height: auto; }
.footer-base { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: 12px 24px; padding-top: 22px; border-top: 1px solid #2e3034; font-size: 13px; color: var(--on-dark-2); }
.footer-brand { display: inline-flex; align-items: center; gap: 12px; }
.footer-cat { width: auto; height: 30px; }

/* ---------------------------------------------------- uniserver embed */

.us-host .us-root { --us-accent: var(--brass); --us-line: var(--line-2); --us-soft: transparent; --us-radius: var(--radius); }

/* journal cards */
.us-host .us-cards { grid-template-columns: repeat(auto-fill, minmax(min(100%, 300px), 1fr)); gap: 56px 24px; }
.us-host .us-card { border: 0; border-radius: 0; background: transparent; overflow: visible; }
.us-host a.us-card:hover { transform: none; }
.us-host .us-card img { aspect-ratio: 4 / 3; margin-bottom: 20px; border-radius: var(--radius); background: var(--sand); }
.us-host .us-card-body { gap: 10px; padding: 18px 0 0; border-top: 1px solid var(--ink); }
.us-host .us-meta { font-size: 11px; font-weight: 700; line-height: 1.6; letter-spacing: .18em; text-transform: uppercase; color: var(--dim); opacity: 1; }
.us-host .us-card h3 { font-size: clamp(20px, 1rem + .6vw, 26px); font-weight: 600; line-height: 1.25; text-decoration: underline 1px transparent; text-underline-offset: 6px; transition: text-decoration-color .3s var(--ease); }
.us-host a.us-card:hover h3 { text-decoration-color: currentColor; }
.us-host .us-card p { font-size: 15px; line-height: 1.6; color: var(--ink-2); opacity: 1; }
.us-host .us-empty { max-width: 36em; padding: 24px 0 0; border-top: 1px solid var(--line); font-size: clamp(17px, .9rem + .4vw, 20px); color: var(--dim); opacity: 1; }
.us-host .us-actions { gap: 16px; margin-top: 44px; }

/* buttons, like .btn--dark */
.us-host .us-btn { min-height: 52px; padding: 0 28px; border: 1px solid var(--ink); border-radius: 999px; background: var(--ink); color: var(--on-dark); font-size: 13px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; transition: background-color .2s var(--ease), color .2s var(--ease), scale .2s var(--ease); }
.us-host .us-btn:hover { filter: none; transform: none; background: #2a2c31; }
.us-host .us-btn:active { scale: .97; }
.us-host .us-btn[disabled] { scale: none; }
.us-host .us-btn-ghost { background: transparent; color: var(--ink); }
.us-host .us-btn-ghost:hover { background: var(--ink); color: var(--on-dark); }

/* enquiry form */
.us-host .us-grid { grid-template-columns: repeat(auto-fit, minmax(min(100%, 200px), 1fr)); gap: 30px 24px; }
.us-host .us-grid > .us-field:first-child { grid-column: 1 / -1; }
.us-host .us-field { gap: 2px; font-size: 16px; }
.us-host .us-field > span { font-size: 11px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: var(--dim); opacity: 1; }
.us-host .us-field input { min-height: 50px; padding: 12px 0; border: 0; border-bottom: 1px solid var(--ink); border-radius: 0; background: transparent; }
.us-host .us-field textarea { min-height: 150px; margin-top: 10px; padding: 14px 16px; border: 1px solid var(--line-2); border-radius: var(--radius); background: var(--bone); line-height: 1.6; }
.us-host .us-field input:focus { outline: none; border-color: var(--brass); box-shadow: 0 1px 0 0 var(--brass); }
.us-host .us-field textarea:focus { outline: none; border-color: var(--brass); box-shadow: 0 0 0 1px var(--brass); }
.us-host .us-actions:has(.us-btn[type='submit']) { margin-top: 32px; }
.us-host .us-note { font-size: 14px; color: var(--dim); }
.us-host .us-note.us-err { color: var(--danger); }
.us-host .us-done { padding: 28px; border: 1px solid var(--line); border-radius: var(--radius); background: var(--bone); font-size: 16px; color: var(--ink-2); }
.us-host .us-done strong { margin-bottom: 8px; font-size: clamp(20px, 1rem + .5vw, 24px); font-weight: 600; line-height: 1.3; color: var(--ink); }

/* one post */
.us-host .us-article { max-width: 920px; }
.us-host .us-back { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; margin-bottom: clamp(20px, 3vw, 40px); font-size: 12px; font-weight: 700; letter-spacing: .16em; text-transform: uppercase; opacity: 1; }
.us-host .us-back svg { width: 16px; height: 16px; transition: transform .2s var(--ease); }
.us-host .us-back:hover svg { transform: translateX(-3px); }
.us-host .us-article h1 { margin: 0 0 22px; font-size: clamp(2.1rem, .5rem + 4.6vw, 5.25rem); font-weight: 400; line-height: 1.08; text-wrap: balance; }
.us-host .us-article > img { margin: clamp(28px, 4vw, 56px) 0 0; border-radius: var(--radius); }
.us-host .us-prose { max-width: 42em; margin-top: clamp(28px, 4vw, 56px); font-size: 18px; line-height: 1.8; color: var(--ink-2); }
.us-host .us-prose > p:first-child { font-size: clamp(19px, 1rem + .4vw, 22px); color: var(--ink); }
.us-host .us-prose h2 { margin: 2em 0 .6em; font-size: clamp(26px, 1rem + 1.4vw, 38px); font-weight: 500; line-height: 1.15; color: var(--ink); }
.us-host .us-prose h3 { margin: 1.8em 0 .5em; font-size: clamp(20px, 1rem + .5vw, 24px); font-weight: 600; line-height: 1.3; color: var(--ink); }
.us-host .us-prose a { color: var(--ink); text-decoration: underline; text-decoration-color: var(--brass); text-underline-offset: 3px; }
.us-host .us-prose strong { font-weight: 700; color: var(--ink); }
.us-host .us-prose :is(ul, ol) { padding: 0; list-style: none; }
.us-host .us-prose li { position: relative; }
.us-host .us-prose ul > li { padding-left: 28px; }
.us-host .us-prose ul > li::before { content: ''; position: absolute; left: 4px; top: .9em; width: 10px; height: 1px; background: var(--brass); }
.us-host .us-prose ol { counter-reset: n; }
.us-host .us-prose ol > li { padding-left: 40px; counter-increment: n; }
.us-host .us-prose ol > li::before { content: counter(n, decimal-leading-zero); position: absolute; left: 0; top: .15em; font-size: 14px; font-weight: 700; color: var(--brass-ink); font-variant-numeric: tabular-nums; }
.us-host .us-prose blockquote { margin: 1.6em 0; padding: 24px 0; border: 0; border-top: 1px solid var(--brass); border-bottom: 1px solid var(--line); font-size: clamp(22px, 1rem + 1vw, 30px); line-height: 1.35; color: var(--ink); opacity: 1; }
.us-host .us-prose img { border-radius: var(--radius); }
.us-host .us-prose pre { border: 1px solid var(--line); border-radius: var(--radius); background: var(--paper); }
.us-host .us-prose :is(th, td) { border: 0; border-bottom: 1px solid var(--line); }
.us-host .us-prose hr { margin: 2.4em 0; border: 0; border-top: 1px solid var(--line); }

/* ----------------------------------------------------------- responsive */

@media (max-width: 900px) {
  .site-header { min-height: 72px; }
  .brand-mark { height: 40px; }
  .brand-name { font-size: 12px; }
  .brand-name > span + span { font-size: 10px; }
  .hero-top { grid-template-columns: minmax(0, 1fr); }
  .hero .display { font-size: clamp(1.6rem, 8.3vw, 3.75rem); }
  .hero-mark { order: -1; height: 170px; margin-bottom: 8px; }
  .hero-intro, .register, .enquire-copy, .enquire-card { grid-column: 1 / -1; }
}
@media (max-width: 560px) {
  /* "Architecture studio" and "Site coming soon" on their own lines, not broken mid-phrase */
  .hero .eyebrow { display: flex; flex-direction: column; gap: 4px; }
  .hero .eyebrow .sep { position: absolute; width: 1px; height: 1px; margin: 0; overflow: hidden; clip: rect(0 0 0 0); }
}
@media (max-width: 420px) {
  /* room for the logo, Journal and Enquire on a 360px phone */
  .nav { gap: 14px; }
  .nav-link { font-size: 11.5px; letter-spacing: .14em; }
  .nav .btn--small { padding: 0 14px; font-size: 11px; }
}
@media (max-width: 350px) {
  .nav-link { display: none; }
}

/* =================================================================
   Motion (coming-soon.js). Only with html.motion, or html.motion-calm for
   reduced motion, which the head script sets. Without either, everything shows.
   ================================================================= */

/* blocks rise in as they reach the viewport (keep in step with REVEAL in coming-soon.js) */
html.motion :is(.hero-intro, .register li, .section-head, .enquire-copy > *, .enquire-card, .cta > *, .us-card, .us-article) {
  transition: opacity 1s var(--ease-out) var(--d, 0ms), transform 1.2s var(--ease-out) var(--d, 0ms);
}
html.motion :is(.hero-intro, .register li, .section-head, .enquire-copy > *, .enquire-card, .cta > *, .us-card, .us-article):not(.is-in) {
  opacity: 0; transform: translate3d(0, 36px, 0);
}

/* the footer wordmark opens like a curtain */
html.motion .footer-mark { transition: clip-path 1.4s var(--ease-out) var(--d, 0ms); }
html.motion .footer-mark:not(.is-in) { clip-path: inset(0 0 100% 0); }

/* headings rise word by word out of a mask */
.split-visual { display: inline; }
.w { display: inline-block; overflow: hidden; vertical-align: bottom; padding: 0 .04em .14em; margin: 0 -.04em -.14em; }
.w > span { display: inline-block; }
html.motion .is-split .w > span { transition: transform 1.2s var(--ease-out); transition-delay: calc(var(--wi, 0) * 60ms + var(--d, 0ms)); }
html.motion .is-split:not(.is-in) .w > span { transform: translate3d(0, 110%, 0); }
html.motion :is(.display, .h2):not(.is-split) { visibility: hidden; }

/* the cat rises, then the star lands in its paw; hover spins the star */
html.motion .hero-mark:not(.is-in) g { opacity: 0; }
html.motion .hero-mark.is-in .hero-mark-cat { animation: cat-rise 1.4s var(--ease-out) both; }
html.motion .hero-mark.is-in .hero-mark-star { animation: star-land 1.2s cubic-bezier(.34, 1.56, .64, 1) .7s both; }
html.motion .hero-mark:hover .hero-mark-spin { animation: star-spin 1.1s var(--ease-out); }
@keyframes cat-rise { from { opacity: 0; transform: translate3d(0, 18%, 0); } to { opacity: 1; transform: none; } }
@keyframes star-land { from { opacity: 0; transform: translate3d(0, -60%, 0) rotate(-144deg) scale(.4); } to { opacity: 1; transform: none; } }
@keyframes star-spin { to { transform: rotate(360deg); } }

/* reduced motion: content fades in, nothing moves */
html.motion-calm :is(.hero-intro, .register li, .section-head, .enquire-copy > *, .enquire-card, .cta > *, .us-card, .us-article, .footer-mark, .hero-mark g) {
  transition: opacity .9s var(--ease) var(--d, 0ms);
}
html.motion-calm :is(.hero-intro, .register li, .section-head, .enquire-copy > *, .enquire-card, .cta > *, .us-card, .us-article, .footer-mark):not(.is-in),
html.motion-calm .hero-mark:not(.is-in) g {
  opacity: 0;
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  .btn:active, .us-host .us-btn:active { scale: none; }
  .btn:hover svg, .link:hover svg, .register a.row:hover .status svg, .us-host .us-back:hover svg { transform: none; }
}
@media print {
  html.motion * { opacity: 1 !important; transform: none !important; clip-path: none !important; visibility: visible !important; }
}