/* Match the approved composition at 100%; adjust real canvas bounds so projected
   geographic crosses and their leaders continue to share the drawing's plane. */
body[data-stage="countries"] #home-relief-canvas {
 --home-base-left:max(45%,510px);
 --home-base-width:calc(100% - var(--home-base-left));
 --home-map-scale:var(--screen-home-desktop-map-scale,1);
 left:calc(var(--home-base-left) + var(--home-base-width) * .5 - var(--home-base-width) * .5 * var(--home-map-scale) + var(--screen-home-desktop-map-x,0vw));
 top:calc(50% - 33% * var(--home-map-scale) + var(--screen-home-desktop-map-y,0vh));
 width:calc(var(--home-base-width) * var(--home-map-scale));
 height:calc(66% * var(--home-map-scale));
}
#country-list-layout {position:absolute;inset:0;pointer-events:none;transform-origin:0 50%}
body[data-stage="countries"] #country-list-layout {
 transform:translate(var(--screen-home-desktop-list-x,0vw),var(--screen-home-desktop-list-y,0vh)) scale(var(--screen-home-desktop-list-scale,1));
}
body[data-stage="countries"] .map-fade::after {
 content:"";position:absolute;inset:0;
 background:linear-gradient(to bottom,var(--paper),transparent var(--screen-home-desktop-fade-top,0%),transparent calc(100% - var(--screen-home-desktop-fade-bottom,0%)),var(--paper));
}
body[data-stage="country"] .map-fade {
 background:linear-gradient(to bottom,var(--paper),transparent var(--screen-country-desktop-fade-top,16%),transparent calc(100% - var(--screen-country-desktop-fade-bottom,21%)),var(--paper));
}
body[data-stage="region"] .map-fade {
 background:linear-gradient(to bottom,var(--paper),transparent var(--screen-city-desktop-fade-top,6%),transparent calc(100% - var(--screen-city-desktop-fade-bottom,12%)),var(--paper));
}
body[data-stage="region"] #region .place-caption {
 transform:translate(var(--screen-city-desktop-title-x,0vw),calc(-1 * var(--screen-city-desktop-title-y,0vh)));
}
body[data-stage="region"] #region .place-caption h1 {
 transform:scale(var(--screen-city-desktop-title-scale,1));transform-origin:left bottom;
}
body[data-stage="region"] .product-header::before {height:calc(125px * var(--screen-city-desktop-header-fade,1))}
@media(max-width:760px){
 body[data-stage="countries"] #home-relief-canvas {
  --home-map-scale:var(--screen-home-mobile-map-scale,1);
  left:calc(50% - 48% * var(--home-map-scale) + var(--screen-home-mobile-map-x,0vw));
  top:calc(50% - 38% * var(--home-map-scale) + var(--screen-home-mobile-map-y,0vh));
  width:calc(96% * var(--home-map-scale));height:calc(76% * var(--home-map-scale));
 }
 body[data-stage="countries"] #country-list-layout {
  transform:translate(var(--screen-home-mobile-list-x,0vw),var(--screen-home-mobile-list-y,0vh)) scale(var(--screen-home-mobile-list-scale,1));
 }
 /* Retain the letter-shaped paper halos; the adjustable wash affects the map. */
 body[data-stage="countries"] .map-fade {display:block;background:none}
 body[data-stage="countries"] .map-fade::after {
  background:linear-gradient(to bottom,var(--paper),transparent var(--screen-home-mobile-fade-top,0%),transparent calc(100% - var(--screen-home-mobile-fade-bottom,0%)),var(--paper));
 }
 body[data-stage="country"] .map-fade {
  background:linear-gradient(to bottom,var(--paper),transparent var(--screen-country-mobile-fade-top,16%),transparent calc(100% - var(--screen-country-mobile-fade-bottom,21%)),var(--paper));
 }
 body[data-stage="region"] .map-fade {
  background:linear-gradient(to bottom,var(--paper),transparent var(--screen-city-mobile-fade-top,5%),transparent calc(100% - var(--screen-city-mobile-fade-bottom,12%)),var(--paper));
 }
 body[data-stage="region"] #region .place-caption {
  transform:translate(var(--screen-city-mobile-title-x,0vw),calc(-1 * var(--screen-city-mobile-title-y,0vh)));
 }
 body[data-stage="region"] #region .place-caption h1 {transform:scale(var(--screen-city-mobile-title-scale,1))}
 body[data-stage="region"] .product-header::before {height:calc(155px * var(--screen-city-mobile-header-fade,1))}
}