/* Visual upgrade: richer images, backgrounds and premium spacing */
:root{--photo-shadow:0 28px 70px rgba(23,58,47,.18)}
body{
  background:
    linear-gradient(180deg,rgba(247,241,231,.86),rgba(247,241,231,.92)),
    url('/assets/img/nature-tea.jpg') center top/cover fixed,
    #f7f1e7;
}
body:before{
  opacity:.85;
  background-image:
    radial-gradient(circle at 1px 1px,rgba(18,57,47,.12) 1px,transparent 0),
    linear-gradient(90deg,rgba(18,57,47,.028) 1px,transparent 1px),
    linear-gradient(rgba(18,57,47,.02) 1px,transparent 1px);
  background-size:22px 22px,72px 72px,72px 72px;
}
.site-header{background:rgba(255,250,242,.82)}
.hero{
  min-height:calc(100vh - 76px);
  display:flex;
  align-items:center;
  background:
    linear-gradient(90deg,rgba(247,241,231,.97) 0%,rgba(247,241,231,.90) 46%,rgba(18,57,47,.50) 100%),
    url('/assets/img/hero-spa.jpg') right center/cover no-repeat;
}
.hero:before{background:radial-gradient(circle,rgba(216,189,138,.32),transparent 64%)}
.hero-grid{grid-template-columns:1fr .88fr}
.h1{max-width:820px;text-shadow:0 1px 0 rgba(255,250,242,.6)}
.hero-card{
  min-height:610px;
  border:10px solid rgba(255,250,242,.56);
  box-shadow:var(--photo-shadow);
  transform:rotate(.6deg);
}
.hero-photo{
  background:
    linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.18) 48%,rgba(18,57,47,.56)),
    url('/assets/img/hero-spa.jpg') center/cover no-repeat;
}
.hero-badge{font-size:1.02rem;background:rgba(255,250,242,.91)}
.notice{box-shadow:0 14px 35px rgba(23,58,47,.08)}
.btn.primary{background:linear-gradient(135deg,#0d3128,#23624f);box-shadow:0 18px 42px rgba(18,57,47,.30)}
.section{overflow:hidden}
.section:before{
  content:"";position:absolute;inset:0;pointer-events:none;opacity:.55;
  background:radial-gradient(circle at 92% 10%,rgba(154,107,69,.11),transparent 320px),radial-gradient(circle at 4% 92%,rgba(18,57,47,.08),transparent 300px);
}
.container,.narrow{position:relative;z-index:1}
.visual-gallery{padding:34px 0 88px;background:linear-gradient(180deg,rgba(255,250,242,.30),rgba(255,250,242,.72));}
.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:22px;align-items:stretch}
.gallery-main,.gallery-side{min-height:460px;border-radius:32px;overflow:hidden;position:relative;box-shadow:var(--photo-shadow);border:1px solid rgba(255,250,242,.72)}
.gallery-main{background:linear-gradient(180deg,rgba(18,57,47,.05),rgba(18,57,47,.44)),url('/assets/img/service-room.jpg') center/cover no-repeat}
.gallery-side{display:grid;gap:22px;box-shadow:none;border:0;overflow:visible}
.gallery-small{min-height:219px;border-radius:28px;overflow:hidden;position:relative;box-shadow:0 18px 46px rgba(23,58,47,.14);border:1px solid rgba(255,250,242,.74)}
.gallery-small.one{background:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.34)),url('/assets/img/towel-spa.jpg') center/cover no-repeat}
.gallery-small.two{background:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.34)),url('/assets/img/nature-tea.jpg') center/cover no-repeat}
.gallery-caption{position:absolute;left:22px;right:22px;bottom:22px;background:rgba(255,250,242,.88);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.65);border-radius:20px;padding:18px;box-shadow:0 16px 36px rgba(23,58,47,.12)}
.gallery-caption strong{display:block;font-size:1.28rem;color:var(--green);margin-bottom:4px}
.service-img{height:260px;background-size:cover;background-position:center;filter:saturate(.94) contrast(1.03)}
.service-card:nth-child(1) .service-img{background-image:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.30)),url('/assets/img/service-room.jpg')!important}
.service-card:nth-child(2) .service-img{background-image:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.30)),url('/assets/img/towel-spa.jpg')!important}
.service-card:nth-child(3) .service-img{background-image:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.30)),url('/assets/img/nature-tea.jpg')!important}
.card{background:rgba(255,250,242,.86);backdrop-filter:blur(8px)}
.grid-3 .card{box-shadow:0 22px 54px rgba(23,58,47,.12)}
.area-map{background:linear-gradient(180deg,rgba(18,57,47,.08),rgba(18,57,47,.34)),url('/assets/img/nature-tea.jpg') center/cover no-repeat, url('/assets/hangzhou-map.svg') center/cover}
.page-hero{
  background:
    linear-gradient(90deg,rgba(247,241,231,.96),rgba(247,241,231,.84),rgba(18,57,47,.36)),
    url('/assets/img/service-room.jpg') center/cover no-repeat;
}
#dragon:before{background-image:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.24)),url('/assets/img/service-room.jpg')!important}
#meridian:before{background-image:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.24)),url('/assets/img/towel-spa.jpg')!important}
#relax:before{background-image:linear-gradient(180deg,rgba(18,57,47,.02),rgba(18,57,47,.24)),url('/assets/img/nature-tea.jpg')!important}
.footer{background:linear-gradient(135deg,rgba(13,45,37,.96),rgba(18,57,47,.94)),url('/assets/img/nature-tea.jpg') center/cover no-repeat}
@media (max-width:900px){
  .hero{min-height:auto;background:linear-gradient(180deg,rgba(247,241,231,.96),rgba(247,241,231,.90)),url('/assets/img/hero-spa.jpg') center/cover no-repeat}
  .hero-card{transform:none;min-height:430px}
  .gallery-grid{grid-template-columns:1fr}.gallery-main{min-height:360px}.gallery-side{grid-template-columns:1fr 1fr}.gallery-small{min-height:230px}
}
@media (max-width:560px){
  body{background-attachment:scroll}
  .hero{padding-top:24px}.hero-card{min-height:330px;border-width:6px}.hero-badge{display:none}
  .visual-gallery{padding:18px 0 62px}.gallery-main{min-height:300px}.gallery-side{grid-template-columns:1fr}.gallery-small{min-height:210px}.gallery-caption{left:14px;right:14px;bottom:14px;padding:14px}.gallery-caption strong{font-size:1.08rem}
  .service-img{height:220px}
}