/* Hallmark · macrostructure: Photographic · tone: atmospheric · anchor hue: warm brass/plum · nav: N5 · footer: Ft5 · enrichment: source artwork · pre-emit critique: P5 H5 E4 S5 R4 V5 · contrast: pass · slop: pass (42–45) · mobile: pass (34, 49, 50–57) */
@import url("../../tokens.css?v=20260808b");

html { overflow-x: clip; scroll-behavior: smooth; }
body {
  overflow-x: clip;
  margin: 0;
  background:
    radial-gradient(circle at 78% 5%, color-mix(in oklch, var(--color-accent-2) 13%, transparent) 0, transparent 31%),
    var(--color-paper);
  color: var(--color-ink);
  font-family: var(--font-body);
  font-size: var(--text-base);
  font-weight: 400;
  line-height: 1.62;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
}
*, *::before, *::after { box-sizing: border-box; }
img { display: block; max-width: 100%; }
a { color: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
button { color: inherit; font: inherit; }
h1, h2, h3, p, figure, ul, ol, table { margin: 0; }
h1, h2, h3 { font-family: var(--font-display); font-style: normal; font-weight: 400; letter-spacing: -0.03em; line-height: 1.08; overflow-wrap: anywhere; min-width: 0; }
h2 { font-size: clamp(2rem, 4vw, 3.25rem); }
h3 { font-size: clamp(1.35rem, 2.4vw, 2rem); }
p { max-width: 65ch; }
::selection { background: var(--color-accent); color: var(--color-paper); }

.page-shell { min-height: 100dvh; }
.wrap { width: min(100% - 2rem, 75rem); margin-inline: auto; }
.narrow { width: min(100% - 2rem, 65ch); margin-inline: auto; }
.eyebrow, .meta, .caption, .section-note, .stage, .table-note {
  color: var(--color-muted);
  font-family: var(--font-mono);
  font-size: var(--text-xs);
  letter-spacing: 0.08em;
}
.eyebrow { text-transform: uppercase; }
.section-head { display: grid; gap: var(--space-sm); margin-block-end: var(--space-xl); }
.section-head p { color: var(--color-muted); max-width: 52ch; }
.section-note { text-transform: uppercase; }

.nav-pill {
  position: fixed;
  z-index: var(--z-sticky);
  inset: var(--space-md) auto auto 50%;
  display: flex;
  align-items: center;
  gap: var(--space-lg);
  width: max-content;
  max-width: calc(100% - 2rem);
  padding: var(--space-xs) var(--space-sm) var(--space-xs) var(--space-md);
  transform: translateX(-50%);
  border: var(--rule-hair) solid var(--color-rule);
  border-radius: var(--radius-pill);
  background: color-mix(in oklch, var(--color-paper-2) 86%, transparent);
  box-shadow: 0 12px 26px color-mix(in oklch, var(--color-paper) 70%, transparent);
  backdrop-filter: blur(14px) saturate(115%);
}
.wordmark { display: inline-flex; align-items: center; gap: var(--space-xs); color: var(--color-ink); font-family: var(--font-display); font-size: 1.25rem; line-height: 1; white-space: nowrap; }
.wordmark img { width: 1.8rem; height: 1.8rem; border-radius: 50%; object-fit: cover; border: 1px solid var(--color-rule); }
.nav-links { display: flex; align-items: center; gap: var(--space-lg); list-style: none; padding: 0; }
.nav__link, .footer__link, .filter-button, .btn, .text-link, .menu-toggle { white-space: nowrap; }
.nav__link { color: var(--color-ink-soft); font-size: var(--text-sm); text-decoration: none; transition: color var(--dur-short) var(--ease-out); }
.nav__link:hover, .nav__link:focus-visible, .nav__link[aria-current="page"] { color: var(--color-accent); }
.menu-toggle { display: none; min-width: 2.75rem; min-height: 2.75rem; border: 1px solid var(--color-rule); border-radius: var(--radius-pill); background: transparent; cursor: pointer; }
.nav-sheet { display: none; }

.btn {
  display: inline-flex;
  min-height: 2.75rem;
  align-items: center;
  justify-content: center;
  gap: var(--space-xs);
  padding: var(--space-sm) var(--space-md);
  border: 1px solid transparent;
  border-radius: var(--radius-sm);
  text-decoration: none;
  font-size: var(--text-sm);
  font-weight: 600;
  cursor: pointer;
  transition: background-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), border-color var(--dur-short) var(--ease-out), transform 100ms var(--ease-out), opacity var(--dur-short) var(--ease-out);
}
.btn--accent { background: var(--color-accent); color: var(--color-accent-ink); }
.btn--accent:hover { background: var(--color-ink); color: var(--color-paper); transform: translateY(-1px); }
.btn--accent:active { transform: translateY(1px); }
.btn--outline { border-color: var(--color-rule); color: var(--color-ink-soft); background: transparent; }
.btn--outline:hover { border-color: var(--color-accent); color: var(--color-accent); transform: translateY(-1px); }
.btn:focus-visible, .nav__link:focus-visible, .footer__link:focus-visible, .filter-button:focus-visible, .text-link:focus-visible, .menu-toggle:focus-visible, .faq-button:focus-visible, .lightbox-button:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.btn:disabled { opacity: 0.45; cursor: not-allowed; transform: none; }
.btn[data-state="loading"] { opacity: 0.68; pointer-events: none; }
.btn[data-state="loading"]::after { content: " …"; }
.btn[data-state="success"] { border-color: var(--color-success); color: var(--color-success); }
.btn[data-state="error"] { border-color: var(--color-error); color: var(--color-error); }

