/* One fixed photograph; no repeating background or negative stacking layer. */
html{min-height:100%;background:#87958b}
body{min-height:100svh;isolation:isolate;background:transparent}
body:before{content:none;display:none;background:none}
.scenery{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:#87958b}
.scenery img{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:brightness(.94) saturate(.88)}
.stage{position:relative;z-index:1}
/* Thin translucent body, a polished rim and narrow optical edge highlights. */
.glass{
  isolation:isolate;
  background:linear-gradient(110deg,rgba(234,241,232,.76),rgba(230,239,232,.57) 48%,rgba(228,240,234,.2));
  border:1px solid rgba(245,255,248,.62);
  box-shadow:0 24px 64px #112b2630,inset 0 2px 2px #ffffffb0,inset 2px 0 3px #ffffff60,inset -2px -2px 4px #c8e3d64d;
  backdrop-filter:blur(9px) saturate(125%);
  -webkit-backdrop-filter:blur(9px) saturate(125%);
}
.glass:before{
  content:"";position:absolute;inset:0;z-index:0;pointer-events:none;border-radius:inherit;
  background:linear-gradient(135deg,#ffffffb0,transparent 26%,#ffffff05 55%,#ffffff70);
  padding:3px;
  -webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  -webkit-mask-composite:xor;
  mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);
  mask-composite:exclude;
  box-shadow:none;
}
.glass:after{
  content:"";position:absolute;inset:5px;border-radius:27px;pointer-events:none;z-index:0;
  border:1px solid #ffffff24;
  box-shadow:inset 0 5px 8px -7px #fff,inset 0 -7px 12px -10px #ffffffb0;
}
.glass>header,.glass>.content,.glass>.panel-footer{position:relative;z-index:1}
.secondary{background:linear-gradient(120deg,#ffffff45,#ffffff10);border-color:#fff8;box-shadow:inset 0 1px 1px #ffffff90,0 3px 12px #163b2610}
.secondary:hover{background:#ffffff60}
.outside-footer{color:#f0f3eb;text-shadow:0 1px 5px #142e2380;font-weight:500}
@media(max-width:540px){
  .glass{background:linear-gradient(115deg,#eaf1e8cc,#e4eee4a6);backdrop-filter:blur(9px) saturate(115%);-webkit-backdrop-filter:blur(9px) saturate(115%)}
  .glass:after{border-radius:19px}
}
@supports not (backdrop-filter:blur(1px)){
  .glass{background:rgba(224,235,224,.94)}
}