:root { --olive:#536b2f; --olive-dark:#35471e; --gold:#e9b949; --cream:#fbf8ef; --ink:#18231a; --mint:#edf4e5; }
html { scroll-behavior:smooth; }
body { color:var(--ink); background:#fff; }
::selection { background:#e8f0d9; color:#25331b; }
.text-olive { color:var(--olive); }
.bg-olive { background:var(--olive); }
.bg-cream { background:var(--cream); }
.bg-mint { background:var(--mint); }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; gap:.5rem; background:var(--olive); color:white; padding:.85rem 1.2rem; border-radius:999px; font-weight:700; transition:transform .2s,background .2s,box-shadow .2s; box-shadow:0 8px 20px #536b2f25; }
.btn-primary:hover { background:var(--olive-dark); transform:translateY(-2px); box-shadow:0 12px 24px #536b2f30; }
.btn-secondary { display:inline-flex; align-items:center; justify-content:center; padding:.82rem 1.15rem; border:1px solid #d6dec9; border-radius:999px; font-weight:700; transition:all .2s; background:#fff; }
.btn-secondary:hover { border-color:var(--olive); color:var(--olive); transform:translateY(-2px); }
.eyebrow { color:var(--olive); text-transform:uppercase; letter-spacing:.16em; font-size:.72rem; font-weight:800; }
.hero-grid { background:radial-gradient(circle at 80% 12%,#f8e9bd 0,transparent 27%),radial-gradient(circle at 8% 80%,#e8f0dc 0,transparent 30%),linear-gradient(135deg,#fbf9f1,#fff 65%); }
.blob { border-radius: 45% 55% 60% 40% / 42% 43% 57% 58%; }
.floaty { animation:floaty 6s ease-in-out infinite; }
.floaty-delay { animation:floaty 7s ease-in-out 1s infinite; }
@keyframes floaty { 0%,100%{transform:translateY(0) rotate(-1deg)} 50%{transform:translateY(-10px) rotate(1deg)} }
.reveal { opacity:0; transform:translateY(18px); transition:opacity .7s ease,transform .7s ease; }
.reveal.is-visible { opacity:1; transform:translateY(0); }
.card-lift { transition:transform .25s ease,box-shadow .25s ease; }
.card-lift:hover { transform:translateY(-5px); box-shadow:0 18px 40px #26331b12; }
.school-art { min-height:340px; background:linear-gradient(150deg,#e6efd9,#fff1c9); position:relative; overflow:hidden; }
.school-art:before { content:""; position:absolute; width:230px;height:230px;border-radius:50%;background:#e7ba4d55;top:-75px;right:-55px; }
.school-art:after { content:""; position:absolute; width:180px;height:180px;border-radius:50%;background:#6f8c4a30;bottom:-80px;left:-45px; }
.art-window { background:#fff9e9; border:6px solid #fff; box-shadow:0 10px 20px #31402016; }
.nav-link { color:#495344; font-weight:650; font-size:.92rem; }
.nav-link:hover,.nav-link[aria-current="page"] { color:var(--olive); }
.tag { display:inline-flex; padding:.4rem .7rem; border-radius:999px; background:#edf3e5; color:#4e662d; font-size:.75rem; font-weight:700; }
.mobile-actions { box-shadow:0 -6px 24px #17240d12; }
@media (prefers-reduced-motion: reduce) { *,*::before,*::after { animation-duration:.01ms!important; animation-iteration-count:1!important; scroll-behavior:auto!important; transition-duration:.01ms!important; } .reveal { opacity:1; transform:none; } }