@charset "utf-8";
@font-face {
  font-family: "Vazirmatn"; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("assets/vazirmatn-arabic.woff2") format("woff2");
  unicode-range: U+0600-06FF,U+0750-077F,U+0870-0891,U+0897-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC,U+102E0-102FB,U+10E60-10E7E,U+10EC2-10EC7,U+10EC9-10EEE,U+10EF0-10EFF,U+1EE00-1EE03,U+1EE05-1EE1F,U+1EE21-1EE22,U+1EE24,U+1EE27,U+1EE29-1EE32,U+1EE34-1EE37,U+1EE39,U+1EE3B,U+1EE42,U+1EE47,U+1EE49,U+1EE4B,U+1EE4D-1EE4F,U+1EE51-1EE52,U+1EE54,U+1EE57,U+1EE59,U+1EE5B,U+1EE5D,U+1EE5F,U+1EE61-1EE62,U+1EE64,U+1EE67-1EE6A,U+1EE6C-1EE72,U+1EE74-1EE77,U+1EE79-1EE7C,U+1EE7E,U+1EE80-1EE89,U+1EE8B-1EE9B,U+1EEA1-1EEA3,U+1EEA5-1EEA9,U+1EEAB-1EEBB,U+1EEF0-1EEF1;
}
@font-face {
  font-family: "Vazirmatn"; font-style: normal; font-weight: 300 800; font-display: swap;
  src: url("assets/vazirmatn-latin.woff2") format("woff2");
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
:root {
  color-scheme: light;
  --ink: #17141d;
  --ink-soft: #514b57;
  --paper: #f2f0e9;
  --paper-bright: #fbfaf6;
  --line: rgba(23, 20, 29, .18);
  --line-light: rgba(255, 255, 255, .19);
  --plum: #21172f;
  --violet: #6e2bd1;
  --cyan: #4ac7de;
  --gold: #f2be35;
  --coral: #f47f69;
  --lilac: #c88fe8;
  --gutter: clamp(24px, 7vw, 112px);
  --font: "Vazirmatn", "Noto Sans Arabic", Tahoma, sans-serif;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: 80px; }
body {
  margin: 0;
  background: var(--paper);
  color: var(--ink);
  font-family: var(--font);
  font-size: 16px;
  font-weight: 400;
  line-height: 1.85;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
}
body:has(.mobile-nav:not([hidden])) { overflow: hidden; }
button, a { font: inherit; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
img, video { display: block; max-width: 100%; }
figure, p { margin: 0; }
::selection { color: #fff; background: var(--violet); }
:where(a,button,[tabindex]):focus-visible { outline:3px solid var(--cyan); outline-offset:4px; }
.icon-arrow { display:inline-block; width:1em; height:1em; fill:none; stroke:currentColor; stroke-width:1.9; stroke-linecap:round; stroke-linejoin:round; vertical-align:middle; }
.skip-link {
  position: fixed; z-index: 100; top: 10px; right: 10px;
  padding: 12px 18px; transform: translateY(-150%);
  background: #fff; color: var(--ink); border: 2px solid var(--violet);
}
.skip-link:focus { transform: translateY(0); }
.scroll-progress { position: fixed; inset: 0 0 auto; height: 3px; z-index: 60; pointer-events: none; }
.scroll-progress span { display: block; height: 100%; width: 0; background: linear-gradient(90deg,var(--cyan),var(--violet),var(--gold)); }

.site-header {
  position: absolute; z-index: 30; top: 0; right: 0; left: 0;
  min-height: 94px; padding: 19px var(--gutter);
  display: flex; align-items: center; justify-content: space-between; gap: 30px;
  color: #fff;
  transition: background-color .28s ease, box-shadow .28s ease, min-height .28s ease, padding .28s ease, color .28s ease;
}
.brand { display: block; width: clamp(130px, 12vw, 174px); flex: 0 0 auto; }
.brand img, .footer-brand img {
  display: block;
  width: 100% !important;
  height: auto !important;
  max-height: none !important;
  object-fit: contain;
}
.brand img { filter: grayscale(1) brightness(0) invert(1); transition: filter .28s ease; }
.site-header.is-sticky {
  position: fixed; min-height: 76px; padding-top: 11px; padding-bottom: 11px;
  background: rgba(251,250,246,.97); color: var(--ink);
  box-shadow: 0 1px 0 rgba(23,20,29,.12);
  backdrop-filter: blur(14px); -webkit-backdrop-filter: blur(14px);
  animation: sticky-header-in .32s cubic-bezier(.2,.75,.25,1) both;
}
.site-header.is-sticky .brand img { filter: none; }
.site-header.is-sticky .desktop-nav { color: var(--ink-soft); }
.site-header.is-sticky .desktop-nav a:hover { color: var(--ink); }
.site-header.is-sticky .desktop-nav a::after { background: var(--violet); }
.site-header.is-sticky .header-cta { border-color: rgba(23,20,29,.32); }
.site-header.is-sticky .header-cta span { color: var(--violet); }
@keyframes sticky-header-in {
  from { transform: translateY(-18px); opacity: .75; }
  to { transform: translateY(0); opacity: 1; }
}
.desktop-nav { display: flex; align-items: center; gap: clamp(20px, 3.2vw, 52px); font-size: 14px; color: rgba(255,255,255,.88); }
.desktop-nav a { position: relative; padding: 10px 0; transition: color .2s ease; }
.desktop-nav a::after { content:""; position:absolute; right:0; bottom:2px; width:0; height:1px; background:var(--gold); transition:width .25s ease; }
.desktop-nav a:hover { color: #fff; }
.desktop-nav a:hover::after { width:100%; }
.header-cta { display:flex; align-items:center; gap:22px; border:1px solid rgba(255,255,255,.62); border-radius:2px; padding:11px 16px; font-size:14px; transition:background .2s,color .2s; }
.header-cta span { color:var(--gold); font-size:16px; }
.header-cta:hover { background:#fff; color:var(--ink); }
.menu-toggle { display:none; }
.mobile-nav { display:none; }

.hero {
  position: relative; min-height: min(880px, 100svh); min-height: max(720px, 100svh);
  overflow:hidden; isolation:isolate; background:#18151c; color:#fff;
}
.hero-video, .hero-shade { position:absolute; inset:0; width:100%; height:100%; }
.hero-video { object-fit:cover; object-position:center 54%; z-index:-2; }
.hero-shade {
  z-index:-1;
  background:
    linear-gradient(270deg, rgba(14,11,18,.81) 0%, rgba(14,11,18,.55) 39%, rgba(14,11,18,.12) 100%),
    linear-gradient(0deg, rgba(12,10,16,.68) 0%, transparent 45%, rgba(12,10,16,.16) 100%);
}
.hero-frame { position:relative; display:flex; flex-direction:column; min-height:inherit; padding:130px var(--gutter) 42px; }
.hero-kicker { display:flex; justify-content:flex-start; align-items:center; color:rgba(255,255,255,.88); font-size:13px; letter-spacing:.02em; }
.eyebrow { display:flex; align-items:center; gap:11px; margin-bottom:20px; font-size:13px; font-weight:600; letter-spacing:.025em; }
.eyebrow i, .aside-caption i { width:7px; height:7px; border-radius:50%; background:var(--cyan); box-shadow:0 0 14px rgba(74,199,222,.7); }
.hero-content { width:min(860px, 76vw); margin-top:auto; margin-bottom:clamp(72px, 11vh, 116px); }
.hero h1 { max-width:900px; margin:0; font-size:clamp(54px, 8.8vw, 126px); line-height:1.08; font-weight:600; letter-spacing:-.065em; }
.hero h1 em { color:#d3a9ff; font-style:normal; }
.hero-bottom { max-width:720px; margin-top:34px; display:flex; align-items:center; justify-content:space-between; gap:34px; }
.hero-bottom p { max-width:560px; font-size:clamp(14px,1.3vw,18px); line-height:2.15; color:rgba(255,255,255,.78); }
.round-link, .circle-arrow {
  flex:0 0 auto; display:grid; place-items:center; width:54px; height:54px;
  border:1px solid rgba(255,255,255,.55); border-radius:50%; color:#fff;
  transition:background .25s,color .25s,transform .25s;
}
.round-link:hover, .circle-arrow:hover { color:var(--ink); background:var(--gold); border-color:var(--gold); transform:translateY(3px); }
.round-link span { font-size:22px; }
.hero-rail { position:absolute; left:var(--gutter); bottom:45px; display:flex; align-items:center; gap:14px; writing-mode:vertical-rl; color:rgba(255,255,255,.78); font-size:12px; letter-spacing:.04em; }
.rail-line { height:58px; width:1px; background:linear-gradient(var(--cyan),transparent); }
.hero-wordmark { position:absolute; left:var(--gutter); bottom:44px; color:rgba(255,255,255,.66); font:500 12px var(--font); letter-spacing:.1em; direction:ltr; }

.section-pad { padding:clamp(82px, 11vw, 162px) var(--gutter); }
.vision { background:var(--paper-bright); }
.section-index { display:flex; align-items:center; gap:12px; color:#5c5561; font-size:13px; margin-bottom:44px; }
.section-index > span:first-child { color:var(--violet); font:600 12px var(--font); direction:ltr; }
.section-index i { width:44px; height:1px; background:var(--violet); }
.vision-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(260px,.65fr); align-items:end; gap:clamp(55px,12vw,190px); }
.eyebrow-dark { color:#6b6470; }
.vision-copy h2, .architecture-heading h2, .location h2, .logistics-title h2, .scenes-heading h2 {
  margin:0; font-size:clamp(42px,6.2vw,86px); line-height:1.28; font-weight:500; letter-spacing:-.055em;
}
.vision-copy h2 span, .architecture-heading h2 span, .location h2 span, .logistics-title h2 span, .scenes-heading h2 span { color:var(--violet); }
.lead { max-width:640px; margin-top:24px; color:var(--ink-soft); font-size:16px; line-height:2.15; }
.text-link { display:inline-flex; align-items:center; gap:18px; margin-top:31px; padding-bottom:10px; border-bottom:1px solid var(--violet); font-size:15px; transition:gap .2s ease; }
.text-link span { color:var(--violet); font-size:17px; }
.text-link:hover { gap:26px; }
.vision-aside { max-width:390px; justify-self:start; padding-bottom:4px; }
.brand-orbit { position:relative; display:grid; place-items:center; width:152px; height:152px; margin:0 0 32px auto; color:var(--violet); font-size:29px; font-weight:700; direction:ltr; }
.brand-orbit span { position:absolute; inset:0; border:1px solid rgba(110,43,209,.28); border-radius:50%; transform:rotate(-28deg) scaleX(.42); }
.brand-orbit span:nth-child(2) { transform:rotate(31deg) scaleX(.6); border-color:rgba(74,199,222,.65); }
.brand-orbit span:nth-child(3) { transform:rotate(90deg) scaleX(.86); border-color:rgba(242,190,53,.7); }
.vision-aside p { max-width:365px; color:#55505b; font-size:15px; line-height:2.05; }
.aside-caption { display:flex; align-items:center; gap:10px; margin-top:24px; color:#625a67; font:500 12px var(--font); letter-spacing:.08em; direction:ltr; }
.aside-caption i { width:5px; height:5px; background:var(--violet); box-shadow:none; }
.metrics { display:grid; grid-template-columns:.7fr 1.55fr .85fr; margin-top:clamp(75px, 10vw, 138px); border-top:1px solid var(--line); border-bottom:1px solid var(--line); }
.metric { min-height:205px; padding:28px clamp(18px,3.5vw,54px) 24px 20px; border-left:1px solid var(--line); display:flex; flex-direction:column; align-items:flex-start; }
.metric:first-child { padding-right:0; }
.metric:last-child { border-left:0; }
.metric-label { color:#5e5763; font-size:13px; }
.metric strong { margin-top:10px; color:var(--ink); font:500 clamp(55px,8vw,100px)/1.1 var(--font); letter-spacing:-.07em; }
.metric .metric-wide { font-size:clamp(44px,6.1vw,78px); direction:ltr; letter-spacing:-.055em; }
.metric-unit { margin-top:3px; color:#5e5763; font-size:14px; }
.metric-note strong { font-size:72px; }
.source-note { margin-top:18px; color:#655d69; font-size:12px; line-height:1.9; }

.architecture { background:#e9e5df; padding-bottom:clamp(80px,10vw,145px); }
.architecture-heading, .scenes-heading { display:flex; justify-content:space-between; align-items:end; gap:50px; margin-bottom:56px; }
.architecture-heading > p, .scenes-heading > p { max-width:380px; color:var(--ink-soft); font-size:15px; line-height:2.1; padding-bottom:8px; }
.feature-image, .location-visual, .plan-figure, .scene { min-width:0; }
.image-zoom {
  position:relative; display:block; width:100%; padding:0; overflow:hidden;
  background:#d4d0c9; border:0; text-align:right; cursor:zoom-in;
}
.image-zoom img { width:100%; height:100%; object-fit:cover; transition:transform .7s cubic-bezier(.2,.7,.2,1); }
.image-zoom:hover img { transform:scale(1.025); }
@media (prefers-reduced-motion: reduce) { .image-zoom img { transition:none; } }
.feature-image .image-zoom { aspect-ratio:1.83; }
.image-open {
  position:absolute; left:18px; bottom:18px; display:grid; place-items:center;
  width:42px; height:42px; border-radius:50%; background:rgba(15,13,18,.68); color:#fff;
  backdrop-filter:blur(8px); font-size:21px;
}
.feature-image figcaption, .location-visual figcaption, .plan-figure figcaption, .scene figcaption {
  display:flex; justify-content:space-between; gap:15px; padding-top:14px; color:#5f5864; font-size:12px;
}
.feature-image figcaption span:last-child, .scene figcaption span:last-child { direction:ltr; }
.architecture-foot { display:grid; grid-template-columns:1fr minmax(240px,460px) 54px; align-items:center; gap:34px; margin-top:48px; }
.foot-rule { height:1px; background:var(--violet); }
.architecture-foot p { color:#554f5a; font-size:14px; line-height:2; }
.circle-arrow { border-color:rgba(23,20,29,.34); color:var(--ink); }
.circle-arrow span { font-size:21px; }

.program { position:relative; overflow:hidden; isolation:isolate; color:#fff; background:var(--plum); }
.program::after {
  content:""; position:absolute; z-index:-1; width:clamp(500px,65vw,980px); aspect-ratio:1;
  top:12%; left:-20%; border:1px solid rgba(201,163,240,.12); border-radius:50%;
  box-shadow:0 0 0 28px rgba(201,163,240,.018), 0 0 0 68px rgba(201,163,240,.018), 0 0 0 132px rgba(201,163,240,.015), 0 0 0 220px rgba(201,163,240,.012);
}
.program-top { display:flex; justify-content:space-between; align-items:center; }
.section-index-light { color:rgba(255,255,255,.52); }
.section-index-light > span:first-child { color:var(--gold); }
.section-index-light i { background:var(--gold); }
.program-top > .eyebrow { color:rgba(255,255,255,.55); margin:0; }
.program-intro { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(240px,.65fr); gap:clamp(50px,11vw,170px); align-items:end; margin-bottom:75px; }
.program-intro h2 { margin:0; font-size:clamp(43px,6.4vw,91px); line-height:1.27; font-weight:500; letter-spacing:-.055em; }
.program-intro h2 em { color:#cf9cff; font-style:normal; }
.program-intro p { max-width:370px; padding-bottom:12px; color:rgba(255,255,255,.82); font-size:15px; line-height:2.05; }
.program-list { border-top:1px solid var(--line-light); }
.program-row { min-height:104px; display:grid; grid-template-columns:70px minmax(180px,.9fr) minmax(200px,1fr) 24px; align-items:center; gap:25px; border-bottom:1px solid var(--line-light); }
.program-no { color:var(--gold); font:500 13px var(--font); direction:ltr; }
.program-row h3 { margin:0; font-size:clamp(18px,2.1vw,26px); font-weight:500; }
.program-row p { max-width:390px; color:rgba(255,255,255,.82); font-size:14px; line-height:1.9; }
.program-mark { justify-self:end; width:8px; height:8px; border-radius:50%; }
.mark-cyan { background:var(--cyan); }.mark-gold { background:var(--gold); }.mark-coral { background:var(--coral); }.mark-lilac { background:var(--lilac); }.mark-white { background:#fff; }
.program-image-wrap { margin-top:80px; }
.program-image-wrap .image-zoom { aspect-ratio:2.1; }
.program-image-wrap img { object-position:center 45%; }
.program-image-caption { display:flex; justify-content:space-between; gap:16px; margin-top:14px; color:rgba(255,255,255,.8); font-size:12px; }

.location { display:grid; grid-template-columns:minmax(300px,.78fr) minmax(450px,1.15fr); column-gap:clamp(50px,8vw,130px); align-items:center; background:var(--paper-bright); }
.location-copy .section-index { margin-bottom:54px; }
.location-copy h2 { font-size:clamp(43px,5.5vw,76px); }
.location-copy .lead { font-size:15px; }
.location-tags { display:flex; flex-wrap:wrap; gap:9px; margin-top:28px; }
.location-tags span { border:1px solid rgba(23,20,29,.22); border-radius:30px; padding:8px 13px; color:#463f4b; font-size:13px; }
.location-small { max-width:390px; margin-top:26px; color:#625b66; font-size:13px; line-height:1.95; }
.location-visual .image-zoom { aspect-ratio:1.38; }
.location-visual img { object-position:59% center; }
.location-strip { grid-column:1/-1; display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:24px; margin-top:90px; color:#625b66; font:500 12px var(--font); letter-spacing:.08em; direction:ltr; }
.strip-path { position:relative; height:1px; background:linear-gradient(90deg,var(--cyan),var(--violet),var(--gold)); }
.strip-path i { position:absolute; top:50%; width:7px; height:7px; border:1px solid var(--violet); border-radius:50%; background:var(--paper-bright); transform:translate(-50%,-50%); }
.strip-path i:nth-child(1){left:12%}.strip-path i:nth-child(2){left:33%}.strip-path i:nth-child(3){left:58%}.strip-path i:nth-child(4){left:77%}.strip-path i:nth-child(5){left:96%}

.logistics { background:var(--paper); }
.logistics-head { display:grid; grid-template-columns:.72fr 1.28fr; gap:60px; margin-bottom:62px; }
.logistics-head .section-index { align-self:start; }
.logistics-title { max-width:740px; }
.logistics-title h2 { font-size:clamp(46px,6vw,84px); }
.logistics-title > p:last-child { max-width:610px; margin-top:20px; color:var(--ink-soft); font-size:15px; line-height:2.05; }
.warehouse-layout { display:grid; grid-template-columns:minmax(0,1.2fr) minmax(320px,.72fr); align-items:start; gap:clamp(38px,6vw,90px); }
.plan-figure .image-zoom { aspect-ratio:1.48; background:#fff; }
.plan-figure .image-zoom img { object-fit:contain; }
.plan-zoom .image-open { display:flex; gap:9px; align-items:center; width:auto; height:44px; padding:0 15px; border-radius:22px; font-size:13px; background:rgba(23,20,29,.9); }
.plan-zoom .image-open b { font-size:17px; font-weight:400; }
.warehouse-data { border-top:1px solid var(--line); }
.warehouse-total { padding:20px 0 24px; border-bottom:1px solid var(--line); display:grid; grid-template-columns:1fr auto; align-items:center; column-gap:20px; }
.warehouse-total > span:first-child { color:#5e5763; font-size:13px; }
.warehouse-total > strong { grid-column:1; margin-top:5px; font-size:clamp(28px,3.1vw,42px); line-height:1.4; font-weight:500; letter-spacing:-.045em; }
.warehouse-total > span:last-child { grid-column:2; grid-row:2; align-self:end; color:#5e5763; font-size:13px; padding-bottom:7px; }
.data-note { margin:20px 0 13px; color:#625b66; font-size:13px; }
.warehouse-zones { padding:0; margin:0; list-style:none; }
.warehouse-zones li { position:relative; display:grid; grid-template-columns:10px minmax(0,1fr) auto auto; align-items:center; gap:12px; padding:14px 0; border-bottom:1px solid var(--line); }
.zone-swatch { width:7px; height:7px; border-radius:50%; }
.zone-1 {background:var(--violet)}.zone-2{background:var(--cyan)}.zone-3{background:var(--gold)}.zone-4{background:var(--coral)}.zone-5{background:var(--lilac)}
.zone-name { font-size:13px; color:#342f39; }
.zone-area { font:500 13px var(--font); direction:rtl; white-space:nowrap; }
.zone-area small { color:#655d69; font-size:12px; }
.zone-share { min-width:35px; color:#625b66; font-size:12px; text-align:left; }
.plan-links { display:flex; flex-wrap:wrap; gap:12px 25px; margin-top:22px; }
.plan-links a { display:inline-flex; gap:10px; color:#5b20b5; font-size:13px; }
.plan-links a span { font-size:14px; line-height:1; }
.warehouse-data > .source-note { margin-top:22px; font-size:12px; }

.warehouse-scenes { background:#e9e5df; }
.scenes-heading { margin-bottom:48px; }
.scenes-heading h2 { font-size:clamp(41px,5.6vw,76px); }
.scenes-grid { display:grid; grid-template-columns:1.18fr .82fr; gap:32px; align-items:stretch; }
.scene-large { grid-row:span 2; display:flex; flex-direction:column; }
.scene .image-zoom { aspect-ratio:1.68; }
.scene-large .image-zoom { flex:1; aspect-ratio:auto; height:auto; min-height:0; }
.scene-large .image-zoom img { object-position:center; }
.scene figcaption { font-size:12px; }
.render-disclaimer { margin-top:34px; color:#625b66; font-size:12px; }

.closing { position:relative; display:flex; min-height:660px; align-items:center; overflow:hidden; isolation:isolate; color:#fff; background:#17121d; }
.closing-image, .closing-shade { position:absolute; inset:0; z-index:-1; }
.closing-image { width:100%; height:100%; object-fit:cover; object-position:center 51%; filter:saturate(.75); }
.closing-shade { background:linear-gradient(270deg,rgba(15,11,20,.9),rgba(15,11,20,.53) 58%,rgba(15,11,20,.14)),linear-gradient(0deg,rgba(15,11,20,.28),transparent 45%); }
.closing-content { width:100%; padding:100px var(--gutter); }
.closing-content .eyebrow { color:rgba(255,255,255,.7); }
.closing-content h2 { margin:36px 0 20px; font-size:clamp(48px,7vw,94px); line-height:1.25; font-weight:500; letter-spacing:-.06em; }
.closing-content h2 em { color:#cf9cff; font-style:normal; }
.closing-content > p:not(.eyebrow) { max-width:540px; color:rgba(255,255,255,.86); font-size:15px; line-height:2.05; }
.closing-link { display:inline-flex; gap:17px; align-items:center; margin-top:34px; padding-bottom:11px; border-bottom:1px solid var(--gold); font-size:14px; }
.closing-link span { color:var(--gold); font-size:18px; }
.closing-code { position:absolute; bottom:40px; left:var(--gutter); color:rgba(255,255,255,.66); font:400 12px var(--font); letter-spacing:.08em; direction:ltr; }

.site-footer { display:grid; grid-template-columns:auto 1fr auto; align-items:center; gap:36px; padding:34px var(--gutter) 25px; background:#141119; color:#fff; }
.footer-brand { width:136px; }
.footer-brand img { filter:grayscale(1) brightness(0) invert(1); }
.site-footer > p { color:rgba(255,255,255,.88); font-size:13px; line-height:1.9; }
.site-footer > p span { color:rgba(255,255,255,.43); }
.back-top { display:flex; gap:14px; align-items:center; font-size:13px; color:rgba(255,255,255,.86); }
.back-top span { color:var(--gold); font-size:18px; }
.site-footer small { grid-column:1/-1; padding-top:18px; border-top:1px solid rgba(255,255,255,.2); color:rgba(255,255,255,.68); font-size:12px; line-height:1.9; }

.media-viewer {
  position:fixed; width:min(94vw,1500px); max-width:none; max-height:92vh;
  padding:36px 16px 16px; border:1px solid rgba(255,255,255,.18); background:#17141d; color:#fff;
}
.media-viewer[open] { display:grid; place-items:center; }
.media-viewer::backdrop { background:rgba(10,8,13,.88); backdrop-filter:blur(8px); }
.media-viewer img { max-width:100%; max-height:calc(92vh - 65px); object-fit:contain; }
.viewer-close { position:absolute; top:3px; left:8px; width:44px; height:44px; border:0; color:#fff; background:transparent; cursor:pointer; font-size:30px; }

.enter { opacity:0; transform:translateY(20px); transition:opacity .55s ease,transform .55s cubic-bezier(.2,.6,.2,1); }
.enter.is-visible { opacity:1; transform:translateY(0); }
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; }
  .js .enter { opacity:1; transform:none; }
}

@media (max-width: 1080px) {
  :root { --gutter:clamp(28px,5vw,70px); }
  .desktop-nav { gap:20px; }
  .hero h1 { font-size:clamp(56px,9vw,105px); }
  .location { grid-template-columns:minmax(260px,.85fr) minmax(360px,1.15fr); column-gap:45px; }
  .program-row { grid-template-columns:48px minmax(165px,.9fr) minmax(170px,1fr) 16px; gap:17px; }
  .warehouse-layout { grid-template-columns:minmax(0,1.08fr) minmax(310px,.92fr); gap:40px; }
}
@media (max-width: 780px) {
  :root { --gutter:24px; }
  .site-header { min-height:76px; padding-top:14px; padding-bottom:14px; }
  .brand { width:132px; }
  .desktop-nav, .header-cta { display:none; }
  .menu-toggle {
    display:flex; width:44px; height:44px; flex-direction:column; align-items:center; justify-content:center; gap:6px;
    border:1px solid rgba(255,255,255,.55); background:rgba(18,15,21,.2); cursor:pointer;
  }
  .menu-toggle span { width:17px; height:1px; background:#fff; transition:transform .2s; }
  .site-header.is-sticky { min-height:66px; padding-top:9px; padding-bottom:9px; }
  .site-header.is-sticky .menu-toggle { border-color:rgba(23,20,29,.28); background:transparent; }
  .site-header.is-sticky .menu-toggle span { background:var(--ink); }
  .menu-toggle[aria-expanded="true"] span:first-child { transform:translateY(3.5px) rotate(45deg); }
  .menu-toggle[aria-expanded="true"] span:last-child { transform:translateY(-3.5px) rotate(-45deg); }
  .mobile-nav {
    position:fixed; z-index:25; inset:0; display:flex; flex-direction:column; justify-content:center;
    padding:100px var(--gutter) 50px; background:rgba(28,20,40,.98); color:#fff;
  }
  .mobile-nav[hidden] { display:none; }
  .mobile-nav a { display:flex; justify-content:space-between; align-items:center; padding:21px 0; border-bottom:1px solid rgba(255,255,255,.18); font-size:22px; }
  .mobile-nav a span { color:var(--gold); font:500 13px var(--font); direction:ltr; }
  .hero { min-height:760px; min-height:100svh; }
  .hero-frame { padding-top:100px; padding-bottom:30px; }
  .hero-shade { background:linear-gradient(270deg,rgba(14,11,18,.7),rgba(14,11,18,.28)),linear-gradient(0deg,rgba(12,10,16,.78),transparent 60%); }
  .hero-video { object-position:75% center; }
  .hero-content { width:100%; margin-bottom:90px; }
  .hero h1 { font-size:clamp(52px,12.2vw,88px); }
  .hero-bottom { align-items:end; }
  .hero-bottom p { max-width:460px; font-size:14px; }
  .hero-rail { display:none; }
  .hero-wordmark { bottom:30px; }
  .vision-layout { grid-template-columns:1fr; gap:56px; }
  .vision-aside { justify-self:end; }
  .brand-orbit { width:115px; height:115px; margin-bottom:20px; font-size:24px; }
  .metrics { grid-template-columns:.65fr 1.35fr; }
  .metric { min-height:170px; padding:23px 18px; }
  .metric:first-child { padding-right:0; }
  .metric:nth-child(2) { border-left:0; }
  .metric:last-child { grid-column:1/-1; min-height:auto; padding-right:0; border-top:1px solid var(--line); }
  .metric strong { font-size:66px; }
  .metric .metric-wide { font-size:clamp(42px,8vw,68px); }
  .metric-note strong { font-size:45px; }
  .architecture-heading, .scenes-heading { align-items:start; flex-direction:column; gap:20px; }
  .architecture-heading > p, .scenes-heading > p { max-width:520px; }
  .feature-image .image-zoom { aspect-ratio:1.25; }
  .architecture-foot { grid-template-columns:1fr 50px; gap:20px; }
  .foot-rule { display:none; }
  .program-intro { grid-template-columns:1fr; gap:18px; margin-bottom:52px; }
  .program-intro p { max-width:540px; }
  .program-row { min-height:100px; grid-template-columns:38px 1fr 18px; gap:12px; }
  .program-row h3 { font-size:17px; }
  .program-row p { grid-column:2; grid-row:2; align-self:start; max-width:500px; padding-bottom:15px; font-size:13px; }
  .program-mark { grid-column:3; grid-row:1; }
  .program-image-wrap { margin-top:55px; }
  .program-image-wrap .image-zoom { aspect-ratio:1.4; }
  .location { grid-template-columns:1fr; gap:44px; }
  .location-copy .section-index { margin-bottom:40px; }
  .location-visual .image-zoom { aspect-ratio:1.28; }
  .location-strip { margin-top:62px; }
  .logistics-head { grid-template-columns:1fr; gap:5px; margin-bottom:38px; }
  .logistics-head .section-index { margin-bottom:15px; }
  .warehouse-layout { grid-template-columns:1fr; gap:34px; }
  .plan-figure .image-zoom { aspect-ratio:1.24; }
  .warehouse-data { max-width:700px; }
  .scenes-grid { gap:20px; }
  .scene-large .image-zoom { min-height:0; }
  .closing { min-height:590px; }
  .site-footer { grid-template-columns:1fr auto; gap:20px; }
  .footer-brand { grid-column:1/-1; width:124px; }
}
@media (max-width: 520px) {
  .section-pad { padding-top:82px; padding-bottom:82px; }
  .hero { min-height:720px; min-height:100svh; }
  .hero-kicker { font-size:12px; }
  .hero-content { margin-bottom:100px; }
  .hero h1 { font-size:clamp(49px,13.2vw,68px); }
  .hero-bottom { gap:15px; }
  .hero-bottom p { font-size:14px; line-height:1.9; }
  .round-link { width:44px; height:44px; }
  .section-index { margin-bottom:34px; }
  .vision-copy h2, .architecture-heading h2, .location h2, .logistics-title h2, .scenes-heading h2 { font-size:clamp(40px,11vw,58px); }
  .lead { font-size:15px; }
  .metrics { margin-top:65px; }
  .metric { min-height:146px; padding:18px 13px; }
  .metric-label { font-size:12px; }
  .metric strong { font-size:54px; }
  .metric .metric-wide { font-size:40px; }
  .metric-unit { font-size:13px; }
  .architecture-heading, .scenes-heading { margin-bottom:32px; }
  .feature-image .image-zoom { aspect-ratio:1.05; }
  .feature-image figcaption, .location-visual figcaption, .plan-figure figcaption, .scene figcaption { font-size:12px; }
  .architecture-foot { margin-top:32px; }
  .architecture-foot p { font-size:13px; }
  .program-top { align-items:start; }
  .program-top > .eyebrow { max-width:116px; justify-content:end; text-align:left; line-height:1.8; }
  .program-intro h2 { font-size:clamp(43px,11.5vw,65px); }
  .program-row { min-height:100px; grid-template-columns:30px 1fr 10px; gap:10px; }
  .program-row h3 { font-size:16px; }
  .program-row p { font-size:13px; }
  .program-no { font-size:12px; }
  .program-image-wrap .image-zoom { aspect-ratio:1.12; }
  .program-image-caption { font-size:12px; }
  .location-tags { gap:7px; }
  .location-tags span { padding:7px 10px; font-size:12px; }
  .location-strip { gap:14px; font-size:12px; }
  .plan-figure .image-zoom { aspect-ratio:1.04; }
  .warehouse-total > strong { font-size:33px; }
  .warehouse-zones li { grid-template-columns:8px minmax(0,1fr) auto 32px; gap:8px; }
  .zone-name { font-size:12px; }
  .zone-area { font-size:12px; }
  .zone-share { font-size:12px; }
  .scenes-grid { grid-template-columns:1fr; }
  .scene-large { grid-row:auto; }
  .scene-large .image-zoom { flex:initial; aspect-ratio:1.05; min-height:0; }
  .scene .image-zoom { aspect-ratio:1.25; }
  .closing { min-height:540px; }
  .closing-image { object-position:57% center; }
  .closing-content { padding-top:80px; padding-bottom:80px; }
  .closing-content h2 { font-size:clamp(46px,12vw,64px); }
  .site-footer { grid-template-columns:1fr; }
  .site-footer > p { grid-row:2; }
  .back-top { justify-self:start; }
  .site-footer small { margin-top:8px; }
}