.hero { padding-block-start: clamp(6.5rem, 12vw, 10rem); }
.hero--photo { width: min(100% - 2rem, 91rem); margin-inline: auto; }
.hero-figure { position: relative; min-height: min(72dvh, 46rem); overflow: hidden; border-radius: var(--radius-md); background: var(--color-paper-2); }
.hero-figure::after { content: ""; position: absolute; inset: 35% 0 0; background: linear-gradient(to bottom, transparent, color-mix(in oklch, var(--color-paper) 86%, transparent)); pointer-events: none; }
.hero-figure img { width: 100%; height: 100%; min-height: min(72dvh, 46rem); object-fit: cover; object-position: center; }
.hero-caption { position: absolute; z-index: var(--z-raised); inset: auto var(--space-xl) var(--space-xl); display: grid; gap: var(--space-md); max-width: 43rem; }
.hero-caption .eyebrow { color: var(--color-accent); }
.hero-caption h1 { color: var(--color-ink); font-size: clamp(2.7rem, 5vw, 5rem); }
.hero-caption p { color: var(--color-ink-soft); max-width: 55ch; }
.hero-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); }
.text-link { display: inline-flex; align-items: center; width: fit-content; gap: var(--space-xs); color: var(--color-accent); text-decoration: underline; text-decoration-color: color-mix(in oklch, var(--color-accent) 55%, transparent); text-decoration-thickness: 1px; text-underline-offset: 0.28em; transition: color var(--dur-short) var(--ease-out), text-decoration-color var(--dur-short) var(--ease-out); }
.text-link:hover { color: var(--color-ink); text-decoration-color: var(--color-ink); }
.hero-meta { display: flex; flex-wrap: wrap; gap: var(--space-md); color: var(--color-ink-soft); font-family: var(--font-mono); font-size: var(--text-xs); letter-spacing: 0.05em; }

.prose-section { padding-block: var(--space-4xl) var(--space-3xl); }
.prose-section .prose { display: grid; gap: var(--space-lg); width: min(100%, 65ch); margin-inline: auto; color: var(--color-ink-soft); font-size: 1.05rem; line-height: 1.78; }
.prose-section .lede { color: var(--color-ink); font-family: var(--font-display); font-size: clamp(1.55rem, 2.5vw, 2.2rem); line-height: 1.3; }
.head-inline { color: var(--color-accent); font-family: var(--font-mono); font-size: var(--text-xs); font-weight: 600; letter-spacing: 0.08em; text-transform: uppercase; }
.prose a { color: var(--color-accent); text-underline-offset: 0.25em; }
.quote { padding-block: var(--space-lg); color: var(--color-ink); font-family: var(--font-display); font-size: clamp(1.8rem, 3.4vw, 3rem); line-height: 1.2; }

