/* Main site presentation. The approved intro remains independently styled. */
header{height:112px;gap:30px}
header .brand{flex-shrink:0}
header .official-nav-logo{width:170px;height:auto;max-height:94px;object-fit:contain}
header nav{display:flex;align-items:center;gap:clamp(24px,3vw,54px);font-family:Chakra,Body,sans-serif;font-size:16px;font-weight:600;color:#e2dfe4}
header nav a{padding:14px 0;position:relative;white-space:nowrap}
header nav a:after{content:'';position:absolute;bottom:5px;left:0;width:0;height:2px;background:#ee242c;transition:width .2s}
header nav a:hover:after,header nav a:focus-visible:after{width:100%}
header .nav-contact{font-family:Chakra,Body,sans-serif;font-size:14px;font-weight:700;padding:13px 22px;gap:25px;border-color:#ee242c80;white-space:nowrap}
.hero{isolation:isolate}
.home-filter-defs{position:absolute;width:0;height:0;pointer-events:none}
.hero-clouds{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.cloud-layer{position:absolute;inset:-16%;filter:url(#home-cloud-noise);opacity:.12;transform:translateX(-2%)}
.cloud-layer-back{background:radial-gradient(ellipse at 73% 38%,#bfa9a763,transparent 32%),radial-gradient(ellipse at 93% 67%,#c4374855,transparent 36%),radial-gradient(ellipse at 44% 80%,#7e6d6a44,transparent 35%)}
.cloud-layer-front{background:radial-gradient(ellipse at 64% 68%,#e1c0b455,transparent 29%),radial-gradient(ellipse at 84% 23%,#8c283c44,transparent 32%);opacity:.08}
.hero.cloud-transition .cloud-layer-back{animation:home-cloud-burst 1.9s ease-out both}
.hero.cloud-transition .cloud-layer-front{animation:home-cloud-front 2.1s ease-out both}
.hero .hero-grid{padding-bottom:24px}
.hero .machine-scene{height:650px}
.hero .scene-machine{top:46px;height:430px}
.hero .scene-wing{top:155px;height:260px}
.hero .scene-caption{bottom:112px;left:16px;right:0;padding-top:14px;align-items:center;gap:12px}
.hero .scene-caption h2{font-size:22px;line-height:1.15;max-width:420px}
.hero .scene-caption p{font-size:9px}
.hero .scene-controls{flex-shrink:0}
.hero .scene-dots{left:0;right:0;bottom:16px;height:78px;display:flex;gap:9px;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin;scrollbar-color:#ee242c66 transparent;padding:3px 2px 8px;overscroll-behavior-inline:contain}
.hero .scene-dots button{padding:5px;flex:0 0 64px;width:64px;height:64px;background:#0a080bbb;border:1px solid #ffffff26;transition:border-color .2s,background .2s}
.hero .scene-dots button:after{display:none}
.hero .scene-dots button img{width:100%;height:100%;object-fit:contain;pointer-events:none}
.hero .scene-dots button:hover{border-color:#ff9298}
.hero .scene-dots button[aria-pressed=true]{border-color:#ee242c;background:#4c0b1770;box-shadow:0 0 14px #ee242c22}
.hero .scene-hint{left:0;right:auto;bottom:0;font-size:8px;letter-spacing:.1em}
.hero .ticker{margin:0 -1px;transform:none;position:relative;z-index:2}
.hero .hero-bottom{margin:0 48px;padding:14px 0 16px;border-top:0}
.hero .machine-scene.changing .scene-machine{animation:home-machine-switch .7s ease-out both!important}
.manifesto-copy .large{font-family:Chakra,Body,sans-serif;font-weight:600;font-size:clamp(25px,2.5vw,36px);line-height:1.28;color:#f8f4f4}
.catalog-toolbar{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;margin:34px 0 15px}
.catalog-filters{display:flex;gap:8px;flex-wrap:wrap}
.catalog-filters button{padding:12px 15px;background:#0e0b0d;border:1px solid #ffffff22;font:600 12px/1.3 Chakra,Body,sans-serif;color:#bfb5b9}
.catalog-filters button[aria-pressed=true]{background:#ee242c;color:#fff;border-color:#ee242c}
.catalog-filters button span{margin-left:5px;opacity:.65}
.catalog-search{display:grid;gap:5px;flex:0 0 205px;color:#a89ba1;font-size:10px}
.catalog-search input{width:100%;padding:10px 12px;color:#fff;background:#0d0b0c;border:1px solid #ffffff30;font:13px Body,Arial,sans-serif;outline-offset:3px}
.catalog-search input:focus{outline:1px solid #ee242c}
.catalog-result{color:#9d8f94;font-size:11px;margin:10px 0 22px}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.catalog-card{background:linear-gradient(145deg,#151013,#080708 70%);border:1px solid #ffffff1c;min-width:0;display:flex;flex-direction:column;overflow:hidden}
.catalog-card[hidden]{display:none}
.catalog-card-visual{height:220px;margin:0;padding:20px 25px;background:radial-gradient(ellipse at 50% 75%,#ee242c16,transparent 63%);border-bottom:1px solid #ffffff0d}
.catalog-card-visual img{height:100%;width:100%;object-fit:contain;filter:drop-shadow(0 8px 12px #0009)}
.catalog-card-body{padding:23px;display:flex;flex-direction:column;flex:1}
.catalog-card-category{font:600 9px Chakra,Body,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#f47983;margin-bottom:10px}
.catalog-card h3{font:700 23px/1.15 Chakra,Body,sans-serif;letter-spacing:-.025em;color:#fff}
.catalog-card-summary{font-size:12px;line-height:1.65;color:#b0a3aa;margin:12px 0 18px;min-height:40px}
.catalog-specs{margin:0}
.catalog-specs>div{display:grid;grid-template-columns:1fr 1.2fr;gap:12px;padding:9px 0;border-top:1px solid #ffffff13;font-size:11px;line-height:1.5}
.catalog-specs dt{color:#9b8c94}.catalog-specs dd{margin:0;color:#e7dde1;text-align:right;overflow-wrap:anywhere}
.catalog-details{margin:9px 0 18px;border-top:1px solid #ffffff1c}
.catalog-details summary{padding:12px 0;font:600 11px Chakra,Body,sans-serif;color:#ff929c;cursor:pointer}
.catalog-source{display:inline-block;color:#b0a0a7;font-size:10px;text-decoration:underline;text-underline-offset:4px;margin:12px 0}
.catalog-note{font-size:10px;line-height:1.55;color:#a48b92;margin:8px 0}
.catalog-show{margin-top:auto;padding:12px 0 0;text-align:left;background:none;border-top:1px solid #ee242c66;color:#f2dfe3;font:600 11px Chakra,Body,sans-serif;display:flex;justify-content:space-between;gap:12px}
.catalog-show span{color:#ee242c}.catalog-empty{padding:35px 0;color:#bba7b0}
@keyframes home-cloud-burst{0%{opacity:.12;transform:translateX(-3%) scale(1)}25%{opacity:.55}60%{opacity:.32}100%{opacity:.12;transform:translateX(3%) scale(1.08)}}
@keyframes home-cloud-front{0%{opacity:.08;transform:translate(3%,3%) scale(1)}32%{opacity:.38}100%{opacity:.08;transform:translate(-3%,-2%) scale(1.1)}}
@keyframes home-machine-switch{from{opacity:.1;filter:blur(5px) drop-shadow(0 20px 16px #0009);translate:18px 0}to{opacity:1;filter:blur(0) drop-shadow(0 20px 16px #0009);translate:0 0}}
@media(max-width:1100px){header{gap:20px}header nav{font-size:14px;gap:20px}header .official-nav-logo{width:150px}header .nav-contact{font-size:12px;padding:11px 16px}.hero .machine-scene{height:570px}.hero .scene-machine{height:360px;top:42px}.hero .scene-wing{height:220px;top:135px}.hero .scene-caption h2{font-size:19px}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{flex-direction:column}.catalog-search{flex-basis:auto;width:min(100%,340px)}}
@media(max-width:700px){header{height:auto;min-height:125px;margin:0 20px;display:grid;grid-template-columns:1fr auto;gap:7px 18px;padding:9px 0 8px}header .official-nav-logo{width:140px;height:auto;max-height:74px}header .nav-contact{grid-column:2;grid-row:1;font-size:12px;padding:11px 14px}header nav{grid-column:1/-1;grid-row:2;display:flex;justify-content:space-between;font-size:12px;gap:12px}header nav a{padding:8px 0}.hero .machine-scene{height:485px}.hero .scene-machine{top:26px;height:300px}.hero .scene-wing{height:180px;top:105px}.hero .scene-caption{bottom:110px;left:0}.hero .scene-caption h2{font-size:18px}.hero .scene-caption p{font-size:8px}.hero .scene-dots{height:74px;bottom:20px}.hero .scene-dots button{flex-basis:60px;width:60px;height:60px}.hero .scene-hint{bottom:3px;font-size:7px}.hero .hero-grid{padding-bottom:18px}.hero .hero-bottom{margin:0 20px;gap:8px 20px;padding:13px 0 17px}.hero .ticker{margin:0}.catalog-toolbar{margin-top:25px}.catalog-filters{gap:7px}.catalog-filters button{font-size:11px;padding:10px 12px}.catalog-grid{grid-template-columns:1fr;gap:18px}.catalog-card-visual{height:240px}.catalog-card-body{padding:20px}.catalog-card h3{font-size:25px}.catalog-card-summary{min-height:0}.catalog-specs>div{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hero .cloud-layer{filter:blur(18px)}.hero.cloud-transition .cloud-layer,.hero .machine-scene.changing .scene-machine{animation:none!important}}
.paused .hero.cloud-transition .cloud-layer,.paused .hero .machine-scene.changing .scene-machine{animation:none!important}