*{box-sizing:border-box}body{margin:0;background:#06111d;color:#eaf6ff;font-family:Arial,Helvetica,sans-serif}a{color:#33e8ff;text-decoration:none}.topbar{display:flex;justify-content:space-between;align-items:center;padding:24px 38px;background:#030a13;border-bottom:1px solid #0b4a66}.brand{font-family:Georgia,serif;font-size:30px;font-weight:700}.nav a{margin-left:22px;color:#dcefff;font-weight:700}.wrap{max-width:1460px;margin:0 auto;padding:44px 30px}.hero{border:1px solid #0b6b8c;border-radius:20px;padding:42px;display:grid;grid-template-columns:1fr .82fr;gap:36px;background:linear-gradient(145deg,#081828,#06111d)}.kicker{color:#22e7ff;letter-spacing:8px;font-weight:800;font-size:14px}.hero h1{font-family:Georgia,serif;font-size:60px;line-height:1.02;margin:18px 0}.hero p{font-size:20px;line-height:1.6;max-width:850px}.hero img,.card img,.project-hero img{width:100%;border-radius:14px;display:block}.chips span{display:inline-block;border:1px solid #1197b8;border-radius:999px;padding:9px 14px;margin:4px 8px 4px 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:30px}.card{display:block;border:1px solid #0b6b8c;border-radius:18px;overflow:hidden;background:#071320;color:#eaf6ff;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.card:hover{transform:translateY(-3px);border-color:#22e7ff;box-shadow:0 0 22px rgba(34,231,255,.18)}.card-graphic{height:210px;object-fit:cover;background:#082033}.card-body{padding:24px}.card h2{font-family:Georgia,serif;font-size:31px;margin:8px 0 14px;color:#f1f8ff}.card p{line-height:1.6;color:#d8ecff}.mini{color:#22e7ff;letter-spacing:5px;font-size:12px;font-weight:800}.open{display:inline-block;margin-top:14px;font-weight:800;color:#22e7ff}.project-hero{border:1px solid #0b6b8c;border-radius:20px;display:grid;grid-template-columns:1fr .82fr;gap:30px;padding:42px;background:#071320}.project-hero h1{font-family:Georgia,serif;font-size:60px;margin:14px 0}.project-hero p{font-size:19px;line-height:1.65}.panel{border:1px solid #0b6b8c;border-radius:16px;padding:28px;margin-top:26px;background:#06111d}.panel h2{font-family:Georgia,serif;font-size:32px}.panel p{font-size:18px;line-height:1.7}.status{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.status div{border:1px solid #0b6b8c;border-radius:14px;padding:18px}.footer{text-align:center;padding:34px;border-top:1px solid #0b4a66;color:#9eccea}.back{display:inline-block;margin-bottom:22px;font-weight:800}@media(max-width:900px){.hero,.project-hero{grid-template-columns:1fr}.grid{grid-template-columns:1fr}.hero h1,.project-hero h1{font-size:42px}.topbar{display:block}.nav a{display:inline-block;margin:12px 16px 0 0}.card-graphic{height:180px}}
/* Premium render collage integration */
.render-note{margin-top:18px;border:1px solid rgba(34,231,255,.32);border-radius:14px;background:linear-gradient(180deg,rgba(4,18,34,.84),rgba(1,9,20,.94));padding:14px 16px;color:#d8ecff;line-height:1.45}.render-note strong{color:#22e7ff}
.hero{box-shadow:0 0 42px rgba(34,231,255,.14);overflow:hidden}
.hero img{min-height:360px;max-height:560px;object-fit:cover;object-position:center;border:1px solid rgba(34,231,255,.22);box-shadow:0 0 34px rgba(34,231,255,.12)}
.grid{align-items:stretch;grid-auto-rows:1fr}
.card{height:100%;display:flex;flex-direction:column;box-shadow:0 0 30px rgba(34,231,255,.10)}
.card-body{display:flex;flex-direction:column;flex:1}
.card-graphic{height:300px;min-height:300px;object-fit:cover;object-position:center top;border-bottom:1px solid rgba(34,231,255,.22)}
.card-body p{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;min-height:6.4em}
.open{margin-top:auto}
.project-hero img{object-fit:cover;object-position:center;max-height:460px;border:1px solid rgba(34,231,255,.22)}
@media(max-width:900px){.hero img{min-height:230px}.card-graphic{height:240px;min-height:240px}.card-body p{min-height:auto}}

/* Responsive zoom-out / shrink-safe layout pass */
html{overflow-x:auto}
body{overflow-x:auto}
.wrap,.container,.main-content{width:min(1800px,96vw);max-width:1800px;margin-left:auto;margin-right:auto}
.hero,.project-hero{max-width:100%;min-width:0}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:24px}
.card,.card-body,.panel,.status div{min-width:0}
.hero img,.card-graphic,.project-hero img{max-width:100%}
.card-graphic{aspect-ratio:3/4;height:auto;min-height:0;object-fit:cover;object-position:center top}
@media(max-width:760px){.wrap{width:min(100%,94vw);padding-left:14px;padding-right:14px}.grid{grid-template-columns:1fr}.hero,.project-hero{padding:24px}.hero h1,.project-hero h1{font-size:38px}.kicker{letter-spacing:4px}}


/* Aurora Tablet Zoom Patch — Phase 3.1 Physics-only
   Purpose: allow real tablet zoom-out on pages that previously stayed oversized. */
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  touch-action:manipulation;
}
body{
  min-width:0 !important;
}
img,svg,video,canvas{
  max-width:100%;
  height:auto;
}
.wrap{
  width:min(100% - 28px,1800px) !important;
  max-width:1800px !important;
  padding-left:clamp(12px,2vw,30px) !important;
  padding-right:clamp(12px,2vw,30px) !important;
}
.hero,.project-hero,.grid,.panel,.status,.card,.card-body{
  min-width:0 !important;
}
.hero,.project-hero{
  grid-template-columns:minmax(0,1fr) minmax(280px,.82fr);
}
.hero h1,.project-hero h1{
  font-size:clamp(36px,5vw,60px) !important;
}
.hero p,.project-hero p,.panel p{
  overflow-wrap:anywhere;
}
.grid{
  grid-template-columns:repeat(auto-fit,minmax(min(300px,100%),1fr)) !important;
}
.status{
  grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr)) !important;
}
header.aurora-uhd{
  max-width:100vw !important;
  overflow-x:clip;
}
header.aurora-uhd .uhd-nav{
  max-width:100%;
}
header.aurora-uhd .uhd-nav a,
header.aurora-uhd .uhd-contact-btn{
  white-space:normal !important;
  text-align:center;
}
.aurora-zoom-panel{
  position:fixed;
  right:14px;
  bottom:14px;
  z-index:10050;
  display:flex;
  align-items:center;
  gap:6px;
  padding:7px;
  border:1px solid rgba(34,231,255,.42);
  border-radius:999px;
  background:rgba(3,10,19,.82);
  backdrop-filter:blur(10px);
  box-shadow:0 10px 34px rgba(0,0,0,.38);
  font-family:Arial,Helvetica,sans-serif;
}
.aurora-zoom-panel button{
  border:1px solid rgba(34,231,255,.38);
  border-radius:999px;
  background:rgba(8,24,40,.92);
  color:#eaf6ff;
  min-width:36px;
  min-height:34px;
  padding:6px 10px;
  font-weight:900;
  cursor:pointer;
}
.aurora-zoom-panel button:hover{border-color:#22e7ff;color:#22e7ff}
.aurora-zoom-panel .aurora-zoom-readout{
  color:#bfeeff;
  font-weight:900;
  min-width:48px;
  text-align:center;
  font-size:12px;
}
@supports (zoom: .8){
  body[data-aurora-page-zoom]{
    zoom:var(--aurora-page-zoom,1);
  }
  body[data-aurora-page-zoom] .aurora-zoom-panel{
    zoom:calc(1 / var(--aurora-page-zoom,1));
  }
}
@media(max-width:900px){
  .hero,.project-hero{grid-template-columns:1fr !important;gap:22px !important}
  .hero img,.project-hero img{min-height:0 !important;max-height:none !important}
  .card-graphic{aspect-ratio:16/10 !important;height:auto !important;min-height:0 !important}
}
@media(max-width:560px){
  .aurora-zoom-panel{left:50%;right:auto;transform:translateX(-50%);bottom:10px}
  .kicker,.mini{letter-spacing:2.5px !important}
}

/* Phase 3.2: keep Physics collage uncropped. The full 4x2 render sheet is content, not a background texture. */
.hero > img{object-fit:contain !important;object-position:center !important;min-height:0 !important;max-height:none !important;height:auto !important;background:#020813;}
