:root{--stage-w:1536;--stage-h:1024;--deep:#052d22;--lime:#b9d733;--cream:#f4ead1;--ink:#062c22}
*{box-sizing:border-box}html,body{width:100%;height:100%;margin:0;overflow:hidden;background:#031b15;font-family:Arial,Helvetica,sans-serif}.viewport{width:100vw;height:100vh;display:grid;place-items:center;overflow:hidden}.stage{position:relative;width:1536px;height:1024px;transform-origin:center;overflow:hidden;background:#0c3a2a;box-shadow:0 30px 90px #0008}.artwork{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;user-select:none;pointer-events:none}.brand-mask{position:absolute;left:0;top:0;width:390px;height:182px;background:linear-gradient(145deg,#073729 0%,#03271e 78%);clip-path:polygon(0 0,100% 0,94% 77%,77% 88%,0 100%);color:#fff;text-decoration:none;padding:25px 40px 18px 48px;z-index:3}.brand-kicker{display:block;color:#c5d947;font-weight:900;font-size:18px;letter-spacing:4px;transform:rotate(-3deg);margin-left:16px}.brand-name{display:block;font-family:Georgia,serif;font-weight:700;font-size:46px;line-height:.78;letter-spacing:-2px;text-shadow:0 4px 0 #001c16}.brand-name em{font-size:54px;font-weight:700;color:#f2d35c}.brand-sub{display:block;margin-top:10px;color:#b9d733;font-weight:900;letter-spacing:8px;font-size:15px}.brand-palm{position:absolute;right:32px;top:36px;font-size:72px;filter:saturate(.8)}.hotspots{position:absolute;inset:0;z-index:4}.hotspot{position:absolute;border:0;background:transparent;cursor:pointer;border-radius:15px}.hotspot:focus-visible{outline:5px solid #fff;outline-offset:-6px;background:#fff2}.hotspot--course{left:432px;top:38px;width:182px;height:78px}.hotspot--story{left:632px;top:38px;width:181px;height:78px}.hotspot--locations{left:835px;top:38px;width:177px;height:78px}.hotspot--events{left:1031px;top:38px;width:223px;height:78px}.hotspot--book{left:1276px;top:37px;width:229px;height:82px}.overlay{position:absolute;inset:0;z-index:20;display:grid;place-items:center;padding:120px 85px 80px;background:#001b16c9;backdrop-filter:blur(9px);animation:fade .22s ease}.overlay[hidden]{display:none}.overlay-panel{position:relative;width:min(1180px,100%);max-height:760px;overflow:auto;border-radius:28px;padding:58px 64px;color:#fff;box-shadow:0 35px 90px #0009;border:2px solid #ffffff42}.overlay--course .overlay-panel{background:linear-gradient(145deg,#185d3b,#0a3c2d)}.overlay--story .overlay-panel{background:linear-gradient(145deg,#854b22,#d1822b)}.overlay--locations .overlay-panel{background:linear-gradient(145deg,#0e7781,#0a4e69)}.overlay--events .overlay-panel{background:linear-gradient(145deg,#6b2768,#a23b7c)}.overlay--book .overlay-panel{background:linear-gradient(145deg,#abc91e,#d6e949);color:#092c22}.overlay-close{position:absolute;right:24px;top:18px;width:48px;height:48px;border-radius:50%;border:2px solid currentColor;background:#0002;color:inherit;font-size:34px;line-height:40px;cursor:pointer}.eyebrow{margin:0 0 10px;text-transform:uppercase;letter-spacing:4px;font-size:16px;font-weight:900;opacity:.82}.overlay h1{font-family:Impact,Haettenschweiler,'Arial Narrow Bold',sans-serif;text-transform:uppercase;letter-spacing:2px;font-size:70px;line-height:.95;margin:0 0 32px}.overlay h2{margin:7px 0 10px;font-size:27px;text-transform:uppercase}.overlay p{font-size:19px;line-height:1.5}.lead{font-size:25px!important;max-width:700px}.course-grid,.events-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.course-grid article,.events-grid article{padding:24px;border-radius:18px;background:#fff1;border:1px solid #fff4}.course-grid b{display:inline-grid;place-items:center;width:48px;height:48px;border-radius:50%;background:#c5dc3e;color:#113929;font-size:20px}.panel-note{margin-top:24px;padding:16px 20px;border-left:6px solid #c8dc3f;background:#0002;font-size:19px}.overlay-panel--split{display:grid;grid-template-columns:1.3fr .7fr;gap:55px;align-items:center}.story-badge{aspect-ratio:1;border-radius:50%;display:grid;place-content:center;text-align:center;border:8px double #ffe79c;background:#63320f45;transform:rotate(5deg)}.story-badge span,.story-badge small{letter-spacing:5px}.story-badge strong{font-size:64px;line-height:.9}.overlay-panel--location{display:grid;grid-template-columns:.75fr 1.25fr;gap:35px}.location-copy address{font-style:normal;font-size:24px;line-height:1.5}.map-illustration{position:relative;min-height:460px;border:14px solid #f2ebd5;border-radius:22px;overflow:hidden;background:#b7d8c7;box-shadow:0 18px 40px #002d}.map-water{position:absolute;right:-8%;top:-12%;width:78%;height:58%;background:#7fc7dc;transform:rotate(-8deg);border-radius:45%}.map-road{position:absolute;background:#f5eee1;border:2px solid #d3b98a;height:12px;border-radius:10px}.road-a{width:90%;left:4%;top:60%;transform:rotate(-13deg)}.road-b{width:70%;left:18%;top:42%;transform:rotate(21deg)}.road-c{width:60%;left:8%;top:77%;transform:rotate(7deg)}.map-label{position:absolute;color:#19443b;font-weight:800}.map-label--city{left:28%;top:56%;font-size:28px}.map-label--mount{right:13%;top:27%;font-size:17px}.map-pin{position:absolute;right:25%;top:44%;font-size:76px;color:#d64a2e;text-shadow:0 4px 0 #8c2517}.map-site{position:absolute;right:12%;top:62%;background:#063e31;color:white;padding:12px 18px;border-radius:12px;font-weight:800}.events-grid{grid-template-columns:repeat(3,1fr)}.events-grid span{font-size:44px}.primary-action,.secondary-action{border:0;border-radius:12px;padding:17px 25px;font-weight:900;font-size:18px;cursor:pointer}.primary-action{background:#082f25;color:#d7e94c;margin-top:24px}.secondary-action{background:#f1e8cc;color:#075148}.overlay-panel--booking{display:grid;grid-template-columns:.8fr 1.2fr;gap:42px}.overlay form{display:grid;grid-template-columns:1fr 1fr;gap:18px}.overlay label{display:grid;gap:7px;font-weight:800}.overlay input,.overlay select,.overlay textarea{width:100%;border:2px solid #173d33;border-radius:9px;background:#fffdf4;padding:13px 14px;font:inherit;color:#12362e}.wide{grid-column:1/-1}.form-status{margin:0;min-height:24px;font-weight:800}@keyframes fade{from{opacity:0}to{opacity:1}}@media(max-width:900px){.stage{transform:none!important;width:100vw;height:100vh}.artwork{object-fit:cover;object-position:center}.brand-mask{transform:scale(.65);transform-origin:top left}.hotspots{display:flex;position:absolute;left:12px;right:12px;top:auto;bottom:12px;gap:7px;padding:10px;background:#042d24e6;border-radius:16px}.hotspot{position:static;flex:1;height:58px;background:#b8d52e33;border:1px solid #b8d52e}.hotspot--book{background:#b8d52e}.overlay{padding:30px 18px}.overlay-panel{padding:55px 24px 30px;max-height:92vh}.overlay h1{font-size:46px}.overlay-panel--split,.overlay-panel--location,.overlay-panel--booking{grid-template-columns:1fr}.course-grid,.events-grid{grid-template-columns:1fr}.map-illustration{min-height:300px}}


/* Billboard integration */
.back-to-billboard {
  position: fixed;
  z-index: 10000;
  top: 14px;
  left: 14px;
  display: inline-flex;
  align-items: center;
  min-height: 38px;
  padding: 0 14px;
  border: 1px solid rgba(255,255,255,.34);
  border-radius: 999px;
  background: rgba(8,8,8,.78);
  color: #fff;
  box-shadow: 0 8px 24px rgba(0,0,0,.28);
  backdrop-filter: blur(10px);
  font: 600 12px/1 "Segoe UI", Arial, sans-serif;
  letter-spacing: .06em;
  text-decoration: none;
  text-transform: uppercase;
}
.back-to-billboard:hover,
.back-to-billboard:focus-visible {
  background: rgba(0,0,0,.94);
  border-color: rgba(255,255,255,.7);
}