/* Show the complete emblem region of the approved original artwork.
   Original PNG is unchanged: 1254×1254, emblem within x250..1125/y0..785.
   The viewport excludes only the wordmark below; no part of the emblem is cut. */
.brand-symbol{display:inline-block;position:relative;width:53px;height:auto;aspect-ratio:875/785;overflow:hidden;flex:none;vertical-align:middle}
.brand-symbol img{position:absolute;display:block;left:-28.5714286%;top:0;width:143.314286%;height:auto;max-width:none;max-height:none;object-fit:initial;margin:0;padding:0;border:0;border-radius:0}
.brand{overflow:visible;gap:11px}.brand>.brand-symbol{font-size:0;line-height:0}
.hero-art{margin:0;min-width:0}
.hero-photo{aspect-ratio:1;max-width:540px;margin-inline:auto}
.hero-photo>img{width:100%;height:100%;object-fit:contain}
/* A dedicated row prevents the seal from covering the photo, copy or buttons. */
.hero-decoration{display:flex;justify-content:flex-end;align-items:center;gap:18px;margin-top:25px;padding:0 0 2px;min-height:112px}
.hero-decoration .maker-seal{position:relative;inset:auto;width:112px;height:112px;flex:none;display:grid;place-items:center;transform:none;box-shadow:none;overflow:visible}
.maker-seal .brand-symbol{width:70px;height:auto;aspect-ratio:875/785;display:block}
.maker-seal .brand-symbol img{width:143.314286%;height:auto}
.motion-toggle{font-size:11px;color:#24483b;min-height:44px;padding:10px 6px}
.spinning-symbol{animation:capoli-symbol-spin 24s linear infinite;animation-play-state:paused;transform-origin:50% 50%}
.motion-enabled .spinning-symbol{animation-play-state:running}
.badge-paused .spinning-symbol,.badge-offscreen .spinning-symbol,.badge-hidden .spinning-symbol{animation-play-state:paused}
@keyframes capoli-symbol-spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
/* Keep the watermark wholly inside the text column, including its bottom edge. */
.story-intro{min-height:315px;overflow:visible;isolation:isolate}
.story-intro>.brand-symbol.watermark{position:absolute;right:8px;bottom:8px;top:auto;left:auto;width:min(68%,250px);height:auto;aspect-ratio:875/785;opacity:.10;z-index:-1;pointer-events:none}
.story-intro>.brand-symbol.watermark img{position:absolute;width:143.314286%;height:auto}
@media(max-width:640px){
 .brand .brand-symbol{width:39px;height:auto}
 .hero-art{margin:0 8px 0 0}.hero-photo{max-width:100%}
 .hero-decoration{margin-top:19px;min-height:94px;gap:15px;padding-right:2px}
 .hero-decoration .maker-seal{width:94px;height:94px}
 .maker-seal .brand-symbol{width:59px;height:auto}
 .story-intro{min-height:290px}
 .story-intro>.brand-symbol.watermark{width:min(67%,210px);bottom:0;right:0}
}
@media(prefers-reduced-motion:reduce){.spinning-symbol{animation:none!important;transform:none!important}.motion-toggle{display:none!important}}