/* Quiet slate palette, soft photographic edges and a shared living background. */
:root {
  --bg: #303e4b;
  --surface: #394b5a;
  --surface2: #455c6d;
  --ink: #f2f5f7;
  --muted: #c0cdd7;
  --lime: #b4d4e3;
  --purple: #b5c4d4;
  --line: #667987;
  --photo-mask-x: linear-gradient(to right, transparent, #000 13%, #000 85%, transparent);
  --photo-mask-y: linear-gradient(to bottom, transparent, #000 12%, #000 78%, transparent);
}
body {
  position: relative;
  isolation: isolate;
  background: radial-gradient(ellipse at 80% 4%, #506e8159, transparent 28%),
              radial-gradient(ellipse at 0% 42%, #5c829035, transparent 35%), var(--bg);
}
.ambient-canvas {position:fixed; inset:0; width:100%; height:100%; pointer-events:none; z-index:-1; contain:strict;}
.header, main, .footer {position:relative;}
.header {border-bottom:1px solid #c6d9e510;}
.brand-mark,.brand-dot,.tiny-cross {color:#bad6e5;}
.hero {padding-top:30px; padding-bottom:48px;}
.hero h1 {font-size:clamp(2.5rem,5vw,4.8rem); line-height:1.15; letter-spacing:-.045em;}
.hero h1>span {color:#c4ddeb;}
.hero-intro {color:#d3dee6;}
.hero-copy>.eyebrow {font-weight:500; letter-spacing:.065em; color:#bfced9;}
.hero-facts strong {font-size:1.5rem;}
.button {background:#bdd7e3; border-color:#bdd7e3; color:#263a49; box-shadow:0 6px 22px #152b3912; font-weight:700;}
.button:hover {background:#d6e6ee;}
.button-outline {background:transparent; border-color:#a1b7c47a; color:var(--ink); box-shadow:none;}
.button-outline:hover {background:#adc9dd14;}
.button-dark {background:#415c70; border-color:#7792a370; color:#f3f7fa;}
.button-dark:hover {background:#526f83;}
.mobile-menu {background:#364856f5; border-color:#8ba6b64a; backdrop-filter:blur(20px);}
.hero-art,.floor-photo,.intro-photo,.contact-photo,.experience-photo {border-radius:0; background:transparent; overflow:visible; box-shadow:none;}
.hero-art:after,.experience-photo:after {display:none;}
.hero-art>img,.floor-photo img,.intro-photo img,.contact-photo img,.detail-photo,.experience-photo img {
  border-radius:0;
  -webkit-mask-image:var(--photo-mask-x),var(--photo-mask-y);
  mask-image:var(--photo-mask-x),var(--photo-mask-y);
  -webkit-mask-composite:source-in;
  mask-composite:intersect;
  filter:saturate(.93);
}
.hero-art {height:620px;}
.hero-art>img {object-position:50% 44%; --photo-mask-x:linear-gradient(to right,transparent,#000 18%,#000 82%,transparent); --photo-mask-y:linear-gradient(to bottom,transparent,#000 14%,#000 77%,transparent);}
.photo-top,.photo-index {display:none;}
.photo-note {left:13%; bottom:0; padding:0; gap:11px; color:#dce7ee; background:transparent; border-radius:0; box-shadow:none; transform:none; font-size:.875rem; line-height:1.5;}
.photo-note strong {font-weight:600;}
.note-icon {font-size:2rem; color:#b9d5e6;}
.ticker-clip {padding-block:0;}
.ticker {background:#8dacbf08; color:#c3d4df; transform:none; border-block:1px solid #a5bacc26; font-family:Manrope,sans-serif; font-size:.875rem; font-weight:400; letter-spacing:.045em; padding:21px 0;}
.ticker>div {gap:42px;}
.ticker span {color:#8cacbf; font-size:1rem;}
.floor-tabs {background:#31465455; border-color:#89a4b744; border-radius:14px;}
.floor-tab {border-bottom:2px solid transparent;}
.floor-tab+.floor-tab {border-left-color:#829eaf35;}
.floor-tab[aria-selected=true] {background:#a5c9df18; color:#d6e7f0; border-bottom-color:#accddd;}
.floor-tab:hover:not([aria-selected=true]) {background:#a5c9df0b;}
.floor-tab small {color:#c0d0dc;}
.tab-number {font-size:1.8rem; color:#abc7d8;}
.floor-panel {background:transparent; border-radius:0; gap:46px;}
.floor-copy {padding-right:18px;}
.floor-copy>p {color:#cbd9e2;}
.floor-copy>.eyebrow {color:#b1cddd;}
.floor-large-number {top:35px; left:40px; font-size:2.5rem; font-weight:700; color:#d7e6ef; text-shadow:0 2px 20px #1b304877;}
.experience-section {background:linear-gradient(145deg,#48606d55,#50677818); color:var(--ink); border-radius:0; border-block:1px solid #a2b6c523;}
.experience-section .eyebrow,.experience-section .section-heading>p {color:var(--muted);}
.experience-photo img {--photo-mask-x:linear-gradient(to right,transparent,#000 9%,#000 90%,transparent);--photo-mask-y:linear-gradient(to bottom,transparent,#000 10%,#000 64%,transparent);}
.experience-photo>div {bottom:14px; left:22px; right:22px; text-shadow:0 2px 16px #263947;}
.experience-photo>div>span:first-child {color:#b9d1df; letter-spacing:.06em;}
.experience-photo h3 {font-size:1.35rem; font-weight:600;}
.experience-photo:hover img {transform:scale(1.025);}
.experiment {background:linear-gradient(140deg,#506c8055,#354d6155); border:1px solid #91b0c044; color:var(--ink);}
.experiment .eyebrow {color:#c2d8e6;}
.experiment-copy>p {color:#cbdbe6;}
.experiment-copy>.text-link:hover {color:#e0edf5;}
.experiment .button-dark {background:#b6d2e1; color:#293d4d; border-color:#b6d2e1;}
.experiment .button-dark:hover {background:#cfe1ec;}
.circuit-board {background:#283d4f; border-color:#799cad55; box-shadow:inset 0 0 42px #8bacbf0d,0 8px 25px #16273714;}
.circuit-readout b {color:#b5dbe9;}
.circuit-board.is-on .lamp {fill:#b5dbe9; stroke:#b5dbe9;}
.circuit-board.is-on .filament {stroke:#35546a;}
.diagram-text,.circuit-legend {color:#d2e2ec;}
.audience-card:hover {background:#accadd09;}
.visit-banner {background:linear-gradient(135deg,#536f82ad,#63768c6e); border:1px solid #8fabbc40; color:var(--ink);}
.visit-banner .eyebrow {color:#d5e3ec;}
.price-card {background:#455d7045; border:1px solid #7995a735;}
.price-accent {background:#4b6a7d8f; color:var(--ink);}
.price-accent>.eyebrow,.price-accent>span {color:#d0e0eb;}
.price-accent .text-link:hover {color:white;}
.calculator,.science-fact {background:#dbe5eb; color:#2e4150;}
.calculator h2,.science-fact h2 {color:#304453;}
.calculator .eyebrow,.calculator p {color:#4f6472;}
.calculator .stepper button:hover:not(:disabled) {background:#b9cedc;}
.online-note {background:#465e7240; border-color:#7f9aa949;}
.status-tag {color:#c9dfed; border-color:#8cabbc70;}
.group-rate {background:#465e723d; border-color:#8ba4b43d;}
.tour-offer {background:linear-gradient(130deg,#546c82c9,#667c906b); color:var(--ink); border:1px solid #abc1d333;}
.tour-offer .experience-list li {border-color:#bccbd72e;}
.tour-offer .experience-list li:before {color:#d5e6f1;}
.tour-price {border-color:#bfd1de3b;}
.address-card {background:#c4d5e0; color:#2e4251;}
.address-card .button-outline {border-color:#536f8266; color:#2f4758;}
.address-card .button-outline:hover {background:#d9e5ed;}
.address-card .button-dark {color:#edf5fa;}
.contact-photo>span {background:transparent; font-size:.65rem; color:#dce8f0; left:30px; right:30px; bottom:7px; padding:12px 0;}
.footer {border-color:#91a6b338;}
.footer-bottom {padding-bottom:76px;}
.photo-in {animation:photo-emerge 1.4s cubic-bezier(.2,.65,.3,1) backwards;}
@keyframes photo-emerge {from{opacity:.28; filter:blur(7px) saturate(.85); transform:translateY(12px) scale(1.015)}to{opacity:1; filter:blur(0) saturate(var(--photo-saturation,.93)); transform:translateY(0) scale(1)}}
.motion-toggle {position:fixed; right:20px; bottom:18px; z-index:20; display:flex; align-items:center; gap:8px; padding:9px 13px; min-height:40px; border:1px solid #9db8ca45; border-radius:50px; color:#d5e4ee; background:#304554db; backdrop-filter:blur(14px); font-size:.875rem; box-shadow:0 4px 20px #15273820;}
.motion-toggle:hover {background:#435d70;}
.motion-toggle-symbol {display:inline-block; width:13px; font-size:14px; text-align:center;}
html[data-motion='paused'] .current {animation-play-state:paused;}
html[data-motion='paused'] .photo-in,html[data-motion='paused'] .just-entered {animation:none;}
@media(max-width:1150px) {.hero h1{font-size:4.8vw}.hero-art{height:550px}.experience-photo h3{font-size:1.2rem}}
@media(max-width:900px) {.hero h1{font-size:4.7vw}.hero-art{height:520px}.floor-panel{gap:25px}.tab-number{font-size:1.5rem}.floor-large-number{left:30px;top:30px}}
@media(max-width:640px) {
  .hero{padding-top:18px; gap:15px; padding-bottom:35px}
  .hero h1{font-size:clamp(1.9rem,8.3vw,3.6rem);line-height:1.16}
  .hero-art{height:445px; margin:0 -8px}
  .hero-art>img{--photo-mask-x:linear-gradient(to right,transparent,#000 14%,#000 87%,transparent);--photo-mask-y:linear-gradient(to bottom,transparent,#000 12%,#000 80%,transparent)}
  .hero-facts{margin-top:30px}
  .photo-note{left:13%; bottom:-4px; font-size:.8rem}
  .ticker{font-size:.75rem; padding:18px 0}
  .ticker>div{gap:26px}
  .floor-panel{gap:0}
  .floor-photo{margin:0 -6px; height:380px}
  .floor-copy{padding:25px 8px 0}
  .floor-large-number{font-size:2rem;left:30px;top:30px}
  .intro-photo{height:440px;margin-inline:-8px}
  .contact-photo{min-height:400px}
  .experience-grid{gap:6px}
  .experience-photo h3{font-size:1.08rem}
  .exp-tall h3{font-size:1.6rem}
  .experience-photo>div{left:12px;right:12px;bottom:9px}
  .exp-tall>div{left:25px;bottom:15px}
  .experience-photo img{--photo-mask-x:linear-gradient(to right,transparent,#000 6%,#000 94%,transparent)}
  .motion-toggle{right:12px;bottom:12px;font-size:.875rem;padding:8px 11px;min-height:38px}
  .footer-bottom{padding-bottom:70px}
}
@media(prefers-reduced-motion:reduce) {.photo-in{animation:none}.motion-toggle{display:none}.ambient-canvas{opacity:.55}}