/* Kamelia's botanical accents. All artwork is local, decorative and non-interactive. */
:root {
  --leaf-ink: #35634E;
  --leaf-paper: #EAF2E5;
  --petal-paper: #F9E7E3;
  --sky-paper: #E5F1F6;
  --sun-paper: #F7EED9;
}
.botanical-hero .hero-art { aspect-ratio: 1.15; isolation: isolate; }
.botanical-hero .photo-tile {
  inset: 16px 0 28px;
  border: 0;
  border-radius: 80px 24px 80px 24px;
  box-shadow: none;
}
.botanical-hero .photo-tile img { object-position: center 46%; }
.motion-enabled .botanical-hero .photo-tile img { transform: none; }
.hero-sprig {
  position: absolute; width: 134px; height: 134px; right: -34px; top: -28px;
  z-index: -1; pointer-events: none;
}
.camellia-bloom {
  position: absolute; width: 112px; height: 112px; left: -30px; bottom: 2px;
  overflow: visible; pointer-events: none; z-index: 2;
}
.bloom-petal { transform-box: fill-box; transform-origin: 50% 95%; }
.camellia-bloom.bloom-playing .bloom-petal {
  animation: camellia-open 700ms var(--motion-ease) both;
  animation-delay: calc(160ms + var(--petal-order) * 45ms);
}
@keyframes camellia-open {
  from { transform: rotate(-32deg) scale(.94); opacity: .65; }
  to { transform: rotate(0) scale(1); opacity: 1; }
}
.botanical-hero .float-badge { animation: none; }
.botanical-hero .float-badge.b1 { top: 0; left: 18px; }
.botanical-hero .float-badge.b2 { bottom: 16px; right: 12px; }
.hero-photo-note { position: absolute; top: 100%; right: 16px; margin: 0; color: var(--text-soft); font-size: 12.5px; line-height: 1.5; }

.botanical-heading { position: relative; padding-top: 12px; }
.botanical-heading::before {
  content: ''; display: block; width: 60px; height: 54px; margin: 0 auto 12px;
  background: url('../images/brand/sprig.svg') center / contain no-repeat;
}
.dir-card[data-direction="eco"], .napryam-section#eco { --direction-paper: var(--leaf-paper); }
.dir-card[data-direction="art"], .napryam-section#art { --direction-paper: var(--petal-paper); }
.dir-card[data-direction="humanities"], .napryam-section#humanities { --direction-paper: var(--sky-paper); }
.dir-card[data-direction="health"], .napryam-section#health { --direction-paper: var(--sun-paper); }
.napryam-section#early { --direction-paper: var(--leaf-paper); }
.dir-title, .direction-heading { display: flex; align-items: center; gap: 12px; }
.direction-icon {
  flex: 0 0 auto; width: 46px; height: 46px; padding: 9px; border-radius: 14px;
  background: var(--direction-paper, var(--leaf-paper)); object-fit: contain;
}
.dir-title h3 { flex: 1; min-width: 0; }
.direction-heading { margin-bottom: 12px; }
.napryam-head .direction-heading h2 { margin: 0; flex: 1; min-width: 0; }
.direction-heading .direction-icon { width: 52px; height: 52px; padding: 11px; }
.dir-card .dir-photo { aspect-ratio: 16 / 10; }
.dir-card .dir-photo img { object-position: center 40%; }
.dir-card[data-direction="art"] .dir-photo img { object-position: center 50%; }
.dir-card .dir-body { padding-top: 20px; }
.dir-card .more { color: var(--leaf-ink); }
.dir-card { border-color: transparent; }
.dir-card .dir-body { border: 1px solid var(--border); border-top: 0; border-radius: 0 0 24px 24px; }
.napryam-head .cover { border-radius: 48px 18px 48px 18px; }
.napryam-head .early-cover { background: var(--leaf-paper); }
.napryam-head .cover img.early-cover-icon { position: static; width: 96px; height: 96px; object-fit: contain; }

.botanical-gallery .g-tile { aspect-ratio: auto; overflow: hidden; background: var(--surface); }
.botanical-gallery .gallery-photo { aspect-ratio: 4 / 3; position: relative; overflow: hidden; }
.botanical-gallery .gallery-photo img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; }
.botanical-gallery .g-tile p { margin: 0; padding: 14px 16px; font-size: 14px; font-weight: 800; }
.botanical-lead .lead-photo { border: 0; border-radius: 44% 44% 22% 44%; }
.botanical-lead .lead-photo img { object-position: center 35%; }
.botanical-lead .lead-grid > div:first-child { position: relative; }
.botanical-lead .lead-grid > div:first-child::before {
  content: ''; display: block; width: 54px; height: 48px; margin-bottom: 12px;
  background: url('../images/brand/sprig.svg') center / contain no-repeat;
}
footer.site .foot-grid > div:first-child::after {
  content: ''; display: block; width: 62px; height: 50px; margin-top: 14px;
  background: url('../images/brand/sprig.svg') center / contain no-repeat;
}
.addr-card b { display: flex; align-items: center; gap: 10px; font-family: inherit; }
.contact-icon { width: 24px; height: 24px; }
.header-actions .badge-pill::before { content: ''; width: 7px; height: 7px; background: var(--leaf-ink); border-radius: 50%; }

@media (max-width: 1200px) {
  .hero-sprig { right: -12px; }
}
@media (max-width: 860px) {
  .botanical-hero { gap: 42px; }
  .botanical-hero .hero-art { margin-bottom: 20px; }
}
@media (max-width: 560px) {
  .botanical-hero .photo-tile { border-radius: 56px 18px 56px 18px; inset: 12px 0 22px; }
  .camellia-bloom { width: 86px; height: 86px; left: -15px; bottom: 0; }
  .hero-sprig { width: 104px; height: 104px; top: -24px; right: -12px; }
  .hero-photo-note { right: 6px; font-size: 12px; }
  .botanical-hero .float-badge.b1 { left: 12px; }
  .botanical-hero .float-badge.b2 { bottom: 12px; right: 10px; }
  .dir-title { gap: 10px; align-items: flex-start; }
  .dir-title h3 { font-size: 18px; line-height: 1.3; }
  .dir-body { padding-left: 18px; padding-right: 18px; }
  .direction-icon { width: 40px; height: 40px; padding: 7px; border-radius: 12px; }
  .direction-heading { align-items: flex-start; }
  .direction-heading .direction-icon { width: 44px; height: 44px; padding: 9px; }
  .napryam-head .direction-heading h2 { font-size: 25px; }
}
@media (prefers-reduced-motion: reduce) {
  .camellia-bloom.bloom-playing .bloom-petal { animation: none; transform: none; opacity: 1; }
}
@media print {
  .camellia-bloom, .hero-sprig, .botanical-heading::before,
  .botanical-lead .lead-grid > div:first-child::before, footer.site .foot-grid > div:first-child::after { display: none; }
}