/* Match the live homepage's Echo background; keep the selected foreground palette. */
html[data-local-palette="sage"]{--paper:#f0f4f7;--ink:#2d4037;--muted:#68766b;--line:#d5dccf;--accent:#47634a;--wash:#dfe8f0}
body.horizontal-attached{--page-sage:var(--paper);--cinema-paper:var(--page-sage);--cinema-ink:var(--ink);background:var(--page-sage);color:var(--ink)}
.horizontal-attached .ambient{opacity:.48!important;filter:blur(80px)}
html[data-local-palette="sage"] body.horizontal-attached .ambient-one{width:54vw;height:72svh;background:#d8e7f7;right:-18vw;top:10svh}
html[data-local-palette="sage"] body.horizontal-attached .ambient-two{width:48vw;height:65svh;background:#e6e0d4;left:-20vw;bottom:-6svh}
@media(max-width:740px){
 .horizontal-attached .ambient{opacity:.27!important;filter:blur(65px)}
 html[data-local-palette="sage"] body.horizontal-attached .ambient-one{width:80vw;height:85svh;right:-48vw;top:10svh}
 html[data-local-palette="sage"] body.horizontal-attached .ambient-two{width:76vw;height:70svh;left:-48vw;bottom:0}
}
.horizontal-attached .robot-thumb{background:var(--page-sage);box-shadow:0 0 0 3px var(--page-sage),0 3px 9px #273b6410}
.horizontal-attached .bloom-title .intro-name{font-family:Ephesis,cursive;font-weight:400;font-size:clamp(46px,4.1vw,64px);line-height:.92;letter-spacing:.4px}
@media(max-width:850px){.horizontal-attached .bloom-title .intro-name{font-size:44px}}
@media(max-width:740px){.horizontal-attached .robot-thumb{box-shadow:0 0 0 2px var(--page-sage),0 3px 9px #273b6410}}
@media(max-width:480px){.horizontal-attached .bloom-title .intro-name{font-size:42px}}