/* Shared editorial imagery and open-source product story. */
.lunar-site #heroArt,.lunar-site #heroArt.scene-ready{background-image:none!important;background-color:#19354c;background:linear-gradient(#142e49 8%,#657a89 36%,#e9ae63 53%,#253f4b 65%)!important}
.lunar-site #lunarCanvas{opacity:0;transition:opacity 1.1s ease}
.lunar-site .scene-ready #lunarCanvas{opacity:1}
.lunar-site .service-visual{overflow:hidden;padding:0;background:#ded8cc;min-height:240px}
.lunar-site .service-visual img{display:block;width:100%;height:100%;min-height:240px;object-fit:cover;transition:transform .8s ease}
.lunar-site .service-row:hover .service-visual img{transform:scale(1.035)}
.lunar-site .product-visual{transform:none;inset:auto 0 85px;width:100%;max-width:none;height:340px;overflow:hidden}
.lunar-site .generated-product-image{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s ease}
.lunar-site .product-card:hover .generated-product-image{transform:scale(1.025)}
.lunar-site .product-card,.lunar-site .product-card.featured{min-height:740px;border:0;background:#f3f0e9}
.lunar-site .concept-caption{position:absolute;bottom:12px;right:18px;padding:3px 8px;background:rgba(249,248,243,.85);color:#435965;font-size:16px}
.lunar-site .open-source-section{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:7vw;background:#122e3d;color:#e9efeb;max-width:none}
.lunar-site .source-image{position:relative;overflow:hidden;aspect-ratio:4/3}
.lunar-site .source-image img{width:100%;height:100%;object-fit:cover;display:block}
.lunar-site .source-image>span{position:absolute;left:24px;bottom:22px;background:rgba(12,32,44,.72);padding:7px 13px;color:#fff}
.lunar-site .source-copy{max-width:530px}
.lunar-site .source-copy h2{font-size:16px;font-weight:600;line-height:2;margin:20px 0;color:#fff}
.lunar-site .source-copy p{font-size:16px;line-height:2;color:#bfcecf}
.lunar-site .source-copy .section-label{color:#e7c79b}
.lunar-site .source-goals{display:flex;gap:30px;border-top:1px solid #425a63;border-bottom:1px solid #425a63;padding:16px 0;margin:27px 0}
.lunar-site .source-link{color:#f4d4a9;display:inline-flex;padding:10px 0;border-bottom:1px solid #bd9f76}
.lunar-site .source-copy .source-repo{margin-top:20px;overflow-wrap:anywhere}
.lunar-site .workflow-section{background:#f2eee5;max-width:none}
.lunar-site .workflow-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}
.lunar-site .workflow-step{border-top:1px solid #bdc4bf;padding:22px 0;min-width:0}
.lunar-site .workflow-step summary{cursor:pointer;list-style:none;display:grid;grid-template-columns:1fr auto;gap:18px;font-size:16px}
.lunar-site .workflow-step summary::-webkit-details-marker{display:none}
.lunar-site .workflow-step summary span{grid-column:1/-1;color:#8f795e}
.lunar-site .workflow-step summary strong{font-weight:600;line-height:1.8}
.lunar-site .workflow-step summary b{font-weight:400}
.lunar-site .workflow-step[open] summary b{transform:rotate(45deg)}
.lunar-site .workflow-step p{color:#58717a;line-height:1.9;margin-top:20px;font-size:16px}
.story-reveal{transition:opacity .7s ease,transform .7s ease}
.story-reveal.awaiting{opacity:0;transform:translateY(22px)}
.story-reveal.in-view{opacity:1;transform:none}
.tablet-editorial{width:100%;max-width:640px;align-self:center;min-width:0}
.tablet-editorial img{display:block;width:100%;height:auto;border-radius:8px}
.tablet-editorial p{color:#60747b;font:16px/1.8 'Segoe UI','Microsoft YaHei',sans-serif;margin-top:14px}
@media(max-width:900px){.lunar-site .workflow-grid{grid-template-columns:1fr 1fr}.lunar-site .open-source-section{gap:32px}.lunar-site .product-visual{height:300px}}
@media(max-width:700px){.lunar-site .open-source-section{grid-template-columns:1fr;padding:60px 24px}.lunar-site .workflow-grid{grid-template-columns:1fr}.lunar-site .workflow-step{padding:18px 0}.lunar-site .workflow-step summary span{grid-column:auto}.lunar-site .workflow-step summary{grid-template-columns:36px 1fr auto;gap:12px}.lunar-site .source-image{aspect-ratio:3/2}.lunar-site .product-visual{bottom:110px;height:300px}.lunar-site .product-card,.lunar-site .product-card.featured{min-height:760px}.tablet-editorial{margin:30px auto 0}.tablet-editorial p{padding:0 8px}}
@media(prefers-reduced-motion:reduce){.story-reveal,.lunar-site #lunarCanvas,.lunar-site .service-visual img,.lunar-site .generated-product-image{transition:none}.story-reveal.awaiting{opacity:1;transform:none}}
.motion-paused .story-reveal.awaiting{opacity:1;transform:none}

.lunar-site .has-product-screenshot{grid-template-columns:1fr;gap:38px}
.lunar-site .has-product-screenshot .source-copy{order:0;max-width:900px}
.lunar-site .has-product-screenshot .source-screenshot{order:1;aspect-ratio:auto;overflow:visible}
.lunar-site .source-screenshot a{display:block;border:1px solid #60727b;background:#f6faff;border-radius:8px;overflow:hidden}
.lunar-site .source-screenshot img{width:100%;height:auto;object-fit:contain;display:block}
.lunar-site .source-screenshot>span{position:static;display:block;background:none;padding:16px 0 0;color:#bdcfd3}

/* Keep the moving landscape open while giving the hero a clear two-column story. */
.lunar-site .hero-copy{width:min(48%,540px);bottom:76px}
.lunar-site .hero-context{max-width:520px;color:#f8f5eb;font-size:16px;line-height:1.85;margin:0 0 16px;text-shadow:0 1px 12px rgba(9,32,49,.55)}
.lunar-site .hero-capabilities{list-style:none;margin:0 0 25px;padding:0;display:flex;flex-wrap:wrap;gap:0 18px;max-width:550px;color:#f8f5eb}
.lunar-site .hero-capabilities li{font-size:16px;line-height:1.8;padding:6px 0;border-top:1px solid rgba(255,248,231,.5);text-shadow:0 1px 12px rgba(9,32,49,.55)}
.lunar-site .hero-feature-card{position:absolute;z-index:3;right:var(--gutter);bottom:112px;width:min(25vw,300px);display:block;overflow:hidden;border:0;border-radius:17px;background:rgba(210,226,226,.16);backdrop-filter:blur(14px) saturate(1.08);-webkit-backdrop-filter:blur(14px) saturate(1.08);box-shadow:0 15px 36px rgba(7,22,35,.21);text-decoration:none;transition:transform .3s ease,background .3s ease}
.lunar-site .hero-feature-card:hover{transform:translateY(-4px);background:rgba(220,235,235,.24)}
.lunar-site .hero-feature-card img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;opacity:.82}
.lunar-site .hero-feature-caption{position:absolute;inset:auto 0 0;display:block;padding:9px 12px;color:#f9f4e9;background:rgba(13,37,49,.40);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);font-size:16px;line-height:1.5}
.lunar-site .hero-controls{bottom:40px}
@media(max-width:860px){
  .lunar-site .hero{min-height:1080px}
  .lunar-site .hero-feature-card{display:none!important}
  .lunar-site .hero-copy{position:relative;left:auto;bottom:auto;width:100%;max-width:600px;padding-top:615px}
  .lunar-site .hero-context,.lunar-site .hero-capabilities li{font-size:16px}
  .lunar-site .hero-capabilities{gap:0 13px;margin-bottom:20px}
}
@media(max-width:350px){.lunar-site .hero{min-height:1140px}.lunar-site .hero-copy{padding-top:615px}}
@media(prefers-reduced-motion:reduce){.lunar-site .hero-feature-card{transition:none}}