.section { padding-block: var(--space-3xl); }
.section--tight { padding-block: var(--space-2xl); }
.section--shade { background: var(--color-paper-2); }
.rule-top { border-top: 1px solid var(--color-rule-soft); }
.spec-sheet { width: 100%; border-collapse: collapse; color: var(--color-ink-soft); }
.spec-sheet tr { border-bottom: 1px solid var(--color-rule-soft); }
.spec-sheet th, .spec-sheet td { padding: var(--space-md) 0; text-align: left; vertical-align: top; }
.spec-sheet th { width: 31%; color: var(--color-ink); font-weight: 600; }
.spec-sheet td:last-child { color: var(--color-muted); font-family: var(--font-mono); font-size: var(--text-xs); text-align: right; }
.tnum { font-variant-numeric: tabular-nums; }

.feature-grid { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-xl) var(--space-3xl); align-items: start; }
.feature-list { display: grid; gap: var(--space-lg); }
.feature-item { display: grid; grid-template-columns: auto minmax(0, 1fr); gap: var(--space-md); align-items: start; padding-block-start: var(--space-md); border-top: 1px solid var(--color-rule-soft); }
.feature-item .feature-index { color: var(--color-accent); font-family: var(--font-mono); font-size: var(--text-xs); }
.feature-item p { margin-block-start: var(--space-xs); color: var(--color-muted); font-size: var(--text-sm); }
.feature-art { overflow: hidden; border-radius: var(--radius-sm); background: var(--color-paper-3); }
.feature-art img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }

.gallery-preview { display: grid; grid-template-columns: 1.3fr 0.7fr; gap: var(--space-md); }
.gallery-preview figure { overflow: hidden; border-radius: var(--radius-sm); background: var(--color-paper-2); }
.gallery-preview figure:first-child { grid-row: span 2; }
.gallery-preview img { width: 100%; height: 100%; min-height: 11rem; object-fit: cover; transition: transform var(--dur-long) var(--ease-out); }
.gallery-preview figure:hover img { transform: scale(1.02); }
.gallery-preview figcaption { padding: var(--space-sm) var(--space-md); color: var(--color-muted); font-family: var(--font-mono); font-size: var(--text-xs); }

.timeline { display: grid; gap: var(--space-lg); list-style: none; padding: 0; }
.timeline li { display: grid; grid-template-columns: 4.5rem minmax(0, 1fr); gap: var(--space-lg); padding-block: var(--space-lg); border-top: 1px solid var(--color-rule-soft); }
.timeline .stage { color: var(--color-accent); padding-block-start: 0.2rem; }
.timeline h3 { font-size: var(--text-lg); }
.timeline p { margin-block-start: var(--space-xs); color: var(--color-muted); }

.fit-grid { display: grid; grid-template-columns: 1fr 1fr; gap: var(--space-xl); }
.fit-list { display: grid; gap: var(--space-sm); list-style: none; padding: 0; }
.fit-list li { position: relative; padding-inline-start: 1.4rem; color: var(--color-ink-soft); }
.fit-list li::before { content: ""; position: absolute; inset-inline-start: 0; top: 0.65em; width: 0.45rem; height: 0.45rem; border-radius: 50%; background: var(--color-accent); }

.article-index { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--color-rule-soft); border-block: 1px solid var(--color-rule-soft); }
.article-index a { display: grid; gap: var(--space-xs); min-height: 9.5rem; padding: var(--space-lg); background: var(--color-paper); text-decoration: none; transition: background-color var(--dur-short) var(--ease-out), transform 100ms var(--ease-out); }
.article-index a:hover { background: var(--color-paper-2); transform: translateY(-1px); }
.article-index strong { color: var(--color-ink); font-family: var(--font-display); font-size: var(--text-lg); font-weight: 400; }
.article-index span { color: var(--color-muted); font-size: var(--text-sm); }

