@view-transition {
  navigation: auto;
}

::view-transition-old(root) {
  animation: akt-page-out 0.42s cubic-bezier(.76,0,.24,1) both;
}

::view-transition-new(root) {
  animation: akt-page-in 0.65s cubic-bezier(.22,1,.36,1) both;
}

@keyframes akt-page-out {
  to { opacity: 0; transform: scale(.985); filter: blur(5px); }
}

@keyframes akt-page-in {
  from { opacity: 0; transform: translateY(18px); }
}

.cursor-aura {
  --aura-x: 50vw;
  --aura-y: 50vh;
  position: fixed;
  z-index: 15;
  left: var(--aura-x);
  top: var(--aura-y);
  width: 280px;
  height: 280px;
  border-radius: 50%;
  pointer-events: none;
  opacity: 0;
  transform: translate(-50%, -50%);
  background: radial-gradient(circle, rgba(190, 109, 68, .11), transparent 68%);
  mix-blend-mode: multiply;
  transition: opacity .35s ease;
}

html[data-theme="dark"] .cursor-aura {
  mix-blend-mode: screen;
  background: radial-gradient(circle, rgba(202, 125, 79, .09), transparent 68%);
}

body.has-pointer .cursor-aura { opacity: 1; }

.experience-heading {
  display: grid;
  grid-template-columns: .42fr 1.58fr;
  gap: clamp(34px, 6vw, 100px);
  align-items: start;
  margin-block-end: clamp(48px, 7vw, 96px);
}

.experience-heading > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(250px, .45fr);
  gap: clamp(28px, 5vw, 90px);
  align-items: end;
}

.experience-heading h2,
.atlas-copy h2,
.ai-space-copy h2,
.factory-3d-copy h2,
.technology-heading h2 {
  margin: 0;
  font-size: clamp(3.2rem, 6.7vw, 7.9rem);
  font-weight: 300;
  line-height: .9;
  letter-spacing: -.075em;
}

.experience-heading h2 span,
.experience-heading h2 em,
.atlas-copy h2 span,
.atlas-copy h2 em,
.ai-space-copy h2 span,
.ai-space-copy h2 em,
.factory-3d-copy h2 span,
.factory-3d-copy h2 em,
.technology-heading h2 span,
.technology-heading h2 em { display: block; }

.experience-heading h2 em,
.atlas-copy h2 em,
.ai-space-copy h2 em,
.factory-3d-copy h2 em,
.technology-heading h2 em {
  color: var(--copper);
  font-style: normal;
}

.experience-heading > div > p,
.technology-heading > div > p {
  max-width: 410px;
  margin: 0;
  color: var(--ink-soft);
  font-size: .87rem;
}

.space-gallery {
  position: relative;
  overflow: clip;
  background: var(--surface);
}

.space-gallery::before {
  content: "SPACES";
  position: absolute;
  inset-inline-end: -2vw;
  inset-block-start: 1.5vw;
  color: transparent;
  font-family: var(--font-en);
  font-size: clamp(8rem, 20vw, 24rem);
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.09em;
  -webkit-text-stroke: 1px var(--line);
  pointer-events: none;
}

.space-gallery .shell { position: relative; z-index: 1; }

.space-rail {
  display: grid;
  grid-template-columns: repeat(12, minmax(0, 1fr));
  gap: clamp(14px, 1.6vw, 26px);
  cursor: grab;
}

.space-rail:active { cursor: grabbing; }
.space-card { grid-column: span 4; min-width: 0; transform-style: preserve-3d; }
.space-card--wide { grid-column: span 8; }
.space-card:nth-child(3) { grid-column: span 5; }
.space-card:nth-child(4) { grid-column: span 7; }
.space-card:nth-child(5) { grid-column: span 7; }
.space-card:nth-child(6) { grid-column: span 5; }

.space-card > a {
  display: block;
  transform: perspective(1100px) rotateX(var(--card-rx, 0deg)) rotateY(var(--card-ry, 0deg));
  transform-origin: center;
  transition: transform .2s ease-out;
}

.space-card figure {
  position: relative;
  margin: 0;
  overflow: hidden;
  aspect-ratio: 1.08;
  background: var(--surface-2);
}

.space-card--wide figure { aspect-ratio: 2.05; }
.space-card:nth-child(3) figure,
.space-card:nth-child(6) figure { aspect-ratio: .92; }
.space-card:nth-child(4) figure,
.space-card:nth-child(5) figure { aspect-ratio: 1.55; }

.space-card figure::after {
  content: "";
  position: absolute;
  inset: 0;
  border: 1px solid transparent;
  background: linear-gradient(180deg, transparent 56%, rgba(12, 11, 10, .44));
  transition: inset .45s var(--ease-out), border-color .45s ease;
}

.space-card img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.82) contrast(1.03);
  transform: scale(1.015);
  transition: transform 1.05s var(--ease-out), filter .6s ease;
}

.space-card figure > span {
  position: absolute;
  z-index: 1;
  inset-inline-start: 18px;
  inset-block-end: 15px;
  color: rgba(255,255,255,.86);
  font-family: var(--font-en);
  font-size: .52rem;
  letter-spacing: .14em;
}

.space-card > a > div {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  padding-block: 18px 10px;
  border-block-end: 1px solid var(--line);
}

.space-card p { display: grid; gap: 2px; margin: 0; }
.space-card small { color: var(--ink-soft); font-family: var(--font-en); font-size: .51rem; letter-spacing: .09em; }
.space-card strong { font-size: .88rem; font-weight: 600; }
.space-card > a > div > i { font-family: var(--font-en); font-size: 1.35rem; font-style: normal; transition: transform .35s var(--ease-out); }
.space-card a:hover img { transform: scale(1.07); filter: saturate(1) contrast(1.05); }
.space-card a:hover figure::after { inset: 12px; border-color: rgba(255,255,255,.7); }
.space-card a:hover > div > i { transform: translate(4px, -4px); }
html[dir="rtl"] .space-card a:hover > div > i { transform: translate(-4px, -4px); }

.rail-hint {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-block-start: 44px;
  color: var(--ink-soft);
  font-size: .62rem;
}

.rail-hint i { flex: 1; height: 1px; background: var(--line); }
.rail-hint strong { font-family: var(--font-en); font-size: .55rem; letter-spacing: .14em; }

.material-atlas {
  position: relative;
  overflow: hidden;
  background: #11110f;
  color: #f2ece2;
}

