.oktane-project .project-intro h1 { max-width: 15ch; }
.oktane-project .project-section h2 { margin-bottom: clamp(2rem,4vw,3.2rem); }
.oktane-coming-soon { display: grid; place-items: center; min-height: clamp(20rem,48vw,38rem); border: 1px solid rgba(255,255,255,.16); border-radius: .65rem; background: radial-gradient(circle at 50% 42%,rgba(90,45,180,.24),#090909 55%,#000 100%); }
.oktane-coming-soon span { color: rgba(255,255,255,.56); font-size: clamp(1rem,1.6vw,1.3rem); letter-spacing: .08em; text-transform: uppercase; }
.oktane-project .project-info-grid dd,
.oktane-process-intro,
.oktane-process-stage > p { color: rgba(255,255,255,.7); font-size: .9rem; line-height: 1.55; }
.oktane-project .project-involvement h3,
.oktane-process-stage > h3 { margin: 0; color: #fff; font-family: "DM Sans",Arial,sans-serif; font-size: 1rem; font-weight: 400; line-height: 1.3; }
.oktane-project .project-involvement__description { font-size: .9rem; line-height: 1.55; }
.oktane-process-intro { max-width: 54rem; margin: 0 0 clamp(4rem,7vw,6rem); }
.oktane-process-stage + .oktane-process-stage { margin-top: clamp(5rem,9vw,8rem); }
.oktane-process-stage > p { max-width: 54rem; margin: .85rem 0 0; }
.oktane-justified-gallery { display: grid; gap: clamp(.75rem,1.4vw,1.15rem); margin-top: 1.5rem; }
.oktane-justified-row { display: flex; align-items: flex-start; gap: clamp(.75rem,1.4vw,1.15rem); width: 100%; }
.oktane-gallery-item { min-width: 0; padding: 0; overflow: hidden; border: 0; border-radius: .65rem; background: #111; cursor: zoom-in; }
.oktane-gallery-item img { display: block; width: 100%; height: auto; transition: transform 180ms ease; }
.oktane-gallery-item:hover img,
.oktane-gallery-item:focus-visible img { transform: scale(1.01); }
.oktane-video-grid { display: grid; grid-template-columns: minmax(0,1fr); gap: clamp(2rem,4vw,3.5rem); margin-top: 1.5rem; }
.oktane-video-item h4 { margin: 0 0 .75rem; color: rgba(255,255,255,.7); font-family: "DM Sans",Arial,sans-serif; font-size: .9rem; font-weight: 400; line-height: 1.4; }
.oktane-video-item video { display: block; width: 100%; height: auto; border-radius: .65rem; background: #111; object-fit: contain; }
.oktane-project .project-lightbox { width: min(94vw,90rem); max-width: none; height: min(92vh,60rem); max-height: none; padding: 3rem 1rem 1rem; overflow: hidden; border: 0; border-radius: .65rem; background: #111; }
.oktane-project .project-lightbox::backdrop { background: rgba(0,0,0,.9); }
.oktane-project .project-lightbox img { width: 100%; height: 100%; object-fit: contain; }
.oktane-project .project-lightbox__close { position: absolute; top: .45rem; right: .75rem; padding: .15rem .45rem; border: 0; color: #fff; background: transparent; font: inherit; font-size: 1.75rem; cursor: pointer; }
@media (max-width:720px) {
  .oktane-justified-row { display: grid; grid-template-columns: 1fr; }
  .oktane-gallery-item { width: 100% !important; }
  .oktane-video-grid { grid-template-columns: 1fr; }
}
@media (prefers-reduced-motion:reduce) { .oktane-gallery-item img { transition: none; } }