/* Compact, informational layer: denser type and spacing, art as quiet background. */
body{font-size:16px;line-height:1.5}
h1,.platform h1{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;line-height:1.08}
.signature h1,.dean h1,.hero h1{font-size:clamp(2rem,3.4vw,3rem)}
h2,.platform .section-heading h2,.guide section h2,.evidence h2{font-size:clamp(1.5rem,2.2vw,2rem)}
h3,.card h3,.theorem h3,.platform .problem h3{font-size:1.25rem}
p{max-width:78ch}
.site-header,.platform .site-header{height:auto;min-height:0;padding-block:14px}
.brand{font-size:21px}.brand-mark{width:28px;height:28px;font-size:19px}
.hero,.platform .hero,.signature .hero,.dean .hero{grid-template-columns:minmax(0,1fr) minmax(0,220px);gap:24px;padding:28px 0 20px;align-items:start}
.hero p,.platform .hero p{font-size:16px;max-width:70ch;margin-top:12px}
.actions{margin-top:16px;gap:16px}
.button,.platform .button{min-height:40px;padding:8px 16px;font-size:14px}
/* Art sits behind the content instead of claiming a column of its own. */
.hero-art{max-width:220px;justify-self:end;opacity:.55;pointer-events:none}
.hero-art img,.platform .hero-art>img:first-child{max-height:200px;border:0!important;box-shadow:none!important;background:transparent!important;border-radius:0}
.hero-art::before,.hero-art::after,.floating-note{display:none!important}
.card-creature{width:64px!important;height:auto;opacity:.6;margin-bottom:6px}
.margin-creature{max-width:120px;opacity:.5}
.familiar{transform:scale(.6);opacity:.6}
.section,.platform .section{padding:36px 0}
.section-heading,.platform .section-heading{margin-bottom:18px;gap:24px;align-items:flex-start}
.section-heading>p{font-size:15px}
.card,.participation article,.platform .problem,.problem{padding:20px}
.card p,.participation p{margin-top:8px;font-size:15px}
.cards,.participation{gap:14px}
.participation{padding:24px 0 8px}
.guide-opening{padding:28px 0 20px}.guide-opening p{font-size:16px;margin-top:12px}
.guide section,.platform .guide section{padding:28px 0}
th,td{padding:10px 12px}
.footer{padding:20px 0;margin-top:12px}
@media(max-width:760px){
  .hero,.platform .hero,.signature .hero,.dean .hero{grid-template-columns:1fr;padding:20px 0 12px}
  .hero-art{display:none}
  h1,.platform h1,.hero h1,.signature h1,.dean h1{font-size:2rem}
  .section,.platform .section{padding:26px 0}
}
.platform{font-size:16px}.platform .guide section p,.platform .guide-opening p,.platform label{font-size:16px}.platform input,.platform select,.platform textarea{min-height:40px;padding:8px 10px}

/* Dean-specific typography has stronger selectors than the base theme. */
.dean .hero-copy h1{font-size:clamp(2rem,3.4vw,3rem);letter-spacing:-.035em;margin-bottom:14px;max-width:none}
.dean .hero-copy .product-promise{font-size:clamp(1.4rem,2.2vw,2rem);line-height:1.2;margin-bottom:14px}
.dean .capability-grid{gap:22px;margin-top:20px}
.dean .capability-grid article{padding-top:14px}
.dean .capability-grid article h3{font-size:20px;margin-bottom:8px}
.dean .capability-grid article p{font-size:16px}
@media(max-width:760px){.dean .hero-copy h1{font-size:2rem}}
