:root {
  --paper: #f6f6f3;
  --paper-2: #ecece7;
  --ink: #0a0a0a;
  --ink-soft: #171717;
  --muted: #74746d;
  --line: rgba(10, 10, 10, 0.13);
  --line-strong: rgba(10, 10, 10, 0.3);
  --white: #fbfbf8;
  --shell: 1320px;
  --scroll-progress: 0%;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 90px; }
body {
  margin: 0;
  min-width: 320px;
  overflow-x: hidden;
  background: var(--paper);
  color: var(--ink);
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  line-height: 1.45;
  -webkit-font-smoothing: antialiased;
}
body.menu-open { overflow: hidden; }
body::before {
  content: "";
  position: fixed;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  background:
    linear-gradient(rgba(10,10,10,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(10,10,10,.025) 1px, transparent 1px);
  background-size: 64px 64px;
  mask-image: linear-gradient(to bottom, rgba(0,0,0,.38), transparent 58%);
}
::selection { background: var(--ink); color: var(--white); }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
img, svg { display: block; max-width: 100%; }
h1, h2, h3, p, blockquote { margin-top: 0; }
.shell { width: min(calc(100% - 48px), var(--shell)); margin-inline: auto; }

.skip-link {
  position: fixed;
  top: 10px;
  left: 10px;
  z-index: 1000;
  transform: translateY(-180%);
  padding: 10px 14px;
  background: var(--ink);
  color: var(--white);
}
.skip-link:focus { transform: translateY(0); }

.site-header {
  position: fixed;
  inset: 0 0 auto;
  z-index: 100;
  border-bottom: 1px solid transparent;
  transition: background .25s ease, border-color .25s ease, box-shadow .25s ease;
}
.site-header::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: -1px;
  width: var(--scroll-progress);
  height: 1px;
  background: var(--ink);
  pointer-events: none;
}
.site-header.is-scrolled {
  background: rgba(246,246,243,.84);
  border-color: var(--line);
  box-shadow: 0 10px 40px rgba(0,0,0,.035);
  backdrop-filter: blur(20px) saturate(130%);
  -webkit-backdrop-filter: blur(20px) saturate(130%);
}
.header-inner {
  min-height: 82px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 32px;
}
.wordmark {
  position: relative;
  z-index: 102;
  font-size: 1.04rem;
  font-weight: 680;
  letter-spacing: -.035em;
}
.wordmark::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -5px;
  height: 1px;
  background: currentColor;
  transition: right .28s cubic-bezier(.2,.8,.2,1);
}
.wordmark:hover::after { right: 0; }
.nav { display: flex; align-items: center; gap: 30px; font-size: .84rem; }
.nav > a:not(.nav-contact) { position: relative; color: #2b2b28; }
.nav > a:not(.nav-contact)::after {
  content: "";
  position: absolute;
  left: 0;
  right: 100%;
  bottom: -5px;
  height: 1px;
  background: currentColor;
  transition: right .24s ease;
}
.nav > a:not(.nav-contact):hover::after { right: 0; }
.nav-contact {
  display: inline-flex;
  align-items: center;
  gap: 18px;
  padding: 11px 15px;
  border: 1px solid var(--ink);
  background: var(--ink);
  color: var(--white);
  transition: transform .22s ease, background .22s ease, color .22s ease;
}
.nav-contact:hover { transform: translateY(-2px); background: transparent; color: var(--ink); }
.menu-toggle { display: none; }

.hero {
  position: relative;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
  padding: 142px 0 0;
  overflow: hidden;
}
.hero::before,
.hero::after {
  content: "";
  position: absolute;
  pointer-events: none;
  border-radius: 50%;
  filter: blur(2px);
}
.hero::before {
  width: min(60vw, 920px);
  aspect-ratio: 1;
  top: -26%;
  right: -13%;
  background: radial-gradient(circle, rgba(0,0,0,.075), rgba(0,0,0,.015) 36%, transparent 69%);
  animation: driftOne 13s ease-in-out infinite alternate;
}
.hero::after {
  width: min(42vw, 620px);
  aspect-ratio: 1;
  left: 12%;
  bottom: -24%;
  background: radial-gradient(circle, rgba(255,255,255,.96), rgba(255,255,255,.2) 44%, transparent 72%);
  animation: driftTwo 16s ease-in-out infinite alternate;
}
@keyframes driftOne { to { transform: translate(-7%, 6%) scale(1.05); } }
@keyframes driftTwo { to { transform: translate(8%, -6%) scale(.94); } }

.hero-top {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-bottom: 38px;
  border-bottom: 1px solid var(--line);
}
.hero-kicker, .hero-location {
  margin: 0;
  font-size: .7rem;
  line-height: 1.48;
  text-transform: uppercase;
  letter-spacing: .115em;
  font-weight: 700;
}
.hero-location { text-align: right; color: var(--muted); }
.hero-title-wrap {
  position: relative;
  z-index: 2;
  padding: clamp(50px, 7vw, 92px) 0 clamp(54px, 6vw, 82px);
}
h1 {
  margin: 0;
  max-width: 1180px;
  transform: translate3d(0, var(--hero-shift, 0px), 0);
  font-size: clamp(4.05rem, 9vw, 9.35rem);
  line-height: .84;
  letter-spacing: -.075em;
  font-weight: 680;
  transition: transform .08s linear;
}
h1 span {
  color: transparent;
  -webkit-text-stroke: 1.5px var(--ink);
  text-stroke: 1.5px var(--ink);
}
h1 em,
blockquote em,
.contact-wrap h2 em {
  font-family: Georgia, "Times New Roman", serif;
  font-weight: 400;
  color: #7d7d76;
}
.hero-bottom {
  position: relative;
  z-index: 2;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  gap: 40px;
  padding-bottom: 58px;
}
.hero-intro {
  margin: 0;
  max-width: 610px;
  font-size: clamp(1.05rem, 1.5vw, 1.28rem);
  line-height: 1.56;
  letter-spacing: -.022em;
}
.round-link {
  width: 122px;
  height: 122px;
  flex: 0 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 19px;
  border: 1px solid var(--ink);
  border-radius: 50%;
  background: transparent;
  color: var(--ink);
  font-size: .72rem;
  text-transform: uppercase;
  letter-spacing: .08em;
  transition: background .25s ease, color .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.round-link b { align-self: flex-end; font-size: 1.25rem; font-weight: 400; }
.round-link:hover {
  background: var(--ink);
  color: var(--white);
  box-shadow: 0 14px 36px rgba(0,0,0,.14);
}
.hero-ticker {
  position: relative;
  z-index: 2;
  overflow: hidden;
  white-space: nowrap;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  background: var(--paper);
  color: var(--ink);
  padding: 12px 0;
  font-size: .68rem;
  font-weight: 700;
  letter-spacing: .14em;
}
.hero-ticker div { width: max-content; animation: ticker 28s linear infinite; }
@keyframes ticker { to { transform: translateX(-50%); } }

.work-section { padding: 124px 0 136px; }
.section-heading {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 300px;
  gap: 34px;
  align-items: end;
  margin-bottom: 76px;
}
.section-kicker {
  margin: 0;
  font-size: .69rem;
  text-transform: uppercase;
  letter-spacing: .13em;
  font-weight: 700;
  color: var(--muted);
}
.section-kicker.light { color: rgba(255,255,255,.52); }
.section-heading h2,
.services-head h2,
.process-intro h2 {
  margin: 0;
  font-size: clamp(3rem, 5.8vw, 5.9rem);
  line-height: .93;
  letter-spacing: -.06em;
  font-weight: 650;
}
.section-note {
  margin: 0;
  color: var(--muted);
  font-size: .93rem;
  line-height: 1.65;
}
.projects {
  display: grid;
  grid-template-columns: 1.15fr .85fr;
  gap: 66px 28px;
}
.project-large { grid-column: 1 / -1; }
.project-meta {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  padding: 0 2px 12px;
  font-size: .67rem;
  text-transform: uppercase;
  letter-spacing: .11em;
  font-weight: 700;
}
.project-visual {
  --mx: 50%;
  --my: 50%;
  position: relative;
  overflow: hidden;
  min-height: 520px;
  border: 1px solid rgba(10,10,10,.1);
  isolation: isolate;
}
.project-visual::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: 8;
  opacity: 0;
  pointer-events: none;
  background: radial-gradient(440px circle at var(--mx) var(--my), rgba(255,255,255,.2), transparent 55%);
  transition: opacity .25s ease;
  mix-blend-mode: soft-light;
}
.project:hover .project-visual::before { opacity: 1; }
.project-large .project-visual { min-height: 720px; }
.project-blue {
  display: grid;
  place-items: center;
  padding: 7vw;
  background:
    radial-gradient(circle at 75% 20%, rgba(255,255,255,.13), transparent 27%),
    #141414;
}
.project-stone {
  display: grid;
  place-items: center;
  padding: 7vw;
  background: linear-gradient(145deg, #d6d6d0, #bdbdb6);
}
.project-lime {
  display: grid;
  place-items: center;
  padding: 7vw;
  background: linear-gradient(135deg, #ededeb, #cfcfca);
}
.mock-browser {
  width: min(100%, 980px);
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.15);
  border-radius: 12px;
  background: var(--white);
  box-shadow: 0 32px 90px rgba(0,0,0,.34);
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.project:hover .mock-browser { box-shadow: 0 40px 105px rgba(0,0,0,.42); }
.mock-bar {
  height: 42px;
  display: flex;
  align-items: center;
  gap: 7px;
  padding: 0 14px;
  background: #ececea;
  color: #888883;
  font-size: .58rem;
}
.mock-bar i { width: 7px; height: 7px; border-radius: 50%; background: #b8b8b3; }
.mock-bar span { margin-left: 10px; }
.mock-page-dark {
  position: relative;
  min-height: 500px;
  padding: 26px 34px;
  background: #111;
  color: #f8f8f5;
}
.mock-nav { display: flex; justify-content: space-between; font-size: .62rem; letter-spacing: .08em; }
.mock-copy { padding: 105px 0 80px; }
.mock-copy small { display: block; margin-bottom: 18px; color: #969690; letter-spacing: .16em; }
.mock-copy b { display: block; font-size: clamp(2.8rem, 6vw, 5.8rem); line-height: .92; letter-spacing: -.07em; }
.mock-copy p { max-width: 390px; margin: 26px 0; color: #b8b8b2; font-size: .78rem; }
.mock-copy button {
  border: 1px solid #f3f3ef;
  padding: 10px 13px;
  background: transparent;
  color: #f3f3ef;
  font-weight: 700;
  font-size: .65rem;
}
.mock-tag { position: absolute; right: 28px; bottom: 24px; font-size: .56rem; color: #92928c; letter-spacing: .12em; }
.poster-card {
  width: min(100%, 460px);
  aspect-ratio: .78;
  padding: 32px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  border: 1px solid rgba(255,255,255,.18);
  background: #20201f;
  color: #f5f5f1;
  box-shadow: 0 28px 70px rgba(0,0,0,.18);
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.project:hover .poster-card { box-shadow: 0 34px 84px rgba(0,0,0,.22); }
.poster-card p { margin: 0; font-size: clamp(3.7rem, 7vw, 6rem); line-height: .78; letter-spacing: -.08em; font-weight: 800; }
.poster-card span { max-width: 230px; color: #c2c2bb; font-family: Georgia, serif; font-style: italic; font-size: 1.15rem; }
.poster-card b { font-size: .72rem; letter-spacing: .14em; }
.type-card {
  width: min(100%, 520px);
  padding: 48px 36px;
  border: 1px solid var(--ink);
  background: rgba(250,250,247,.84);
  box-shadow: 0 28px 70px rgba(0,0,0,.12);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transform-style: preserve-3d;
  transition: transform .25s ease, box-shadow .25s ease;
  will-change: transform;
}
.project:hover .type-card { box-shadow: 0 34px 90px rgba(0,0,0,.16); }
.type-card > span { font-size: .64rem; font-weight: 800; letter-spacing: .14em; }
.type-card strong { display: block; margin: 70px 0; font-size: clamp(3rem, 6vw, 5.6rem); line-height: .88; letter-spacing: -.07em; }
.type-card div { display: flex; justify-content: space-between; gap: 20px; border-top: 1px solid var(--ink); padding-top: 14px; font-size: .62rem; }

.services-section { padding: 132px 0; border-top: 1px solid var(--line); }
.services-head {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr);
  gap: 34px;
  align-items: start;
  margin-bottom: 72px;
}
.service-rows { border-top: 1px solid var(--ink); }
.service-row {
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1.3fr .8fr;
  gap: 40px;
  align-items: start;
  padding: 35px 0;
  border-bottom: 1px solid var(--line);
  transition: padding .25s ease, background .25s ease;
}
.service-row::before {
  content: "";
  position: absolute;
  inset: 0 calc(50% - 50vw);
  z-index: -1;
  background: #efefeb;
  opacity: 0;
  transition: opacity .25s ease;
}
.service-row:hover::before { opacity: 1; }
.service-row:hover { padding-left: 12px; padding-right: 12px; }
.service-row h3 { margin: 0; font-size: clamp(1.5rem, 2.4vw, 2.4rem); letter-spacing: -.04em; font-weight: 620; transition: transform .25s ease; }
.service-row:hover h3 { transform: translateX(4px); }
.service-row p { margin: 0; max-width: 560px; color: var(--muted); font-size: .97rem; line-height: 1.65; }
.service-row > span { justify-self: end; color: var(--muted); font-size: .66rem; text-transform: uppercase; letter-spacing: .1em; text-align: right; }

.statement-section {
  position: relative;
  overflow: hidden;
  background: var(--ink-soft);
  color: var(--white);
  padding: 145px 0 60px;
}
.statement-section::before {
  content: "";
  position: absolute;
  width: 720px;
  height: 720px;
  right: -260px;
  top: -300px;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(255,255,255,.09), transparent 65%);
  animation: driftOne 14s ease-in-out infinite alternate-reverse;
}
.statement { position: relative; z-index: 1; }
.statement blockquote {
  margin: 64px 0 112px;
  font-size: clamp(4rem, 9vw, 9rem);
  line-height: .86;
  letter-spacing: -.07em;
  font-weight: 650;
}
.statement blockquote em { color: #aaa9a1; }
.statement-foot {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  gap: 20px;
  padding-top: 18px;
  border-top: 1px solid rgba(255,255,255,.22);
  color: rgba(255,255,255,.62);
  font-size: .68rem;
  text-transform: uppercase;
  letter-spacing: .11em;
}

.process-section { padding: 132px 0 150px; }
.process-intro {
  display: grid;
  grid-template-columns: 190px minmax(0, 1fr) 360px;
  gap: 34px;
  align-items: end;
  margin-bottom: 84px;
}
.process-intro p:last-child { margin: 0; color: var(--muted); line-height: 1.7; }
.process-flow {
  display: grid;
  grid-template-columns: 1fr auto 1fr auto 1fr auto 1fr;
  gap: 26px;
  align-items: center;
  border-top: 1px solid var(--ink);
  border-bottom: 1px solid var(--ink);
  padding: 36px 0;
}
.process-flow div {
  min-height: 120px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  transition: transform .25s ease;
}
.process-flow div:hover { transform: translateY(-5px); }
.process-flow strong { font-size: 1.22rem; letter-spacing: -.03em; font-weight: 620; }
.process-flow span { max-width: 190px; color: var(--muted); font-size: .8rem; line-height: 1.55; }
.process-flow > b { font-size: 1.1rem; font-weight: 400; color: #8f8f89; }

.contact-section {
  position: relative;
  overflow: hidden;
  background: #0b0b0b;
  color: var(--white);
  padding: 130px 0 140px;
}
.contact-section::before {
  content: "";
  position: absolute;
  inset: 0;
  background:
    radial-gradient(circle at 18% 20%, rgba(255,255,255,.09), transparent 26%),
    radial-gradient(circle at 86% 80%, rgba(255,255,255,.06), transparent 28%);
  pointer-events: none;
}
.contact-wrap { position: relative; z-index: 1; }
.contact-wrap h2 {
  margin: 42px 0 38px;
  font-size: clamp(4.5rem, 10vw, 10rem);
  line-height: .82;
  letter-spacing: -.08em;
  font-weight: 650;
}
.contact-wrap h2 em { color: #9c9c95; }
.contact-wrap > p { max-width: 620px; margin-bottom: 46px; font-size: 1.07rem; line-height: 1.65; color: rgba(255,255,255,.68); }
.contact-link {
  display: inline-flex;
  align-items: center;
  gap: 24px;
  padding-bottom: 8px;
  border-bottom: 1px solid currentColor;
  font-size: clamp(1.4rem, 3vw, 2.4rem);
  letter-spacing: -.04em;
  transition: opacity .2s ease;
}
.contact-link span { transition: transform .2s ease; }
.contact-link:hover { opacity: .7; }
.contact-link:hover span { transform: translate(4px,-4px); }

.site-footer { background: #0b0b0b; color: rgba(255,255,255,.52); border-top: 1px solid rgba(255,255,255,.12); }
.footer-inner {
  min-height: 92px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 24px;
  font-size: .66rem;
  text-transform: uppercase;
  letter-spacing: .11em;
}

.reveal {
  opacity: 0;
  transform: translateY(28px);
  filter: blur(5px);
  transition:
    opacity .78s ease,
    transform .78s cubic-bezier(.2,.72,.2,1),
    filter .78s ease;
}
.reveal.is-visible { opacity: 1; transform: translateY(0); filter: blur(0); }

@media (max-width: 980px) {
  .section-heading,
  .process-intro { grid-template-columns: 1fr; }
  .section-note,
  .process-intro p:last-child { max-width: 560px; }
  .projects { gap: 46px 20px; }
  .project-visual { min-height: 440px; }
  .project-large .project-visual { min-height: 610px; }
  .service-row { grid-template-columns: 1fr 1.25fr; }
  .service-row > span { display: none; }
  .process-flow { grid-template-columns: 1fr 1fr; }
  .process-flow > b { display: none; }
  .process-flow div { min-height: 105px; padding-right: 24px; }
}

@media (max-width: 760px) {
  .shell { width: min(calc(100% - 28px), var(--shell)); }
  .header-inner { min-height: 70px; }
  .menu-toggle {
    position: relative;
    z-index: 102;
    display: block;
    width: 42px;
    height: 42px;
    border: 1px solid var(--ink);
    border-radius: 50%;
    background: var(--paper);
    cursor: pointer;
  }
  .menu-toggle span {
    position: absolute;
    left: 11px;
    width: 18px;
    height: 1px;
    background: var(--ink);
    transition: transform .2s ease, top .2s ease;
  }
  .menu-toggle span:first-child { top: 17px; }
  .menu-toggle span:last-child { top: 24px; }
  .menu-toggle[aria-expanded="true"] span:first-child { top: 20px; transform: rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { top: 20px; transform: rotate(-45deg); }
  .nav {
    position: fixed;
    inset: 0;
    z-index: 101;
    display: flex;
    flex-direction: column;
    align-items: flex-start;
    justify-content: center;
    gap: 20px;
    padding: 92px 26px 34px;
    transform: translateY(-104%);
    background: rgba(246,246,243,.97);
    backdrop-filter: blur(20px);
    transition: transform .38s cubic-bezier(.2,.8,.2,1);
    font-size: clamp(2.2rem, 10vw, 4rem);
    font-weight: 650;
    letter-spacing: -.055em;
  }
  .nav.is-open { transform: translateY(0); }
  .nav-contact {
    margin-top: 16px;
    font-size: 1rem;
    letter-spacing: 0;
    padding: 13px 16px;
  }
  .hero { min-height: auto; padding-top: 112px; }
  .hero-top { padding-bottom: 24px; }
  .hero-location { display: none; }
  .hero-title-wrap { padding: 42px 0 46px; }
  h1 { font-size: clamp(3.8rem, 18vw, 6.6rem); line-height: .84; }
  h1 span { -webkit-text-stroke-width: 1px; }
  .hero-bottom { align-items: flex-start; padding-bottom: 42px; }
  .round-link { width: 94px; height: 94px; padding: 14px; font-size: .59rem; }
  .hero-intro { max-width: calc(100% - 116px); font-size: .98rem; }
  .hero-ticker { font-size: .61rem; }
  .work-section,
  .services-section,
  .process-section { padding: 92px 0; }
  .section-heading,
  .services-head,
  .process-intro { margin-bottom: 48px; gap: 20px; }
  .section-heading h2,
  .services-head h2,
  .process-intro h2 { font-size: clamp(2.7rem, 13vw, 4.8rem); }
  .projects { grid-template-columns: 1fr; gap: 46px; }
  .project-large { grid-column: auto; }
  .project-visual,
  .project-large .project-visual { min-height: 420px; }
  .project-blue,
  .project-stone,
  .project-lime { padding: 8vw; }
  .mock-page-dark { min-height: 390px; padding: 20px; }
  .mock-copy { padding: 70px 0 50px; }
  .mock-copy b { font-size: 2.8rem; }
  .poster-card { width: min(100%, 360px); }
  .type-card { padding: 34px 24px; }
  .type-card strong { margin: 52px 0; font-size: 3.2rem; }
  .service-row { grid-template-columns: 1fr; gap: 13px; padding: 28px 0; }
  .service-row:hover { padding-left: 0; padding-right: 0; }
  .statement-section { padding: 94px 0 42px; }
  .statement blockquote { margin: 42px 0 72px; font-size: clamp(3.7rem, 17vw, 6.4rem); }
  .statement-foot { justify-content: flex-start; gap: 14px 24px; }
  .process-flow { grid-template-columns: 1fr; gap: 0; padding: 0; border-bottom: 0; }
  .process-flow div { min-height: auto; padding: 26px 0; border-bottom: 1px solid var(--line); }
  .process-flow span { margin-top: 12px; }
  .contact-section { padding: 96px 0 104px; }
  .contact-wrap h2 { margin-top: 34px; font-size: clamp(4rem, 19vw, 7rem); }
  .contact-link { font-size: 1.2rem; gap: 16px; }
  .footer-inner { min-height: 110px; flex-direction: column; align-items: flex-start; justify-content: center; gap: 8px; }
}

@media (max-width: 480px) {
  .hero-bottom { gap: 18px; }
  .hero-intro { max-width: none; }
  .round-link { display: none; }
  .project-meta { font-size: .58rem; }
  .mock-copy b { font-size: 2.3rem; }
  .mock-copy p { margin: 20px 0; }
  .mock-nav span { display: none; }
  .poster-card p { font-size: 3.9rem; }
  .type-card strong { font-size: 2.65rem; }
}

@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior: auto; }
  *, *::before, *::after { animation-duration: .001ms !important; animation-iteration-count: 1 !important; transition-duration: .001ms !important; }
  h1 { transform: none !important; }
  .reveal { opacity: 1; transform: none; filter: none; }
}