/* Final refinements: all Agate-style typography except the beloved swirly book title,
   plus more sumptuous botanical artwork throughout. */
:root{
  --agate: 'Cormorant Garamond','Baskerville','Garamond','Palatino Linotype',serif;
  --script-title: 'Parisienne','Segoe Script','URW Chancery L',cursive;
  --plum-deep:#5e3b63;
  --sage-deep:#52755d;
  --gold-soft:#d7ba7d;
}
:root{ --sans: var(--agate) !important; --serif: var(--agate) !important; }
html{font-optical-sizing:auto}
body,button,input,select,textarea,
.announcement,.primary-nav a,.nav-contact,.hero-intro,.hero-identity,.hero-footnote,.btn,.text-link,
.eyebrow,.art-caption,.intro-bridge p,.book-lead,.book-copy p:not(.book-subheading):not(.book-lead),
.meta-label,.meta-value,.section-heading p,.creator-card-top,.creator-role,.creator-card p:not(.creator-role),
.maker-note p,.artwork-index,.artwork-zoom,.artwork-credit,.interpretation-intro>p,.window-top,.window-footer,
.story-tabs button,.story-panel p,.story-panel .panel-bottom,.quote-caption,.news-heading p,.news-stamp,
.calendar-date>div,.calendar-date strong,.news-feature p,.news-side p,.news-detail,.contact-card p,
.footer-brand span:last-child,.footer-links a,.footer-legal,.hero-art-seal,.brand-small,.brand-large,
.hero-identity strong,.footer-brand strong,.hero-identity em,strong,figcaption{font-family:var(--agate) !important;}

h1,h2,h3,.section-heading h2,.interpretation-intro h2,.news-heading h2,.creator-card h3,
.artwork-item strong,.story-panel h3,.quote-band blockquote,.news-feature h3,.news-side h3,
.contact-card h2,.calendar-date>span,.brand-large,.footer-brand strong{font-family:var(--agate) !important;letter-spacing:-.01em;}

.book-copy h2,.book-copy h2 em,.book-subheading{font-family:var(--script-title) !important;font-style:normal !important;letter-spacing:0 !important;}

body{font-size:22px;line-height:1.52}
.announcement{font-size:17px}
.primary-nav a{font-size:20px}
.hero-intro,.section-heading p,.news-heading p,.contact-card p{font-size:24px}
.book-copy p:not(.book-subheading):not(.book-lead),.creator-card p:not(.creator-role),.story-panel p,.news-feature p,.news-side p{font-size:22px}
.hero-identity,.artwork-credit,.news-detail,.footer-links a,.footer-legal{font-size:20px}
.btn,.text-link,.story-tabs button{font-size:24px}
.window-top,.window-footer,.creator-card-top,.artwork-index,.meta-label,.news-stamp{font-size:18px;letter-spacing:.02em}
.brand-small{font-size:18px;letter-spacing:.03em;color:#7a637f}
.brand-large{font-size:38px;color:var(--plum-deep);font-style:normal !important}
.nav-shell{gap:22px}
.brand{gap:16px;align-items:center}
.brand-logo{width:114px;max-width:22vw;min-width:86px;height:auto;display:block;border-radius:14px;box-shadow:0 10px 22px rgba(74,54,80,.12)}
.brand-type{gap:4px}
.hero-copy{position:relative}

/* Botanical decoration now consists entirely of Angie's original artwork,
   inserted in deliberately reserved spaces, never as generated corner graphics. */
.maker-note{margin-top:66px;padding-top:16px}
.story-panel{padding-top:34px}
.news-side{padding-top:50px}
.contact-card{padding-top:92px}

/* Refine existing colour and framing details to match the stronger decoration. */
.story-window{box-shadow:18px 18px 0 rgba(104,69,116,.08),0 16px 34px rgba(63,50,72,.08)}
.creator-card,.news-feature,.news-side,.contact-card{box-shadow:0 16px 38px rgba(61,44,69,.10)}
.illustrated-book-page figcaption,.art-caption,.hero-art-seal,.artwork-zoom,.news-stamp,.news-detail,.window-top,.window-footer{font-weight:600}
.primary-nav .nav-contact{border-radius:999px}

/* Make the page feel richly botanical without overwhelming the artwork. */
.hero::after{content:"";position:absolute;inset:auto 0 0 0;height:170px;background:linear-gradient(to top,rgba(112,150,123,.05),transparent 70%);pointer-events:none}
.creators-section::before,
.artwork-section::before,
.interpretation-section::before,
.news-section::before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(122,98,132,.06) 0.8px,transparent 0.8px);background-size:16px 16px;opacity:.35;pointer-events:none;mask-image:linear-gradient(to bottom,transparent,black 12%,black 88%,transparent)}
.creators-section,.artwork-section,.interpretation-section,.news-section{position:relative;overflow:hidden}

@media(max-width:980px){
  .brand-logo{width:94px}
  .brand-small{font-size:16px}
  .brand-large{font-size:33px}
  .section-heading.centred::before,.section-heading.centred::after{width:126px;height:98px}
}
@media(max-width:850px){
  .primary-nav a,.btn,.text-link,.story-tabs button{font-size:22px}
  .brand{gap:12px}
  .brand-logo{width:84px;min-width:74px}
  .brand-small{font-size:15px}
  .brand-large{font-size:29px}
}
@media(max-width:590px){
  body{font-size:19px}
  .announcement{font-size:13px}
  .brand-logo{width:68px;min-width:60px;border-radius:11px}
  .brand-small{font-size:13px}
  .brand-large{font-size:24px}
  .section-heading.centred::before,.section-heading.centred::after{width:96px;height:74px;top:-18px;opacity:.84}
  .section-heading.centred::before{left:-12px}
  .section-heading.centred::after{right:-10px}
  .interpretation-intro::after,.maker-note::before{width:160px;height:40px}
  .story-panel::before,.news-side::before,.contact-card::after{width:94px;height:72px}
  .hero-intro,.section-heading p,.news-heading p,.contact-card p{font-size:21px}
  .book-copy p:not(.book-subheading):not(.book-lead),.creator-card p:not(.creator-role),.story-panel p,.news-feature p,.news-side p{font-size:19px}
  .hero-identity,.artwork-credit,.news-detail,.footer-links a,.footer-legal{font-size:17px}
  .btn,.text-link,.story-tabs button{font-size:20px}
  .window-top,.window-footer,.creator-card-top,.artwork-index,.meta-label,.news-stamp{font-size:15px}
}
