
.design-page{background:#071016}.design-hero{min-height:100svh;position:relative;display:flex;align-items:flex-end;padding:0 7vw 10vh;overflow:hidden}.design-hero-bg{position:absolute;inset:0;background:#020507 url('assets/design-studio/studio-hero.webp') center/cover no-repeat}.design-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#020507ee,#02050738),linear-gradient(0deg,#020507e8,transparent 50%)}.design-hero-copy{position:relative;max-width:820px}.design-hero h1,.design-section h2{font-size:clamp(50px,7vw,100px);font-weight:300;line-height:.96;margin:18px 0}.design-hero h1 em,.design-section h2 em{font-style:normal;color:var(--gold)}.design-hero-copy>p:not(.kicker){font-size:20px;line-height:1.65;color:#e2e4e5;max-width:720px}.design-section{padding:115px 6vw}.design-section.light{background:#f4efe5;color:#101214}.design-section.dark{background:#071016;color:white}.collection-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:55px}.collection-grid article{background:#fff;border:1px solid #1112;box-shadow:0 14px 40px #0001}.collection-grid img{width:100%;aspect-ratio:16/10;object-fit:cover}.collection-grid article>div{padding:30px}.collection-grid h3,.space-grid h3,.spec-list h3{font-size:27px;margin:0 0 14px}.collection-grid p,.space-grid p,.spec-list p{font-size:17px;line-height:1.72;color:#565e61}.collection-grid ul{list-style:none;padding:0;margin-top:25px}.collection-grid li{padding:12px 0;border-top:1px solid #1112;font-size:15px}.space-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:28px;margin-top:55px}.space-grid article{background:#0d181e;border:1px solid #ffffff15}.space-grid img{width:100%;aspect-ratio:16/9;object-fit:cover}.space-grid article>div{padding:28px 30px}.space-grid p{color:#c2c8ca;font-size:18px}.spec-list{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin-top:55px;border-top:1px solid #1113}.spec-list>div{padding:30px 30px 30px 0;border-bottom:1px solid #1113}.spec-list p{font-size:18px}.legal-note{margin-top:30px;font-size:13px;color:#70777a}.zoomable-image{cursor:zoom-in}#imageLightbox{position:fixed;inset:0;width:100vw;height:100svh;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#000;overflow:hidden;z-index:20000}#imageLightbox::backdrop{background:#000}.lightbox-stage{position:absolute;inset:0;overflow:hidden;touch-action:none;cursor:grab}.lightbox-stage.dragging{cursor:grabbing}#lightboxImage{position:absolute;top:50%;left:50%;max-width:none;max-height:none;transform-origin:center;pointer-events:none}.lightbox-toolbar{position:fixed;top:18px;right:18px;display:flex;gap:8px;z-index:20002}.lightbox-toolbar button{height:48px;min-width:48px;background:#071016ee;color:white;border:1px solid #fff5;font-size:22px}.lightbox-help{position:fixed;bottom:18px;left:50%;transform:translateX(-50%);background:#071016dd;padding:11px 15px;color:white;font-size:12px;z-index:20002}@media(max-width:950px){.links{display:none}.collection-grid{grid-template-columns:1fr}.space-grid{grid-template-columns:1fr}.spec-list{grid-template-columns:1fr}.design-section{padding:85px 24px}.design-hero{padding:0 24px 70px}.design-hero-copy>p:not(.kicker){font-size:17px}}


/* V4 — DESIGN STUDIO: SHOW EVERY IMAGE IN FULL */
.collection-grid article,
.space-grid article {
  overflow: hidden;
}

.collection-grid img,
.space-grid img {
  display: block !important;
  width: 100% !important;
  height: auto !important;
  min-height: 0 !important;
  max-height: none !important;
  aspect-ratio: auto !important;
  object-fit: contain !important;
  object-position: center center !important;
  background: #020507 !important;
}

.collection-grid article {
  display: flex;
  flex-direction: column;
}

.collection-grid article > img {
  flex: 0 0 auto;
}

.collection-grid article > div {
  flex: 1 1 auto;
}

.space-grid article {
  display: grid;
  grid-template-rows: auto 1fr;
}

.space-grid article > img {
  align-self: start;
}

@media (min-width: 951px) {
  .collection-grid img,
  .space-grid img {
    max-width: 100% !important;
    margin: 0 auto !important;
  }
}

@media (max-width: 950px) {
  .collection-grid img,
  .space-grid img {
    width: 100% !important;
    height: auto !important;
    object-fit: contain !important;
  }
}

#lightboxImage {
  object-fit: contain !important;
  object-position: center center !important;
}
