/* Keep the approved compact sizing while allowing the layout to fill its screen.
   A percentage width follows the available space under zoom; 100vw was itself
   being scaled and left the entire site in a one-third-width column. */
:root{--lyra-page-scale:0.333333333}
html{background:#07101e}
body{
 width:100%;
 max-width:none;
 margin-inline:auto;
 zoom:var(--lyra-page-scale);
}

/* Header, page ribbons and footer share the same fluid outer edges. Existing
   grid breakpoints continue to reflow content without stretching its pixels. */
body.lyra-site > :is(.site-header,main,footer){
 width:100%;max-width:100%;min-width:0;margin-inline:auto;
}

@media(min-width:1101px){
 body.lyra-site.home-page .hero-inner{flex:0 1 65%;max-width:65%;min-width:0}
 body.lyra-site.home-page .hero .hero-golden-sayings{flex:1 1 32%;min-width:0;max-width:32%}
 body.lyra-site.home-page #colin-story .story-portrait{
  width:100%;max-width:calc(480px / var(--lyra-page-scale));margin-inline:auto;
 }
 body.lyra-site.home-page footer .footer-signature-stage .footer-portrait{
  max-width:calc(480px / var(--lyra-page-scale));
 }
}

/* Egypt's full-width art collections follow the inner ribbon edges. The paired
   picture grids keep their existing column proportions and natural image ratios. */
body.lyra-site.egypt-page main #egypt #khafre-gallery{
 width:100%;max-width:none;
}
body.lyra-site.egypt-page main #egypt-symbolic-body-map-lyra{
 width:calc(100% - var(--ribbon-width) - var(--ribbon-width));
 max-width:none;margin-inline:auto;
}
body.lyra-site.egypt-page main #egypt-symbolic-body-map-lyra .lyra-six-frame{
 width:100%;max-width:100%;left:auto;transform:none;margin-inline:auto;
}

/* Version 614: enlarge reading text independently of the approved artwork.
   These are twice the compact v613 values; root rem sizing and page zoom stay put. */