.faq-list { display: grid; gap: var(--space-sm); }
.faq-item { border-top: 1px solid var(--color-rule-soft); }
.faq-button { display: flex; width: 100%; align-items: center; justify-content: space-between; gap: var(--space-md); min-height: 3.5rem; padding: var(--space-md) 0; border: 0; background: transparent; color: var(--color-ink); text-align: left; cursor: pointer; }
.faq-button::after { content: "+"; color: var(--color-accent); font-family: var(--font-mono); font-size: 1.2rem; }
.faq-item[open] .faq-button::after { content: "−"; }
.faq-answer { padding: 0 var(--space-2xl) var(--space-md) 0; color: var(--color-muted); }

.download-band { padding-block: var(--space-3xl); background: var(--color-paper-2); }
.download-band-inner { display: grid; grid-template-columns: 1.2fr 0.8fr; gap: var(--space-3xl); align-items: end; }
.download-band h2 { max-width: 14ch; }
.download-band p { color: var(--color-muted); }
.download-band .actions { display: flex; flex-wrap: wrap; justify-content: flex-start; gap: var(--space-md); }
.platform-grid { display: grid; grid-template-columns: 1.1fr 0.9fr; gap: var(--space-xl); }
.platform-card { display: grid; gap: var(--space-md); padding-block: var(--space-lg); border-top: 1px solid var(--color-rule); }
.platform-card h3 { color: var(--color-ink); }
.platform-card p { color: var(--color-muted); }
.platform-card .meta { color: var(--color-accent); }
.install-steps { counter-reset: steps; }
.install-steps li { counter-increment: steps; }
.install-steps .stage::before { content: counter(steps, decimal-leading-zero) " / "; }
.notice { padding: var(--space-md) var(--space-lg); border-inline-start: 2px solid var(--color-accent); background: color-mix(in oklch, var(--color-accent) 7%, var(--color-paper)); color: var(--color-ink-soft); }

.guide-cards { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1px; background: var(--color-rule-soft); }
.guide-card { display: grid; gap: var(--space-sm); min-height: 11rem; padding: var(--space-xl); background: var(--color-paper); }
.guide-card:hover { background: var(--color-paper-2); }
.guide-card .meta { color: var(--color-accent); }
.guide-card h3 { font-size: var(--text-xl); }
.guide-card p { color: var(--color-muted); font-size: var(--text-sm); }
.guide-body { display: grid; gap: var(--space-3xl); }
.guide-body article { display: grid; gap: var(--space-lg); }
.guide-body article > p, .guide-body article > ul, .guide-body article > ol, .guide-body article > table { width: min(100%, 65ch); }
.guide-body ul, .guide-body ol { padding-inline-start: 1.4rem; color: var(--color-ink-soft); }
.guide-body li + li { margin-block-start: var(--space-xs); }

.gallery-tools { display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--space-md); margin-block-end: var(--space-xl); }
.filters { display: flex; flex-wrap: wrap; gap: var(--space-xs); }
.filter-button { min-height: 2.75rem; padding: var(--space-xs) var(--space-sm); border: 1px solid var(--color-rule); border-radius: var(--radius-pill); background: transparent; color: var(--color-muted); cursor: pointer; transition: border-color var(--dur-short) var(--ease-out), color var(--dur-short) var(--ease-out), background-color var(--dur-short) var(--ease-out); }
.filter-button:hover, .filter-button[aria-pressed="true"] { border-color: var(--color-accent); color: var(--color-accent); background: color-mix(in oklch, var(--color-accent) 8%, transparent); }
.filter-button:active, .gallery-card:active, .faq-button:active, .menu-toggle:active, .lightbox-button:active { transform: translateY(1px); }
.filter-button:disabled, .gallery-card:disabled, .faq-button:disabled, .menu-toggle:disabled, .lightbox-button:disabled { cursor: not-allowed; opacity: 0.45; }
.gallery-card:focus-visible { outline: 2px solid var(--color-focus); outline-offset: 3px; }
.gallery-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--space-sm); }
.gallery-card { display: grid; grid-template-rows: auto auto; padding: 0; border: 1px solid var(--color-rule-soft); background: var(--color-paper-2); text-align: left; cursor: pointer; }
.gallery-card[hidden] { display: none; }
.gallery-card img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; }
.gallery-card span { padding: var(--space-sm); color: var(--color-muted); font-family: var(--font-mono); font-size: 0.7rem; letter-spacing: 0.04em; }
.gallery-card:hover { border-color: var(--color-accent); }

