/* AirPal extends the shared case-study layout without changing OurFest. */
.airpal{--paper:#f7f9fc;--ink:#243951;--muted:#5d6b7d;--sage:#e7eff9;--line:#d8e2ef;--accent:#4a6ca4}
.airpal .site-nav{background:rgba(247,249,252,.94)}
.airpal ::selection{background:#c9dcf5;color:#243951}
.airpal .hero-intro{color:#496689}
.airpal .status-dot,.airpal .title-star{color:#85a8dd;background-color:transparent}
.airpal .status-dot{background:#85a8dd}
.airpal .hero-figure{transform:none}
.airpal .hero-figure .image-link{background:radial-gradient(ellipse at 60% 50%,#e0ecff,transparent 72%)}
.airpal .hero-figure img{aspect-ratio:1.48;object-fit:contain}
.airpal .overview-grid article,.airpal .insight-list li{background:#ebf1f9}
.airpal .concept-band{background:#e8f0fb}
.airpal .testing-band{background:#edf2f8}
.airpal .principles span{border-color:#bdcfe8}
.airpal .image-link:hover .expand-icon{background:#d5e4f9}
.airpal .image-frame{border:0;padding:0;background:transparent}
.airpal .section-intro{max-width:90ch;margin-bottom:24px}
.airpal .study-note{font-size:12px;margin-top:20px;color:#6a788a}
.airpal .testing-section figure{max-width:310px;justify-self:end}
.airpal .testing-section figure img{max-height:420px;object-fit:cover}
.airpal .iteration-grid{align-items:start}
.airpal .iteration-grid img{aspect-ratio:1.6;object-fit:contain;background:#fff}
.airpal .screen-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}
.airpal .screen-grid .image-link{border-radius:18px}
.airpal .screen-grid img{aspect-ratio:720/662;object-fit:contain}
.airpal .step-number{color:var(--accent)}
.airpal .image-dialog{background:var(--paper)}
.airpal .image-dialog::backdrop{background:#172739cc}
.airpal .viewer-toolbar button{background:#e7eff9}
.airpal h2{font-size:clamp(25px,2.7vw,42px)}
.airpal .case-hero .image-link img{transition:none}
@media(max-width:900px){.airpal .screen-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:700px){.airpal .testing-section figure{max-width:260px;justify-self:center}.airpal .testing-section figure img{max-height:min(60svh,420px)}.airpal .prototype-section .section-copy{order:-1}.airpal h2{font-size:clamp(25px,7vw,30px)}.airpal .hero-figure img{aspect-ratio:auto}.airpal .screen-grid{grid-template-columns:1fr;gap:26px;max-width:360px;margin-inline:auto}.airpal .iteration-grid{gap:28px}}