/* KISOP subpage brand continuity: original lavender, white and symbol language.
   Only linked by selected subpages; Home and Start retain their approved design. */
@media screen {
.design-page.brand-page {
 --paper:#ffffff;--sheet:#ffffff;--wash:#f5f4fc;--wash2:#f5f4fc;
 --ink:#292d46;--muted:#565c79;--line:#dedfeb;
 --chapter-wash:#f5f4fc;--chapter-accent:#7280bd;--chapter-edge:#d8dcef;
 background:#fff;color:var(--ink);
}
.design-page.brand-page #site-header .band {background:#f5f4fc;border-bottom-color:#d8dcef}
.design-page.brand-page .global-section-band {background:#fff;border-bottom-color:#d8dcef}
.design-page.brand-page .global-secondary-nav a.on {background:#efedf9;color:#343966}
.design-page.brand-page .global-primary-nav a.on {background:#363b70;color:#fff;padding-left:10px;padding-right:10px;border-radius:5px;border-bottom-color:transparent}
.design-page.brand-page .global-primary-nav a.on:hover {background:#444b83;color:#fff}
.design-page.brand-page .global-site-header {padding-top:20px;padding-bottom:16px}
.design-page.brand-page.interior-page .hero:has(.interior-opening) {margin-top:28px!important}
.design-page.brand-page.interior-page .interior-opening {
 display:grid;grid-template-columns:minmax(0,1fr) 164px;gap:28px;
 background:#fff;padding:0 0 24px;margin-top:28px;margin-bottom:24px;
 border-bottom:2px solid #d8dcef;max-width:760px;align-items:center;
}
.design-page.brand-page.interior-page .hero > .interior-opening {margin-top:0}
.design-page.brand-page.interior-page .interior-title {padding:0;align-self:center;min-width:0}
.design-page.brand-page.interior-page .interior-title .pagehead {display:grid;grid-template-columns:minmax(0,1fr) 96px;align-items:center;gap:20px;width:100%}
.design-page.brand-page.interior-page .interior-title h1 {font-size:clamp(30px,3.5vw,40px);line-height:1.15;text-wrap:balance;max-width:none;color:#292d46}
.design-page.brand-page.interior-page .interior-title .plate svg {width:96px;height:96px}
.design-page.brand-page.interior-page .interior-title .eyebrow {color:#565c79;font-size:11px;letter-spacing:.06em;margin:0 0 12px}
.design-page.brand-page.interior-page .brand-symbol-title {display:grid;grid-template-columns:minmax(0,1fr) 92px;column-gap:18px}
.design-page.brand-page.interior-page .brand-symbol-title .eyebrow {grid-column:1;grid-row:1}
.design-page.brand-page.interior-page .brand-symbol-title h1 {grid-column:1;grid-row:2}
.design-page.brand-page.interior-page .brand-symbol {grid-column:2;grid-row:1/span 2;align-self:center;width:92px;height:92px;max-width:100%;margin:0;object-fit:contain}
.design-page.brand-page.interior-page .interior-photo {border:0;width:164px;height:144px;align-self:center}
.design-page.brand-page.interior-page .interior-photo img {width:100%;height:144px;min-height:0;max-height:144px;aspect-ratio:auto;object-fit:cover}
.design-page.brand-page.interior-page section {border-top-color:#dedfeb}
.design-page.brand-page.interior-page section > h2::before {background:#b8c4ee;height:3px}
.design-page.brand-page .panel,.design-page.brand-page .card,.design-page.brand-page .ai-card,.design-page.brand-page .draw {background:#fff;border-color:#d8dcef}
.design-page.brand-page .card,.design-page.brand-page .ai-card {border-top-color:#b8c4ee}
.design-page.brand-page .story,.design-page.brand-page .cquote,.design-page.brand-page .founder-quote {background:#f8f7fc;border-left-color:#a7afd8}
.design-page.brand-page #site-footer {background:#fff;border-top-color:#d8dcef}
.design-page.brand-page a:focus-visible {outline:3px solid #363b70;outline-offset:4px}
@media(max-width:650px){
 .design-page.brand-page.interior-page .interior-opening {grid-template-columns:minmax(0,1fr) 88px;gap:16px}
 .design-page.brand-page.interior-page .interior-title .pagehead {grid-template-columns:1fr;gap:16px}
 .design-page.brand-page.interior-page .interior-title .plate {grid-row:1}
 .design-page.brand-page.interior-page .interior-title .plate svg {width:68px;height:68px}
 .design-page.brand-page.interior-page .brand-symbol-title {grid-template-columns:1fr}
 .design-page.brand-page.interior-page .brand-symbol {grid-column:1;grid-row:1;width:64px;height:64px;margin-bottom:16px}
 .design-page.brand-page.interior-page .brand-symbol-title .eyebrow {grid-row:2}
 .design-page.brand-page.interior-page .brand-symbol-title h1 {grid-row:3}
 .design-page.brand-page.interior-page .interior-title h1 {font-size:28px;overflow-wrap:normal}
 .design-page.brand-page.interior-page .interior-photo {width:88px;height:128px}
 .design-page.brand-page.interior-page .interior-photo img {height:128px;max-height:128px}
}
}