dialog { max-width: min(92vw, 68rem); max-height: 92dvh; padding: 0; border: 1px solid var(--color-rule); border-radius: var(--radius-md); background: var(--color-paper-2); color: var(--color-ink); }
dialog::backdrop { background: var(--color-backdrop); }
.lightbox { position: relative; display: grid; grid-template-rows: 1fr auto; max-height: 92dvh; }
.lightbox img { width: 100%; max-height: 78dvh; object-fit: contain; background: var(--color-paper); }
.lightbox-caption { display: flex; align-items: center; justify-content: space-between; gap: var(--space-md); padding: var(--space-md) var(--space-lg); }
.lightbox-caption p { color: var(--color-muted); font-size: var(--text-sm); }
.lightbox-controls { display: flex; gap: var(--space-xs); }
.lightbox-button { display: inline-grid; min-width: 2.75rem; min-height: 2.75rem; place-items: center; border: 1px solid var(--color-rule); border-radius: var(--radius-sm); background: transparent; cursor: pointer; }
.lightbox-button:hover { border-color: var(--color-accent); color: var(--color-accent); }

.article-page { padding-block: clamp(8rem, 14vw, 11rem) var(--space-4xl); }
.article-header { display: grid; gap: var(--space-lg); max-width: 58rem; padding-block-end: var(--space-2xl); border-bottom: 1px solid var(--color-rule-soft); }
.article-header h1 { max-width: 16ch; font-size: clamp(2.7rem, 5vw, 5rem); }
.article-header p { color: var(--color-muted); font-size: 1.05rem; }
.article-layout { display: grid; grid-template-columns: minmax(0, 1fr) 15rem; gap: var(--space-3xl); align-items: start; padding-block-start: var(--space-2xl); }
.article-content { display: grid; gap: var(--space-lg); max-width: 68ch; color: var(--color-ink-soft); font-size: 1.05rem; line-height: 1.8; }
.article-content h2 { margin-block-start: var(--space-lg); font-size: clamp(1.8rem, 3vw, 2.6rem); color: var(--color-ink); }
.article-content h3 { margin-block-start: var(--space-md); font-size: var(--text-lg); color: var(--color-ink); }
.article-content ul, .article-content ol { padding-inline-start: 1.4rem; }
.article-content li + li { margin-block-start: var(--space-xs); }
.article-content table { border-collapse: collapse; width: 100%; font-size: var(--text-sm); }
.article-content th, .article-content td { padding: var(--space-sm) var(--space-xs); border-bottom: 1px solid var(--color-rule-soft); text-align: left; vertical-align: top; }
.article-content th { color: var(--color-ink); font-weight: 600; }
.article-content a { color: var(--color-accent); text-underline-offset: 0.25em; }
.article-aside { position: sticky; top: var(--space-3xl); display: grid; gap: var(--space-md); padding-block-start: var(--space-sm); }
.article-aside a { color: var(--color-muted); font-size: var(--text-sm); text-decoration: none; }
.article-aside a:hover { color: var(--color-accent); }
.article-aside .meta { color: var(--color-accent); }
.checklist { display: grid; gap: var(--space-sm); list-style: none; padding: var(--space-lg) !important; border: 1px solid var(--color-rule); background: var(--color-paper-2); }
.checklist li { position: relative; padding-inline-start: 1.5rem; }
.checklist li::before { content: "□"; position: absolute; inset-inline-start: 0; color: var(--color-accent); font-family: var(--font-mono); }
.article-cta { display: flex; flex-wrap: wrap; gap: var(--space-md); padding-block-start: var(--space-md); }

