:root{--ink:#141414;--paper:#fff;--soft:#f2f2ef;--line:#d7d7d3;--muted:#62635e;--green:#173d2f}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}a,button,input,select,textarea{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #688d73;outline-offset:5px}img{display:block;max-width:100%}button{cursor:pointer}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.04;font-weight:500;letter-spacing:-.055em}h1{font-size:clamp(3.25rem,7.5vw,7.5rem);margin-bottom:28px}h2{font-size:clamp(2.25rem,4.5vw,4.5rem);margin-bottom:24px}h3{font-size:1.75rem;letter-spacing:-.035em}p{max-width:650px}small,.small{font-size:.875rem}.wrap{width:min(1440px,100%);padding-inline:5%;margin:auto}.eyebrow{text-transform:uppercase;font-size:.75rem;font-weight:700;letter-spacing:.16em;margin-bottom:25px}.topbar{background:var(--ink);color:white;text-align:center;padding:9px 18px;font-size:.75rem;letter-spacing:.08em}.header{background:white;border-bottom:1px solid var(--line)}.headrow{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:108px}.brand{width:156px;display:block;flex-shrink:0}.logo-window{position:relative;height:60px;overflow:hidden;display:block}.logo-window img{width:205px;max-width:none;position:absolute;left:-24px;top:-81px;filter:invert(1)}.nav{display:flex;align-items:center;gap:25px;font-size:.875rem}.nav a{padding-block:9px;border-bottom:1px solid transparent}.nav a:hover,.nav a[aria-current=page]{border-color:var(--ink)}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--ink);color:white;border:1px solid var(--ink);padding:15px 23px;font-size:.875rem;font-weight:600;min-height:50px;transition:background .2s,color .2s}.button:hover{background:var(--green);border-color:var(--green)}.button.light{background:white;color:var(--ink);border-color:white}.button.outline{background:transparent;color:inherit;border-color:currentColor}.button.outline:hover{background:#e9e9e4;color:var(--ink)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.menu-toggle{display:none;border:1px solid var(--line);background:white;padding:9px 14px}.hero{display:grid;grid-template-columns:1fr 1fr;min-height:605px;background:var(--soft)}.hero-copy{padding:70px 9% 65px 10%;display:flex;flex-direction:column;justify-content:center}.hero-copy h1{font-size:clamp(3.5rem,6.7vw,6.7rem)}.hero-copy p:not(.eyebrow){font-size:1.06rem;max-width:385px;color:#494a45}.hero-image{position:relative;min-height:450px}.hero-image>img{width:100%;height:100%;object-fit:cover;object-position:39% center;position:absolute}.image-caption{position:absolute;bottom:25px;left:25px;background:white;padding:12px 18px;font-size:.75rem;letter-spacing:.07em;text-transform:uppercase}.ribbon{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding-block:24px;text-transform:uppercase;letter-spacing:.1em;font-size:.75rem}.section{padding-block:88px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:25px;margin-bottom:35px}.section-head h2{margin:0}.text-link{border-bottom:1px solid;padding-bottom:5px;font-size:.875rem;white-space:nowrap}.categories{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.category{min-height:205px;padding:26px;display:flex;flex-direction:column;justify-content:space-between;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .2s}.category:hover{background:var(--soft)}.category .index{font-size:.75rem;color:var(--muted)}.category h3{margin:20px 0 12px;font-size:1.6rem}.category p{margin:0;color:var(--muted);font-size:.875rem}.brand-list{display:flex;flex-wrap:wrap;justify-content:space-between;gap:25px;font-size:1.25rem;font-weight:700;letter-spacing:-.04em;padding-block:35px;border-bottom:1px solid var(--line)}.split{display:grid;grid-template-columns:1fr 1fr}.split-photo{width:100%;height:100%;object-fit:cover;min-height:470px}.split-copy{padding:65px 12%;background:var(--soft);display:flex;flex-direction:column;justify-content:center}.service-links{border-top:1px solid var(--line);margin:20px 0}.service-links a{display:flex;justify-content:space-between;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.service-links a span:last-child{font-size:.75rem;color:var(--muted);align-self:center}.dark{background:var(--ink);color:white}.dark p{color:#d2d2cc}.dark .eyebrow{color:#bfc6bf}.trade-banner{display:flex;justify-content:space-between;align-items:center;gap:50px;padding-block:74px}.trade-banner h2{max-width:680px;margin-bottom:15px}.trade-banner p{margin-bottom:0}.stores{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.store{border-top:1px solid var(--ink);padding-top:22px;display:flex;flex-direction:column;align-items:start}.store h3{margin:20px 0}.store address{font-style:normal;min-height:85px;color:var(--muted)}.store .actions{margin-top:18px}.store .eyebrow{margin-bottom:0}.store .text-link{margin-top:auto}.cta{background:var(--green);color:white;padding:70px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:35px}.cta h2{margin-bottom:12px}.cta p{margin:0}.footer{background:var(--ink);color:white;padding:60px 0 25px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:40px}.footer .logo-window img{filter:none;mix-blend-mode:screen}.footer .brand{margin-bottom:25px}.footer h3{font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;font-weight:700;margin-bottom:24px}.footer a:not(.brand){display:block;font-size:.875rem;color:#d2d2cc;margin-block:9px}.footer a:hover{text-decoration:underline}.footer p{color:#c7c7c2;font-size:.875rem}.footer-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;gap:16px;border-top:1px solid #444;padding-top:24px;margin-top:45px;font-size:.75rem;color:#b4b4ae}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;z-index:20;background:white;padding:15px}.page-heading{padding:65px 0 45px}.page-heading h1{max-width:1000px}.page-heading .intro{font-size:1.2rem;max-width:700px;color:var(--muted)}.breadcrumb{font-size:.875rem;color:var(--muted);margin-bottom:35px}.breadcrumb a{text-decoration:underline}.two-col{display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.panel{background:var(--soft);padding:36px}.panel h2{font-size:2.5rem}.list{padding:0;list-style:none;border-top:1px solid var(--line)}.list li{padding:19px 0;border-bottom:1px solid var(--line)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.card{background:var(--soft);padding:30px;display:flex;flex-direction:column;align-items:start}.card h3{font-size:1.9rem}.card p{color:var(--muted)}.card .text-link{margin-top:auto}.steps{counter-reset:step}.step{border-top:1px solid var(--line);padding:28px 0}.step:before{counter-increment:step;content:'0' counter(step);font-size:.75rem;letter-spacing:.1em;display:block;margin-bottom:15px;color:var(--muted)}.step h3{font-size:1.6rem}.form{display:grid;gap:20px}.form label{display:block;font-size:.875rem;font-weight:600}.form input,.form select,.form textarea{display:block;width:100%;padding:14px;background:white;border:1px solid #969791;border-radius:0;margin-top:8px;color:var(--ink)}.form textarea{min-height:120px;resize:vertical}.form .button{width:100%}.form-note{font-size:.875rem;color:var(--muted)}.form-note a{text-decoration:underline}.policy{max-width:820px;margin:0 auto 85px}.policy h2{font-size:1.8rem;margin:38px 0 14px;letter-spacing:-.025em}.policy p,.policy li{color:#45463f}.notice{border-left:3px solid var(--green);padding:20px 25px;background:var(--soft);margin:24px 0}.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:14px}.gallery img{width:100%;height:245px;object-fit:cover}.gallery img:first-child{grid-row:span 2;height:504px}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{cursor:pointer;font-size:1.1rem;padding-right:20px}.faq p{margin:15px 0 0;color:var(--muted)}.bottom-space{padding-bottom:85px}.contact-links a{display:block;font-size:clamp(1.25rem,2.6vw,2.5rem);letter-spacing:-.04em;padding-block:16px;border-bottom:1px solid var(--line);overflow-wrap:anywhere}.pill{display:inline-block;border:1px solid var(--line);padding:5px 12px;margin:0 5px 8px 0;font-size:.875rem}.floating-wa{position:fixed;bottom:22px;right:22px;padding:13px 20px;z-index:8;background:var(--green);color:white;border:1px solid #fff;font-size:.875rem;box-shadow:0 3px 14px #0002}.product-price{font-size:1.7rem}body:has(.footer:hover) .floating-wa{opacity:.8}@media(min-width:1600px){.hero{max-width:1600px;margin:auto}}@media(max-width:1100px){.nav{gap:16px}.headrow{gap:16px}.headrow>.button{display:none}.categories{grid-template-columns:repeat(2,1fr)}.hero-copy{padding:50px 10%}.hero{min-height:570px}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{grid-column:1/-1}.two-col{gap:35px}}@media(max-width:760px){.wrap{padding-inline:6%}.topbar{font-size:.7rem}.headrow{min-height:88px;flex-wrap:wrap;padding-block:14px}.brand{width:137px}.logo-window{height:52px}.logo-window img{width:185px;left:-23px;top:-74px}.menu-toggle{display:block}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;gap:0;padding:10px 0}.nav.open{display:flex}.nav a{padding:12px 0}.hero{grid-template-columns:1fr}.hero-copy{padding:45px 6%}.hero-copy h1{font-size:clamp(3.4rem,13vw,5.5rem)}.hero-image{min-height:340px}.hero-image>img{object-position:center}.ribbon{flex-wrap:wrap;gap:12px;justify-content:center;text-align:center}.ribbon span:last-child{display:none}.section{padding-block:55px}.section-head{align-items:start;flex-direction:column;gap:20px}.category{min-height:180px;padding:20px}.category h3{font-size:1.4rem}.brand-list{justify-content:center;font-size:1.1rem;gap:22px}.split{grid-template-columns:1fr}.split-photo{min-height:0;height:340px}.split-copy{padding:40px 6%}.trade-banner,.cta-inner{align-items:start;flex-direction:column;gap:25px}.trade-banner{padding-block:50px}.stores,.grid3,.two-col{grid-template-columns:1fr;gap:35px}.store address{min-height:0;margin-bottom:20px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child,.footer-grid>div:last-child{grid-column:1/-1}.footer{padding-bottom:75px}.page-heading{padding-top:40px}.page-heading h1{font-size:3.3rem}.panel{padding:25px}.gallery{grid-template-columns:1fr 1fr}.gallery img{height:170px}.gallery img:first-child{grid-column:1/-1;grid-row:auto;height:300px}.floating-wa{bottom:12px;right:12px}.policy{padding-inline:6%}.policy .wrap{padding:0}.button{padding-inline:20px}h1,h2,h3{overflow-wrap:break-word}.cta{padding-block:45px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* Scale the supplied square logo within its wordmark window. */
.logo-window img{height:auto}.footer .logo-window{background:transparent}
.booking-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:65px;align-items:start}.booking-aside{position:sticky;top:30px}.booking-aside h2{font-size:clamp(2.3rem,3.5vw,3.5rem)}.booking-aside p,.booking-aside li{color:var(--muted)}.booking-form{gap:28px}.booking-form fieldset{min-width:0;margin:0;padding:28px;border:1px solid var(--line)}.booking-form legend{font-size:1.3rem;font-weight:600;padding:0 10px;letter-spacing:-.03em}.booking-form legend>span{font-size:.75rem;letter-spacing:.1em;margin-right:14px;color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.form-grid .full{grid-column:1/-1}.booking-form textarea{min-height:85px}.booking-form .agreement{display:flex;gap:13px;align-items:flex-start;margin-top:23px;font-weight:400;line-height:1.6}.booking-form .agreement input{flex:0 0 22px;width:22px;height:22px;margin:2px 0 0;accent-color:var(--ink)}.agreement a{text-decoration:underline}.booking-terms{background:var(--soft);margin-bottom:20px}.booking-terms summary{padding:18px;cursor:pointer;font-weight:600}.terms-content{padding:0 22px 22px;max-height:430px;overflow:auto}.terms-content h3{font-size:1.15rem;font-weight:600;letter-spacing:-.015em;margin:24px 0 10px}.terms-content p{font-size:.95rem}.form-trap{display:none}.booking-status{padding:22px;background:#edf4ef;border-left:3px solid var(--green);overflow-wrap:anywhere}.booking-status.error{background:#fff3ee;border-color:#933d21}.booking-form button:disabled{opacity:.65;cursor:default}@media(max-width:900px){.booking-layout{grid-template-columns:1fr;gap:35px}.booking-aside{position:static}.booking-aside .list{display:none}}@media(max-width:560px){.form-grid{grid-template-columns:1fr}.booking-form fieldset{padding:20px 16px}.booking-form legend{font-size:1.2rem}}

.brand-list{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:24px 40px;align-items:center}.brand-logo{display:flex;align-items:center;justify-content:center;min-height:88px}.brand-logo img{width:120px;height:64px;object-fit:contain}.brand-logo img[alt="Apple"],.brand-logo img[alt="HP"],.brand-logo img[alt="Dell"]{width:52px;height:52px}@media(max-width:600px){.brand-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 28px}.brand-logo{min-height:72px}.brand-logo img{width:108px;height:56px}}

.booking-receipt{border:1px solid var(--ink);padding:24px;background:var(--soft);margin:20px 0}.booking-receipt[hidden]{display:none}.booking-receipt h2{font-size:1.5rem;letter-spacing:-.02em}.booking-reference{font-family:monospace;font-size:clamp(1.5rem,5vw,2rem);font-weight:bold;letter-spacing:.08em;user-select:all;overflow-wrap:anywhere}.booking-receipt #copy-status{margin:12px 0 0;font-size:.875rem}

/* Softer site-wide typography, retaining contrast on dark sections. */
body{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;color:#454743;font-weight:400;line-height:1.65;-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:-.025em;line-height:1.16}
.page-heading h1{font-size:clamp(2.8rem,6vw,5.5rem)}
.hero h1{font-size:clamp(3rem,7vw,7rem)}
.button,.form label,.form legend,.nav,.menu-toggle{font-weight:500}
.eyebrow,.topbar,.footer h3{font-weight:500;letter-spacing:.12em}
input,select,textarea{color:#454743;font-weight:400}
.footer,.dark,.topbar{color:#f4f4f1}

.article-copy{max-width:900px}.article-copy h2{font-size:clamp(1.7rem,3vw,2.4rem);margin-top:44px}.article-copy p{max-width:none}.article-copy .panel{margin-block:40px}.article-copy .panel h2{margin-top:0}

/* Match Sumhive’s native system font selection across the website. */
body,h1,h2,h3,h4,h5,h6,button,input,select,textarea{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
/* Typography matched to Sumhive's heading, intro and content scales. */
body{font-size:16px;font-weight:400;line-height:1.72}
h1,.hero h1,.page-heading h1{max-width:710px;margin:22px 0 21px;font-size:clamp(45px,5.35vw,76px);font-weight:600;line-height:1.07;letter-spacing:-.058em}
h2,.article-copy h2{font-size:clamp(34px,3.5vw,49px);font-weight:600;line-height:1.16;letter-spacing:-.045em;margin-bottom:14px}
h3{font-size:19px;font-weight:600;line-height:1.3;letter-spacing:-.025em;margin-bottom:10px}
strong,b{font-weight:600}
.hero-copy>p:not(.eyebrow),.page-heading .intro{font-size:18px;line-height:1.72}
.card p,.category p,.step p{font-size:14px;line-height:1.65}
.step h3{font-size:17px;letter-spacing:-.015em}
.nav{font-size:14px;font-weight:500}
.button,button{font-size:14px;font-weight:600}
.eyebrow{font-size:12px;font-weight:600;letter-spacing:.17em}
.footer h3{font-size:12px;font-weight:600;letter-spacing:.17em}
.footer a,.footer p{font-size:12px;line-height:1.65}
.cta h2{font-size:clamp(28px,3vw,42px);letter-spacing:-.05em}
@media(max-width:720px){h1,.hero h1,.page-heading h1{font-size:clamp(43px,10vw,61px)}.hero-copy>p:not(.eyebrow),.page-heading .intro{font-size:16px}}

/* Preserve the complete approved landscape product composition. */
.hero-image{background:#d9dde1;display:flex;align-items:center}.hero-image>img{position:static;width:100%;height:auto;object-fit:contain;object-position:center}@media(max-width:800px){.hero-image{min-height:0}}

.hero-image{overflow:hidden}.hero-image>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%}@media(max-width:800px){.hero-image{aspect-ratio:1/1;min-height:0}}

.analytics-choice{position:fixed;bottom:20px;left:20px;z-index:1000;background:white;color:#252525;border:1px solid #aaa;padding:20px;max-width:480px;box-shadow:0 6px 30px #0002}.analytics-choice[hidden]{display:none}.analytics-choice p{font-size:14px;margin-bottom:12px}.analytics-choice a{text-decoration:underline}.analytics-choice button{padding:10px 16px;background:#eee;color:#222;border:1px solid #777;cursor:pointer}.analytics-settings{background:none;color:inherit;border:0;text-decoration:underline;font-size:12px;cursor:pointer}@media(max-width:520px){.analytics-choice{left:10px;right:10px;bottom:70px}}

/* Sea Point printing price tables */
.print-services>.actions{margin-bottom:20px}.print-services>.section-head{margin-top:48px}.print-table{overflow-x:auto}.print-table table{width:100%;border-collapse:collapse;text-align:left;font-size:1rem}.print-table caption{text-align:left;padding:0 0 16px;font-weight:600}.print-table th,.print-table td{padding:18px 14px;border-bottom:1px solid #d7d7d3}.print-table thead{background:#f2f2ef}.print-table td{font-variant-numeric:tabular-nums}.print-services>.grid3{margin-top:32px}.print-services .list a{overflow-wrap:anywhere}
