.spectra-detail-hero{
  position:relative;
  display:flex;
  min-height:510px;
  align-items:center;
  overflow:hidden;
  padding:132px 10.5% 72px;
  border-bottom:1px solid #263645;
  background:radial-gradient(ellipse at 82% 44%,#16537155 0%,transparent 34%),radial-gradient(ellipse at 77% 80%,#eda84920 0%,transparent 38%),linear-gradient(118deg,#07111e,#0d1b2a 68%,#091521);
}
.spectra-detail-copy{position:relative;z-index:1;width:min(710px,54%)}
.spectra-detail-hero .eyebrow{margin-bottom:13px}
.spectra-detail-hero .project-status{margin:0 0 20px}
.spectra-detail-hero h1{margin:0;color:var(--white);font-size:clamp(56px,8vw,104px);font-weight:600;letter-spacing:-.075em;line-height:.98}
.spectra-detail-hero h1 span{color:var(--gold)}
.spectra-detail-lead{margin:18px 0 5px;color:var(--gold);font-size:18px;font-weight:600}
.spectra-detail-intro{max-width:640px;margin:10px 0 0;color:#c1cbd2;font-size:17px;line-height:1.75}
.spectra-detail-actions{display:flex;align-items:center;flex-wrap:wrap;gap:22px;margin-top:24px}
.spectra-detail-actions .text-link{font-size:14px}
.spectra-keywords{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:26px 0 0;padding:0}
.spectra-keywords li{padding:6px 9px;border:1px solid #354a58;background:#07131f;color:#aebdc6}
.spectra-keywords code{font:11px var(--mono);letter-spacing:.025em}
.spectra-detail-mark{position:absolute;right:8%;top:50%;width:min(24vw,270px);aspect-ratio:1;transform:translateY(-50%);overflow:hidden;border:1px solid #55c5e344;border-radius:24%;background:#020813;box-shadow:0 0 42px #1683ac2b}
.spectra-detail-mark img{display:block;width:100%;height:100%;border-radius:inherit;object-fit:cover}
.spectra-gallery-section{padding-top:78px;padding-bottom:84px}
.spectra-gallery-section .section-heading{margin-bottom:26px}
.spectra-detail-gallery{display:flex;width:95%;min-width:0;flex-direction:column;gap:0;margin-inline:auto;padding:14px;border:1px solid #705431;border-radius:5px;background:linear-gradient(120deg,#131d29,#0a1420 82%);box-shadow:0 16px 42px #02060c55}
.spectra-detail-gallery .showcase-stage>img{width:min(96%,1280px,85.33vh);width:min(96%,1280px,85.33svh);margin-inline:auto;aspect-ratio:16/9;object-fit:contain}
.spectra-detail-gallery .showcase-choice{flex-basis:200px}
.spectra-features{padding-top:80px;padding-bottom:88px;border-top:1px solid #1a2a38;background:radial-gradient(ellipse at 12% 0%,#d88e3512 0%,transparent 42%),#09131f}
.spectra-features .section-heading{margin-bottom:30px}
.spectra-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #30414d;border-left:1px solid #30414d}
.spectra-feature{min-width:0;min-height:196px;padding:23px 22px;border-right:1px solid #30414d;border-bottom:1px solid #30414d;background:#0b1723}
.spectra-feature>span{color:var(--cyan);font:10px var(--mono);letter-spacing:.08em}
.spectra-feature h3{margin:16px 0 8px;color:var(--white);font-size:22px;letter-spacing:-.035em;line-height:1.2}
.spectra-feature p{margin:0;color:#b7c3cb;font-size:15px;line-height:1.7}
.spectra-feature-wide{grid-column:span 3;min-height:0}
.spectra-feature-footnote{margin:16px 0 0;color:#9eacb6;font:11px/1.65 var(--mono)}
.spectra-requirements{padding:62px 10.5%;border-top:1px solid #694d2b;background:linear-gradient(110deg,#121c27,#0a1420 72%)}
.spectra-requirements-inner{display:grid;grid-template-columns:minmax(190px,.8fr) minmax(260px,1.5fr) auto;align-items:center;gap:12px 36px;max-width:1300px;margin:0 auto}
.spectra-requirements .eyebrow{margin-bottom:10px}
.spectra-requirements h2{margin:0;color:var(--white);font-size:clamp(26px,3vw,38px);letter-spacing:-.05em}
.spectra-requirements-inner>p{margin:0;color:#b7c3cb;font-size:15px;line-height:1.75}
.spectra-requirements .store-link{grid-column:3;grid-row:1}
.spectra-policy-link{grid-column:3;grid-row:2;color:#b7c3cb;font:11px var(--mono);text-decoration:underline;text-decoration-color:#6b7c87;text-underline-offset:4px}
.spectra-policy-link:hover{color:var(--gold)}
.spectra-page .site-footer{border-top:1px solid #182837}
@media(min-width:1200px){
  .spectra-detail-gallery .showcase-navigation{grid-template-columns:minmax(0,1fr);gap:0}
  .spectra-detail-gallery .showcase-arrow{display:none}
  .spectra-detail-gallery .showcase-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;overflow:visible}
  .spectra-detail-gallery .showcase-choice{grid-template-columns:minmax(64px,31%) minmax(0,1fr);min-height:74px;padding:5px;gap:7px}
  .spectra-detail-gallery .showcase-choice-copy strong{font-size:10px;line-height:1.3;white-space:normal}
}
@media(max-width:900px){
  .spectra-detail-hero{min-height:480px;padding:126px 7% 58px}
  .spectra-detail-copy{width:min(700px,54%)}
  .spectra-detail-mark{right:6%;width:min(27vw,240px)}
  .spectra-gallery-section,.spectra-features{padding-left:7%;padding-right:7%}
  .spectra-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .spectra-feature-wide{grid-column:span 2}
  .spectra-requirements{padding-left:7%;padding-right:7%}
  .spectra-requirements-inner{grid-template-columns:minmax(0,1fr) auto;gap:16px 24px}
  .spectra-requirements-inner>div,.spectra-requirements-inner>p{grid-column:1}
  .spectra-requirements .store-link,.spectra-policy-link{grid-column:2;justify-self:start}
  .spectra-requirements .store-link{grid-row:1}
  .spectra-policy-link{grid-row:2}
}
@media(max-width:650px){
  .spectra-detail-hero{min-height:0;padding:112px 6% 42px}
  .spectra-detail-copy{width:100%}
  .spectra-detail-hero h1{font-size:clamp(52px,14vw,76px)}
  .spectra-detail-intro{font-size:15px;line-height:1.7}
  .spectra-detail-lead{font-size:16px}
  .spectra-detail-mark{position:relative;top:auto;right:auto;align-self:flex-end;width:82px;transform:none;margin:24px 0 0}
  .spectra-keywords{gap:6px;margin-top:21px}
  .spectra-keywords li{padding:6px 7px}
  .spectra-keywords code{font-size:10px}
  .spectra-gallery-section,.spectra-features{padding:46px 6% 56px}
  .spectra-gallery-section .section-heading,.spectra-features .section-heading{display:block}
  .spectra-gallery-section .section-heading h2,.spectra-features .section-heading h2{font-size:38px}
  .spectra-gallery-section .section-note,.spectra-features .section-note{margin-top:12px;font-size:14px}
  .spectra-detail-gallery{width:100%;padding:9px}
  .spectra-detail-gallery .showcase-overlay{padding:10px 11px 24px}
  .spectra-detail-gallery .showcase-navigation{grid-template-columns:30px minmax(0,1fr) 30px;gap:6px}
  .spectra-detail-gallery .showcase-arrow{width:30px;height:40px}
  .spectra-detail-gallery .showcase-choice{flex-basis:min(70vw,220px)}
  .spectra-feature-grid{grid-template-columns:minmax(0,1fr)}
  .spectra-feature,.spectra-feature-wide{grid-column:auto;min-height:0;padding:19px 17px}
  .spectra-feature h3{font-size:20px}
  .spectra-feature p{font-size:14px}
  .spectra-requirements{padding:42px 6%}
  .spectra-requirements-inner{grid-template-columns:minmax(0,1fr);gap:17px}
  .spectra-requirements-inner>div,.spectra-requirements-inner>p,.spectra-requirements .store-link,.spectra-policy-link{grid-column:1;grid-row:auto}
  .spectra-requirements-inner>p{font-size:14px}
  .spectra-page .site-footer{grid-template-columns:1fr auto}
}
@media(max-width:1000px) and (max-height:700px) and (orientation:landscape){
  .spectra-gallery-section{padding-top:22px;padding-bottom:26px}
  .spectra-gallery-section .section-heading{display:block;margin-bottom:11px}
  .spectra-gallery-section .section-heading .eyebrow{margin-bottom:6px}
  .spectra-gallery-section .section-heading h2{font-size:clamp(28px,5vh,36px)}
  .spectra-gallery-section .section-note{display:none}
  .spectra-detail-gallery{width:100%;padding:7px}
  .spectra-detail-gallery .showcase-stage>img{width:min(96%,1280px,76vh);width:min(96%,1280px,76svh)}
  .spectra-detail-gallery .showcase-caption{padding:6px 10px}
  .spectra-detail-gallery .showcase-caption strong{font-size:13px}
  .spectra-detail-gallery .showcase-navigation{grid-template-columns:30px minmax(0,1fr) 30px;gap:5px;margin-top:6px}
  .spectra-detail-gallery .showcase-arrow{display:grid;width:30px;height:34px}
  .spectra-detail-gallery .showcase-choice{flex-basis:148px;grid-template-columns:42px minmax(0,1fr);min-height:58px;padding:4px;gap:5px}
  .spectra-detail-gallery .showcase-choice-copy{gap:2px}
  .spectra-detail-gallery .showcase-choice-copy .showcase-category,.spectra-detail-gallery .showcase-choice-copy small{display:none}
  .spectra-detail-gallery .showcase-choice-copy strong{font-size:9px;line-height:1.25;white-space:normal}
}