/* Studio landing pages (Q588): landing/<slug>.json, rendered by tools/landing/landing.mjs from the shared studio-signature
   pieces (sd-tab, sd-lead, sd-btn, sd-card, sd-link), laid out like About. Cards stay paper with ink type on a night band,
   as About's list does. tools/build-site.mjs publishes this file only while at least one landing page is built. */
.lp-hero{padding:clamp(56px,8vw,112px) 0 clamp(56px,7vw,96px)}
.lp-hero-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.9fr);gap:clamp(32px,6vw,88px);align-items:center}
.lp-hero-grid--solo{grid-template-columns:minmax(0,1fr)}
.lp-hero-grid--solo .lp-hero-copy{max-width:860px}
.lp-hero-copy h1,.lp-hero-copy h2{margin:22px 0 22px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.04em}
.lp-hero-copy .sd-lead{margin:0;max-width:640px}
.lp-points{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:10px 22px;font-weight:700;color:var(--sd-ink)}
.lp-points li{display:inline-flex;align-items:center;gap:8px}
.lp-points .icon{font-size:18px;color:#2b7a55}
.lp-photo{margin:0;padding:10px}
.lp-photo img{width:100%;max-height:520px;object-fit:cover;border-radius:var(--sd-radius-sm)}

.lp-block{padding:clamp(56px,7vw,100px) 0}
.lp-head{margin-bottom:clamp(24px,3vw,40px)}
.lp-head h2{margin-top:18px;max-width:22ch}
.lp-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);gap:clamp(28px,6vw,88px);align-items:start}
.lp-grid .lp-head{margin-bottom:0}

.lp-cards{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.lp-card{padding:24px 24px 22px}
.lp-card p{margin-top:8px;font-size:16px}

.lp-text p{margin:0 0 16px;font-size:18px;max-width:640px}
.lp-links{list-style:none;margin:22px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:12px 24px}
.lp-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px;margin-top:clamp(28px,4vw,48px)}
.lp-shot{margin:0;padding:8px}
.lp-shot img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:var(--sd-radius-sm)}

.lp-quote{max-width:820px;margin:0;padding:34px 36px 30px}
.lp-quote::before{content:"\201C";display:block;font:800 64px/.6 var(--sd-font);color:var(--sd-gold-deep);margin-bottom:12px}
.lp-quote blockquote{margin:0}
.lp-quote p{font-size:clamp(19px,1.8vw,24px);line-height:1.45;font-weight:700;letter-spacing:-.01em}
.lp-quote figcaption{margin-top:16px;font-weight:800;font-size:15px;color:var(--sd-ink-soft)}

.lp-faq-list{display:grid;gap:12px}
.lp-q{border:1.5px solid var(--sd-ink);border-radius:12px;background:var(--sd-paper);box-shadow:3px 3px 0 rgba(16,61,54,.13);overflow:hidden}
.lp-q:nth-child(odd){border-left:7px solid var(--sd-gold)}
.lp-q:nth-child(even){border-left:7px solid #bcd5c4}
.lp-q summary{list-style:none;display:flex;align-items:center;gap:16px;padding:17px 18px 17px 20px;font-weight:800;font-size:17px;letter-spacing:-.01em;cursor:pointer;color:var(--sd-ink)}
.lp-q summary::-webkit-details-marker{display:none}
.lp-q summary span{position:relative;margin-left:auto;flex:none;width:30px;height:30px;border-radius:50%;border:1.5px solid var(--sd-ink);background:#fff}
.lp-q summary span::before,.lp-q summary span::after{content:"";position:absolute;left:50%;top:50%;width:12px;height:2px;margin:-1px 0 0 -6px;background:var(--sd-ink);transition:transform .25s var(--sd-ease)}
.lp-q summary span::after{transform:rotate(90deg)}
.lp-q[open] summary span{background:var(--sd-gold)}
.lp-q[open] summary span::after{transform:rotate(0)}
.lp-q p{padding:0 20px 18px;font-size:15.5px;line-height:1.6}
.lp-q summary:focus-visible{outline:3px solid var(--sd-ink);outline-offset:-4px;border-radius:10px}

.lp-cta-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:24px 48px}
.lp-cta-row h2{max-width:20ch}
.lp-cta-row .sd-lead{margin-top:14px;max-width:620px}
.lp-cta-row .hero-actions{margin-top:0}

/* Look 4 night bands: type on the band turns light; paper cards keep ink type. */
.sd-night .lp-points{color:var(--sd-on-night,#fffdf7)}
.sd-night .lp-points .icon{color:var(--sd-gold)}
.sd-night .lp-card h3,.sd-night .lp-q summary{color:var(--sd-ink)}
.sd-night .lp-card p,.sd-night .lp-q p{color:var(--sd-ink-soft)}
.sd-night .lp-quote p{color:var(--sd-ink)}
.sd-night .lp-quote figcaption{color:var(--sd-ink-soft)}

@media (max-width:980px){
 .lp-hero-grid,.lp-grid{grid-template-columns:1fr}
}
@media (max-width:560px){
 .lp-quote{padding:28px 22px 24px}
 .lp-q summary{font-size:16px;padding:15px 14px 15px 16px}
 .lp-q p{padding:0 16px 16px}
}
@media (prefers-reduced-motion:reduce){.lp-q summary span::before,.lp-q summary span::after{transition:none}}