:root{color-scheme:dark;--bg:#0e1113;--panel:#171b1d;--ink:#f5f3ef;--muted:#a9adaf;--line:#303638;--brand:#e9813d;font-family:Manrope,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink)}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--brand);outline-offset:4px}header{max-width:1220px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:24px 30px}header img{width:146px;height:auto}header a:last-child{color:var(--muted);font-size:13px}main{max-width:1220px;margin:auto;padding:32px 30px 60px}.hero{display:grid;grid-template-columns:.85fr 1.3fr;gap:48px;align-items:center}.eyebrow{letter-spacing:.18em;font-size:11px;color:var(--brand);text-transform:uppercase}h1{font-size:clamp(44px,5.5vw,74px);line-height:1.05;letter-spacing:-.055em;font-weight:600;margin:20px 0}p{color:var(--muted);font-size:15px;line-height:1.7}.location{color:var(--ink);font-size:16px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:24px}.button{min-height:48px;display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border:1px solid var(--line);border-radius:6px;font-size:13px;font-weight:600}.primary{background:var(--ink);color:var(--bg)}.iso-plate{margin:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel);padding:20px}.iso-plate svg{width:100%;height:auto;display:block}.fig-labels{display:flex;justify-content:space-between;font:10px monospace;letter-spacing:.08em;color:var(--muted)}.iso{--anatomy-paper:#171b1d;--anatomy-face:#282e32;--anatomy-top:#424a4f;--anatomy-shade-0:#202529;--anatomy-shade-1:#2b3236;--anatomy-shade-2:#394146;--anatomy-shade-3:#485257;--anatomy-hi:#d8e1e5;--anatomy-mid:#89969c;--anatomy-lo:#617078;--anatomy-faint:#45525a}.strip{display:grid;grid-template-columns:1.2fr 1fr .9fr;gap:32px;margin-top:50px;padding:28px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.label{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.1em}.strip h2{font-size:17px;font-weight:500;line-height:1.5;margin:12px 0 6px}.strip p{font-size:12px;margin:0}.status{display:inline-block;color:#a8cbb5;font-size:12px;margin:8px 0}.rating{font-size:28px!important;color:var(--ink)}.rating small{font-size:13px;color:var(--muted)}.visit{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center;margin-top:44px}.visit img{width:100%;border-radius:10px;max-height:290px;object-fit:cover}.visit h2{font-size:28px;letter-spacing:-.03em;font-weight:500;margin:0 0 12px}.maps{display:flex;flex-wrap:wrap;gap:10px}.maps .button{min-height:44px;font-size:12px;padding:10px 14px}.small{font-size:11px}footer{color:var(--muted);font-size:11px;display:flex;justify-content:space-between;padding-top:36px}button{font:inherit;cursor:pointer;color:var(--ink);background:transparent}.lift-button{font:10px monospace;border:0;padding:8px 0;color:var(--muted)}@media(max-width:700px){header{padding:20px}main{padding:15px 20px 38px}.hero{grid-template-columns:1fr;gap:28px}h1{max-width:290px;margin:16px 0}.strip{grid-template-columns:1fr;gap:22px;margin-top:30px;padding:24px 0}.strip>div{padding-bottom:20px;border-bottom:1px solid var(--line)}.strip>div:last-child{border:0;padding:0}.visit{grid-template-columns:1fr;gap:24px;margin-top:30px}.visit img{order:2}.iso-plate{padding:14px}footer{gap:15px;flex-wrap:wrap}.actions .button{flex:1}.fig-labels{font-size:9px}}

.mechanic-arm{transform-box:view-box;animation:tool-work 2s ease-in-out infinite alternate}.bay-arm{animation-delay:-1.1s;animation-duration:2.6s}@keyframes tool-work{from{transform:rotate(-9deg)}to{transform:rotate(9deg)}}@media(prefers-reduced-motion:reduce){.mechanic-arm{animation:none}}

.hero{position:relative}
.hero::before{content:"";position:absolute;inset:-18% -8%;pointer-events:none;background:radial-gradient(circle at 70% 40%,#e9813d14,transparent 34%),radial-gradient(circle at 20% 75%,#ffffff08,transparent 30%);animation:ambient-drift 12s ease-in-out infinite alternate}
.hero>div{position:relative;z-index:1}
.hero>div:first-child{animation:copy-arrive 850ms cubic-bezier(.2,.8,.2,1) both}
.hero>div:nth-child(2){animation:art-arrive 1050ms cubic-bezier(.2,.8,.2,1) 120ms both}
.iso-plate{isolation:isolate;animation:plate-breathe 9s ease-in-out 1s infinite}
.iso-plate::before{content:"";position:absolute;inset:-35% -20%;z-index:0;pointer-events:none;background:linear-gradient(116deg,transparent 38%,#ffffff0a 49%,transparent 60%);transform:translateX(-55%);animation:workshop-sheen 12s ease-in-out infinite}
.iso-plate>*{position:relative;z-index:1}
.status{position:relative;padding-left:15px}
.status::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-4px;border-radius:50%;background:#78c995;box-shadow:0 0 0 0 #78c99566;animation:status-pulse 2.2s ease-out infinite}
.anatomy-worker{pointer-events:none;opacity:.96}
.anatomy-worker .worker-shadow{fill:#000;opacity:.34;filter:blur(1px)}
.anatomy-worker .worker-head{fill:var(--anatomy-hi);stroke:var(--anatomy-lo);stroke-width:1}
.anatomy-worker .worker-helmet{fill:var(--brand);stroke:var(--anatomy-hi);stroke-width:1;transform-box:fill-box;transform-origin:center;animation:helmet-glint 3.4s ease-in-out infinite}
.anatomy-worker .worker-body{fill:var(--anatomy-shade-2);stroke:var(--anatomy-mid);stroke-width:1}
.anatomy-worker .worker-vest{fill:var(--brand);opacity:.9;stroke:none}
.anatomy-worker .worker-line{fill:none;stroke:var(--anatomy-hi);stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.anatomy-worker .worker-glove{fill:var(--anatomy-hi);stroke:none}
.anatomy-worker .worker-tool{fill:none;stroke:var(--brand);stroke-width:1.2;stroke-linecap:round;stroke-dasharray:2 3}
.anatomy-worker .worker-sparks{animation:spark-flicker 2.8s steps(2,end) infinite}
.button{transition:transform 180ms ease,box-shadow 180ms ease,border-color 180ms ease}
.button:hover{transform:translateY(-2px);border-color:var(--brand);box-shadow:0 10px 24px #0000002e}
.visit img{transition:transform 500ms cubic-bezier(.2,.8,.2,1),filter 500ms ease}
.visit img:hover{transform:scale(1.018) rotate(-.35deg);filter:saturate(1.08)}
@keyframes ambient-drift{from{transform:translate3d(-1%,0,0) scale(1)}to{transform:translate3d(1.5%,1%,0) scale(1.04)}}
@keyframes copy-arrive{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes art-arrive{from{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes plate-breathe{0%,100%{box-shadow:0 0 0 1px var(--line),0 16px 40px #00000012}50%{box-shadow:0 0 0 1px #53636b,0 20px 48px #00000028}}
@keyframes workshop-sheen{0%,35%{transform:translateX(-55%)}65%,100%{transform:translateX(55%)}}
@keyframes status-pulse{0%{box-shadow:0 0 0 0 #78c99566}70%{box-shadow:0 0 0 7px #78c99500}100%{box-shadow:0 0 0 0 #78c99500}}
@keyframes helmet-glint{0%,70%,100%{filter:brightness(1)}78%{filter:brightness(1.45)}}
@keyframes spark-flicker{0%,62%,100%{opacity:.15}66%,70%{opacity:1}74%{opacity:.25}}
@media(prefers-reduced-motion:reduce){.hero::before,.hero>div:first-child,.hero>div:nth-child(2),.iso-plate,.iso-plate::before,.status::before,.anatomy-worker .worker-helmet,.anatomy-worker .worker-sparks,.mechanic-arm{animation:none!important}.button,.visit img{transition:none}.button:hover,.visit img:hover{transform:none}}

/* Keep the page atmospheric, but let the anatomy read like a bright technical display. */
.iso-plate{--anatomy-paper:#fbfbfa;--anatomy-face:#ffffff;--anatomy-top:#ffffff;--anatomy-shade-0:#dcdcd9;--anatomy-shade-1:#e5e5e2;--anatomy-shade-2:#ededea;--anatomy-shade-3:#f4f4f1;--anatomy-lit-top:#ffffff;--anatomy-lit-shade:#eeeeeb;--anatomy-hi:#26262a;--anatomy-mid:#8a8a8f;--anatomy-lo:#b4b4b8;--anatomy-faint:#d4d4d6;--anatomy-lit:#000000;--anatomy-halo:#8a8a80;--anatomy-halo-opacity:.32;--anatomy-dot:#3a3a3e;--anatomy-red:#e5484d;--anatomy-green:#30a46c;--anatomy-blue:#3e63dd;background:#fbfbfa;border-color:#d4d4d6;color:#26262a}
.iso-plate .fig-labels{color:#77777d}
.iso-plate .lift-button{color:#55555c}
.iso-plate::before{background:linear-gradient(116deg,transparent 38%,#00000008 49%,transparent 60%)}

@media(max-width:700px){
  .actions,.maps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .actions .button,.maps .button{width:100%;min-height:48px;height:48px;padding:10px 12px;font-size:12px;line-height:1.2;white-space:nowrap;flex:none}
}
@media(max-width:350px){.actions,.maps{grid-template-columns:1fr}}