/* Stage 11.10 — cinematic solution pages, scoped to Wagtail solution templates.
   Existing global navigation, gallery, and CMS editor remain untouched. */
body.stage1110-solutions { --s1110-bg:#041522; --s1110-panel:#0a2538; --s1110-line:rgba(91,191,244,.19); --s1110-muted:#a1becc; }
body.stage1110-solutions main .s1110-index-hero,
body.stage1110-solutions main .s1110-detail-hero {
  padding-block:clamp(74px,7vw,112px) clamp(72px,7vw,105px);
  background: radial-gradient(ellipse at 18% 42%,rgba(0,142,248,.18),transparent 50%),linear-gradient(135deg,#02101d,#062037 75%,#041321);
}
body.stage1110-solutions main .stage93-index-hero-shell,
body.stage1110-solutions main .stage93-detail-hero-shell {
  grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);
  gap:clamp(28px,5vw,76px);
  align-items:center;
}
body.stage1110-solutions main .stage93-index-copy,
body.stage1110-solutions main .stage93-detail-copy { min-width:0; }
body.stage1110-solutions main .stage93-index-copy h1,
body.stage1110-solutions main .stage93-detail-copy h1 {
  max-width:660px; font-size:clamp(2.05rem,3.2vw,3.85rem); line-height:1.38;
  letter-spacing:-.035em; overflow-wrap:normal;
}
body.stage1110-solutions main .stage93-index-copy .lead,
body.stage1110-solutions main .stage93-detail-copy .lead { font-size:clamp(.86rem,1.2vw,1.05rem); }
.s1110-overview-art,.s1110-detail-art { position:relative; min-width:0; isolation:isolate; overflow:hidden; background:#0a2335; border:1px solid rgba(99,201,252,.24); border-radius:26px; box-shadow:0 30px 80px rgba(0,0,0,.30),inset 0 0 0 1px rgba(255,255,255,.04); }
.s1110-overview-art { aspect-ratio:1.27; }
.s1110-detail-art { aspect-ratio:1.22; }
.s1110-overview-art>img,.s1110-detail-art>img { display:block; width:100%; height:100%; object-fit:cover; }
.s1110-overview-art:after,.s1110-detail-art:after { content:""; position:absolute; inset:35% 0 0; z-index:1; pointer-events:none; background:linear-gradient(transparent,rgba(1,13,28,.92)); }
.s1110-overview-caption,.s1110-detail-label { position:absolute; right:clamp(16px,3vw,34px); bottom:clamp(16px,3vw,34px); z-index:2; color:#fff; display:grid; gap:6px; text-shadow:0 2px 9px rgba(0,0,0,.8); }
.s1110-overview-caption small,.s1110-detail-label>span {font-size:.68rem;color:#70d8ff;letter-spacing:.09em;font-weight:700;}
.s1110-overview-caption strong,.s1110-detail-label strong{font-size:clamp(1.15rem,2vw,1.85rem);line-height:1.45;}
.s1110-overview-caption>span{font-size:.78rem;color:#d3e4ed;}
.s1110-corner-chip{position:absolute;z-index:2;left:20px;top:20px;border:1px solid rgba(98,209,255,.35);border-radius:50px;padding:8px 13px;color:#98e2ff;font-size:.66rem;background:#031725c9;direction:ltr;}
.s1110-detail-art .s1110-concept-tag {position:absolute;top:16px;right:16px;z-index:2;}
.s1110-telemetry{position:absolute;left:16px;bottom:20px;z-index:2;display:flex;gap:6px;direction:ltr;}
.s1110-telemetry span{color:#9fdefa;background:#051a2dcb;border:1px solid rgba(105,203,249,.3);padding:7px 11px;border-radius:8px;font-size:.66rem;letter-spacing:.05em;}
body.stage1110-solutions main .stage93-index-intro {padding-top:clamp(55px,6vw,94px);}
.s1110-solutions-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(14px,2vw,26px);}
.s1110-solution-card{min-width:0;display:flex;flex-direction:column;border:1px solid var(--s1110-line);border-radius:22px;overflow:hidden;color:#f1f8fc;background:linear-gradient(150deg,#0c2b40,#061824);box-shadow:0 22px 50px rgba(0,0,0,.15);text-decoration:none;transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease;}
.s1110-solution-card:hover{transform:translateY(-5px);border-color:rgba(87,218,255,.57);box-shadow:0 30px 65px rgba(0,0,0,.28);}
.s1110-solution-card:focus-visible{outline:3px solid #8be6fe;outline-offset:3px;}
.s1110-card-media{position:relative;aspect-ratio:1.97;min-height:180px;overflow:hidden;background:#091a2d;}
.s1110-card-media:after{content:"";position:absolute;inset:55% 0 0;background:linear-gradient(transparent,#061824b3);pointer-events:none;}
.s1110-card-media>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .5s ease;}
.s1110-solution-card:hover img{transform:scale(1.035);}
.s1110-concept-tag{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(155,211,239,.35);border-radius:7px;color:#d1e7ef;background:#032338d8;backdrop-filter:blur(8px);padding:7px 10px;font-size:.65rem;}
.s1110-card-media .s1110-concept-tag{position:absolute;bottom:14px;right:14px;z-index:2;}
.s1110-card-index{position:absolute;top:14px;left:16px;z-index:2;font-weight:800;font-size:1.35rem;letter-spacing:.03em;color:#eefaff;text-shadow:0 3px 12px rgba(0,0,0,.5);}
.s1110-card-content{flex:1;padding:clamp(20px,3vw,30px);display:flex;flex-direction:column;align-items:start;gap:9px;}
.s1110-card-content>small{color:#5ad4ff;font-size:.63rem;font-weight:750;letter-spacing:.09em;direction:ltr;}
.s1110-card-content h3{color:#fff;font-size:clamp(1.15rem,1.8vw,1.48rem);line-height:1.55;margin:0;}
.s1110-card-summary{font-size:.85rem;line-height:1.95;color:var(--s1110-muted);}
.s1110-card-summary p{margin:0;}
.s1110-outcome{margin-top:10px;padding-top:13px;border-top:1px solid var(--s1110-line);display:grid;gap:5px;}
.s1110-outcome b{color:#64cbed;font-size:.71rem;}
.s1110-outcome span{font-size:.8rem;color:#d4e7ee;line-height:1.9;}
.s1110-card-link{margin-top:auto;padding-top:15px;display:flex;gap:9px;align-items:center;color:#8be6ff;font-size:.82rem;font-weight:750;}
.s1110-card-link b{font-size:1.1rem;}
body.stage1110-solutions main .s1110-process-section{background:radial-gradient(circle at 50% 110%,#0d354ca8,transparent 60%),#041824!important;}
body.stage1110-solutions main .s1110-process-section .stage93-process-grid article{border-color:rgba(91,191,244,.2)!important;background:linear-gradient(155deg,#09273a,#061c2b)!important;min-height:173px;}
body.stage1110-solutions main .s1110-process-section .stage93-process-grid strong{color:#e7f7ff!important;}
.s1110-context-ribbon{padding:18px 0;background:linear-gradient(90deg,#031622,#08283b,#031622);border-block:1px solid rgba(85,205,251,.17);}
.s1110-context-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;}
.s1110-context-grid>div{min-width:0;padding:18px clamp(14px,2.2vw,28px);display:grid;gap:5px;border-inline-start:1px solid rgba(105,203,249,.16);}
.s1110-context-grid small{font-size:.65rem;color:#63dcfa;font-weight:800;letter-spacing:.08em;direction:ltr;text-align:right;}
.s1110-context-grid strong{font-size:1rem;color:white;}
.s1110-context-grid span{font-size:.79rem;line-height:1.8;color:#b8d2df;}
body.stage1110-solutions main .s1110-problem-outcome{padding-block:clamp(50px,6vw,88px);}
@media(max-width:980px){
 body.stage1110-solutions main .stage93-index-hero-shell,body.stage1110-solutions main .stage93-detail-hero-shell{grid-template-columns:1fr;gap:26px;}
 .s1110-overview-art{aspect-ratio:1.75;max-width:780px;justify-self:center;width:100%;}
 .s1110-detail-art{aspect-ratio:1.75;max-width:780px;justify-self:center;width:100%;}
}
@media(max-width:640px){
 body.stage1110-solutions main .s1110-index-hero,body.stage1110-solutions main .s1110-detail-hero{padding-top:48px;padding-bottom:54px;}
 body.stage1110-solutions main .stage93-index-copy h1,body.stage1110-solutions main .stage93-detail-copy h1{font-size:clamp(1.8rem,7vw,2.65rem);line-height:1.43;}
 .s1110-overview-art,.s1110-detail-art{aspect-ratio:1.1;border-radius:18px;}
 .s1110-solutions-grid{grid-template-columns:1fr;}
 .s1110-card-media{min-height:165px;aspect-ratio:1.9;}
 .s1110-card-content{padding:19px;}
 .s1110-context-grid{grid-template-columns:1fr;gap:0;}
 .s1110-context-grid>div{padding:14px 4px;border-inline-start:none;border-bottom:1px solid rgba(105,203,249,.13);}
 .s1110-telemetry{display:none;}
}
@media(prefers-reduced-motion:reduce){.s1110-solution-card,.s1110-card-media>img{transition:none!important;}}
