/* Approved homepage direction — Option 1, v0.3.0. Only hero presentation is changed. */
.hero.hero-option-one{
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;
  max-width:1390px;width:calc(100% - 50px);height:auto;min-height:0;overflow:visible;
  margin:14px auto 0;padding:clamp(25px,3.9vw,49px) clamp(22px,5vw,78px) 22px;
  background:#fcf9f3;border:1px solid #ded5c5;border-radius:13px;
  box-shadow:0 12px 38px rgba(49,40,27,.035);color:#29241d;
}
.hero-option-one .hero-copy{
  box-sizing:border-box;display:flex;flex-direction:column;align-items:center;text-align:center;
  background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;width:100%;max-width:1100px;
  position:relative;color:#29241d;
}
.hero-option-one .eyebrow{font-size:.63rem;letter-spacing:.22em;gap:10px;margin:0 0 9px;justify-content:center;color:#977c4d}
.hero-option-one .leaf-rule{font-size:1.1rem;}
.hero-option-one h1{font:normal clamp(3.45rem,6.3vw,6.25rem)/1.03 Georgia,'Times New Roman',serif;
  text-wrap:balance;letter-spacing:.085em;color:#27221d;margin:0;white-space:normal}
.hero-option-one .hero-programme-name{font:700 clamp(.63rem,1vw,.8rem)/1.45 Arial,sans-serif;
  color:#4e4436;letter-spacing:.35em;margin:8px 0 0;max-width:none}
.hero-option-one .hero-divider{margin:7px auto 5px;width:min(420px,65%);color:#aa8550;gap:10px;font-size:1.32rem}
.hero-option-one .hero-divider::before,.hero-option-one .hero-divider::after{background:#c5a875}
.hero-option-one .hero-tagline{max-width:none!important;margin:0 0 17px;font:italic clamp(1.12rem,1.7vw,1.63rem)/1.4 Georgia,serif;
  letter-spacing:0;color:#4c4035!important;text-align:center}
.hero-option-one .hero-art{
  position:relative;display:block;align-self:center;box-sizing:border-box;width:min(100%,960px);height:auto;min-height:0;
  margin:0;background:#f9f5ed;border:3px double #b59254;border-radius:15px;overflow:hidden;
  box-shadow:0 2px 15px #40322210;
}
.hero-option-one .hero-art::after{display:none}
.hero-option-one .hero-art img{
  display:block;position:static;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:center;
  transform:none;filter:none;aspect-ratio:auto;
}
.hero-option-one .hero-below{display:flex;flex-direction:column;align-items:center;text-align:center;margin-top:15px;width:100%}
.hero-option-one .hero-subtitle{font:normal clamp(.79rem,1.13vw,.98rem)/1.65 Georgia,serif!important;
  max-width:850px!important;margin:0;color:#64574a!important}
.hero-option-one .hero-actions{display:flex;justify-content:center;align-items:center;gap:15px;margin:17px 0 0;flex-wrap:wrap}
.hero-option-one .button-light{color:#fffaf0;background:#302f2b;border:1px solid #302f2b;
  border-radius:4px;font-size:.79rem;padding:11px 22px;min-height:43px}
.hero-option-one .hero-text-button{border:1px solid #b99d72;border-radius:4px;
  color:#594931;background:transparent;padding:11px 23px;font-size:.78rem;min-height:43px}
.hero-option-one .hero-text-button:hover{background:#f1e7d6;text-decoration:none}
.hero-option-one .hero-brands{display:flex;justify-content:center;align-items:center;gap:22px;width:min(100%,890px);
  border-top:1px solid #e4d8c7;margin-top:23px;padding-top:15px}
.hero-option-one .hero-brand{display:flex;align-items:center;justify-content:center;gap:13px;flex:1;min-width:0}
.hero-option-one .hero-brand img{object-fit:contain;display:block;width:auto;flex:none;filter:none}
.hero-option-one .hero-brand-creator img{height:42px;max-width:72px}
.hero-option-one .hero-brand-publisher img{height:52px;max-width:56px}
.hero-option-one .hero-brand-copy{text-align:left;min-width:0}
.hero-option-one .hero-brand-copy span{display:block;font:600 .59rem/1.3 Arial,sans-serif;letter-spacing:.13em;color:#8b7961}
.hero-option-one .hero-brand-copy strong{display:block;font:normal .91rem/1.3 Georgia,serif;letter-spacing:.07em;color:#312a21;margin-top:3px}
.hero-option-one .hero-brand-divider{color:#b08f57;font-size:.7rem}
@media(max-width:800px){
 .hero.hero-option-one{width:calc(100% - 32px);padding:29px 23px 18px;margin-top:8px;display:flex}
 .hero-option-one h1{font-size:clamp(2.8rem,9vw,5.2rem)}
 .hero-option-one .hero-copy{padding:0;border:0}
 .hero-option-one .hero-tagline{margin-bottom:16px}
 .hero-option-one .hero-art{height:auto;min-height:0;border:2px double #b59254;border-radius:9px}
 .hero-option-one .hero-art img{height:auto;min-height:0;width:100%;transform:none;object-fit:contain}
 .hero-option-one .hero-brands{gap:12px}
 .hero-option-one .hero-brand{gap:9px}
 .hero-option-one .hero-brand-copy strong{font-size:.72rem}
 .hero-option-one .hero-brand-copy span{font-size:.5rem}
 .hero-option-one .hero-brand-creator img{height:34px}
 .hero-option-one .hero-brand-publisher img{height:42px}
}
@media(max-width:500px){
 .hero.hero-option-one{width:calc(100% - 22px);padding:23px 13px 18px;margin:4px auto 0}
 .hero-option-one .eyebrow{letter-spacing:.12em;font-size:.5rem;gap:5px;margin-bottom:8px}
 .hero-option-one h1{font-size:clamp(2.25rem,10vw,3.15rem);letter-spacing:.035em}
 .hero-option-one .hero-programme-name{font-size:.53rem;letter-spacing:.22em;margin-top:8px}
 .hero-option-one .hero-divider{margin:7px auto 7px;width:76%;font-size:1rem}
 .hero-option-one .hero-tagline{font-size:clamp(1rem,4vw,1.16rem)!important;line-height:1.34;margin-bottom:12px}
 .hero-option-one .hero-art{width:100%;border-radius:7px}
 .hero-option-one .hero-below{margin-top:12px}
 .hero-option-one .hero-subtitle{font-size:.77rem!important;line-height:1.58}
 .hero-option-one .hero-actions{gap:8px;margin-top:14px;width:100%}
 .hero-option-one .button-light,.hero-option-one .hero-text-button{font-size:.68rem;min-height:40px;padding:10px 11px}
 .hero-option-one .hero-brands{margin-top:17px;padding-top:14px;gap:8px;align-items:center}
 .hero-option-one .hero-brand{flex-direction:column;gap:5px;text-align:center}
 .hero-option-one .hero-brand-copy{text-align:center}
 .hero-option-one .hero-brand-copy span{font-size:.44rem;letter-spacing:.06em}
 .hero-option-one .hero-brand-copy strong{font-size:.61rem;line-height:1.3;letter-spacing:.02em}
 .hero-option-one .hero-brand-creator img{height:31px}
 .hero-option-one .hero-brand-publisher img{height:38px}
 .hero-option-one .hero-brand-divider{font-size:.5rem}
}

/* v0.3.1 — replaces the ambiguous flourish with a clean rising-melody mark.
   Both noteheads remain legible at small screen sizes. */
.hero-option-one .leaf-rule-melody{display:inline-flex;align-items:center;justify-content:center;
  color:#a38451;flex:none;width:30px;height:28px;line-height:1}
.hero-option-one .leaf-rule-melody svg{width:28px;height:25px;display:block}
.hero-option-one .divider-melody{display:inline-flex;align-items:center;justify-content:center;
  color:#a38451;width:39px;height:32px;flex:none}
.hero-option-one .divider-melody svg{display:block;width:36px;height:31px}
.intro-strip .tiny-cross{font-size:1.15rem;color:#b7965e;line-height:1}
@media(max-width:500px){
 .hero-option-one .leaf-rule-melody{width:22px;height:22px}
 .hero-option-one .leaf-rule-melody svg{width:21px;height:20px}
 .hero-option-one .divider-melody{width:30px;height:25px}
 .hero-option-one .divider-melody svg{width:28px;height:25px}
}