/* 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}

/* Keep the homepage values and introductory copy in the dark area left of Giza.
   The title and background retain their positions; copy wraps within this column. */
@media(min-width:1101px){
 body.lyra-site.home-page main#main-content #home .hero-inner > :is(.hero-values-ribbon,.intro,.hero-social){
  width:60%;max-width:60%;min-width:0;margin-inline:0;
 }
 body.lyra-site.home-page main#main-content #home .hero-inner > :is(.intro,.hero-social){
  text-align:left;
 }
}

/* Double the human-evolution landscape shown in the Awareness chapter.
   Its original viewport cap doubles too, so the requested increase is visible. */
body.lyra-site main#main-content #human-evolution-lyra > figure > .lyra-six-frame{
 width:400%;
 max-width:min(5280px,calc((100vw - var(--ribbon-width) - var(--ribbon-width)) * 2));
 margin-inline:0;left:50%;transform:translateX(-50%);
}

/* Enlarge the complete Eternal Source art sequence, retaining its paired layout. */
body.lyra-site main#main-content #source-human-experience-lyra .human-experience-art-grid{
 width:350%;
 max-width:min(4620px,calc((100vw - var(--ribbon-width) - var(--ribbon-width)) * 2));
 margin-inline:0;left:50%;transform:translateX(-50%);
}

/* These portrait artworks double independently of their reading panels.
   The viewport guard keeps the full image visible on smaller screens. */
body.lyra-site main#main-content :is(#geography-of-the-soul,#evolution-of-awareness,#sacred-anatomy-lyra) > figure > .lyra-six-frame{
 width:200%;
 max-width:min(2640px,calc((100vw - 2rem) / var(--lyra-page-scale)));
 position:relative;left:50%;transform:translateX(-50%);margin-inline:0;
}

/* Inner Architecture keeps its image and gold figure frame together. */
body.lyra-site main#main-content #inner-architecture > figure{
 width:200%;max-width:min(2560px,calc((100vw - 2rem) / var(--lyra-page-scale)));
 flex-shrink:0;align-self:center;margin-inline:0;
}
body.lyra-site main#main-content #inner-architecture > figure > figcaption{
 max-width:68ch;margin-inline:auto;
}

/* Syncretic Energy Architecture retains its established chart crop and gold frame. */
body.lyra-site main#main-content #chakra-mapping-lyra > figure > .lyra-six-frame{
 width:200%;max-width:min(3300px,calc((100vw - 2rem) / var(--lyra-page-scale)));
 position:relative;left:50%;transform:translateX(-50%);margin-inline:0;
}
/* Power Within uses its own original 1600px art-column baseline. */
body.lyra-site main#main-content #power-within > figure{
 width:200%;max-width:min(3200px,calc((100vw - 2rem) / var(--lyra-page-scale)));
 flex-shrink:0;align-self:center;margin-inline:0;
}
body.lyra-site main#main-content #power-within > figure > figcaption{
 max-width:68ch;margin-inline:auto;
}

/* Give Mia's personal message a clear italic letterform on every platform. */
@layer journey-content-type{
 body.lyra-site main#main-content #meditation-room-to-unfold .mia-cosmic-words{
  font-family:Georgia,"Times New Roman",serif!important;
  font-style:italic!important;
 }
}

/* Double Cosmic Ascension from its existing enlarged poster size. */
body.lyra-site main#main-content #cosmic-ascension-original > figure > .lyra-six-frame{
 width:332%;
 max-width:min(4382.4px,calc((100vw - var(--ribbon-width) - var(--ribbon-width)) * 2));
 margin-inline:0;left:50%;transform:translateX(-50%);
}

/* Seven Chakras / Egyptian Echoes: double the existing centred art column. */
body.lyra-site main#main-content #egyptian-chakra-echoes{
 width:min(378.2%,calc((100vw - 2rem) * 2));max-width:4840.96px;
}
body.lyra-site main#main-content #egyptian-chakra-echoes > figure > figcaption{
 max-width:68ch;margin-inline:auto;
}

