/* Mobile reading, phase one. Desktop keeps its existing composition. */
#ansen-garden .ag-nav .ag-mobile-notices{display:none}
@media(max-width:760px){
 body #ansen-garden .ag-scroll .ag-hero{display:block;min-height:max(600px,calc(var(--ag-scroll-height) - var(--ag-header-height)))}
 #ansen-garden .ag-hero-copy{width:100%;padding:clamp(54px,10svh,92px) 8% 150px;background:transparent}
 #ansen-garden .ag-photo{position:absolute;inset:0;min-height:0;height:100%;background-image:linear-gradient(180deg,rgba(12,30,20,.64) 0%,rgba(12,30,20,.54) 38%,rgba(12,30,20,.12) 72%,rgba(12,30,20,.28) 100%),var(--ag-photo);background-size:100% 100%,cover;background-position:center,32% center!important;background-repeat:no-repeat;transform:none;animation:none}
 #ansen-garden .ag-photo::before,#ansen-garden .ag-photo::after{display:none}
 #ansen-garden .ag-nav .ag-mobile-notices{display:flex;align-items:center}
 #ansen-garden .ag-floating-actions .ag-quick-notices{display:flex}
 #ansen-garden .ag-floating-actions,#ansen-garden.ag-reading-mode .ag-floating-actions{width:auto;right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px))}
 #ansen-garden:not(.ag-reading-mode) .ag-floating-actions .ag-quick,#ansen-garden.ag-reading-mode .ag-floating-actions .ag-quick{width:auto;min-width:96px;height:44px;min-height:44px;padding:0 16px;border-radius:24px;font-size:14px;line-height:1.5;box-shadow:0 2px 10px #203a2820}
 #ansen-garden.ag-mobile-inline-booking-visible .ag-floating-actions,#ansen-garden:has(.ag-nav.ag-open) .ag-floating-actions{display:none}
 #ansen-garden .ag-services .ag-service-heading{position:static;max-width:none;padding:28px 6% 18px}
 #ansen-garden .ag-service-tabs{position:static;left:auto;right:auto;top:auto;bottom:auto;width:auto;margin:0;padding:0 6% 24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}
 #ansen-garden .ag-service-display{grid-template-columns:minmax(0,1fr);min-height:0;padding:0;gap:0}
 #ansen-garden .ag-mobile-service-intro{padding:6px 6% 22px;background:var(--ag-paper);color:var(--ag-ink);min-width:0}
 #ansen-garden .ag-mobile-service-intro .ag-service-name{font:400 26px/1.6 "Songti TC","Noto Serif TC",serif;letter-spacing:.02em;white-space:pre-line;min-height:3.2em;margin:0 0 14px}
 #ansen-garden .ag-mobile-service-intro .ag-service-text{font-size:15px;line-height:1.85;white-space:pre-line;min-height:3.7em;max-width:none}
 #ansen-garden .ag-service-art{padding:0 6% 24px;min-height:0;background:var(--ag-paper)}
 #ansen-garden .ag-service-art img.ag-audience-scene{width:min(100%,360px);max-height:240px;object-fit:contain}
 #ansen-garden .ag-service-copy{padding:26px 6% 34px}
 #ansen-garden .ag-service-copy .ag-service-summary{margin-top:0}
}

@media(max-width:360px){
 #ansen-garden .ag-hero-copy{padding-top:32px}
 #ansen-garden .ag-hero h1{font-size:28px;line-height:1.45}
 #ansen-garden .ag-hero p{font-size:13px;line-height:1.75;margin-top:18px}
}

/* Compact navigation follows one row-by-row grid, with equal-sized entries. */
#ansen-garden .ag-nav .ag-nav-group a.ag-mobile-menu-booking{display:none}
@media(max-width:1000px){
 #ansen-garden .ag-nav.ag-open{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px 10px;padding:12px 6% 16px;max-height:calc(100svh - var(--ag-header-height));overflow-y:auto;overscroll-behavior:contain;background:var(--ag-paper);box-shadow:0 8px 16px #20392b14}
 #ansen-garden .ag-nav .ag-nav-group{display:contents}
 #ansen-garden .ag-nav .ag-nav-group a,#ansen-garden[data-language=en] .ag-nav .ag-nav-group a{display:flex;align-items:center;justify-content:flex-start;min-height:44px;padding:9px 12px;font:400 15px/1.6 "Songti TC","Noto Serif TC",serif;letter-spacing:.025em;white-space:normal;min-width:0;color:var(--ag-forest);background:#eef0e3;border:0;border-radius:0;clip-path:polygon(0 0,calc(100% - 7px) 0,100% 7px,100% 100%,0 100%);transition:background-color .18s ease}
 #ansen-garden .ag-nav a::after{display:none}@media (hover:hover) and (pointer:fine){#ansen-garden .ag-nav .ag-nav-group a:hover{background:#e2e7d8}}
 #ansen-garden .ag-nav .ag-nav-group a[aria-current="page"]{background:var(--ag-sky);color:var(--ag-forest);box-shadow:inset 0 0 0 2px var(--ag-blue)}
 #ansen-garden .ag-nav .ag-nav-group a:focus-visible{outline:2px solid var(--ag-blue);outline-offset:-4px}
 #ansen-garden .ag-nav .ag-nav-group a[data-page].ag-mobile-menu-booking{display:flex;justify-content:flex-start;min-height:44px;padding:9px 12px;font:400 15px/1.6 "Songti TC","Noto Serif TC",serif;color:var(--ag-paper);background:var(--ag-forest);border:0;border-radius:0;width:auto;grid-column:auto;justify-self:stretch;margin:0}
 #ansen-garden .ag-nav .ag-nav-group a[data-page="contact"]{grid-column:1/-1}
 #ansen-garden[data-language=en] .ag-nav .ag-nav-group a,#ansen-garden[data-language=en] .ag-nav .ag-nav-group a[data-page].ag-mobile-menu-booking{font-size:14px;letter-spacing:0}
 #ansen-garden:has(.ag-nav.ag-open) .ag-floating-actions{display:none}
}
@media(prefers-reduced-motion:reduce){#ansen-garden .ag-nav .ag-nav-group a{transition:none}}

/* Keep all three shortcuts inside narrow phone screens. */
@media(max-width:360px){
 #ansen-garden .ag-floating-actions,#ansen-garden.ag-reading-mode .ag-floating-actions{display:grid;grid-template-columns:auto auto;gap:8px}
 #ansen-garden .ag-floating-actions .ag-quick-announcements{grid-column:1/-1;justify-self:end}
}