@font-face {
  font-family: "Jeju Myeongjo";
  src: url("./assets/fonts/JejuMyeongjo-Regular.woff2") format("woff2");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Monsieur La Doulaise";
  src: url("./assets/fonts/MonsieurLaDoulaise-Regular.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 400;
}
@font-face {
  font-family: "Lora";
  src: url("./assets/fonts/Lora-Medium.ttf") format("truetype");
  font-display: swap;
  font-style: normal;
  font-weight: 500;
}
:root {
  color-scheme: light;
  background: #8ebacb;
  font-family: "Jeju Myeongjo", Georgia, serif;
  --scene-progress: 0;
  --divine-light: 0;
  --edge-blur: 0px;
}
* { box-sizing: border-box; }
html { scrollbar-width: none; overscroll-behavior-y: none; }
html::-webkit-scrollbar { display: none; }
body { margin: 0; color: #090909; }
button { font: inherit; }
#journey { height: calc(1015svh + var(--gallery-overflow, 0px)); }
#fall-ui { position: fixed; inset: 0; z-index: 2; opacity: 0; visibility: hidden; pointer-events: none; }
.thesis-cards { position: absolute; inset: 0; perspective: 1200px; perspective-origin: 50% 70%; }
.thesis-card {
  position: absolute;
  top: 74%; left: 24.7%;
  width: clamp(180px, 14.5vw, 290px);
  margin: 0; padding: clamp(10px, .85vw, 16px) clamp(11px, .9vw, 17px);
  border: 4px solid #fffdf4; border-radius: 12px;
  background: #ffda51; color: #131109;
  font: 400 clamp(12px, 1.04vw, 20px)/1.05 "Jeju Myeongjo", Georgia, serif;
  box-shadow: 0 8px 22px -16px #65541855;
  transform-origin: 50% 65%; backface-visibility: hidden;
  opacity: 0; visibility: hidden;
  will-change: transform, opacity;
}
.thesis-card:nth-child(2) { left: 35.5%; top: 83%; }
.thesis-card:nth-child(3) { left: 58.5%; top: 83%; }
.gallery-layout { position: absolute; inset: 0; perspective: 1200px; perspective-origin: 50% 65%; }
.gallery-item { opacity: 0; visibility: hidden; transform-origin: 50% 65%; backface-visibility: hidden; }
.glass-card {
  border: 2px solid rgba(255,255,255,.56);
  border-radius: clamp(12px, 1vw, 20px);
  background: rgba(255,255,255,.16);
  box-shadow: 0 0 0 8px rgba(0,0,0,.16);
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
}
.gallery-editorial { position: absolute; left: 4.15%; bottom: 6.4%; width: 28%; }
.gallery-feature {
  display: grid;
  grid-template-columns: 32.5% 1fr;
  grid-template-rows: 1fr auto;
  min-height: 268px;
  height: 31.8vh;
  overflow: hidden;
}
.gallery-detail-frame { grid-row: 1 / 3; overflow: hidden; min-height: 0; }
.gallery-detail { width: 100%; height: 100%; object-fit: cover; object-position: 44% 50%; transform: scale(1.85); }
.gallery-feature-copy { padding: clamp(12px, 1.25vw, 24px); }
.gallery-feature h3, .gallery-heading {
  margin: 0;
  font: 500 clamp(17px, 1.3vw, 25px)/1.1 "Lora", Georgia, serif;
  letter-spacing: -.025em;
}
.gallery-feature h3 { margin-bottom: clamp(16px, 1.9vh, 25px); }
.gallery-feature h4 { margin: clamp(12px, 1.5vh, 20px) 0 7px; font-family: "Lora", Georgia, serif; font-size: clamp(12px, .94vw, 18px); font-weight: 500; line-height: 1.15; }
.gallery-feature-copy p { margin: 0; font-size: clamp(11px, .76vw, 15px); line-height: 1.4; }
.gallery-feature-footnote { margin: 0; padding: clamp(9px, .8vw, 15px); background: #ffda51; font-size: clamp(10px, .76vw, 15px); line-height: 1.1; }
.gallery-note { margin: clamp(22px, 2.8vh, 36px) 0 0; font-size: clamp(13px, 1.04vw, 20px); line-height: 1.3; }
.gallery-stack { position: absolute; top: calc(27.3% - 40px); bottom: 6.3%; right: 4.15%; width: 20%; display: flex; flex-direction: column; gap: clamp(25.2px, 2.1vh, 33.6px); perspective: 1200px; }
.gallery-heading { flex: 0 0 auto; margin-bottom: 0; max-width: 95%; }
.gallery-photo { flex: 1 1 0; min-height: 0; margin: 0; padding: clamp(6px, .45vw, 9px) clamp(6px, .45vw, 9px) 0; display: flex; flex-direction: column; }
.gallery-photo-image { flex: 1; min-height: 0; overflow: hidden; border-radius: clamp(7px, .55vw, 11px); background: #ffda51; }
.gallery-photo img { display: block; width: 100%; height: 100%; object-fit: cover; object-position: center bottom; }
.gallery-photo figcaption { flex: 0 0 auto; padding: clamp(13px, 2vh, 26px) clamp(8px, .8vw, 16px); font-family: "Lora", Georgia, serif; font-size: clamp(12px, .94vw, 18px); font-weight: 500; line-height: 1.15; }
@media (max-width: 1100px) and (min-aspect-ratio: 9/10) {
  .gallery-editorial { left: 3%; width: 33%; bottom: 5%; }
  .gallery-stack { right: 3%; width: 23%; bottom: 5%; }
  .gallery-feature-copy { padding: 12px; }
}
@media (max-aspect-ratio: 9/10) {
  #fall-ui { clip-path: inset(65px 0 0); }
  .gallery-layout { top: 60svh; bottom: auto; padding: 0 24px; display: grid; gap: 34px; perspective: 900px; }
  .gallery-editorial, .gallery-stack { position: static; width: 100%; }
  .gallery-feature { min-height: 320px; height: auto; grid-template-columns: 29% 1fr; }
  .gallery-feature h3 { font-size: 19px; }
  .gallery-feature h4 { font-size: 14px; }
  .gallery-feature-copy { padding: 17px 14px; }
  .gallery-feature-copy p { font-size: 13px; }
  .gallery-feature-footnote { padding: 12px; font-size: 12px; }
  .gallery-note { margin-top: 22px; font-size: 16px; }
  .gallery-stack { display: grid; gap: 25.2px; }
  .gallery-heading { font-size: 24px; max-width: 290px; margin: 0; }
  .gallery-photo { padding: 7px 7px 0; }
  .gallery-photo-image { flex: none; aspect-ratio: 373 / 278; }
  .gallery-photo figcaption { padding: 20px 12px; font-size: 16px; }
}
@media (max-height: 900px) and (min-aspect-ratio: 9/10) {
  .thesis-card { top: 72%; }
  .thesis-card:nth-child(2), .thesis-card:nth-child(3) { top: min(83%, calc(100% - 130px)); }
}
@media (max-width: 1100px) and (min-aspect-ratio: 9/10) {
  .thesis-card { left: 8%; width: 27%; padding: 12px; border-width: 3px; font-size: 14px; }
  .thesis-card:nth-child(2) { left: 36%; top: 81%; }
  .thesis-card:nth-child(3) { left: 65%; top: 79%; }
}
@media (max-aspect-ratio: 9/10) {
  .thesis-cards { perspective: 900px; }
  .thesis-card { top: 61%; left: 6%; width: 76%; max-width: 390px; padding: 10px 13px; border-width: 3px; font-size: clamp(12px, 1.8svh, 16px); line-height: 1.08; }
  .thesis-card:nth-child(2) { top: 73%; left: 15%; }
  .thesis-card:nth-child(3) { top: 85%; left: 8%; }
}
#contact { position: fixed; inset: 0; z-index: 2; visibility: hidden; pointer-events: none; perspective: 1200px; text-align: center; overflow: hidden; }
.contact-reveal { position: absolute; z-index: 1; opacity: 0; visibility: hidden; backface-visibility: hidden; transform-origin: 50% 65%; }
.contact-apples { position: absolute; bottom: 0; left: 0; width: 100%; height: auto; display: block; visibility: hidden; pointer-events: none; }
#contact-title { top: 14%; left: 5%; width: 90%; margin: 0; font-size: clamp(38px, min(6.3vw, 10.2svh), 126px); font-weight: 400; line-height: .74; letter-spacing: -.04em; }
#contact-title > span { display: block; }
#contact-title .contact-connect { display: flex; justify-content: center; align-items: baseline; gap: .3em; margin-top: .08em; }
.contact-description { top: 39.7%; left: 50%; width: min(24vw, 460px); margin: 0 0 0 max(-12vw, -230px); font-size: clamp(14px, 1.04vw, 20px); line-height: 1.3; }
.contact-email-wrap { top: 54.3%; left: 3%; width: 94%; }
.contact-email { display: inline-flex; align-items: baseline; justify-content: center; color: #090909; text-decoration: none; white-space: nowrap; font-size: clamp(30px, min(6.3vw, 10.2svh), 126px); line-height: 1; letter-spacing: -.035em; pointer-events: auto; transition: color 220ms ease; }
.email-bracket { font-family: "Monsieur La Doulaise", cursive; font-size: 1.1em; line-height: 0; padding: 0 .06em; }
.contact-email:hover, .contact-email:focus-visible { color: #ffda51; }
.contact-email:focus-visible { outline: 2px solid currentColor; outline-offset: 12px; border-radius: 6px; }
.contact-footer a { color: inherit; text-decoration: none; pointer-events: auto; border-bottom: 1px solid rgba(9,9,9,.35); }
.contact-footer a:hover { border-bottom-color: #090909; }
.contact-footer { top: 74.5%; left: 5%; width: 90%; display: flex; align-items: center; justify-content: center; gap: clamp(20px, 2.1vw, 42px); font-size: clamp(12px, .86vw, 17px); line-height: 1.3; }
@media (max-aspect-ratio: 9/10) {
  #contact-title { top: 18%; left: 4%; width: 92%; font-size: clamp(34px, 8.8vw, 70px); line-height: .86; }
  .contact-description { top: 37%; left: 9%; width: 82%; max-width: none; margin: 0; font-size: clamp(15px, 3.5vw, 20px); }
  .contact-email-wrap { top: 55%; left: 2%; width: 96%; }
  .contact-email { font-size: clamp(23px, 6.4vw, 49px); }
  .contact-footer { top: 68%; gap: 14px 24px; flex-wrap: wrap; font-size: 12px; }
  .contact-footer > span:first-child { flex-basis: 100%; }
  .contact-apples { width: 170%; max-width: none; left: -35%; }
}
@media (prefers-reduced-motion: reduce) { .contact-email { transition: none; } }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
#scene { position: fixed; inset: 0; overflow: hidden; background: linear-gradient(#74a9c1, #c4d8d8); }
#scene canvas {
  width: 100%;
  height: 100%;
  display: block;
  opacity: 0;
  transition: opacity 1.4s ease;
  cursor: default;
  touch-action: pan-y;
}
#scene canvas:active { cursor: default; }
#scene.ready canvas { opacity: 1; }

.divine-atmosphere {
  position: fixed;
  inset: 0;
  z-index: 1;
  overflow: hidden;
  pointer-events: none;
}
.peripheral-blur {
  position: absolute;
  inset: 0;
  -webkit-backdrop-filter: blur(var(--edge-blur));
  backdrop-filter: blur(var(--edge-blur));
  -webkit-mask-image: radial-gradient(ellipse at 50% 53%, transparent 26%, rgba(0,0,0,0.2) 49%, #000 82%);
  mask-image: radial-gradient(ellipse at 50% 53%, transparent 26%, rgba(0,0,0,0.2) 49%, #000 82%);
}
.divine-light {
  position: absolute;
  inset: -3%;
  mix-blend-mode: screen;
  opacity: var(--divine-light);
  filter: blur(12px);
}
.divine-light-left {
  background:
    radial-gradient(ellipse at 2% 0%, #fffdf2 0%, rgba(255,241,191,0.96) 13%, rgba(255,218,137,0.48) 32%, transparent 65%),
    conic-gradient(from 111deg at 0% 0%, transparent 0deg, rgba(255,242,193,0.54) 8deg, transparent 14deg, rgba(255,246,217,0.40) 21deg, transparent 28deg, rgba(255,232,179,0.34) 37deg, transparent 46deg, rgba(255,248,218,0.29) 56deg, transparent 69deg);
  -webkit-mask-image: radial-gradient(ellipse 55% 65% at 0% 0%, #000 12%, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0.18) 58%, transparent 92%);
  mask-image: radial-gradient(ellipse 55% 65% at 0% 0%, #000 12%, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0.18) 58%, transparent 92%);
}
.divine-light-right {
  background:
    radial-gradient(ellipse at 99% 0%, #fff 0%, #fffbea 8%, rgba(250,249,226,0.98) 19%, rgba(218,247,251,0.58) 36%, transparent 65%),
    conic-gradient(from 187deg at 100% 0%, transparent 0deg, rgba(239,253,255,0.46) 10deg, transparent 18deg, rgba(255,251,221,0.51) 27deg, transparent 35deg, rgba(240,253,255,0.34) 47deg, transparent 56deg, rgba(255,252,226,0.31) 66deg, transparent 79deg);
  -webkit-mask-image: radial-gradient(ellipse 60% 70% at 100% 0%, #000 12%, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0.18) 58%, transparent 92%);
  mask-image: radial-gradient(ellipse 60% 70% at 100% 0%, #000 12%, rgba(0,0,0,0.85) 28%, rgba(0,0,0,0.18) 58%, transparent 92%);
}
.divine-atmosphere::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--divine-light);
  filter: blur(12px);
  background:
    radial-gradient(ellipse 52vw 58vh at 0% 100%, rgba(255,255,255,0.55) 0%, rgba(255,255,255,0.38) 14%, rgba(255,255,255,0.18) 36%, rgba(255,255,255,0.05) 65%, transparent 100%),
    radial-gradient(ellipse 44vw 49vh at 100% 100%, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.35) 15%, rgba(255,255,255,0.16) 35%, rgba(255,255,255,0.04) 66%, transparent 100%);
}
.divine-atmosphere::after {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  mix-blend-mode: screen;
  opacity: var(--divine-light);
  filter: blur(3px);
  background:
    radial-gradient(ellipse 21vw 22vh at 100% 0%, #fff 0%, rgba(255,247,213,0.8) 20%, transparent 100%),
    repeating-conic-gradient(from var(--sun-ray-angle, 180deg) at 100% 0%,
      transparent 0deg 9.4deg, rgba(255,250,222,0.576) 12deg, rgba(255,255,240,0.864) 13deg, transparent 16.6deg,
      transparent 26.4deg, rgba(255,246,205,0.504) 29deg, rgba(255,253,233,0.792) 30deg, transparent 34.8deg,
      transparent 44.4deg, rgba(255,250,225,0.384) 47deg, rgba(255,255,239,0.648) 48deg, transparent 52.8deg,
      transparent 60.4deg, rgba(238,252,255,0.432) 63deg, rgba(255,253,232,0.696) 64deg, transparent 68.8deg,
      transparent 75.6deg, rgba(255,251,220,0.36) 78deg, transparent 81.6deg 90deg);
  -webkit-mask-image: radial-gradient(ellipse 93.6% 88.8% at 100% 0%, #000 5%, rgba(0,0,0,0.85) 34%, rgba(0,0,0,0.35) 63%, transparent 90%);
  mask-image: radial-gradient(ellipse 93.6% 88.8% at 100% 0%, #000 5%, rgba(0,0,0,0.85) 34%, rgba(0,0,0,0.35) 63%, transparent 90%);
}

#hero-ui {
  position: fixed;
  inset: 0;
  z-index: 2;
  opacity: 1;
  transform: translateY(calc(var(--scene-progress) * -2.25rem));
  pointer-events: none;
}
#hero-ui.is-hidden { visibility: hidden; }
#hero-ui.is-dissolving > * { filter: url(#text-mist); }
.site-header {
  position: fixed;
  z-index: 3;
  top: clamp(1.9rem, 4.45vh, 3.5rem);
  left: clamp(2rem, 4.15vw, 5rem);
  right: clamp(2rem, 4.15vw, 5rem);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 2rem;
  pointer-events: auto;
  transform: none;
}
.site-brand { display: block; line-height: 0; }
.site-brand img {
  display: block;
  width: clamp(10.5rem, 11.35vw, 13.625rem);
  height: auto;
}
.site-nav {
  display: flex;
  align-items: center;
  gap: clamp(1.8rem, 3.15vw, 3.8rem);
  font-size: clamp(1rem, 1.08vw, 1.28rem);
}
.site-nav a {
  color: inherit;
  text-decoration: none;
  transition: opacity 160ms ease, transform 160ms ease;
}
.site-nav a:hover { opacity: 0.58; transform: translateY(-0.08rem); }
.site-nav .x-link {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  width: 2.1rem;
  height: 2.1rem;
  border-radius: 0.55rem;
  background: #090909;
  color: #fff;
}
.site-nav .x-link svg { width: 0.95rem; height: 0.95rem; fill: currentColor; }
.site-nav .x-link:hover { opacity: 1; background: #2b2b2b; }
.site-brand:focus-visible,
.site-nav a:focus-visible { outline: 2px solid currentColor; outline-offset: 0.35rem; }
.expertise-shell {
  position: absolute;
  top: clamp(12rem, 19.8vh, 15.5rem);
  right: clamp(2.5rem, 4.2vw, 5rem);
  width: clamp(18.5rem, 18vw, 21.25rem);
  pointer-events: auto;
  transform: translateY(calc(var(--scene-progress) * -1.45rem));
}
.expertise-card {
  padding: 1.7rem 1.55rem 1.45rem;
  border: 2px solid rgba(255,255,255,0.56);
  border-radius: 0.72rem;
  background: rgba(255,255,255,0.16);
  box-shadow: 0 0 0 8px rgba(0,0,0,0.16);
  -webkit-backdrop-filter: blur(80px);
  backdrop-filter: blur(80px);
}
.expertise-card h2 {
  margin: 0 0 2.1rem;
  font-family: "Lora", Georgia, serif;
  font-size: clamp(1.35rem, 1.42vw, 1.7rem);
  font-weight: 500;
  line-height: 1.08;
  letter-spacing: -0.025em;
}
.expertise-list {
  display: grid;
  gap: 0.52rem;
  margin: 0;
  font-size: clamp(0.92rem, 0.86vw, 1.06rem);
  line-height: 1;
}
.expertise-list div {
  display: flex;
  align-items: baseline;
  justify-content: space-between;
  gap: 1.5rem;
}
.expertise-list dt,
.expertise-list dd { margin: 0; }
.calculate-button {
  display: flex;
  align-items: center;
  justify-content: center;
  text-decoration: none;
  width: 100%;
  min-height: 2.75rem;
  margin-top: 2.05rem;
  border: 0;
  border-radius: 0.5rem;
  color: #090909;
  background: rgba(255,255,255,0.94);
  font-size: 0.95rem;
  cursor: pointer;
  transition: transform 160ms ease, background-color 160ms ease;
}
.calculate-button:hover { transform: translateY(-0.1rem); background: #fff; }
.calculate-button:focus-visible { outline: 2px solid #090909; outline-offset: 0.28rem; }
.expertise-note {
  width: 116%;
  margin: 1.65rem 0 0 -8%;
  text-align: center;
  font-size: clamp(0.88rem, 0.84vw, 1.02rem);
  line-height: 1.15;
}
.hero-copy {
  position: absolute;
  left: clamp(2rem, 4.15vw, 5rem);
  bottom: clamp(3.25rem, 7.2vh, 6.5rem);
  width: min(51rem, 52vw);
  transform: translateY(calc(var(--scene-progress) * 0.8rem));
}
.hero-copy h1 {
  margin: 0;
  font-size: clamp(4.5rem, 6.55vw, 8.2rem);
  font-weight: 400;
  line-height: 0.7;
  letter-spacing: -0.055em;
  transform: translateY(-40px);
}
.hero-copy h1 > span { display: block; }
.hero-copy .golden-line {
  display: flex;
  align-items: baseline;
  gap: 0.14em;
  margin-top: 0.1em;
}
.ornament-word {
  display: inline-flex;
  align-items: baseline;
  white-space: nowrap;
}
.script-cap {
  display: inline-block;
  width: auto;
  margin-right: -0.04em;
  font-family: "Monsieur La Doulaise", cursive;
  font-size: 1.02em;
  line-height: 0;
  letter-spacing: 0;
  transform: translateY(0.09em);
}
.hero-copy p {
  width: min(27rem, 76%);
  margin: 2.45rem 0 0;
  font-size: clamp(1rem, 1.08vw, 1.3rem);
  line-height: 1.04;
}
#start-experience {
  text-decoration: none;
  position: absolute;
  right: clamp(2rem, 4.1vw, 5rem);
  bottom: clamp(3rem, 6.8vh, 5.75rem);
  display: inline-flex;
  min-width: 12rem;
  min-height: 3.25rem;
  align-items: center;
  justify-content: center;
  gap: 1.1rem;
  padding: 0.75rem 1.4rem;
  border: 0;
  border-radius: 0.65rem;
  color: white;
  background: #050505;
  box-shadow: 0 0 0 0.65rem rgba(255,255,255,0.55), 0 0.65rem 2rem rgba(24,37,39,0.18);
  font-size: 0.95rem;
  cursor: pointer;
  pointer-events: auto;
  transition: transform 180ms ease, background-color 180ms ease;
}
#start-experience:hover { transform: translateY(-0.16rem); background: #161616; }
#start-experience:focus-visible { outline: 2px solid #fff; outline-offset: 0.42rem; }
.button-arrow { font-family: Georgia, serif; font-size: 0.9em; }

@media (max-width: 720px) {
  .divine-light { filter: blur(8px); }
  .site-header {
    top: 1.15rem;
    left: 1.2rem;
    right: 1.2rem;
    gap: 0.9rem;
  }
  .site-brand img { width: 7.25rem; }
  .site-nav {
    gap: clamp(0.55rem, 2.6vw, 0.8rem);
    font-size: clamp(0.67rem, 2.9vw, 0.8rem);
  }
  .expertise-shell {
    top: 29svh;
    right: 1.2rem;
    width: min(17rem, calc(100vw - 2.4rem));
  }
  .expertise-card {
    padding: 1rem 1.1rem;
    border-radius: 0.58rem;
  }
  .expertise-card h2 {
    margin-bottom: 0.8rem;
    font-size: 1.18rem;
    line-height: 1.02;
  }
  .expertise-list { gap: 0.27rem; font-size: 0.72rem; }
  .calculate-button {
    min-height: 2.3rem;
    margin-top: 0.9rem;
    font-size: 0.75rem;
  }
  .expertise-note { display: none; }
  .hero-copy {
    left: 1.35rem;
    right: 1.35rem;
    bottom: 8.4rem;
    width: auto;
  }
  .hero-copy h1 {
    font-size: clamp(3.25rem, 15.2vw, 4.85rem);
    line-height: 0.72;
    letter-spacing: -0.06em;
  }
  .hero-copy .golden-line { gap: 0.08em; }
  .hero-copy p {
    width: min(22rem, 88%);
    margin-top: 1.6rem;
    font-size: 1rem;
    line-height: 1.08;
  }
  #start-experience {
    right: 1.55rem;
    bottom: 1.75rem;
    min-width: 10.8rem;
    min-height: 3rem;
    font-size: 0.88rem;
  }
}
@media (max-height: 680px) and (min-width: 721px) {
  .hero-copy { bottom: 2.3rem; }
  .hero-copy h1 { font-size: clamp(3.8rem, 6vw, 6rem); }
  .hero-copy p { margin-top: 1.65rem; }
  #start-experience { bottom: 2.7rem; }
}
@media (prefers-reduced-motion: reduce) {
  #scene canvas { transition: none; }
  #hero-ui, #start-experience, .site-nav a, .calculate-button { transition: none; }
  .site-header, .expertise-shell, .hero-copy { transform: none; }
}