@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Playfair+Display:ital,wght@0,500;0,600;1,500;1,600&display=swap";*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}:root{font-family:DM Sans,sans-serif;color:#173d4a;background:#f8f7f2;font-synthesis:none}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#f8f7f2}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}.site-shell{overflow:hidden}.site-header{height:78px;padding:0 5.5vw;display:flex;align-items:center;justify-content:space-between;background:#f8f7f2;position:absolute;width:100%;z-index:5;top:0;color:#f8f7f2;background:linear-gradient(180deg,rgba(10,42,53,.52),transparent)}.brand{display:flex;align-items:center;gap:11px;letter-spacing:.02em}.brand-mark{width:34px;height:34px;border:1px solid rgba(255,255,255,.68);border-radius:50%;display:grid;place-items:center}.brand strong,.brand small{display:block}.brand strong{font:500 19px/1 Playfair Display,serif;letter-spacing:.03em}.brand small{font-size:9px;text-transform:uppercase;letter-spacing:.16em;margin-top:5px;opacity:.8}.main-nav{display:flex;align-items:center;gap:18px;font-size:11px;letter-spacing:.04em;white-space:nowrap}.main-nav a:not(.nav-cta){opacity:.88;transition:opacity .2s}.main-nav a:not(.nav-cta):hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.7);border-radius:100px;padding:12px 17px;display:flex;align-items:center;gap:9px;white-space:nowrap;transition:background .2s,color .2s}.nav-cta:hover{background:#f8f7f2;color:#173d4a}.menu-button{display:none;color:inherit;border:0;background:transparent}.hero-section{min-height:760px;height:100vh;position:relative;display:flex;align-items:center;color:#fff}.hero-image{position:absolute;top:0;right:0;bottom:0;left:0;background:url(/images/hero-south-bay.jpg) center/cover}.hero-wash{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#08283494,#08283412 78%),linear-gradient(0deg,rgba(8,40,52,.24),transparent 48%)}.hero-content{position:relative;width:min(650px,86%);margin-left:12vw;padding-top:60px;text-shadow:0 2px 18px rgba(7,31,39,.24)}.eyebrow{color:#3a7b72;text-transform:uppercase;letter-spacing:.18em;font-size:10px;font-weight:600;margin:0 0 20px}.light-eyebrow{color:#c9ded2}h1,h2,h3{font-family:Playfair Display,serif;font-weight:500;letter-spacing:-.035em;margin:0;line-height:1.08}h1{font-size:clamp(58px,8.3vw,120px)}h1 em,h2 em{color:#c7dfce;font-style:italic}.hero-title{font-size:clamp(48px,6.5vw,92px);max-width:650px}.hero-strapline{font:500 clamp(37px,4.8vw,68px)/1.06 "Playfair Display",serif;letter-spacing:-.035em;margin:18px 0 28px;color:#fff}.hero-tagline{font:500 17px/1.55 Playfair Display,serif;max-width:370px;margin:0 0 32px;color:#f5f4ec}.button{border:0;padding:15px 21px;display:inline-flex;gap:26px;align-items:center;justify-content:space-between;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600;cursor:pointer;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-light{background:#f8f7f2;color:#173d4a}.button-dark{background:#173d4a;color:#f8f7f2}.hero-note{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:.05em;opacity:.82;margin-top:16px}.scroll-hint{position:absolute;right:5.5vw;bottom:37px;display:flex;align-items:center;gap:12px;text-transform:uppercase;letter-spacing:.17em;font-size:9px;writing-mode:vertical-rl}.scroll-hint svg{margin-top:10px}.section-pad{padding:120px 12vw}.section-kicker{display:flex;align-items:center;gap:14px;color:#69888a;text-transform:uppercase;letter-spacing:.18em;font-size:9px;margin-bottom:70px}.section-kicker>span:first-child{color:#3a7b72;font-size:11px}.kicker-line{display:block;width:48px;height:1px;background:#9ab5ae}.intro-grid{display:grid;grid-template-columns:1fr .88fr;gap:11vw;align-items:center}.intro-copy{max-width:440px}h2{font-size:clamp(47px,6vw,78px);color:#173d4a}.intro-copy h2{margin-bottom:33px}.intro-copy>p:not(.eyebrow),.explore-heading>p,.enquire-copy>p:not(.eyebrow){color:#5e7477;line-height:1.8;font-size:14px}.intro-copy>p+p{margin-top:15px}.photo-frame{overflow:hidden}.intro-photo{aspect-ratio:2 / 3;background:#e5ece8}.intro-photo img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block}.gallery-tile img,.place-card img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;display:block;transition:transform .6s cubic-bezier(.2,.7,.2,1)}.text-link{display:inline-flex;gap:17px;align-items:center;margin-top:30px;color:#26706b;border-bottom:1px solid #9ab5ae;padding-bottom:9px;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600}.fact-list{border-top:1px solid #d9ded9;border-bottom:1px solid #d9ded9;display:grid;grid-template-columns:repeat(8,1fr);margin-top:110px;padding:21px 0;gap:10px}.fact{display:flex;flex-direction:column;gap:10px;align-items:center;text-align:center;color:#49666b;font-size:10px}.fact svg{color:#3a7b72}.gallery-section{background:#e5ece8;padding:0 0 120px}.gallery-heading{display:flex;justify-content:space-between;align-items:end;padding-bottom:58px}.gallery-heading h2{color:#173d4a}.gallery-heading>p{color:#60777b;font:500 16px/1.6 Playfair Display,serif;margin:0 0 5px}.gallery-grid{display:grid;grid-template-columns:1.3fr .8fr 1fr 1fr;grid-template-rows:255px 255px;gap:10px;padding:0 3vw}.gallery-tile{border:0;padding:0;overflow:hidden;position:relative;cursor:pointer;background:#b9cbc5}.gallery-tile:hover img{transform:scale(1.04)}.gallery-tile:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,rgba(10,42,53,.5),transparent 45%);opacity:0;transition:opacity .3s}.gallery-tile:hover:after{opacity:1}.tile-1{grid-row:span 2}.tile-2{grid-column:span 2}.view-photo{position:absolute;z-index:1;bottom:19px;left:20px;color:#fff;opacity:0;text-transform:uppercase;letter-spacing:.14em;font-size:9px;display:flex;align-items:center;gap:8px;transition:opacity .3s}.gallery-tile:hover .view-photo{opacity:1}.explore-section{background:#f8f7f2}.explore-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:70px}.explore-heading>p{width:280px;margin-bottom:7px}.places-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:11px}.place-card{min-height:290px;padding:30px 31px;background:#e5ece8;display:flex;align-items:end;position:relative;overflow:hidden}.place-card-image{color:#fff}.place-card-image:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#072833d9,#07283300 75%)}.place-card-image img{position:absolute;top:0;right:0;bottom:0;left:0}.place-content{position:relative;z-index:1}.place-number{font-size:10px;color:#4f8c83;letter-spacing:.15em;position:absolute;bottom:calc(100% + 96px)}.place-card-image .place-number{color:#c5dfd1}.place-card h3{font-size:28px;margin-bottom:13px}.place-card p{margin:0;color:#60777b;line-height:1.65;font-size:12px;max-width:270px}.place-card-image p{color:#e0eae4}.place-card:nth-child(4){grid-column:span 2}.reviews-section{background:#173d4a;color:#f8f7f2}.light-kicker,.light-kicker>span:first-child{color:#9dc4b8}.reviews-heading h2{color:#f8f7f2}.reviews-heading h2 em{color:#9dc4b8}.reviews-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:66px}.reviews-grid blockquote{border:1px solid rgba(208,228,219,.26);min-height:275px;padding:24px 27px;margin:0;display:flex;flex-direction:column;position:relative}.quote-mark{color:#a8d0c1;font:italic 50px/1 Playfair Display,serif;height:45px}.reviews-grid blockquote p{font:500 18px/1.5 Playfair Display,serif;margin:4px 0 22px;max-width:270px}.reviews-grid footer{margin-top:auto;display:flex;flex-direction:column;gap:7px}.reviews-grid footer span{font-size:11px}.reviews-grid footer small{color:#9bb4b1;line-height:1.4;font-size:9px}.review-number{position:absolute;right:25px;bottom:24px;color:#82a89e;font-size:10px;letter-spacing:.1em}.enquire-section{background:#e5ece8}.enquire-grid{display:grid;grid-template-columns:.75fr 1.1fr;gap:11vw;align-items:start}.enquire-copy h2{margin-bottom:28px}.enquire-copy>p:not(.eyebrow){max-width:330px}.direct-promise{display:flex;gap:13px;margin-top:40px;color:#42766f;font-size:11px;line-height:1.6}.direct-promise strong{color:#173d4a;font-size:12px}.form-card{background:#f8f7f2;padding:42px 43px;box-shadow:0 18px 50px #173d4a12}form{display:flex;flex-direction:column;gap:21px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}label{display:flex;flex-direction:column;gap:8px;color:#507075;text-transform:uppercase;letter-spacing:.12em;font-size:9px;font-weight:600}input,select,textarea{border:1px solid #c9d6d1;background:transparent;color:#173d4a;padding:13px 12px;outline:0;font-size:13px;text-transform:none;letter-spacing:0;font-weight:400;border-radius:0}input:focus,select:focus,textarea:focus{border-color:#3a7b72;box-shadow:0 0 0 2px #3a7b721f}textarea{resize:vertical;min-height:100px}.form-card .button{align-self:start;margin-top:3px}.success-message{min-height:404px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.success-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:50%;background:#dcebe2;color:#3a7b72;margin-bottom:23px}.success-message h3{font-size:42px;margin-bottom:12px}.success-message>p:not(.eyebrow){color:#5e7477;font-size:14px;margin:0 0 25px}.site-footer{background:#0d303d;color:#c6dbd1;display:flex;align-items:center;gap:36px;padding:44px 5.5vw;font-size:11px}.site-footer>p{margin:0 auto 0 0}.site-footer>a:not(.back-top){color:#f8f7f2}.footer-brand{color:#f8f7f2}.footer-brand .brand-mark{border-color:#88a99e}.site-footer>small{color:#91ada8;font-size:9px}.back-top{color:#bad8ca;text-transform:uppercase;letter-spacing:.13em;font-size:9px;display:flex;align-items:center;gap:10px}.arrow-up{transform:rotate(-90deg)}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;background:#071f27f0;display:flex;align-items:center;justify-content:center;padding:60px 10vw}.lightbox img{max-width:100%;max-height:84vh;-o-object-fit:contain;object-fit:contain}.lightbox-close,.lightbox-arrow{position:absolute;color:#fff;background:transparent;border:0;cursor:pointer}.lightbox-close{top:24px;right:30px}.lightbox-arrow{top:50%;transform:translateY(-50%);padding:15px}.lightbox-prev{left:2.5vw}.lightbox-next{right:2.5vw}@media (max-width: 800px){.site-header{padding:0 6vw}.menu-button{display:block;z-index:2}.main-nav{display:none;position:absolute;top:0;right:0;left:0;min-height:300px;padding:90px 8vw 30px;background:#173d4a;flex-direction:column;align-items:flex-start;gap:24px}.main-nav.is-open{display:flex}.nav-cta{margin-top:5px}.hero-section{min-height:680px;height:92vh}.hero-content{margin-left:8vw}.section-pad{padding:80px 8vw}.section-kicker{margin-bottom:45px}.intro-grid,.enquire-grid{grid-template-columns:1fr;gap:45px}.intro-photo{height:auto;order:-1}.fact-list{grid-template-columns:repeat(4,1fr);margin-top:65px;row-gap:25px}.gallery-heading,.explore-heading{display:block}.gallery-heading>p,.explore-heading>p{margin-top:24px;width:auto}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:repeat(3,185px);padding:0 2vw}.tile-1{grid-row:span 2}.tile-2{grid-column:span 1}.tile-3{grid-row:span 2}.tile-4{grid-column:span 1}.places-grid{grid-template-columns:1fr 1fr}.place-card:nth-child(4){grid-column:span 2}.place-card{min-height:270px;padding:24px}.reviews-grid{grid-template-columns:1fr}.reviews-grid blockquote{min-height:220px}.form-card{padding:30px 24px}.site-footer{flex-wrap:wrap;gap:20px}.footer-brand{width:100%}.site-footer>p{margin:0}.site-footer>small{flex:1}.back-top{margin-left:auto}}@media (max-width: 480px){h1{font-size:56px}.hero-tagline{font-size:15px}.scroll-hint{display:none}.fact{font-size:9px}.gallery-grid{grid-template-rows:repeat(3,145px)}.places-grid{grid-template-columns:1fr}.place-card:nth-child(4){grid-column:auto}.form-row{grid-template-columns:1fr;gap:21px}.desktop-only{display:none}}