body.lyra-site main:is(#main-content,.guide,.legal){
 --journey-body-size:calc(max(1.25rem,clamp(1.2rem,1.08rem + .48vw,1.5rem)) * 2);
 --journey-caption-size:var(--journey-body-size);
 --journey-heading-size:calc(clamp(2rem,1.3rem + 3vw,3.5rem) * 2);
 --journey-subheading-size:calc(max(1.25rem,clamp(1.5rem,1.1rem + 1.6vw,2.25rem)) * 2);
 --journey-eyebrow-size:calc(max(1.125rem,clamp(1rem,.9rem + .4vw,1.25rem)) * 2);
 --lyra-art-subtext-size:calc(clamp(1.25rem,1.125rem + .5vw,1.5rem) * 2);
 --lyra-reading-link-size:3.5775rem;
}
@layer journey-content-type{
 body.lyra-site main:is(#main-content,.guide,.legal) :is(p,li,dt,dd,figcaption,summary,td,th,label,input,textarea,select,small,.lyra-art-summary,.image-caption,.new-art-caption,.unity-sequence-caption,.content-status,.deeper-belief){
  font-size:var(--journey-body-size)!important;line-height:1.6!important;
  overflow-wrap:break-word!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(.eyebrow,.note,.roadmap-note,.dimensions-note,.map-context,.source-credit,.khafre-source-credit,.equinox-sources,.family-memory-date){
  font-size:var(--journey-eyebrow-size)!important;line-height:1.6!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(h2,h1.page-title){
  font-size:var(--journey-heading-size)!important;line-height:1.3!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(h3,h4,h5){
  font-size:var(--journey-subheading-size)!important;line-height:1.35!important;
 }
 body.lyra-site:not(.journey-page) main:is(#main-content,.guide,.legal) #chapters .chapter-card h2{
  font-size:calc(clamp(2rem,1.3rem + 2.4vw,3.5rem) * 2)!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(blockquote,.quote){
  font-size:calc(clamp(1.35rem,1.1rem + 1vw,1.875rem) * 2)!important;
  line-height:1.6!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(figcaption,.lyra-art-summary,p,li,td,th) :is(span,small,a,em){
  font-size:inherit!important;line-height:inherit!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(figcaption,.lyra-art-summary)>strong{
  font-size:1.15em!important;line-height:inherit!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(a,button,.chapter-open,.chapter-number,.explore-card>span,.cta,.copy-status){
  font-size:var(--journey-body-size)!important;line-height:1.5!important;
 }
 body.lyra-site main:is(#main-content,.guide,.legal) :is(.topic-nav,.related-pages,.page-path) a{
  font-size:var(--lyra-reading-link-size)!important;line-height:1.5!important;
 }
 body.lyra-site footer :is(p,small,figcaption,.copyright,.copy-status,.visit-count,.artwork-disclaimer){
  font-size:clamp(2.5rem,2.16rem + .96vw,3rem)!important;
  line-height:1.6!important;overflow-wrap:break-word!important;
 }
 body.lyra-site footer :is(p,small,figcaption,.visit-count) :is(span,a){font-size:inherit!important}
 body.lyra-site footer.reading-footer>p:first-child,
 body.lyra-site.home-page footer .footer-signature small{
  font-size:calc(var(--lyra-footer-note-size) * 1.59 * 2)!important;
 }
 body.lyra-site footer .footer-links a{
  font-size:3.5775rem!important;line-height:1.5!important;
 }
}

/* Roomier topic entrances and controls grow in height while retaining the grid. */
body.lyra-site.home-page main:is(#main-content,.guide,.legal) .explore-card,
body.lyra-site main:is(#main-content,.guide,.legal) #chapters .chapter-card{
 padding:clamp(3.75rem,7vw,7.5rem);gap:2.5rem;min-height:0;height:auto;
}
body.lyra-site main:is(#main-content,.guide,.legal) :is(.topic-nav,.related-pages,.page-path) a{
 padding:1.4rem 2rem;min-height:7rem;white-space:normal;max-width:100%;
}
body.lyra-site main:is(#main-content,.guide,.legal) :is(.content-status,.deeper-belief,.original-art-reading-card){
 height:auto;max-height:none;
}
body.lyra-site .site-header nav a,
body.lyra-site .site-header nav a.readable-home-link{
 font-size:clamp(2.25rem,2.5vw,2.5rem)!important;line-height:1.4;
 padding:1.3rem 1.2rem!important;min-height:6.5rem!important;
 height:auto;white-space:normal;overflow-wrap:break-word;
}
body.lyra-site .site-header .menu{font-size:3rem;min-width:5.5rem;min-height:5.5rem}

/* Add a clear left inset to the homepage introduction without moving its ribbons. */
body.lyra-site.home-page main:is(#main-content,.guide,.legal) #home{
 padding-inline-start:calc(var(--page-gutter) + clamp(3rem,6vw,8rem));
}
body.lyra-site.home-page #colin-story .story-portrait,
body.lyra-site.home-page footer .footer-signature-stage .footer-portrait{
 width:50%;max-width:240px;margin-inline:auto;justify-self:center;
}
@media(min-width:1101px){
 body.lyra-site.home-page #colin-story .story-portrait,
 body.lyra-site.home-page footer .footer-signature-stage .footer-portrait{
  max-width:calc(240px / var(--lyra-page-scale));
 }
}
/* The signature text doubles, but its butterfly keeps its approved rendered size. */
body.lyra-site #connect #live-your-best-life .lyra-signoff-butterfly{
 width:50%;min-width:50%;max-width:50%;
}

/* The standalone Observer Effect readers also receive the small-text pass. */
body:not(.lyra-site){
 --reader-body:calc(min(max(1.25rem,clamp(2.1656rem,1.98rem + .9075vw,2.8875rem)),clamp(1.5rem,6.1vw - 2.69375rem,2.8875rem)) * 2);
 --reader-heading:calc(clamp(2.75rem,5.06vw,5.06rem) * 2);
 --reader-subheading:calc(clamp(1.8rem,2.7vw,2.8rem) * 2);
 --reader-button:calc(clamp(1.25rem,2.1vw,1.9378125rem) * 2);
}
body:not(.lyra-site) :is(footer,.observer-diagram-note){font-size:2.5rem;line-height:1.6}