/* Integrate the approved sections with the full-page navigation. */
#main [id]{scroll-margin-top:92px}
#main #top{scroll-margin-top:0}
:where(a,button,[role="button"]):focus-visible{outline:3px solid var(--moss-bright);outline-offset:4px}
.nav-links{font-size:11px}
.nav-links .nav-cta,.control-open {
  border:1px solid #e2ebbb66;
  border-radius:100px;
  background:linear-gradient(157deg,#a9bf9040,#193728a6);
  box-shadow:inset 0 1px 0 #ffffff38,0 4px 16px #0003;
  backdrop-filter:blur(15px);
}
.nav-links .nav-cta{gap:6px;padding-inline:13px}
.stage-note{font-size:11px}
.experience{height:170svh;min-height:1100px}
.collection-band{background:#f2efe4;padding:clamp(22px,6vw,84px) clamp(12px,5vw,68px)}
.enquiry-band{background:#eef0e7;padding:clamp(22px,6vw,84px) clamp(12px,5vw,68px)}
#gg-product-preview,#gg-live-enquiry{width:min(100%,1120px);margin-inline:auto}
#gg-product-preview{color-scheme:only light;--paper:#fbf8ef;--ink:#173426;--muted:#3e5747}
#gg-product-preview .gg-stage{height:clamp(260px,54vw,540px)}
#gg-product-preview .gg-grow img{height:clamp(220px,40vw,410px)}
#gg-product-preview .gg-heading h2{font-family:var(--serif)}
#gg-product-preview .gg-enquire-link{
  display:inline-flex;align-items:center;gap:10px;min-height:46px;padding:9px 17px;border-radius:99px;
  border:1px solid #39634c;background:linear-gradient(150deg,#416a53,#203f30);color:#fff9ed;
  font-size:14px;font-weight:650;box-shadow:inset 0 1px 0 #ffffff50,0 4px 12px #254b3328;
}
#gg-product-preview .gg-enquire-link:hover{background:#254c36}
#gg-product-preview .gg-enquire-link:focus-visible{outline-color:var(--focus)}
#gg-live-enquiry [hidden]{display:none !important}
.gg-process{background:#e1e8d7;color:#233d2e;padding:clamp(40px,7vw,96px) var(--pad)}
.gg-process-inner{max-width:1120px;margin-inline:auto}
.gg-process .section-mark{color:#395641;font-size:11px;margin:0 0 12px}
.gg-process h2{font:400 clamp(34px,6vw,60px)/1.08 var(--serif);letter-spacing:-.045em;margin:0 0 27px}
.gg-process h2 em{color:#436346;font-weight:400}
.gg-process ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.gg-process li{border-top:1px solid #92a78e;padding-top:17px}
.process-number{color:#46664e;font-size:13px;font-weight:700}
.gg-process h3{font:400 24px/1.2 var(--serif);margin:8px 0}
.gg-process li p{color:#3d5845;max-width:36ch;line-height:1.55;margin:0}
.gg-site-footer{background:#101e16;color:#e8ecdd;padding:42px var(--pad) 21px}
.gg-footer-inner{max-width:1120px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr 1fr;gap:24px}
.gg-footer-inner nav{display:flex;flex-wrap:wrap;align-content:start;gap:0 16px}
.gg-footer-inner nav a{display:inline-flex;align-items:center;min-height:44px}
.gg-footer-inner nav a:hover{text-decoration:underline}
.gg-footer-brand{font:400 30px/1.25 var(--serif)}
.gg-footer-inner p{color:#c7d6c6;line-height:1.5}
.gg-footer-legal{max-width:1120px;margin:23px auto 0;border-top:1px solid #bfcebe36;padding-top:13px;display:flex;justify-content:space-between;gap:16px;color:#c7d6c6;font-size:12px}
@media(max-width:700px){
  #main [id]{scroll-margin-top:78px}
  .experience{height:139svh;min-height:940px}
  .nav-links{font-size:10px}
  .stage-note{font-size:9px}
  .bottom-right{display:none}
  .stage-bottom{grid-template-columns:1fr}
  .scene-controls{flex-wrap:wrap}
  .maker{min-height:570px}
  .gg-process ol,.gg-footer-inner{grid-template-columns:1fr}
}
@media(max-width:380px){
  .collection-band,.enquiry-band{padding-inline:8px}
  .stage-bottom{left:14px;right:14px}
}
@media(prefers-reduced-motion:reduce){
  .experience{height:auto;min-height:0}
  .stage{position:relative}
}