:root{--ink:#122846;--blue:#294e9d;--concrete:#f3f5f8;--wrap:1240px;--pad:88px}
body{font-size:16px}h1,h2,h3{letter-spacing:-.045em}h2{font-size:clamp(30px,4vw,46px);line-height:1.12}.notice{background:#172c48}.notice .wrap{justify-content:center;font-size:12px;padding-block:8px}.hdr .wrap{gap:22px}.brand img{height:44px}.nav{gap:19px}.nav a{font-size:13px}.hdr-tel{display:none}.btn{border-radius:8px;background:var(--blue);font-size:14px;padding:15px 23px;transition:transform .2s,background .2s}.btn:hover{transform:translateY(-2px)}.btn--ghost{background:transparent}.hero{background:#f4f6f9;overflow:hidden}.hero .wrap{padding-block:65px 72px;gap:56px;align-items:center;grid-template-columns:1fr 1fr}.hero h1{font-size:clamp(42px,4.8vw,65px);line-height:1.06;max-width:11ch;margin-bottom:24px}.hero h1 em{font-style:normal;color:var(--blue)}.eyebrow{font-size:11px;font-weight:800;letter-spacing:.17em;color:var(--blue);margin-bottom:22px}.hero .lede{font-size:17px;max-width:42ch;line-height:1.7}.hero-tags{display:flex;gap:8px 18px;flex-wrap:wrap;font-size:12px;margin-top:24px;color:#43536a}.hero-media{height:530px;min-height:0;border-radius:16px;overflow:hidden;box-shadow:18px 18px 0 #e1e7f0}.hero-media img{border-radius:16px}.hero-media figcaption{padding:28px;font-size:20px}.hero-media figcaption span:first-child{font-size:9px;letter-spacing:.16em}.intro{max-width:740px}.intro p{font-size:16px}.size-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.size-filters button,.calc-tabs button{border:1px solid #d2dbe7;background:white;border-radius:40px;padding:11px 18px;font:inherit;font-size:13px;cursor:pointer}.size-filters button[aria-pressed=true],.calc-tabs button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}.sizes{gap:20px}.size{border:1px solid #dce3ed;border-radius:12px;padding:25px;background:#fff;transition:transform .2s,box-shadow .2s}.size:hover{transform:translateY(-5px);box-shadow:0 12px 32px #152e5012}.size[hidden]{display:none}.size__shutter{height:75px;width:80px;border:5px solid #dce4ef;border-bottom:0;border-radius:5px 5px 0 0;margin-bottom:24px}.size__area{font-size:32px}.size__fits{gap:8px}.size.selected{outline:2px solid var(--blue)}.form-card{border:1px solid #dce3ed;border-radius:16px;box-shadow:0 16px 50px #12284608}.field input,.field select,.field textarea{border-radius:7px;background:#fafbfd}.calc-out{border-radius:14px;background:#173866}.calc-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:22px;grid-column:1/-1}.calc{gap:24px 44px}.calc-group + .calc-group{margin-top:0}.stepper button{width:36px;height:36px;border-radius:7px}.calc-item{padding:14px 0}.feat{padding:24px;background:#f5f7fa;border-radius:12px}.feat-icon{background:white;width:44px;height:44px}.review{border-radius:12px}.review p{display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}.review.expanded p{display:block}.review-toggle{align-self:flex-start;background:none;border:0;padding:12px 0 0;color:var(--blue);font:inherit;font-size:13px;cursor:pointer}.media-split img,.visit img{border-radius:14px!important}.faq{max-width:none}.faq details{padding-inline:20px}.faq details[open]{background:#f5f7fa;border-radius:10px}.band--blue{background:#173866}.photo-button{position:absolute;right:18px;top:18px;z-index:2;background:white;color:var(--ink);border:0;border-radius:30px;padding:10px 16px;font:inherit;font-size:12px;cursor:pointer}.photo-dialog{border:0;border-radius:16px;padding:16px;max-width:1000px;width:92vw;background:white}.photo-dialog::backdrop{background:#07192dd9}.photo-dialog img{max-height:75vh;object-fit:contain;margin:auto}.photo-dialog button{display:block;margin:0 0 12px auto;padding:10px 16px;cursor:pointer}.photo-dialog p{margin:12px 0 0}.ftr{background:#f4f6f9;color:#122846}.ftr h4{color:#122846}.ftr p,.ftr li,.ftr-base{color:#43536a}.ftr a{color:#294e9d}.ftr a:hover{color:#122846}.ftr-base{border-top-color:#c6cedd}.callbar a{min-height:48px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #e5a940;outline-offset:4px}
@media(max-width:920px){.hero .wrap{grid-template-columns:1fr;padding-block:42px}.hero h1{max-width:17ch}.hero-media{order:0;height:340px}.hero-media img{height:100%;position:absolute}.hero .wrap{gap:36px}.calc-out{position:static}.hdr-cta{display:none}.hero-media{box-shadow:10px 10px 0 #e1e7f0}}
@media(max-width:560px){:root{--pad:56px}.hero h1{font-size:43px}.hero-media{height:300px}.size-filters button{font-size:12px;padding:10px 13px}.calc-list{grid-template-columns:1fr}.calc-tabs{gap:6px}.calc-tabs button{padding:9px 12px;font-size:12px}.notice .wrap{font-size:11px}.form-card{padding:22px}.hero-tags{font-size:11px}.band--blue .split{gap:32px}}

/* Owner-supplied facility photographs */
.facility-gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.facility-gallery figure{margin:0;position:relative;background:#f3f5f8;border-radius:12px;overflow:hidden}.facility-gallery img{width:100%;height:320px;object-fit:cover}.facility-gallery figcaption{padding:14px 16px;font-size:13px;line-height:1.5}.facility-gallery .photo-button{top:12px;right:12px}.visit figure img{width:100%;max-height:620px;object-fit:cover}.hero-media img{object-position:center 55%}@media(max-width:920px){.facility-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.facility-gallery{gap:12px}.facility-gallery img{height:240px}.facility-gallery figcaption{font-size:12px;padding:12px}.facility-gallery .photo-button{font-size:11px;padding:8px 10px}}

/* Bruno's keyboard-accessible, click-to-reveal footer Easter egg. */
.bruno-corner{display:flex;justify-content:flex-end;margin-top:24px}
.bruno-easter-egg{position:relative;max-width:100%;width:360px;display:flex;flex-direction:column;align-items:flex-end}
.bruno-easter-egg summary{list-style:none;cursor:pointer;width:112px;margin-left:auto;text-align:center;border-radius:12px}
.bruno-easter-egg summary::-webkit-details-marker{display:none}
.bruno-easter-egg summary img{width:112px;height:112px;object-fit:contain;transform-origin:bottom center;transition:transform .2s ease}
.bruno-easter-egg summary:hover img,.bruno-easter-egg[open] summary img{transform:rotate(-5deg) translateY(-3px)}
.bruno-easter-egg summary span{display:block;font-size:11px;color:#43536a;margin-top:5px}
.bruno-greeting{margin-top:16px;background:white;border:1px solid #c6cedd;border-radius:14px;padding:22px;box-shadow:0 8px 25px #1228460a}
.bruno-greeting h3{font-size:22px;margin:0 0 10px;color:#122846}
.ftr .bruno-greeting p{margin:0;font-size:14px;color:#43536a}
.ftr .bruno-greeting .bruno-signoff{margin-top:12px;font-size:12px}
@media(prefers-reduced-motion:reduce){.bruno-easter-egg summary img{transition:none;transform:none!important}}

.size__illustration{width:100%;height:auto;aspect-ratio:6/5;object-fit:contain;margin-bottom:24px;border-radius:10px}.size:hover .size__illustration{background:#edf2f8}
/* Browse the whole set without closing the lightbox. */
.photo-dialog{padding:18px;max-width:1100px;max-height:94dvh;overflow:auto}.photo-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px;gap:20px}.photo-counter{font-size:13px;color:#43536a}.photo-dialog .photo-close{margin:0;border:1px solid #c6cedd;border-radius:6px;background:#fff;color:#122846}.photo-stage{position:relative;display:grid;grid-template-columns:46px minmax(0,1fr) 46px;align-items:center;gap:10px;touch-action:pan-y}.photo-dialog .photo-full{width:100%;height:70dvh;object-fit:contain;max-height:70dvh}.photo-dialog .photo-prev,.photo-dialog .photo-next{margin:0;padding:0;width:44px;height:48px;border:0;border-radius:8px;background:#173866;color:#fff;font-size:23px}.photo-dialog .photo-prev:hover,.photo-dialog .photo-next:hover{background:#294e9d}.photo-caption{font-size:14px;color:#43536a}@media(max-width:540px){.photo-dialog{padding:12px;width:96vw}.photo-stage{grid-template-columns:36px minmax(0,1fr) 36px;gap:4px}.photo-dialog .photo-prev,.photo-dialog .photo-next{width:36px;height:48px;font-size:18px}.photo-dialog .photo-full{height:61dvh}.photo-caption{font-size:12px}}
/* A continuous displacement bends the tail without cutting the image. */
.bruno-easter-egg summary{width:145px}.bruno-easter-egg summary .bruno-sprite{position:relative;display:block;width:145px;height:145px;margin:0}.bruno-easter-egg summary .bruno-sprite img{display:block;width:100%;height:100%;margin:0;object-fit:contain;clip-path:none;transform:none;animation:none}.bruno-easter-egg[open] summary .bruno-body{filter:url(#bruno-tail-flex)}@media(prefers-reduced-motion:reduce){.bruno-easter-egg[open] summary .bruno-body{filter:none}}
/* Springboks Easter egg — never changes the rest of the page. */
.rugby-trigger{border:0;background:transparent;color:inherit;font:inherit;font-size:15px;text-align:left;padding:8px 0;cursor:pointer;text-decoration:underline;text-decoration-style:dotted;text-underline-offset:4px}
#calculator{transition:background-color .25s,color .25s}
#calculator.bokke-mode{background:#064b38;color:#fff4ca}
#calculator.bokke-mode h2,#calculator.bokke-mode .intro p,#calculator.bokke-mode .calc-group h4{color:#fff4ca}
#calculator.bokke-mode .calc-item{border-color:#649580}
#calculator.bokke-mode .calc-out{background:#033326;border:1px solid #e9bc42}
#calculator.bokke-mode .calc-tabs button[aria-pressed=true]{background:#f5cd56;color:#123a2c;border-color:#f5cd56}
#calculator.bokke-mode .stepper button{background:#f5cd56;color:#123a2c;border-color:#f5cd56}
#calculator.bokke-mode .calc-tabs button{border-color:#b3cabb}
#calculator.bokke-mode .btn{background:#f5cd56;color:#123a2c;border-color:#f5cd56}
.bokke-cheer{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#f5cd56;color:#123a2c;padding:16px 22px;border-radius:10px;margin-bottom:24px;box-shadow:0 8px 24px #0002}
.bokke-cheer[hidden]{display:none}.bokke-cheer>span{font-size:25px;font-weight:800}.bokke-cheer button{background:transparent;border:1px solid #456a48;color:#123a2c;border-radius:6px;width:38px;height:38px;cursor:pointer}
@media(prefers-reduced-motion:reduce){#calculator{transition:none}}

/* Keep the calculator enquiry action readable in both colour themes. */
#calculator #calcGo{background:#fff;color:#173866;border-color:#fff}
#calculator #calcGo:hover{background:#e8effa;color:#122846;border-color:#e8effa}
#calculator.bokke-mode #calcGo{background:#f5cd56;color:#123a2c;border-color:#f5cd56}
#calculator.bokke-mode #calcGo:hover{background:#ffe391;color:#123a2c;border-color:#ffe391}

/* Cedar Square location and tap-to-open directions */
.cedar-location{background:#f3f5f8;color:#122846}.cedar-location-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center}.cedar-map{position:relative;min-height:380px;border:1px solid #dbe2ed;border-radius:16px;overflow:hidden;background:#e8edf3}.cedar-map iframe{display:block;width:100%;height:380px;border:0;pointer-events:none}.cedar-map-link{position:absolute;inset:0;display:flex;align-items:flex-end;padding:18px;text-decoration:none}.cedar-map-link span{background:#122846;color:#fff;padding:12px 16px;border-radius:8px;font-size:14px;box-shadow:0 4px 16px #0002}.cedar-map-link:focus-visible{outline:4px solid #294e9d;outline-offset:-4px}@media(max-width:760px){.cedar-location-grid{grid-template-columns:1fr;gap:24px}.cedar-map,.cedar-map iframe{min-height:300px;height:300px}}