:root {
  --c-ink: 16 18 18;
  --c-ink-800: 22 25 24;
  --c-ink-700: 29 32 31;
  --c-steel: 194 201 196;
  --c-steel-mut: 153 163 155;
  --accent: #f58b39;
  --line: rgb(var(--c-white) / .13);
}

html.light {
  --c-ink: 247 248 246;
  --c-ink-800: 238 241 238;
  --c-ink-700: 255 255 255;
  --c-ink-600: 222 227 222;
  --c-ink-500: 204 210 204;
  --c-steel: 66 75 69;
  --c-steel-mut: 91 105 96;
}

* { letter-spacing: 0 !important; }
html { scroll-padding-top: 96px; }
body { line-height: 1.65; }
button, a { -webkit-tap-highlight-color: transparent; }
button { touch-action: manipulation; }
:focus-visible { outline: 2px solid var(--accent); outline-offset: 5px; }
[hidden] { display: none !important; }
.max-w-6xl { max-width: 1376px; }
.eyebrow { font: 600 11px/1.5 Inter, sans-serif; text-transform: uppercase; }
h2 { font-weight: 500; text-wrap: balance; }
p { text-wrap: pretty; }
.btn-ember {
  background: var(--accent);
  border-radius: 4px !important;
  box-shadow: none !important;
  color: #171b17 !important;
  transition: background .2s, transform .2s;
}
.btn-ember:hover { background: #ffa763; filter: none; transform: translateY(-2px); }
.btn-ember svg { transition: transform .2s; }
.btn-ember:hover svg { transform: translateX(3px); }
.icon-button {
  display: inline-grid; place-items: center; flex: none; width: 46px; height: 46px;
  border: 1px solid var(--line); border-radius: 50%; background: transparent;
  color: rgb(var(--c-white)); transition: border-color .2s, background .2s, transform .2s;
}
.icon-button:hover { border-color: var(--accent); background: rgb(245 139 57 / .13); }
.icon-button svg, [data-icon] svg { width: 20px; height: 20px; stroke-width: 1.6; }
.field-mark { font: 300 30px/1 Inter, sans-serif; color: var(--accent); }
.reveal { transform: translateY(18px); will-change: auto; }
.reveal.in { transform: none; }
#scrollbar { height: 2px; background: var(--accent); box-shadow: none; }

/* The film fills the viewport; every theme keeps a legible, dark hero. */
#top { min-height: 0; background: #171d19; }
#heroStage {
  position: relative; height: auto; min-height: min(820px, calc(100svh - 140px));
  background: none; display: flex; align-items: center;
}
#heroMediaLayer {
  position: absolute; inset: 0; height: auto; aspect-ratio: auto; border: 0;
  border-radius: 0; transform: none !important; box-shadow: none; background: #171d19;
  overflow: hidden; will-change: auto;
}
#heroMediaLayer::before { display: none; }
#heroMediaLayer .slot { position: absolute; inset: 0; width: 100%; height: 100%; transform: scale(1.02); }
#heroMediaLayer .slot img, #heroMediaLayer .slot video { object-position: center 65%; }
#heroMediaLayer .hero-scrim-v {
  background: linear-gradient(180deg, rgb(11 17 13 / .64), transparent 28%, rgb(11 17 13 / .05) 62%, #101212 100%);
}
#heroMediaLayer .hero-scrim-h { background: linear-gradient(90deg, rgb(9 17 12 / .88), rgb(9 17 12 / .53) 47%, rgb(9 17 12 / .05) 80%); }
#heroBlueprint, .hero-frame-meta, #heroScrubTrack, #heroScrollCue { display: none !important; }
#heroCopy { padding-top: 110px !important; padding-bottom: 95px !important; transform: none !important; opacity: 1 !important; will-change: auto; }
#heroCopy > div { max-width: 740px; }
#heroCopy .hero-brand { font: 600 100px/.98 Oswald, sans-serif !important; text-transform: uppercase; color: #fff; max-width: 680px; }
#heroCopy .hero-tagline { margin-top: 25px; color: #fff; font: 500 25px/1.4 Oswald, sans-serif; text-transform: uppercase; }
#heroTitleB { color: #ffa763; }
#heroSubtext { font-size: 16px; line-height: 1.8; max-width: 510px; color: #d5ddd5; margin-top: 18px; }
#heroCopy .eyebrow { color: #ffb376; margin-bottom: 24px; }
#heroCopy .mt-9 { margin-top: 28px; gap: 12px; }
#heroCopy .mt-8 { margin-top: 25px; color: #c7d0c8; font-size: 11px; gap: 10px 23px; }
#heroCopy a[href^="tel:"] { color: #fff; padding: 14px 20px; border: 1px solid rgb(255 255 255 / .3); box-shadow: none; border-radius: 4px; font-size: 14px; }
#heroEstimate { padding: 15px 23px; font-size: 14px; }
#heroCopy a[href*="share.google"] { color: #e3e9e3; flex-basis: 100%; justify-content: flex-start; margin-top: 2px; padding-left: 0; }
#heroCopy a[href*="share.google"] span { font-size: 12px; }
.hero-bottom {
  position: absolute; bottom: 28px; left: 0; right: 0; z-index: 15;
  display: flex; align-items: center; justify-content: space-between; gap: 24px;
  max-width: 1376px; padding: 0 32px; margin: auto; color: #fff;
}
.hero-work-link { display: inline-flex; align-items: center; gap: 18px; font-size: 11px; line-height: 1.7; color: #aebbaf; }
.hero-work-link strong { font-weight: 500; color: #fff; }
.hero-work-link > :last-child { margin-left: 22px; transition: transform .2s; }
.hero-work-link:hover > :last-child { transform: translate(3px, 3px); color: var(--accent); }
.hero-film-controls { display: flex; align-items: center; gap: 16px; color: #b4c1b6; font-size: 11px; }
.hero-film-controls .icon-button { width: 40px; height: 40px; color: #fff; border-color: #6d796b; }

#siteHeader.at-top { --c-white: 255 255 255; --c-steel: 224 232 225; --c-steel-mut: 184 199 188; --c-ink-700: 27 36 29; color: #fff; }
#siteHeader.at-top .logo-dark { opacity: 1; }
#siteHeader.at-top .logo-light { opacity: 0; }
#siteHeader > .max-w-6xl > div { padding-top: 20px; padding-bottom: 20px; }
#siteHeader .drop-shadow-\[0_2px_12px_rgba\(244\,123\,32\,0\.30\)\] { filter: none; }
#siteHeader .bind-region { font-size: 9px; margin-top: 6px; }
#siteHeader .bind-bizname { font-size: 18px; }
#siteHeader .navlink { font-size: 12px; }
#siteHeader nav[aria-label="Primary"] { gap: 22px; }
#siteHeader .navlink::after { height: 1px; }
#siteHeader .navlink[aria-current="location"]::after { right: 0; }
#siteHeader:not(.at-top) { background: rgb(var(--c-ink) / .95); box-shadow: none; }
#siteHeader .hidden.md\:flex { display: none; }
#siteHeader #menuBtn { border-radius: 4px; box-shadow: none; border: 1px solid rgb(var(--c-white) / .2); background: transparent; }
#mobileMenu { max-height: calc(100svh - 82px); overflow: auto; }

main > section:not(:where(#top)) { padding-top: 95px; padding-bottom: 95px; }
#services { counter-reset: service; background: rgb(var(--c-ink)); padding-top: 65px; }
#services .eyebrow { opacity: 1; transform: none; }
#services > div > .mb-10 { display: grid; grid-template-columns: 1fr 1fr; gap: 10px 40px; max-width: none; margin-bottom: 45px; }
#services .eyebrow { grid-column: 1 / -1; margin-bottom: 8px; }
#servicesTitle { font-size: 48px; }
#servicesIntro { margin: 0; max-width: 430px; align-self: center; justify-self: end; font-size: 15px; }
#services article { border: 0; border-radius: 5px; box-shadow: none; background: transparent; overflow: visible; }
#services article:hover { box-shadow: none; transform: none !important; }
#services article > .slot { border-radius: 5px; background: rgb(var(--c-ink-800)); }
#services article > .p-6 { padding: 22px 0 28px; border-bottom: 1px solid var(--line); }
#services article > .p-6 > div { gap: 10px; }
#services article > .p-6 > div > span { display: none; }
#services article h3 { font-size: 22px; font-weight: 500; }
#services article > .p-6 > div::after { counter-increment: service; content: "0" counter(service); margin-left: auto; color: rgb(var(--c-steel-mut)); font: 12px/1.2 Inter, sans-serif; }
#services article p { font-size: 14px; line-height: 1.7; max-width: 340px; }
#services .grid { gap: 30px; }
.ss { background: #151917; }
.ss img, .ss video, .ss img.on, .ss video.on { object-fit: contain; transform: none; }
.slot .ph { display: none; }
.slot::before { background: rgb(var(--c-ink-800)); }
.gallery-open {
  position: absolute; inset: 0; z-index: 3; display: flex; align-items: flex-end; justify-content: flex-end;
  padding: 14px; background: transparent; cursor: zoom-in;
}
.gallery-open > span { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: #17231dcc; border: 1px solid #ffffff45; color: #fff; backdrop-filter: blur(8px); transition: background .2s; }
.gallery-open:hover > span { background: var(--accent); color: #17231d; }
.gallery-open svg { width: 17px; height: 17px; }
.gallery-nav { position: absolute; z-index: 4; inset: 50% 10px auto; display: flex; justify-content: space-between; pointer-events: none; transform: translateY(-50%); }
.gallery-nav .icon-button { pointer-events: auto; background: #122019bb; color: #fff; border-color: #ffffff55; width: 35px; height: 35px; }
.gallery-nav .icon-button:hover { background: #213d2e; }
.media-failed { display: grid; place-items: center; color: rgb(var(--c-steel-mut)); font-size: 12px; text-align: center; min-height: 90px; }
.media-failed > p { padding: 24px; }

/* A full-width survey drawing, with no framed canvas or decorative panel. */
#terrain { background: #16251e; color: #c2d0c5; isolation: isolate; --c-white: 240 247 240; --c-steel: 191 207 195; --c-steel-mut: 151 174 159; --line: #c3d4c528; }
#terrain > .absolute { opacity: .08; overflow: hidden; pointer-events: none; }
#terrain [data-slot="terrain"] { position: absolute; inset: 0; width: 100%; height: 100%; }
#terrain .wm, #terrain .parallax { display: none; }
.terrain-layout { display: grid; grid-template-columns: 5fr 7fr; align-items: center; gap: 20px 45px; }
.terrain-copy { position: relative; z-index: 2; }
#terrainTitle { font-size: 47px; line-height: 1.12; }
#terrainText { font-size: 15px; line-height: 1.8; max-width: 470px; }
.terrain-scene { position: relative; height: 370px; min-width: 0; }
.terrain-scene canvas { position: absolute; inset: 0; width: 100%; height: 100%; touch-action: pan-y; }
.terrain-fallback { background: url('/assets/hero-poster.jpg') center 80% / cover; border-radius: 4px; }
.terrain-fallback canvas { visibility: hidden; }
.terrain-fallback .survey-label { background: #16251e; padding: 6px 12px; }
.survey-label { position: absolute; left: 0; bottom: 0; display: flex; align-items: center; gap: 9px; color: #9cb39f; font: 10px/1.5 Inter,sans-serif; }
.survey-label .field-mark { font-size: 21px; }
.terrain-options { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 32px; margin-top: 28px; }
.terrain-option { position: relative; text-align: left; padding: 20px 0 0; border-top: 1px solid #c3d4c530; display: flex; flex-direction: column; gap: 10px; transition: border-color .3s; }
.terrain-option::before { content: ""; position: absolute; top: -1px; left: 0; height: 2px; width: 100%; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .5s; }
.terrain-option[aria-pressed="true"]::before { transform: scaleX(1); }
.terrain-option-top { display: flex; justify-content: space-between; align-items: center; color: #92ad9b; font-size: 11px; }
.terrain-option[aria-pressed="true"] .terrain-option-top { color: var(--accent); }
.terrain-option strong { font: 500 24px/1.3 Oswald,sans-serif; text-transform: uppercase; color: #f0f7f0; }
.terrain-option > span:last-child { font-size: 13px; max-width: 330px; color: #b5c8bb; line-height: 1.8; }

#projects { overflow: hidden; }
#projects > .max-w-6xl { max-width: none; padding: 0; }
#projects > div > .mb-10, .project-rail-footer { max-width: 1376px; padding: 0 32px; margin-left: auto; margin-right: auto; }
#projects h2 { font-size: 48px; }
#rail { margin: 0; padding: 0 max(32px, calc((100% - 1312px) / 2)); gap: 22px; scroll-padding-inline: 32px; scroll-snap-type: x proximity; touch-action: pan-x pan-y; overscroll-behavior-x: contain; }
#rail > figure { width: min(600px, 44%); border-radius: 5px; border: none; box-shadow: none; aspect-ratio: 4/3; flex: 0 0 auto; scroll-snap-align: start; background: rgb(var(--c-ink-800)); }
#rail > figure [data-media] { object-fit: cover; }
#rail > figure:hover img.loaded { transform: none; }
#rail > figure .gallery-open { padding: 20px; }
#prevBtn, #nextBtn { border: 1px solid var(--line); border-radius: 50%; box-shadow: none; }
#prevBtn:disabled, #nextBtn:disabled { opacity: .3; cursor: default; }
.project-rail-footer { display: flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 26px; color: rgb(var(--c-steel-mut)); font: 11px/1.5 Inter,sans-serif; }
.project-progress { width: min(280px, 30%); height: 2px; background: var(--line); overflow: hidden; }
.project-progress > span { display: block; height: 100%; width: 100%; transform: scaleX(.17); transform-origin: left; background: var(--accent); transition: transform .1s linear; }
.project-rail-footer output { font-variant-numeric: tabular-nums; }

#process { background: rgb(var(--c-ink-800)); }
#process li { position: relative; padding: 26px 24px 0 0; border-radius: 0; background: transparent; box-shadow: none; border-top: 1px solid var(--line); }
#process li::before { content: ""; position: absolute; left: 0; right: 0; top: -1px; height: 2px; background: var(--accent); transform: scaleX(0); transform-origin: left; transition: transform .8s ease; }
#process li.in::before { transform: scaleX(1); }
#process li > span { color: rgb(var(--c-steel-mut)); font: 400 14px/1.4 Inter,sans-serif; }
#process li h3 { margin-top: 22px; font-size: 22px; }
#process li p { font-size: 13px; line-height: 1.8; }
#area { background: rgb(var(--c-ink)); }
#area .slot, #about .slot { border-radius: 5px; box-shadow: none; }
#area ul { font-size: 13px; }
#area li { padding-bottom: 10px; border-bottom: 1px solid var(--line); }
#areaText { font-size: 15px; }
#about { background: rgb(var(--c-ink-800)); }
#about .lg\:col-span-5 { align-self: start; position: sticky; top: 115px; }
#reviewsGrid figure { border-radius: 0; background: none; box-shadow: none; padding: 28px 0; border-bottom: 1px solid var(--line); }
#reviewsGrid figure:first-child { padding-top: 12px; }
#reviewsGrid blockquote { font-size: 14px; line-height: 1.85; }
#about .mt-5.grid { font-size: 12px; gap: 18px; margin-top: 30px; }
#faq { background: rgb(var(--c-ink)); }
#faq details { border-radius: 0; background: transparent; box-shadow: none; border-bottom: 1px solid var(--line); }
#faq details summary { padding: 24px 0; font-size: 15px; }
#faq details > div { padding: 0 36px 24px 0; font-size: 14px; line-height: 1.8; }
#faqList { border-top: 1px solid var(--line); }
#contact { background: #202c24; color: #c7d5cb; --c-white: 240 247 240; --c-steel: 196 214 200; --c-steel-mut: 171 192 176; --c-ink-700: 28 41 33; }
#contact > .absolute { display: none; }
#contactText { font-size: 15px; }
#contact ul { font-size: 13px; }
#estimateCard { border-radius: 6px; box-shadow: none; border: 1px solid #7e978545; background: #18271e; padding: 30px; }
#estimatePanel > p { font-size: 14px; }
footer .py-14 { padding-top: 45px; padding-bottom: 32px; }
footer { font-size: 13px; }
footer #footerText { font-size: 13px; line-height: 1.8; }
footer .mt-12 { margin-top: 35px; }
.back-to-top { position: fixed; bottom: 24px; right: 24px; z-index: 45; background: rgb(var(--c-ink) / .92); backdrop-filter: blur(8px); opacity: 0; visibility: hidden; transform: translateY(10px); }
.back-to-top.visible { opacity: 1; visibility: visible; transform: none; }
#mobileBar { padding-bottom: env(safe-area-inset-bottom, 0px); }

.media-viewer {
  position: fixed; inset: 0; width: 100%; height: 100dvh; max-width: none; max-height: none;
  margin: 0; padding: 24px 32px; background: #101712f7; color: #f4f7f2; border: none;
  --line: #ffffff40; --c-white: 244 247 242;
}
.media-viewer[open] { display: grid; grid-template-rows: auto minmax(0,1fr) auto; gap: 16px; }
.media-viewer::backdrop { background: #101712; }
.viewer-toolbar { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.viewer-toolbar .eyebrow { color: #aabbad; font-size: 10px; }
.viewer-toolbar h2 { font: 500 23px/1.5 Oswald,sans-serif; }
.viewer-stage { display: grid; place-items: center; min-height: 0; overflow: hidden; position: relative; touch-action: pan-y; }
.viewer-stage img, .viewer-stage video { width: 100%; height: 100%; max-height: 100%; object-fit: contain; min-height: 0; }
.viewer-stage .viewer-error { position: absolute; padding: 30px; text-align: center; font-size: 14px; }
.viewer-footer { display: flex; justify-content: center; align-items: center; gap: 32px; padding: 8px 0; }
.viewer-footer output { min-width: 60px; text-align: center; font: 12px/1.5 Inter,sans-serif; font-variant-numeric: tabular-nums; }
.viewer-footer button:disabled { opacity: .3; }
body.viewer-open { overflow: hidden; }

@media (min-width:1440px) {
  #heroCopy > div { max-width: 750px; }
  #heroCopy .hero-brand { font-size: 100px !important; }
}
@media (max-width:1199px) {
  #siteHeader .bind-bizname { font-size: 16px; }
  #siteHeader nav[aria-label="Primary"] { gap: 15px; }
  #heroCopy .hero-brand { font-size: 86px !important; }
  #heroCopy > div { max-width: 630px; }
  #heroCopy { padding-top: 130px !important; }
  #terrainTitle { font-size: 40px; }
}
@media (max-width:767px) {
  html { scroll-padding-top: 82px; }
  #heroStage { min-height: calc(100svh - 130px); }
  #heroCopy { padding: 118px 24px 120px !important; }
  #heroCopy > div { max-width: 580px; }
  #heroCopy .hero-brand { font-size: 68px !important; line-height: 1.03 !important; max-width: 460px; }
  #heroCopy .hero-tagline { font-size: 22px; margin-top: 20px; }
  #heroSubtext { font-size: 14px; line-height: 1.7; max-width: 420px; margin-top: 15px; }
  #heroCopy .eyebrow { margin-bottom: 24px; font-size: 10px; }
  #heroCopy .mt-9 { flex-direction: row; flex-wrap: wrap; margin-top: 25px; gap: 10px; }
  #heroEstimate { padding: 14px 19px; }
  #heroCopy a[href^="tel:"] { padding: 14px 16px; }
  #heroCopy .mt-8 { margin-top: 21px; font-size: 10px; gap: 10px 18px; }
  #heroCopy .mt-8 > li:last-child { display: none; }
  #heroMediaLayer .hero-scrim-h { background: linear-gradient(90deg, #0d1a11d9, #0d1a1155); }
  .hero-bottom { padding: 0 24px; bottom: 24px; }
  .hero-film-controls > span { display: none; }
  #siteHeader > .max-w-6xl > div { padding: 17px 0; gap: 10px; }
  #siteHeader .bind-bizname { font-size: 15px; }
  #siteHeader .bind-region { font-size: 8px; }
  #siteHeader .h-12 { height: 40px; width: 40px; }
  #siteHeader .gap-3 { gap: 9px; }
  #siteHeader .tt { width: 32px; height: 36px; }
  #menuBtn { width: 38px; height: 38px; }
  main > section:not(:where(#top)) { padding-top: 62px; padding-bottom: 62px; }
  main > section > .max-w-6xl, footer > .max-w-6xl { padding-left: 24px; padding-right: 24px; }
  #services > div > .mb-10 { display: block; margin-bottom: 30px; }
  #servicesIntro { margin-top: 18px; max-width: 420px; }
  #servicesTitle, #terrainTitle, #projects h2 { font-size: 36px; }
  #services .grid { gap: 25px; }
  #services article > .p-6 { padding: 17px 0 23px; }
  #services article h3 { font-size: 22px; }
  #services article p { margin-top: 10px; }
  .gallery-nav .icon-button { width: 42px; height: 42px; }
  .terrain-layout { grid-template-columns: 1fr; gap: 0; }
  .terrain-scene { height: 290px; margin: 18px -24px 0; }
  .survey-label { left: 24px; }
  .terrain-options { gap: 16px; margin-top: 35px; }
  .terrain-option { padding-top: 14px; }
  .terrain-option strong { font-size: 20px; }
  .terrain-option > span:last-child { font-size: 12px; line-height: 1.65; }
  .terrain-option-top [data-icon] { display: none; }
  #projects > .max-w-6xl { padding: 0; }
  #projects > div > .mb-10 { padding: 0 24px; flex-direction: row; align-items: flex-end; gap: 16px; }
  #projects .mb-10 .gap-3 { gap: 8px; }
  #prevBtn, #nextBtn { width: 36px; height: 36px; }
  #rail { padding: 0 24px; gap: 14px; scroll-padding-inline: 24px; }
  #rail > figure { width: 82%; aspect-ratio: 4/3; }
  .project-rail-footer { padding: 0 24px; gap: 14px; font-size: 9px; }
  .project-progress { width: 20%; }
  #process li { padding-top: 22px; }
  #process ol { gap: 30px; }
  #area .grid { gap: 32px; }
  #about .lg\:col-span-5 { position: static; }
  #estimateCard { padding: 23px; }
  #estimateCard > .mb-4 { flex-wrap: wrap; }
  #contact .relative.z-10 { gap: 30px; }
  #contact h2 { font-size: 40px; }
  footer { padding-bottom: 65px; }
  .back-to-top { right: 16px; bottom: calc(78px + env(safe-area-inset-bottom, 0px)); width: 40px; height: 40px; }
  .media-viewer { padding: 18px 16px max(20px, env(safe-area-inset-bottom)); }
}
@media (max-width:430px) {
  #heroCopy .hero-brand { font-size: 53px !important; }
  #heroCopy .hero-tagline { font-size: 19px; }
  #heroCopy a[href^="tel:"] { font-size: 12px; padding: 14px 12px; }
  #heroEstimate { font-size: 12px; padding: 14px 16px; }
  #heroCopy .mt-8 { font-size: 9px; gap: 9px 12px; }
  .hero-work-link { gap: 11px; font-size: 10px; }
  .hero-work-link > :last-child { margin-left: 4px; }
  .terrain-option strong { font-size: 17px; }
  .terrain-option > span:last-child { font-size: 11px; }
}
@media (max-width:359px) {
  #heroCopy .hero-brand { font-size: 45px !important; }
  #siteHeader .bind-region { display: none; }
  #heroCopy .mt-9 > a[href^="tel:"] { display: none; }
  .terrain-options { grid-template-columns: 1fr; }
}
@media (max-height:760px) and (min-width:768px) {
  #heroCopy { padding-top: 105px !important; padding-bottom: 75px !important; }
  #heroCopy .hero-brand { font-size: 76px !important; max-width: 600px; }
  #heroCopy .hero-tagline { font-size: 22px; margin-top: 20px; }
  #heroCopy .mt-8 { display: none; }
  #services { padding-top: 26px; }
}
@media (max-height:760px) and (max-width:767px) {
  #heroCopy { padding-top: 104px !important; padding-bottom: 90px !important; }
  #heroCopy .mt-8 { display: none; }
  #heroCopy .eyebrow { margin-bottom: 18px; }
  #heroCopy .hero-brand { font-size: 48px !important; }
  #services { padding-top: 40px; }
}
@media (max-width:359px) {
  #heroCopy .hero-brand { font-size: 42px !important; }
}
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition: none !important; }
  #heroMediaLayer .slot { transform: none; }
  .btn-ember:hover { transform: none; }
}