/* Double the One Life, Live It family album while retaining every photo pairing. */
body.lyra-site.family-page main#main-content #live-life-beach-lyra{
 width:332%;
 max-width:min(4382.4px,calc((100vw - var(--ribbon-width) - var(--ribbon-width)) * 2));
}

/* Navigation: a four-times desktop face logo and a compact Connect button. */
body.lyra-site .site-header .brand{min-width:0}
body.lyra-site .site-header .brand .lyra-nav-logo{
 height:20rem;width:auto;max-width:none;object-fit:contain;
}
body.lyra-site .site-header nav a:is([href^="connect.html"],[href^="/connect"],[href="#connect"]){
 font-size:clamp(1.5rem,1.75vw,1.75rem)!important;
 padding:.6rem .7rem!important;min-height:4.5rem!important;
 min-width:0;width:100%;max-width:12rem;height:auto;box-sizing:border-box;
 white-space:nowrap;overflow-wrap:normal;justify-self:end;
}
@media(min-width:1101px){
 body.lyra-site .site-header{align-items:center;flex-wrap:nowrap}
 body.lyra-site .site-header nav{
  flex:1 1 0%;width:auto;min-width:0;max-width:100%;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1.5fr) minmax(0,1.15fr) minmax(0,12rem);
 }
}
@media(max-width:1100px){
 body.lyra-site .site-header .brand .lyra-nav-logo{height:clamp(12rem,35vw,20rem)}
 body.lyra-site .site-header nav{display:none}
 body.lyra-site .site-header nav.open{display:flex}
 body.lyra-site .site-header nav a:is([href^="connect.html"],[href^="/connect"],[href="#connect"]){align-self:flex-start}
}

/* Keep each moving phrase directly beneath its own footer portrait. */
body.lyra-site.home-page footer .footer-signature-stage{
 grid-template-columns:minmax(0,1.5fr) minmax(0,1.8fr) minmax(0,2.4fr) minmax(0,1.8fr) minmax(0,1.5fr);
 align-items:start;
}
body.lyra-site.home-page footer .footer-signature-stage .footer-portrait-row{display:contents}
body.lyra-site.home-page footer .footer-portrait-stack{
 display:flex;flex-direction:column;align-items:center;justify-content:flex-start;
 min-width:0;width:100%;gap:.75rem;grid-row:1;
}
body.lyra-site.home-page footer .footer-portrait-stack-left{grid-column:2}
body.lyra-site.home-page footer .footer-portrait-stack-right{grid-column:4}
body.lyra-site.home-page footer .footer-signature-stage .footer-portrait-center{grid-column:3;grid-row:1}
body.lyra-site.home-page footer .footer-portrait-stack .footer-portrait{margin-block:0;flex:none}
body.lyra-site.home-page footer .footer-portrait-stack .footer-side-signature{
 width:50%;max-width:240px;min-height:0;margin:0 auto;
 padding:.75rem .25rem;align-self:center;
}
@media(min-width:1101px){
 body.lyra-site.home-page footer .footer-portrait-stack .footer-side-signature{max-width:calc(240px / var(--lyra-page-scale))}
}
@media(min-width:1300px) and (max-width:1799px){
 body.lyra-site.home-page footer .footer-signature-stage{
  grid-template-columns:minmax(0,1fr) minmax(0,2.5fr) minmax(0,3fr) minmax(0,2.5fr) minmax(0,1fr);
 }
}
@media(min-width:1800px){
 body.lyra-site.home-page footer .footer-signature-stage{
  grid-template-columns:minmax(0,1fr) minmax(0,480px) minmax(0,1.6fr) minmax(0,480px) minmax(0,1fr);
 }
}
@media(max-width:760px){
 body.lyra-site.home-page footer .footer-signature-stage{grid-template-columns:repeat(2,minmax(0,1fr));max-width:600px;margin-inline:auto}
 body.lyra-site.home-page footer .footer-portrait-stack-left{grid-column:1}
 body.lyra-site.home-page footer .footer-portrait-stack-right{grid-column:2}
 body.lyra-site.home-page footer .footer-signature-stage .footer-portrait-center{grid-column:1/-1;grid-row:2}
}