.material-atlas::before {
  content: "";
  position: absolute;
  inset: 0;
  background-image: linear-gradient(rgba(255,255,255,.04) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.04) 1px, transparent 1px);
  background-size: 72px 72px;
  mask-image: radial-gradient(circle at 72% 50%, #000, transparent 72%);
}

.atlas-layout {
  position: relative;
  z-index: 1;
  display: grid;
  grid-template-columns: minmax(280px, .63fr) minmax(0, 1.37fr);
  gap: clamp(50px, 8vw, 140px);
  align-items: center;
}

.atlas-copy { position: sticky; top: calc(var(--header-height) + 46px); align-self: start; }
.atlas-copy .section-code { color: #878177; }
.atlas-copy h2 { margin-block-start: 35px; }
.atlas-copy > p:not(.section-code) { max-width: 440px; margin: 34px 0 0; color: #aaa39a; font-size: .86rem; }
.atlas-all-link { display: inline-flex; align-items: center; gap: 26px; margin-block-start: 38px; border-block-end: 1px solid rgba(255,255,255,.38); padding-block-end: 7px; font-size: .72rem; }
.atlas-all-link svg { width: 18px; transition: transform .3s var(--ease-out); }
.atlas-all-link:hover svg { transform: translateX(6px); }
html[dir="rtl"] .atlas-all-link:hover svg { transform: translateX(-6px); }

.atlas-grid { display: grid; grid-template-columns: 1fr 1fr; border-block-start: 1px solid rgba(255,255,255,.15); }
.atlas-card {
  --kinetic-x: 0px;
  --kinetic-y: 0px;
  position: relative;
  min-height: 335px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  overflow: hidden;
  padding: 22px;
  border-inline-start: 1px solid rgba(255,255,255,.15);
  border-block-end: 1px solid rgba(255,255,255,.15);
  isolation: isolate;
  transform: translate(var(--kinetic-x), var(--kinetic-y));
  transition: transform .15s ease-out;
}

.atlas-card::before {
  content: "";
  position: absolute;
  z-index: -2;
  inset: 0;
  opacity: .58;
  background-color: var(--atlas-base);
  background-image: var(--atlas-pattern);
  background-position: center;
  background-size: cover;
  filter: saturate(.7) brightness(.75);
  transform: scale(1.03);
  transition: transform .9s var(--ease-out), filter .55s ease, opacity .55s ease;
}

.atlas-card::after {
  content: "";
  position: absolute;
  z-index: -1;
  inset: 0;
  background: linear-gradient(150deg, rgba(10,9,8,.22), rgba(10,9,8,.75));
}

.atlas-card--marble { --atlas-base:#d8d0c3; --atlas-pattern:url("assets/images/tile-sahara.webp"); }
.atlas-card--stone { --atlas-base:#d9ccb7; --atlas-pattern:url("assets/images/tile-travertine.webp"); }
.atlas-card--concrete { --atlas-base:#aaa9a5; --atlas-pattern:url("assets/images/tile-concrete.webp"); }
.atlas-card--decor { --atlas-base:#a85e3e; --atlas-pattern:url("assets/images/tile-persian-clay.webp"); }
.atlas-card--wood { --atlas-base:#78513a; --atlas-pattern:repeating-linear-gradient(92deg,rgba(255,255,255,.08) 0 1px,transparent 1px 10px),linear-gradient(125deg,#a77651,#4d3124); }
.atlas-card--metal { --atlas-base:#615b55; --atlas-pattern:linear-gradient(110deg,rgba(255,255,255,.25),transparent 32%,rgba(0,0,0,.25) 68%),repeating-linear-gradient(90deg,#786f66 0 1px,#999087 1px 3px,#58524c 3px 4px); }

.atlas-card > span { font-family: var(--font-en); font-size: .55rem; color: rgba(255,255,255,.68); }
.atlas-card > div { display: grid; gap: 2px; }
.atlas-card small { color: rgba(255,255,255,.58); font-family: var(--font-en); font-size: .5rem; letter-spacing: .12em; }
.atlas-card strong { font-size: clamp(1.5rem, 2.5vw, 2.8rem); font-weight: 400; }
.atlas-card > i { position: absolute; inset-inline-end: 22px; inset-block-start: 22px; width: 24px; height: 24px; border-block-start: 1px solid rgba(255,255,255,.8); border-inline-end: 1px solid rgba(255,255,255,.8); }
.atlas-card:hover::before { opacity: .92; filter: saturate(.95) brightness(.8); transform: scale(1.1); }

.visually-hidden {
  position: absolute !important;
  width: 1px !important;
  height: 1px !important;
  overflow: hidden !important;
  clip: rect(0 0 0 0) !important;
  clip-path: inset(50%) !important;
  white-space: nowrap !important;
}

.project-slider {
  overflow: hidden;
  border-block: 1px solid var(--line);
  background: var(--paper);
}

.project-slider-heading {
  display: grid;
  grid-template-columns: .42fr 1.58fr;
  gap: clamp(34px, 6vw, 100px);
  align-items: start;
  padding-block: clamp(80px, 10vw, 150px) clamp(52px, 7vw, 96px);
}

.project-slider-heading > div {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(260px, .42fr);
  gap: clamp(30px, 5vw, 80px);
  align-items: end;
}

.project-slider-heading h2 {
  margin: 0;
  font-size: clamp(3.2rem, 6.7vw, 7.9rem);
  font-weight: 300;
  line-height: .9;
  letter-spacing: -.075em;
}

.project-slider-heading h2 span,
.project-slider-heading h2 em { display: block; }
.project-slider-heading h2 em { color: var(--copper); font-style: normal; }
.project-slider-heading > div > p { max-width: 430px; margin: 0; color: var(--ink-soft); font-size: .87rem; }

.project-slider-stage {
  position: relative;
  min-height: clamp(720px, 94svh, 1060px);
  overflow: hidden;
  outline: 0;
  background: #11110f;
  color: #f7f1e7;
  isolation: isolate;
  touch-action: pan-y;
}

.project-slider-stage:focus-visible { box-shadow: inset 0 0 0 2px #d88859; }
.project-slides,
.project-slide { position: absolute; inset: 0; }

.project-slide {
  z-index: 0;
  visibility: hidden;
  opacity: 0;
  transition: opacity .9s cubic-bezier(.45,0,.18,1), visibility 0s linear .9s;
}

.project-slide.is-active {
  z-index: 1;
  visibility: visible;
  opacity: 1;
  transition-delay: 0s;
}

.project-slide::after {
  content: "";
  position: absolute;
  inset: 0;
  background:
    linear-gradient(180deg, rgba(8,8,7,.16), rgba(8,8,7,.06) 42%, rgba(8,8,7,.82)),
    linear-gradient(90deg, rgba(8,8,7,.56), transparent 62%);
  pointer-events: none;
}

html[dir="rtl"] .project-slide::after {
  background:
    linear-gradient(180deg, rgba(8,8,7,.16), rgba(8,8,7,.06) 42%, rgba(8,8,7,.82)),
    linear-gradient(270deg, rgba(8,8,7,.56), transparent 62%);
}

.project-slide > img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  filter: saturate(.83) contrast(1.04);
  transform: scale(1.1);
  transition: transform 7.4s cubic-bezier(.16,1,.3,1), filter 1.2s ease;
  will-change: transform;
}

.project-slide.is-active > img { transform: scale(1.015); filter: saturate(.96) contrast(1.04); }

.project-slide-content {
  position: absolute;
  z-index: 2;
  inset-inline: 0;
  inset-block-end: 168px;
  display: grid;
  grid-template-columns: .42fr minmax(0, 1.58fr);
  gap: clamp(34px, 6vw, 100px);
  align-items: end;
  pointer-events: none;
}

.project-slide-index {
  display: flex;
  align-items: center;
  gap: 12px;
  margin: 0;
  opacity: 0;
  transform: translateY(20px);
  transition: opacity .65s ease .22s, transform .8s var(--ease-out) .22s;
}

.project-slide.is-active .project-slide-index { opacity: 1; transform: none; }
.project-slide-index span { font-family: var(--font-en); font-size: .62rem; }
.project-slide-index i { width: 46px; height: 1px; background: #d17e4e; }
.project-slide-index small { color: rgba(255,255,255,.56); font-family: var(--font-en); font-size: .48rem; letter-spacing: .14em; }

.project-slide-copy {
  width: min(790px, 83%);
  opacity: 0;
  transform: translateY(36px);
  transition: opacity .65s ease .13s, transform .92s var(--ease-out) .13s;
  pointer-events: auto;
}

.project-slide.is-active .project-slide-copy { opacity: 1; transform: none; }
.project-slide-copy > small { color: rgba(255,255,255,.62); font-family: var(--font-en); font-size: .52rem; letter-spacing: .13em; }
.project-slide-copy h3 { margin: 13px 0 0; font-size: clamp(3.1rem, 7.8vw, 9rem); font-weight: 300; line-height: .86; letter-spacing: -.075em; }
.project-slide-copy > p { max-width: 590px; margin: 21px 0 0; color: rgba(255,255,255,.74); font-size: .77rem; }
.project-slide-copy > a { display: inline-flex; align-items: center; gap: 18px; margin-block-start: 25px; border-block-end: 1px solid rgba(255,255,255,.55); padding-block-end: 7px; font-size: .67rem; }
.project-slide-copy > a b { font-family: var(--font-en); font-size: 1.08rem; font-weight: 400; transition: transform .3s var(--ease-out); }
.project-slide-copy > a:hover b { transform: translate(4px,-4px); }
html[dir="rtl"] .project-slide-copy > a:hover b { transform: translate(-4px,-4px); }

.project-slider-controls {
  position: absolute;
  z-index: 4;
  inset-inline: 0;
  inset-block-end: 76px;
  display: grid;
  grid-template-columns: auto minmax(100px, 1fr) auto;
  align-items: center;
  gap: 20px;
}

.project-slider-actions { display: flex; border: 1px solid rgba(255,255,255,.31); background: rgba(14,14,13,.25); backdrop-filter: blur(13px); }
.project-slider-actions button { width: 48px; height: 46px; display: grid; place-items: center; border: 0; border-inline-end: 1px solid rgba(255,255,255,.22); background: transparent; color: #fff; transition: background .25s ease; }
.project-slider-actions button:last-child { border-inline-end: 0; }
.project-slider-actions button:hover,
.project-slider-actions button:focus-visible { background: rgba(255,255,255,.17); }
.project-slider-actions svg { width: 17px; fill: none; stroke: currentColor; }
.project-slider-actions .project-icon-play { display: none; fill: currentColor; stroke: none; }
.project-slider-actions .project-play:not(.is-playing) .project-icon-pause { display: none; }
.project-slider-actions .project-play:not(.is-playing) .project-icon-play { display: block; }

.project-slider-timeline { height: 1px; overflow: hidden; background: rgba(255,255,255,.28); }
.project-slider-timeline i { display: block; width: 0; height: 100%; background: #f6f0e7; }
.project-slider-count { direction: ltr; min-width: 55px; color: rgba(255,255,255,.78); font-family: var(--font-en); font-size: .58rem; letter-spacing: .12em; text-align: end; }

.project-slider-nav {
  position: absolute;
  z-index: 4;
  inset-inline: 0;
  inset-block-end: 0;
  display: grid;
  grid-template-columns: repeat(6, 1fr);
  border-block-start: 1px solid rgba(255,255,255,.2);
}

.project-slider-nav button {
  min-height: 55px;
  display: flex;
  align-items: center;
  gap: 9px;
  border: 0;
  border-inline-start: 1px solid rgba(255,255,255,.2);
  background: rgba(12,12,11,.22);
  color: rgba(255,255,255,.5);
  backdrop-filter: blur(11px);
  transition: color .25s ease, background .25s ease;
}

.project-slider-nav button span { color: #d7814f; font-family: var(--font-en); font-size: .5rem; }
.project-slider-nav button small { overflow: hidden; font-family: var(--font-en); font-size: .49rem; letter-spacing: .12em; text-overflow: ellipsis; }
.project-slider-nav button:hover,
.project-slider-nav button:focus-visible,
.project-slider-nav button.is-active { background: rgba(12,12,11,.62); color: #fff; }

.product-art-image {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

.product-art-image + .product-art-meta { z-index: 2; }

.studio-embed-shell {
  overflow: hidden;
  border: 1px solid rgba(255,255,255,.18);
  background: #f6f2eb;
  box-shadow: 0 50px 120px rgba(0,0,0,.32);
}

.studio-embed-bar {
  min-height: 66px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 28px;
  padding-inline: 22px;
  background: #0f0f0e;
  border-block-end: 1px solid rgba(255,255,255,.16);
}

.studio-embed-bar p { display: flex; align-items: center; gap: 9px; margin: 0; font-size: .65rem; }
.studio-embed-bar p i { width: 7px; height: 7px; border-radius: 50%; background: #6dc18c; box-shadow: 0 0 0 6px rgba(109,193,140,.12); animation: engine-pulse 2s ease-in-out infinite; }
.studio-embed-bar p small { margin-inline-start: 12px; color: #77736e; font-family: var(--font-en); font-size: .47rem; letter-spacing: .12em; }
.studio-embed-bar a { display: flex; align-items: center; gap: 13px; color: #f4f0e8; font-size: .66rem; }
.studio-embed-bar svg { width: 17px; }
.studio-embed-shell iframe { width: 100%; height: 980px; display: block; border: 0; background: #f7f3ec; transition: height .35s var(--ease-out); }

@keyframes engine-pulse { 50% { box-shadow: 0 0 0 10px rgba(109,193,140,0); } }

.ai-space { background: var(--paper-deep); }
.ai-space-shell { display: grid; grid-template-columns: minmax(290px, .68fr) minmax(0, 1.32fr); gap: clamp(48px, 8vw, 140px); align-items: start; }
.ai-space-copy { position: sticky; top: calc(var(--header-height) + 44px); }
.ai-space-copy h2 { margin-block-start: 32px; }
.ai-space-copy > p:not(.section-code) { max-width: 490px; margin: 32px 0 0; color: var(--ink-soft); font-size: .85rem; }
.ai-space-copy ol { margin: 48px 0 0; padding: 0; list-style: none; border-block-start: 1px solid var(--line); }
.ai-space-copy li { display: grid; grid-template-columns: 36px 1fr; gap: 18px; padding-block: 19px; border-block-end: 1px solid var(--line); }
.ai-space-copy li > span { color: var(--copper); font-family: var(--font-en); font-size: .54rem; }
.ai-space-copy li div { display: grid; gap: 3px; }
.ai-space-copy li strong { font-size: .75rem; font-weight: 600; }
.ai-space-copy li small { color: var(--ink-soft); font-size: .59rem; }
.ai-space-page-link { display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 4px 18px; margin-block-start: 22px; padding: 16px 18px; color: var(--paper); background: var(--ink); border: 1px solid var(--ink); transition: color .25s ease, background-color .25s ease, border-color .25s ease; }
.ai-space-page-link span { font-size: .72rem; font-weight: 700; }
.ai-space-page-link small { color: color-mix(in srgb, var(--paper) 58%, transparent); font-size: .58rem; }
.ai-space-page-link svg { grid-area: 1 / 2 / 3; width: 19px; fill: none; stroke: currentColor; stroke-width: 1.5; transition: transform .3s var(--ease-out); }
.ai-space-page-link:hover { color: #fff; background: var(--copper); border-color: var(--copper); }
.ai-space-page-link:hover svg { transform: translateX(-4px); }
[dir="ltr"] .ai-space-page-link:hover svg { transform: translateX(4px); }

.employee-access { min-height: 44px; display: inline-flex; align-items: center; padding-inline: 12px; border: 1px solid color-mix(in srgb, currentColor 36%, transparent); font-size: .64rem; font-weight: 650; white-space: nowrap; transition: color .2s ease, background-color .2s ease; }
.employee-access:hover { color: #fffdf8; background: var(--copper); border-color: var(--copper); }
.mobile-menu-inner { overflow-y: auto; overscroll-behavior: contain; scrollbar-width: thin; }

.ai-workbench { border: 1px solid var(--line-strong); background: var(--surface); box-shadow: 0 26px 80px rgba(30,22,16,.11); }
.ai-status { min-height: 62px; display: flex; align-items: center; justify-content: space-between; gap: 18px; padding-inline: 20px; border-block-end: 1px solid var(--line); background: var(--ink); color: var(--paper); }
.ai-status p { display: flex; align-items: center; gap: 10px; margin: 0; }
.ai-status p i { width: 6px; height: 6px; border-radius: 50%; background: #d08a62; }
.ai-status strong { font-family: var(--font-en); font-size: .52rem; letter-spacing: .13em; }
.ai-status > span { color: color-mix(in srgb, var(--paper) 60%, transparent); font-size: .57rem; }
.upload-dropzone-wrap { position: relative; margin: 24px; }
.upload-dropzone {
  position: relative;
  min-height: 430px;
  display: grid;
  place-items: center;
  align-content: center;
  gap: 8px;
  overflow: hidden;
  border: 1px dashed var(--line-strong);
  background-color: var(--paper);
  background-image: linear-gradient(var(--line) 1px, transparent 1px), linear-gradient(90deg, var(--line) 1px, transparent 1px);
  background-size: 42px 42px;
  text-align: center;
  transition: border-color .25s ease, background-color .25s ease;
}
.upload-dropzone.is-dragging { border-color: var(--copper); background-color: color-mix(in srgb, var(--copper) 8%, var(--paper)); }
.upload-dropzone input { position: absolute; width: 1px; height: 1px; opacity: 0; }
.upload-icon { width: 64px; height: 64px; display: grid; place-items: center; margin-block-end: 12px; border-radius: 50%; background: var(--ink); color: var(--paper); }
.upload-icon svg { width: 22px; }
.upload-dropzone strong { font-size: .84rem; }
.upload-dropzone small { color: var(--ink-soft); font-size: .62rem; }
.upload-dropzone img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.upload-dropzone-wrap > button { position: absolute; z-index: 3; inset-inline-end: 12px; inset-block-start: 12px; width: 44px; height: 44px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.35); background: rgba(17,16,15,.72); color: #fff; backdrop-filter: blur(10px); }
.upload-dropzone-wrap > button svg { width: 17px; }

.ai-tile-choice { padding: 0 24px 24px; }
.ai-tile-choice > div:first-child { display: flex; justify-content: space-between; gap: 18px; margin-block-end: 14px; }
.ai-tile-choice > div:first-child span { color: var(--copper); font-family: var(--font-en); font-size: .53rem; }
.ai-tile-choice > div:first-child strong { font-size: .7rem; font-weight: 600; }
.ai-tile-grid { display: grid; grid-template-columns: repeat(6, 1fr); gap: 8px; }
.ai-tile-button { min-width: 0; border: 1px solid var(--line); padding: 5px; background: transparent; color: inherit; }
.ai-tile-button.is-active { border-color: var(--copper); box-shadow: inset 0 0 0 1px var(--copper); }
.ai-tile-button span { display: block; aspect-ratio: 1; background-color: var(--ai-base); background-image: var(--ai-pattern); background-size: cover; }
.ai-tile-button small { display: block; overflow: hidden; padding-block-start: 6px; color: var(--ink-soft); font-size: .47rem; text-overflow: ellipsis; white-space: nowrap; }
.ai-submit { width: calc(100% - 48px); min-height: 64px; display: grid; grid-template-columns: 1fr auto auto; align-items: center; gap: 15px; margin: 0 24px 24px; border: 0; padding-inline: 20px; background: var(--ink); color: var(--paper); text-align: start; }
.ai-submit:disabled { cursor: not-allowed; opacity: .46; }
.ai-submit span { font-size: .72rem; font-weight: 600; }
.ai-submit small { color: var(--copper); font-family: var(--font-en); font-size: .49rem; letter-spacing: .1em; }
.ai-submit svg { width: 18px; }
.ai-output { display: block; min-height: 0; padding-inline: 24px; color: var(--success); font-size: .63rem; }
.ai-output:not(:empty) { padding-block-end: 22px; }

.factory-visual--photo > img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.66) contrast(1.08) brightness(.72); }
.factory-visual--photo::after { content: ""; position: absolute; inset: 0; background: linear-gradient(180deg, rgba(4,4,4,.08), rgba(4,4,4,.56)); }
.factory-scan { position: absolute; z-index: 2; inset-inline: 0; top: 8%; height: 1px; background: linear-gradient(90deg, transparent, #e89562, transparent); box-shadow: 0 0 18px #e89562; animation: factory-scan 5.5s ease-in-out infinite; }
.factory-visual--photo .kiln-line { z-index: 2; opacity: .32; }
.factory-visual--photo .factory-caption { z-index: 3; }
@keyframes factory-scan { 50% { top: 88%; } }

.factory-3d-teaser {
  position: relative;
  min-height: 92svh;
  display: grid;
  align-items: center;
  overflow: hidden;
  background: #080807;
  color: #f4f0e8;
}
.factory-3d-bg { position: absolute; inset: 0; }
.factory-3d-bg::after { content: ""; position: absolute; inset: 0; background: radial-gradient(circle at 74% 50%, rgba(8,8,7,.28), rgba(8,8,7,.95) 70%), linear-gradient(90deg, rgba(8,8,7,.92), rgba(8,8,7,.2)); }
.factory-3d-bg img { width: 100%; height: 100%; object-fit: cover; filter: grayscale(.7) contrast(1.08); opacity: .52; }
.factory-3d-grid { position: relative; z-index: 1; display: grid; grid-template-columns: minmax(0, .78fr) minmax(420px, 1.22fr); gap: clamp(50px, 8vw, 150px); align-items: center; padding-block: clamp(100px, 12vw, 180px); }
.factory-3d-copy .section-code { color: #8c867d; }
.factory-3d-copy h2 { margin-block-start: 30px; }
.factory-3d-copy > p:not(.section-code) { max-width: 520px; margin: 32px 0 0; color: #aaa49b; font-size: .85rem; }
.factory-3d-cta { min-height: 64px; display: inline-flex; align-items: center; gap: 40px; margin-block-start: 38px; border: 1px solid rgba(255,255,255,.45); padding-inline: 22px; font-size: .72rem; transition: background .25s ease, color .25s ease; }
.factory-3d-cta svg { width: 19px; }
.factory-3d-cta:hover { background: #f4f0e8; color: #11110f; }
.factory-3d-meta { display: flex; flex-wrap: wrap; gap: 18px; margin-block-start: 25px; color: #756f67; font-family: var(--font-en); font-size: .48rem; letter-spacing: .12em; }

.mini-diorama-wrap { min-height: 620px; display: grid; place-items: center; perspective: 1100px; }
.mini-diorama-wrap > p { position: absolute; inset-block-end: 30px; display: flex; align-items: center; gap: 10px; margin: 0; color: #8f8980; font-size: .58rem; }
.mini-diorama-wrap > p i { width: 26px; height: 1px; background: #bd754b; }
.mini-diorama {
  --mini-rx: 58deg;
  --mini-rz: -28deg;
  position: relative;
  width: min(620px, 42vw);
  aspect-ratio: 1.35;
  transform-style: preserve-3d;
  transform: rotateX(var(--mini-rx)) rotateZ(var(--mini-rz));
  transition: transform .22s ease-out;
}
.mini-floor { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.26); background: repeating-linear-gradient(rgba(255,255,255,.07) 0 1px, transparent 1px 70px), repeating-linear-gradient(90deg, rgba(255,255,255,.07) 0 1px, transparent 1px 70px), rgba(25,24,22,.88); box-shadow: 0 40px 90px rgba(0,0,0,.62); }
.mini-line { position: absolute; z-index: 2; left: 8%; right: 8%; height: 22px; background: #413c36; border: 1px solid rgba(255,255,255,.12); transform: translateZ(28px); }
.mini-line--one { top: 38%; }
.mini-line--two { top: 60%; }
.mini-station { position: absolute; z-index: 3; width: 84px; height: 72px; display: grid; place-items: center; background: linear-gradient(145deg,#66594d,#252321); border: 1px solid rgba(255,255,255,.22); box-shadow: inset 0 0 22px rgba(255,153,89,.1); transform: translateZ(64px); transform-style: preserve-3d; }
.mini-station::before { content: ""; position: absolute; inset: 12px; border: 1px solid rgba(255,154,88,.5); }
.mini-station small { color: #e89562; font-family: var(--font-en); font-size: .55rem; }
.mini-station--one { left: 10%; top: 15%; }
.mini-station--two { left: 38%; top: 16%; }
.mini-station--three { right: 10%; top: 17%; }
.mini-station--four { left: 24%; bottom: 10%; }
.mini-station--five { right: 18%; bottom: 9%; }
.mini-tile { position: absolute; z-index: 4; width: 74px; aspect-ratio: 1.6; background: url("assets/images/tile-sahara.webp") center/cover; border: 1px solid rgba(255,255,255,.5); transform: translateZ(48px); animation: mini-tile-flow 5s linear infinite; }
.mini-tile--one { top: 39%; left: 13%; }
.mini-tile--two { top: 39%; left: 43%; animation-delay: -1.7s; }
.mini-tile--three { top: 61%; left: 27%; animation-delay: -3.2s; }
@keyframes mini-tile-flow { 50% { transform: translate3d(170px,0,48px); } }

.technology { background: var(--surface); }
.technology-heading { display: grid; grid-template-columns: .42fr 1.58fr; gap: clamp(34px, 6vw, 100px); margin-block-end: clamp(52px, 7vw, 100px); }
.technology-heading > div { display: grid; grid-template-columns: 1fr minmax(260px, .42fr); gap: clamp(30px, 5vw, 80px); align-items: end; }
.technology-lab { display: grid; grid-template-columns: minmax(0, 1.18fr) minmax(340px, .82fr); min-height: 660px; border: 1px solid var(--line); }
.thickness-stage { position: relative; min-height: 660px; display: grid; place-items: center; overflow: hidden; background: #191817; color: #f4f0e8; perspective: 1000px; }
.thickness-stage::before { content: ""; position: absolute; inset: 0; opacity: .2; background-image: linear-gradient(rgba(255,255,255,.1) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.1) 1px,transparent 1px); background-size: 54px 54px; }
.slab-stack { position: relative; width: min(520px, 68%); aspect-ratio: 1.35; transform-style: preserve-3d; transform: rotateX(62deg) rotateZ(-28deg); }
.slab-stack span { position: absolute; inset: 0; border: 1px solid rgba(255,255,255,.42); background: url("assets/images/tile-sahara.webp") center/cover; box-shadow: 0 calc(var(--slab-depth) * 3) 45px rgba(0,0,0,.45); transition: transform .5s var(--ease-out); }
.slab-stack span:nth-child(1) { transform: translateZ(calc(var(--slab-depth) * 0)); filter: brightness(.55); }
.slab-stack span:nth-child(2) { transform: translate3d(-20px,18px,calc(var(--slab-depth) * 2)); filter: brightness(.7); }
.slab-stack span:nth-child(3) { transform: translate3d(-40px,36px,calc(var(--slab-depth) * 4)); filter: brightness(.85); }
.slab-stack span:nth-child(4) { transform: translate3d(-60px,54px,calc(var(--slab-depth) * 6)); }
.stage-measure { position: absolute; inset-inline-start: 26px; inset-block-start: 24px; display: grid; }
.stage-measure strong { font-family: var(--font-en); font-size: 2.4rem; font-weight: 400; letter-spacing: -.06em; }
.stage-measure small { color: #8e8982; font-size: .58rem; }
.thickness-stage > label { position: absolute; inset-inline: 28px; inset-block-end: 26px; display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: 15px; color: #8e8982; font-family: var(--font-en); font-size: .53rem; }
.thickness-stage input { width: 100%; accent-color: #c77a50; }
.technical-grid { display: grid; grid-template-columns: 1fr 1fr; }
.technical-grid article { min-height: 330px; display: flex; flex-direction: column; justify-content: flex-end; padding: 28px; border-inline-start: 1px solid var(--line); border-block-end: 1px solid var(--line); }
.technical-grid article > span { margin-block-end: auto; color: var(--copper); font-family: var(--font-en); font-size: .55rem; }
.technical-grid strong { direction: ltr; align-self: flex-start; font-family: var(--font-en); font-size: clamp(2rem,3.3vw,4rem); font-weight: 400; line-height: 1; letter-spacing: -.07em; }
.technical-grid p { margin: 13px 0 0; color: var(--ink-soft); font-size: .66rem; }
.responsibility-grid { display: grid; grid-template-columns: repeat(4, 1fr); margin-block-start: 50px; border-block-start: 1px solid var(--line); }
.responsibility-grid article { min-height: 240px; padding: 24px; border-inline-start: 1px solid var(--line); }
.responsibility-grid article > span { color: var(--copper); font-family: var(--font-en); font-size: .5rem; letter-spacing: .1em; }
.responsibility-grid strong { display: block; margin-block-start: 72px; font-size: .83rem; }
.responsibility-grid p { margin: 9px 0 0; color: var(--ink-soft); font-size: .62rem; }

.brand-film {
  overflow: hidden;
  background: #080807;
  color: #f7f1e7;
}

.brand-film-stage {
  --film-progress: 0%;
  position: relative;
  min-height: clamp(720px, 96svh, 1080px);
  overflow: hidden;
  outline: 0;
  isolation: isolate;
}

.brand-film-stage:focus-visible { box-shadow: inset 0 0 0 2px #d88859; }
.brand-film-video,
.brand-film-frames,
.brand-film-frames figure,
.brand-film-frames img,
.brand-film-shade,
.brand-film-grain { position: absolute; inset: 0; width: 100%; height: 100%; }
.brand-film-video { z-index: 0; object-fit: cover; }
.brand-film-frames { z-index: 0; }
.brand-film-frames figure { margin: 0; visibility: hidden; opacity: 0; transition: opacity 1.15s cubic-bezier(.45,0,.18,1), visibility 0s linear 1.15s; }
.brand-film-frames figure.is-active { visibility: visible; opacity: 1; transition-delay: 0s; }
.brand-film-frames img { object-fit: cover; filter: saturate(.66) contrast(1.08) brightness(.8); transform: scale(1.035); }
.brand-film-stage.is-playing .brand-film-frames figure.is-active img { animation: brand-film-kenburn 4.1s linear both; }

@keyframes brand-film-kenburn {
  from { transform: scale(1.035) translate3d(0,0,0); }
  to { transform: scale(1.105) translate3d(-1.1%, -.7%, 0); }
}

html[dir="rtl"] .brand-film-stage.is-playing .brand-film-frames figure.is-active img { animation-name: brand-film-kenburn-rtl; }
@keyframes brand-film-kenburn-rtl {
  from { transform: scale(1.035) translate3d(0,0,0); }
  to { transform: scale(1.105) translate3d(1.1%, -.7%, 0); }
}

.brand-film-shade {
  z-index: 1;
  background:
    linear-gradient(180deg, rgba(6,6,5,.7), rgba(6,6,5,.04) 30%, rgba(6,6,5,.18) 58%, rgba(6,6,5,.9)),
    radial-gradient(circle at 74% 44%, transparent 0 22%, rgba(5,5,4,.68) 86%);
  pointer-events: none;
}

.brand-film-grain {
  z-index: 2;
  opacity: .12;
  background-image:
    repeating-radial-gradient(circle at 17% 28%, rgba(255,255,255,.18) 0 1px, transparent 1px 4px),
    repeating-linear-gradient(117deg, transparent 0 3px, rgba(255,255,255,.07) 3px 4px);
  background-size: 11px 13px, 19px 23px;
  mix-blend-mode: soft-light;
  pointer-events: none;
}

.brand-film-top,
.brand-film-copy,
.brand-film-controls { position: absolute; z-index: 3; inset-inline: 0; }

.brand-film-top {
  inset-block-start: clamp(30px, 4vw, 58px);
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
}

.brand-film-top .section-code { color: rgba(255,255,255,.56); }
.brand-film-top > span { display: flex; align-items: center; gap: 10px; color: rgba(255,255,255,.68); font-size: .54rem; }
.brand-film-top > span i { width: 6px; height: 6px; border-radius: 50%; background: #df8550; box-shadow: 0 0 0 6px rgba(223,133,80,.14); }
.brand-film-top > span b { font-weight: 500; }

.brand-film-copy {
  inset-block-start: 50%;
  transform: translateY(-49%);
}

.brand-film-kicker { margin: 0 0 20px; color: rgba(255,255,255,.68); font-size: .63rem; }
.brand-film-copy h2 { max-width: 1050px; margin: 0; font-size: clamp(4rem, 9vw, 11.3rem); font-weight: 300; line-height: .82; letter-spacing: -.082em; }
.brand-film-copy h2 span,
.brand-film-copy h2 em { display: block; }
.brand-film-copy h2 em { color: #db8757; font-style: normal; }
.brand-film-copy > p:last-child { min-height: 1.5em; margin: 30px 0 0; color: rgba(255,255,255,.72); font-size: .73rem; transition: opacity .25s ease, transform .35s var(--ease-out); }
.brand-film-copy > p:last-child.is-changing { opacity: 0; transform: translateY(8px); }

.brand-film-controls {
  inset-block-end: clamp(28px, 4vw, 52px);
  display: grid;
  grid-template-columns: auto minmax(180px, 1fr) auto;
  align-items: center;
  gap: clamp(22px, 4vw, 62px);
}

.brand-film-play { display: flex; align-items: center; gap: 13px; border: 0; padding: 0; background: transparent; color: #fff; text-align: start; }
.brand-film-play-disc { width: 51px; height: 51px; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.54); border-radius: 50%; background: rgba(10,10,9,.25); backdrop-filter: blur(10px); transition: background .25s ease, color .25s ease; }
.brand-film-play:hover .brand-film-play-disc,
.brand-film-play:focus-visible .brand-film-play-disc { background: #f7f1e7; color: #11110f; }
.brand-film-play svg { grid-area: 1 / 1; width: 17px; }
.brand-film-icon-play { fill: currentColor; stroke: none; }
.brand-film-icon-pause { display: none; fill: none; stroke: currentColor; }
.brand-film-stage.is-playing .brand-film-icon-play { display: none; }
.brand-film-stage.is-playing .brand-film-icon-pause { display: block; }
.brand-film-play > span:last-child { display: grid; gap: 2px; }
.brand-film-play small { color: rgba(255,255,255,.55); font-size: .49rem; }
.brand-film-play strong { font-family: var(--font-en); font-size: .51rem; letter-spacing: .12em; }

.brand-film-time { direction: ltr; display: grid; grid-template-columns: 42px 1fr 42px; align-items: center; gap: 15px; color: rgba(255,255,255,.64); font-family: var(--font-en); font-size: .51rem; }
.brand-film-time output,
.brand-film-time > span { font: inherit; }
.brand-film-time > span { text-align: end; }
.brand-film-time label { display: block; }
.brand-film-time input {
  width: 100%;
  height: 18px;
  appearance: none;
  border: 0;
  padding: 0;
  background: linear-gradient(to right, #f7f1e7 var(--film-progress), rgba(255,255,255,.3) var(--film-progress));
  background-position: center;
  background-size: 100% 1px;
  background-repeat: no-repeat;
  cursor: pointer;
}
.brand-film-time input::-webkit-slider-thumb { width: 9px; height: 9px; appearance: none; border: 2px solid #f7f1e7; border-radius: 50%; background: #11110f; }
.brand-film-time input::-moz-range-thumb { width: 7px; height: 7px; border: 2px solid #f7f1e7; border-radius: 50%; background: #11110f; }

.brand-film-cta { min-height: 50px; display: flex; align-items: center; gap: 24px; border-block-end: 1px solid rgba(255,255,255,.5); font-size: .65rem; }
.brand-film-cta svg { width: 17px; transition: transform .3s var(--ease-out); }
.brand-film-cta:hover svg { transform: translateX(5px); }
html[dir="rtl"] .brand-film-cta:hover svg { transform: translateX(-5px); }

.story-image { position: relative; }
.story-image > img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease-out), filter .5s ease; }
.story-card:hover .story-image > img { transform: scale(1.055); filter: saturate(1.05); }
.story-image > span { position: absolute; z-index: 2; }

@media (max-width: 1180px) {
  .employee-access { display: none; }
  .experience-heading > div,
  .technology-heading > div,
  .project-slider-heading > div { grid-template-columns: 1fr; }
  .atlas-layout { grid-template-columns: .58fr 1.42fr; gap: 56px; }
  .atlas-card { min-height: 280px; }
  .studio-embed-shell iframe { height: 1100px; }
  .ai-space-shell { grid-template-columns: .68fr 1.32fr; gap: 52px; }
  .factory-3d-grid { grid-template-columns: .8fr 1.2fr; gap: 52px; }
  .mini-diorama { width: min(560px, 47vw); }
  .technology-lab { grid-template-columns: 1fr; }
  .technical-grid article { min-height: 240px; }
}

@media (max-width: 900px) {
  .cursor-aura { display: none; }
  .experience-heading,
  .technology-heading,
  .project-slider-heading { grid-template-columns: 1fr; gap: 24px; }
  .experience-heading > div,
  .technology-heading > div,
  .project-slider-heading > div { grid-template-columns: 1fr; }
  .space-card,
  .space-card--wide,
  .space-card:nth-child(3),
  .space-card:nth-child(4),
  .space-card:nth-child(5),
  .space-card:nth-child(6) { grid-column: span 6; }
  .space-card figure,
  .space-card--wide figure,
  .space-card:nth-child(3) figure,
  .space-card:nth-child(4) figure,
  .space-card:nth-child(5) figure,
  .space-card:nth-child(6) figure { aspect-ratio: 1.2; }
  .atlas-layout { grid-template-columns: 1fr; }
  .atlas-copy,
  .ai-space-copy { position: static; }
  .atlas-grid { margin-block-start: 22px; }
  .studio-embed-shell { margin-inline: -20px; border-inline: 0; }
  .studio-embed-shell iframe { height: 1280px; }
  .ai-space-shell { grid-template-columns: 1fr; }
  .ai-workbench { margin-block-start: 12px; }
  .factory-3d-grid { grid-template-columns: 1fr; }
  .mini-diorama-wrap { min-height: 520px; }
  .mini-diorama { width: min(620px, 76vw); }
  .technology-lab { grid-template-columns: 1fr; }
  .responsibility-grid { grid-template-columns: 1fr 1fr; }
  .project-slide-content { grid-template-columns: 1fr; gap: 20px; inset-block-end: 148px; }
  .project-slide-copy { width: min(700px, 92%); }
  .project-slider-nav { display: none; }
  .project-slider-controls { inset-block-end: 30px; }
  .brand-film-controls { grid-template-columns: auto 1fr; }
  .brand-film-cta { display: none; }
}

@media (max-width: 640px) {
  .experience-heading h2,
  .atlas-copy h2,
  .ai-space-copy h2,
  .factory-3d-copy h2,
  .technology-heading h2,
  .project-slider-heading h2 { font-size: clamp(3.1rem, 15vw, 5rem); }
  .space-rail {
    display: flex;
    gap: 12px;
    overflow-x: auto;
    margin-inline: -14px;
    padding-inline: 14px;
    scroll-snap-type: x mandatory;
    scrollbar-width: none;
  }
  .space-card,
  .space-card--wide,
  .space-card:nth-child(3),
  .space-card:nth-child(4),
  .space-card:nth-child(5),
  .space-card:nth-child(6) { flex: 0 0 84vw; scroll-snap-align: center; }
  .space-card figure,
  .space-card--wide figure,
  .space-card:nth-child(3) figure,
  .space-card:nth-child(4) figure,
  .space-card:nth-child(5) figure,
  .space-card:nth-child(6) figure { aspect-ratio: .92; }
  .rail-hint strong { display: none; }
  .atlas-grid { grid-template-columns: 1fr; }
  .atlas-card { min-height: 245px; }
  .studio-embed-bar { min-height: 90px; align-items: flex-start; flex-direction: column; justify-content: center; gap: 5px; padding-block: 12px; }
  .studio-embed-bar p small { display: none; }
  .studio-embed-shell { margin-inline: -14px; }
  .studio-embed-shell iframe { height: 1320px; }
  .ai-status { align-items: flex-start; flex-direction: column; justify-content: center; gap: 3px; padding-block: 12px; }
  .upload-dropzone-wrap { margin: 14px; }
  .upload-dropzone { min-height: 330px; }
  .ai-tile-choice { padding-inline: 14px; }
  .ai-tile-grid { grid-template-columns: repeat(3, 1fr); }
  .ai-submit { width: calc(100% - 28px); margin-inline: 14px; }
  .factory-3d-teaser { min-height: auto; }
  .factory-3d-grid { padding-block: 90px; }
  .factory-3d-cta { width: 100%; justify-content: space-between; gap: 15px; }
  .mini-diorama-wrap { min-height: 390px; }
  .mini-diorama { width: 82vw; }
  .mini-station { width: 54px; height: 50px; }
  .mini-tile { width: 50px; }
  .technology-lab { margin-inline: -14px; border-inline: 0; }
  .thickness-stage { min-height: 470px; }
  .technical-grid article { min-height: 200px; padding: 18px; }
  .technical-grid strong { font-size: 2rem; }
  .responsibility-grid { grid-template-columns: 1fr; }
  .responsibility-grid article { min-height: 190px; }
  .responsibility-grid strong { margin-block-start: 44px; }
  .project-slider-heading { padding-block: 76px 48px; }
  .project-slider-stage { min-height: max(700px, 88svh); }
  .project-slide::after,
  html[dir="rtl"] .project-slide::after { background: linear-gradient(180deg, rgba(8,8,7,.16), rgba(8,8,7,.12) 38%, rgba(8,8,7,.93)); }
  .project-slide-content { inset-block-end: 128px; gap: 13px; }
  .project-slide-index small { display: none; }
  .project-slide-copy { width: 100%; }
  .project-slide-copy h3 { font-size: clamp(3.4rem, 16vw, 5.5rem); }
  .project-slide-copy > p { max-width: 90%; font-size: .68rem; }
  .project-slide-copy > a { margin-block-start: 18px; }
  .project-slider-controls { grid-template-columns: auto 1fr auto; gap: 12px; inset-block-end: 26px; }
  .project-slider-actions button { width: 42px; height: 42px; }
  .project-slider-actions button:first-child,
  .project-slider-actions button:last-child { display: none; }
  .project-slider-timeline { min-width: 0; }
  .project-slider-count { min-width: 49px; }
  .brand-film-stage { min-height: max(720px, 90svh); }
  .brand-film-top { inset-block-start: 25px; }
  .brand-film-top > span { display: none; }
  .brand-film-copy { inset-block-start: 45%; }
  .brand-film-copy h2 { font-size: clamp(4rem, 17vw, 6.2rem); }
  .brand-film-copy > p:last-child { max-width: 88%; }
  .brand-film-controls { grid-template-columns: 1fr; gap: 18px; inset-block-end: 25px; }
  .brand-film-play > span:last-child { display: none; }
  .brand-film-play { position: absolute; inset-inline-end: 0; inset-block-end: 43px; }
  .brand-film-time { grid-template-columns: 35px 1fr 35px; gap: 9px; }
}

@media (hover: none), (pointer: coarse) {
  .space-card > a,
  .atlas-card { transform: none !important; }
}

@media (prefers-reduced-motion: reduce) {
  .cursor-aura { display: none; }
  .factory-scan { display: none; }
  .mini-tile { animation: none; }
  .mini-diorama { transform: rotateX(58deg) rotateZ(-28deg) !important; }
  .project-slide > img,
  .project-slide-copy,
  .project-slide-index,
  .brand-film-frames figure,
  .brand-film-frames img { animation: none !important; transition-duration: .01ms !important; transform: none !important; }
}