.footer { padding-block: var(--space-4xl) var(--space-xl); background: var(--color-paper-2); }
.footer-statement { max-width: 21ch; color: var(--color-ink); font-family: var(--font-display); font-size: clamp(2.25rem, 5vw, 4.8rem); line-height: 0.98; }
.footer-meta { display: flex; flex-wrap: wrap; align-items: baseline; justify-content: space-between; gap: var(--space-lg); padding-block: var(--space-lg); border-top: 1px solid var(--color-rule); margin-block-start: var(--space-2xl); }
.footer-description { max-width: 30ch; color: var(--color-muted); font-size: var(--text-sm); }
.footer-links, .footer-related { display: flex; flex-wrap: wrap; align-items: center; gap: var(--space-md); list-style: none; padding: 0; }
.footer__link { color: var(--color-muted); font-size: var(--text-sm); text-decoration: none; transition: color var(--dur-short) var(--ease-out); }
.footer__link:hover { color: var(--color-accent); }
.footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: var(--space-md); color: var(--color-muted); font-family: var(--font-mono); font-size: 0.7rem; }

.reveal { opacity: 0; transform: translateY(8px); animation: reveal var(--dur-long) var(--ease-out) forwards; animation-delay: calc(var(--i, 0) * 60ms); }
@keyframes reveal { to { opacity: 1; transform: none; } }

@media (min-width: 40rem) {
  .wrap, .narrow { width: min(100% - 3rem, 75rem); }
  .gallery-grid { gap: var(--space-md); }
}
@media (min-width: 60rem) {
  .wrap { width: min(100% - 6rem, 75rem); }
  .hero--photo { width: min(100% - 6rem, 91rem); }
  .article-layout { grid-template-columns: minmax(0, 1fr) 15rem; }
}
@media (max-width: 60rem) {
  .nav-pill { gap: var(--space-sm); }
  .nav-links { display: none; }
  .menu-toggle { display: inline-grid; place-items: center; }
  .nav-sheet[data-open="true"] { position: fixed; z-index: var(--z-dropdown); inset: var(--space-3xl) var(--space-md) auto; display: grid; gap: var(--space-xs); padding: var(--space-sm); border: 1px solid var(--color-rule); border-radius: var(--radius-md); background: var(--color-paper-2); box-shadow: 0 16px 40px color-mix(in oklch, var(--color-paper) 72%, transparent); }
  .nav-sheet .nav__link { padding: var(--space-sm); }
  .hero-caption { inset-inline: var(--space-lg); }
  .feature-grid, .download-band-inner, .article-layout { grid-template-columns: 1fr; }
  .article-aside { position: static; order: -1; display: flex; flex-wrap: wrap; gap: var(--space-sm) var(--space-lg); }
}
@media (max-width: 40rem) {
  .wrap, .narrow { width: min(100% - 2rem, 75rem); }
  .hero-figure, .hero-figure img { min-height: 35rem; }
  .hero-caption h1 { font-size: clamp(2.45rem, 13vw, 3.8rem); }
  .hero-caption { inset-inline: var(--space-md); inset-block-end: var(--space-md); }
  .hero-actions .btn { width: 100%; }
  .spec-sheet th, .spec-sheet td { display: block; width: 100%; padding-block: var(--space-sm); }
  .spec-sheet td:last-child { text-align: left; padding-block-start: 0; }
  .fit-grid, .guide-cards, .article-index { grid-template-columns: 1fr; }
  .gallery-preview { grid-template-columns: 1fr; }
  .gallery-preview figure:first-child { grid-row: auto; }
  .gallery-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .gallery-tools { align-items: flex-start; flex-direction: column; }
  .filter-button { min-height: 2.75rem; }
  .download-band .actions .btn { width: 100%; }
  .footer-meta, .footer-bottom { align-items: flex-start; flex-direction: column; }
}
@media (pointer: coarse) {
  .btn, .filter-button, .menu-toggle, .lightbox-button { min-height: 3rem; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: 150ms !important; animation-iteration-count: 1 !important; transition-duration: 150ms !important; }
  .reveal { animation-name: reveal-reduced; }
  @keyframes reveal-reduced { to { opacity: 1; transform: none; } }
}