@charset "UTF-8";:root{interpolate-size:allow-keywords}@supports (view-transitions: 1){@view-transition{navigation: auto;}}*{box-sizing:inherit}*:before,*:after{box-sizing:inherit}*{margin:0;padding:0;font:inherit}html{scroll-behavior:smooth;scroll-padding-top:6rem}body{min-height:100vh}img,picture,svg,video{display:block;max-width:100%}:where(dialog:modal){all:revert}button{border:none;background-color:transparent;cursor:pointer;outline:none}.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}[hidden]{display:none}:root{--primary: #434E58;--secondary: #F8AD1F;--secondary-light: hsl(39deg 96% 67%);--secondary-mid:#855907;--black: #000000;--white: #ffffff;--grey: #BEBAB4;--heading-color: #dddde6;--text-standard-color: #212529;--text-light-color: #979189;--bg-color: #D0E5F7;--bg-light:#f8f9fa;--primary-mid:#6c757d;--deep-navy: hsl(235, 39%, 10%);--class-secondary: hsl(97, 8%, 58%)}:root{--font-family: "Playfair Display", serif;--font-family-sans-serif: "Montserrat", sans-serif}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:400;src:url(../fonts/montserrat-v31-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:600;src:url(../fonts/montserrat-v31-latin-600.woff2) format("woff2")}@font-face{font-display:swap;font-family:Montserrat;font-style:normal;font-weight:700;src:url(../fonts/montserrat-v31-latin-700.woff2) format("woff2")}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:400;src:url(../fonts/playfair-display-v40-latin-regular.woff2) format("woff2")}@font-face{font-display:swap;font-family:Playfair Display;font-style:italic;font-weight:400;src:url(../fonts/playfair-display-v40-latin-italic.woff2) format("woff2")}@font-face{font-display:swap;font-family:Playfair Display;font-style:normal;font-weight:500;src:url(../fonts/playfair-display-v40-latin-500.woff2) format("woff2")}@font-face{font-display:swap;font-family:Unkempt;font-style:normal;font-weight:400;src:url(../fonts/unkempt-regular-limited.woff2) format("woff2")}body{font-family:var(--font-family-sans-serif);font-size:1rem;font-weight:400;line-height:1.5;color:var(--text-light-color);text-align:left;background-color:#fff}h1,h2,h3,h4,h5{font-family:var(--font-family);color:var(--primary);text-wrap:balance}h1{font-size:2.5rem;line-height:1.2;font-weight:500}h2{font-size:2rem;line-height:1.2;font-weight:500}h3{font-size:1.7rem;line-height:1.2;font-weight:500}.logo a,.logo strong{font-family:Unkempt,cursive}main{max-width:1600px;margin-inline:auto}footer{position:relative;width:min(100% - 4rem,1440px);margin-inline:auto;margin-block:-3rem 0;padding-block:6rem 3rem;display:flex;flex-wrap:wrap;gap:3rem;justify-content:center;background-color:var(--bg-light);box-shadow:0 0 0 100vmax var(--bg-light);clip-path:inset(0 -100vmax)}footer svg{color:var(--secondary)}footer p{flex:1 0 100%;text-align:center;font-size:.8rem}main{display:flex;flex-direction:column}main section{width:min(100% - 4rem,1440px);display:flex;flex-direction:column;margin-inline:auto}.services{display:grid;grid-template-columns:repeat(3,1fr);padding-block:3rem;gap:2rem}.services>div{display:flex;flex-direction:column;gap:1rem}.services>div svg{color:var(--secondary)}.services>div a{text-decoration:none;color:var(--secondary);font-weight:700;text-transform:uppercase;font-size:.8rem;align-self:start}.services>div a:hover{color:var(--secondary-mid)}.services div:first-child{padding-right:3rem}.services:has(h3){grid-template-columns:.7fr repeat(3,1fr)}@media screen and (max-width: 920px){.services{grid-template-columns:repeat(3,1fr)}.services:has(h3){grid-template-columns:repeat(3,1fr)}.services:has(h3) div:first-child{padding-right:0;grid-area:span 1/span 3}}@media screen and (max-width: 640px){.services{grid-template-columns:1fr}.services:has(h3){grid-template-columns:1fr}.services:has(h3) div:first-child{grid-area:span 1/span 1}}.about,.approach{display:grid;grid-template-columns:repeat(2,1fr);gap:8rem;padding-block:3rem;background-color:var(--bg-light);box-shadow:0 0 0 100vmax var(--bg-light);clip-path:inset(0 -100vmax)}.about>div{display:flex;flex-direction:column;gap:1rem}.about div:first-child h2,.about div:first-child strong{font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem}.about div:first-child h2{color:var(--secondary)}.about div:first-child strong{color:var(--text-standard-color)}.about div:first-child p:first-of-type{font-family:var(--font-family);color:var(--primary);font-size:2rem;line-height:1.2;font-weight:300}.about div:first-child ul{list-style-type:none}.about div:first-child ul li{margin-left:1.5rem;position:relative}.about div:first-child ul li:before{content:"\2713";position:absolute;left:-1.5rem;top:0;color:var(--secondary)}.about div:last-child div{margin-top:1rem;padding-inline:2rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem}.about div:last-child div picture:nth-child(2){margin-top:1rem}@media screen and (max-width: 920px){.about{grid-template-columns:1fr;gap:2rem}.about div:last-child{flex-direction:row}.about div:last-child div{margin-top:0;gap:1rem;grid-template-columns:1fr;padding-inline:0}}@media screen and (max-width: 640px){.about div:last-child{flex-direction:column}.about div:last-child div{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr .5rem 1fr;gap:1rem;padding-inline:0;justify-items:center}.about div:last-child div img{width:calc(100% - 2rem)}.about div:last-child div picture:nth-child(1){grid-column:1/3;grid-row:1/3}.about div:last-child div picture:nth-child(2){margin-top:0;grid-column:3/5;grid-row:1/3}.about div:last-child div picture:nth-child(3){grid-column:2/4;grid-row:2/4}}.pricing{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:auto;align-items:start;gap:2rem}.pricing div:has(h2){grid-area:span 1/span 3;text-align:center;padding-block:2rem 20rem;background-color:var(--bg-light);margin-bottom:-20rem;box-shadow:0 0 0 100vmax var(--bg-light);clip-path:inset(0 -100vmax);z-index:-1}.pricing div:has(h3){display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:var(--white);box-shadow:0 0 .5rem var(--grey);border-radius:.5rem;text-align:center;transition:all .3s ease}.pricing div:has(h3):hover{transform:scale(1.05)}.pricing div:has(h3) h3{text-align:center;border-bottom:1px solid var(--secondary);padding-bottom:1rem}.pricing div:has(h3)>strong:first-of-type,.pricing div:has(h3)>div>strong{font-size:2rem;font-weight:600;color:var(--black)}.pricing div:has(h3)>div:has(strong){display:flex;flex-direction:column}.pricing div:has(h3) ul{list-style-type:none;text-align:left}.pricing div:has(h3) ul li{margin-left:1.2rem;position:relative}.pricing div:has(h3) ul li:before{content:"\25b6";position:absolute;left:-1.2rem;top:.4rem;color:var(--secondary);font-size:.5rem}.pricing div:has(h3) p.rate{font-weight:600;line-height:1;text-transform:uppercase;color:var(--black)}.pricing div:has(h3) p.small{font-size:.7rem}.pricing div:has(h3) button{padding-block:1rem;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:3px;background-color:var(--secondary);color:var(--text-standard-color)}.pricing div:has(h3) button:link,.pricing div:has(h3) button:visited,.pricing div:has(h3) button:active{color:var(--text-standard-color)}.pricing div:has(h3) button:hover{background-color:var(--bg-light);outline:2px solid var(--secondary);outline-offset:-1px}@media screen and (max-width: 920px){.pricing{padding-block:2rem;grid-template-columns:repeat(2,1fr)}.pricing div:has(h2){grid-column:1/2;grid-row:1/2;text-align:center;padding-block:2rem;background-color:var(--white);margin-bottom:0;box-shadow:none;z-index:-1}.pricing div:nth-child(2){grid-row:1/3;grid-column:2/3}.pricing div:nth-child(3){grid-row:2/4;grid-column:1/2}.pricing div:nth-child(4){grid-row:3/4;grid-column:2/3}}@media screen and (max-width: 640px){.pricing{display:flex;flex-direction:column;gap:2rem;padding-block:2rem}.pricing div:has(h3){margin-bottom:0}}.intro{padding-block:9rem 6rem;gap:1rem;background-color:var(--secondary);box-shadow:0 0 0 100vmax var(--secondary);clip-path:inset(0 -100vmax)}.intro:has(strong){padding-block:6rem 3rem;gap:0}.intro strong{font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:3px;color:var(--white)}.intro p{text-wrap:balance;color:var(--white)}.approach>div,.stories>div{display:flex;flex-direction:column;gap:1rem}.approach>div strong,.approach>div h2,.stories>div strong,.stories>div h2{font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem}.approach>div h2,.stories>div h2{color:var(--secondary)}.approach>div strong,.stories>div strong{color:var(--text-standard-color)}.approach>div p:has(strong):not(:has(+ul)),.stories>div p:has(strong):not(:has(+ul)){padding-block:1rem 0}.approach>div p:has(strong):not(:has(+ul)) strong,.stories>div p:has(strong):not(:has(+ul)) strong{font-size:1.2rem}.approach>div p:has(strong):not(:has(+ul)):after,.stories>div p:has(strong):not(:has(+ul)):after{content:"";display:block;width:8rem;height:4px;background-color:var(--secondary);margin-block:.5rem}.approach>div p:first-of-type,.stories>div p:first-of-type{font-family:var(--font-family);color:var(--primary);font-size:2rem;line-height:1.2;font-weight:300}.approach>div ul,.stories>div ul{list-style-type:none;text-align:left;column-count:2}.approach>div ul li,.stories>div ul li{margin-left:1.2rem;position:relative}.approach>div ul li:before,.stories>div ul li:before{content:"\25b6";position:absolute;left:-1.2rem;top:.4rem;color:var(--secondary);font-size:.5rem}.stories{padding-block:3rem}.stories>div{display:block;column-gap:2rem;padding-inline:0 10rem;column-count:2}.stories>div h2,.stories>div p:first-of-type{column-span:all;margin-bottom:2rem}.stories>div p{margin-bottom:1rem}@media screen and (max-width: 920px){.approach{grid-template-columns:1fr;gap:2rem}.approach div:last-child img{aspect-ratio:3/1;object-fit:cover}}@media screen and (max-width: 640px){.approach,.stories{display:grid;grid-template-columns:1fr;gap:2rem}.approach>div,.stories>div{column-count:1}.approach>div ul,.stories>div ul{column-count:1}.approach div:last-child img,.stories div:last-child img{aspect-ratio:4/3;object-fit:cover}.stories>div{padding-inline:0}}.testimonials div:has(h2){grid-area:span 1/span 4;text-align:center;padding-block:2rem 10rem;background-color:var(--bg-light);margin-bottom:-8rem;box-shadow:0 0 0 100vmax var(--bg-light);clip-path:inset(0 -100vmax);z-index:-1}.testimonials div:last-child{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.testimonials div:last-child blockquote{display:flex;flex-direction:column;gap:2rem;padding:3rem;background-color:var(--white)}.testimonials div:last-child blockquote p{font-size:1.125rem;line-height:2}.testimonials div:last-child blockquote p:before{display:block;content:"\201c";font-size:4rem;font-family:var(--font-family);color:var(--grey);opacity:.5;line-height:0;margin-left:-2rem;margin-bottom:-1rem}.testimonials div:last-child blockquote p:after{display:inline-block;content:"\201d";font-size:2rem;font-family:var(--font-family);color:var(--grey);opacity:.5;line-height:0;margin-left:.25rem}.testimonials div:last-child blockquote cite{color:var(--secondary);text-transform:uppercase;font-size:1rem}.testimonials:not(:has(h2)) div:last-child{display:flex;flex-wrap:wrap;gap:1rem}.testimonials:not(:has(h2)) div:last-child blockquote{display:block;padding:2rem;background-color:var(--bg-color);flex:1 0 25%}.testimonials:not(:has(h2)) div:last-child blockquote p{line-height:1.5;color:var(--primary-mid)}.testimonials:not(:has(h2)) div:last-child blockquote p:after,.testimonials:not(:has(h2)) div:last-child blockquote p:before{display:none}.testimonials:not(:has(h2)) div:last-child blockquote cite{display:flex;gap:1rem;align-items:center;margin-block:1rem 0;padding-block:1rem 0;border-top:2px solid var(--white)}.testimonials:not(:has(h2)) div:last-child blockquote cite a{text-decoration:none;color:var(--primary);margin-block:-1rem 0}@media screen and (max-width: 920px){.testimonials div:last-child{grid-template-columns:1fr}}.additional-services{display:flex;align-items:center;padding-block:2rem;background-color:var(--bg-light)}.additional-services p{display:flex;gap:.5rem;align-items:center;color:var(--grey);font-size:1.25rem;padding-inline:2rem;justify-content:center}.additional-services p a{text-decoration:none;font-weight:700;text-transform:uppercase;padding:0;color:var(--secondary);letter-spacing:1px;margin-top:0}.additional-services p a:nth-child(1):after{content:",";color:var(--grey);text-transform:lowercase;font-weight:400}.additional-services p a:nth-child(2):after{content:", or";color:var(--grey);text-transform:lowercase;font-weight:400}.additional-services p a:hover{color:var(--primary-mid)}@media screen and (480px < width < 920px){.additional-services p{gap:.5rem;font-size:1rem;flex-wrap:wrap}.additional-services p a{letter-spacing:0}}@media screen and (width < 480px){.additional-services{padding-inline:2rem}.additional-services p{flex-direction:column;gap:1rem;font-size:1rem;flex-wrap:wrap;padding-inline:0}.additional-services p a{letter-spacing:0;position:relative}.additional-services p a:nth-child(1):after,.additional-services p a:nth-child(2):after{content:""}.additional-services p a:before{content:"\25b6";position:absolute;left:-1.2rem;top:.4rem;color:var(--secondary);font-size:.5rem}}.modal{width:min(100% - 4rem,65ch);overflow-x:hidden;top:50%;left:50%;translate:-50% -50%;background-color:var(--white);padding:0;margin:0;border-radius:6px;border:none;outline:none;transition:all .3s ease}.modal::open{display:flex;flex-direction:column;gap:1rem}.modal::backdrop{background-color:#00000080}.modal>div{background-color:var(--secondary);color:var(--white);display:flex;justify-content:space-between;align-items:center;padding-inline:2rem;padding-block:1rem}.modal>div[data-visible=false]{display:none}.modal>div strong{text-transform:uppercase;font-weight:700;letter-spacing:3px;color:var(--white)}.modal>div button,.modal>div button:link,.modal>div button:visited,.modal>div button:active{font-size:4rem;font-weight:300;line-height:.5;color:var(--black)}.modal .bookings{display:none}.modal:has(.book-now[data-visible=true]) form{display:none}.modal:has(.book-now[data-visible=true]) .bookings{display:flex;flex-direction:column;align-items:start;gap:1rem;padding-block:2rem;padding-inline:2rem;background-color:var(--white)}.modal:has(.book-now[data-visible=true]) .bookings>details{width:100%;color:var(--primary)}.modal:has(.book-now[data-visible=true]) .bookings>details>summary{background-color:var(--bg-light);padding-block:1rem;padding-inline:2rem;font-family:var(--font-family);font-size:1.5rem;color:var(--primary)}.modal:has(.book-now[data-visible=true]) .bookings>details>summary::marker{color:var(--secondary-mid)}.modal:has(.book-now[data-visible=true]) .bookings>details>p{padding-inline:2rem;padding-block:1rem}.modal:has(.book-now[data-visible=true]) .bookings>details>p:last-of-type{font-weight:600;color:var(--secondary-mid);border-top:1px solid var(--secondary)}.modal:has(.book-now[data-visible=true]) .bookings details[open] iframe{pointer-events:auto;display:block}.modal form{display:flex;flex-direction:column;gap:1rem;padding:2rem}.modal form input[name=hpfield]{display:none}.modal form input,.modal form textarea,.modal form select{padding-block:1rem;padding-inline:1rem;border:2px solid var(--text-light-color)}.modal form details iframe,.modal .bookings details iframe{border:none;width:100%;height:766px}.modal form>div,.modal .bookings>div{display:flex;flex-direction:column;gap:.5rem}.modal form>div:last-child,.modal .bookings>div:last-child{flex-direction:row}.modal form>div:last-child a,.modal form>div:last-child button,.modal .bookings>div:last-child a,.modal .bookings>div:last-child button{padding-block:1rem;padding-inline:2rem;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:3px;border:2px solid var(--grey);color:var(--black);background-color:var(--white);text-decoration:none}.modal form>div:last-child a:last-child,.modal form>div:last-child button:last-child,.modal .bookings>div:last-child a:last-child,.modal .bookings>div:last-child button:last-child{background-color:var(--secondary)}.modal form>div a,.modal .bookings>div a{background-color:var(--secondary);text-decoration:none}@media screen and (max-width: 640px){.modal{width:100%}.modal form input,.modal form textarea,.modal form select{padding-block:.5rem;padding-inline:.5rem;border:1px solid var(--text-light-color)}.modal form label{font-size:.75rem}.modal form>div:last-child{flex-direction:column}}:has(.intro) header{--secondary: rgba(255, 255, 255, .7)}header{background:transparent;position:fixed;z-index:1000;width:100%}header>div{display:flex;align-items:center;gap:4rem;padding-block:1.5rem;padding-inline:2rem;width:min(100% - 4rem,1440px);margin-inline:auto}header a{text-decoration:none;color:var(--text-standard-color)}header .logo{display:flex;font-size:1.5rem;gap:.5rem;align-items:center}header .logo p{color:var(--secondary);text-transform:uppercase;font-size:1rem}header nav{display:flex;flex:1 0 auto;align-items:center;justify-content:space-between}header nav ul{list-style:none;display:flex;gap:1.5rem}header nav .social{display:flex;gap:1rem;align-items:center;padding-inline:4rem;color:var(--secondary)}header nav .social a{color:var(--secondary)}@media screen and (max-width: 640px){header .logo{line-height:1.1;flex-direction:column;width:max-content;padding-inline:0;gap:0}header .logo p{font-size:.75rem;letter-spacing:2px}}@media screen and (max-width: 920px){:has(.hero) header{background-color:#fff9}header div{gap:0;padding-block:0;padding-inline:1rem;width:calc(100% - 2rem);justify-content:space-between}}@media screen and (min-width: 641px) and (max-width: 920px){header .logo{justify-content:start}}@supports (animation-timeline: view()){header{--_animationStartsAfter: 5vh;--_animationDistance: 100px;animation:stickyNav linear forwards;animation-timeline:view();animation-range-start:calc(100vh + var(--_animationStartsAfter));animation-range-end:calc(100vh + var(--_animationStartsAfter) + var(--_animationDistance))}}header.is-scrolled{background-color:var(--white);box-shadow:0 0 .75rem #0000004d;--secondary: #F8AD1F}@keyframes stickyNav{to{background-color:var(--white);box-shadow:0 0 .75rem #0000004d;--secondary: #F8AD1F}}header input,header .mobile-menu{display:none}header nav li:has(button#services-trigger),header nav li:has(button#classes-trigger){position:relative}header nav ul#services,header nav ul#classes{position:absolute;top:110%;left:-1rem;background:var(--white);min-width:max-content;box-shadow:0 2px 8px #0000001a;border-radius:4px;z-index:100;display:none}header nav ul#services:not([hidden]),header nav ul#classes:not([hidden]){display:block}header nav ul#services li a,header nav ul#classes li a{display:block;padding:.5rem 1rem}header nav ul#services li a:hover,header nav ul#services li a:focus,header nav ul#classes li a:hover,header nav ul#classes li a:focus{background:var(--bg-light)}header nav button#services-trigger,header nav button#classes-trigger{background:none;border:none;cursor:pointer}header nav button#services-trigger:after,header nav button#classes-trigger:after{content:"\203a";margin-left:.5rem;transition:transform .2s ease;display:inline-block}header nav button#services-trigger[aria-expanded=true]:after,header nav button#classes-trigger[aria-expanded=true]:after{transform:rotate(90deg)}@media screen and (max-width: 920px){header input{display:none}header input:checked~nav{max-height:100vh;height:100vh}header input:checked~label span{background:transparent}header input:checked~label span:before{top:0;transform:rotate(45deg)}header input:checked~label span:after{top:0;transform:rotate(-45deg)}header .mobile-menu{cursor:pointer;padding:2rem 1rem;z-index:199;order:2;display:flex}header .mobile-menu span{background:var(--primary);display:block;height:2px;position:relative;width:24px}header .mobile-menu span:before,header .mobile-menu span:after{background:var(--primary);content:"";display:block;height:100%;position:absolute;transition:all .2s ease-out;width:100%}header .mobile-menu span:before{top:.5rem}header .mobile-menu span:after{top:-.5rem}header nav{--secondary: #F8AD1F;width:100%;flex-direction:column;justify-content:start;gap:2rem;position:fixed;background-color:var(--secondary);overflow:hidden;bottom:0;top:0;left:0;z-index:20;max-height:0;transition:max-height .3s ease-out}header nav ul{display:flex;list-style:none;gap:1rem;flex-direction:column;padding-top:6rem;align-items:center;width:100%}header nav ul li{font-size:2rem;width:100%;text-align:center}header nav li:has(button#services-trigger),header nav li:has(button#classes-trigger){text-align:center}header nav ul#services,header nav ul#classes{position:relative;top:0;left:0;background:var(--secondary-light);box-shadow:none;border-radius:0;width:100%;padding:0}header nav ul#services li a,header nav ul#classes li a{font-size:1.5rem;border-bottom:1px solid var(--secondary)}header nav .social{justify-content:center;color:var(--white)}header nav .social a{color:var(--white)}}.hero{width:min(100%,1600px);display:grid;align-items:center;grid-template-columns:1fr 1fr;grid-template-areas:"tagline header-image"}.hero:has(.class-by){grid-template-columns:2fr 1fr}.hero:has(.class-by)>div:nth-child(1){align-items:center}.hero:has(.class-by)>div h1{font-style:italic}.hero:has(.class-by)>div:has(img){clip-path:circle(50% at 55% 40%);mask-image:linear-gradient(to bottom,transparent 0%,rgb(0,0,0) 10rem)}.hero:has(.class-by)>div:has(img):before{content:none}.hero:has(.class-by)>div p.class-by{font-family:var(--font-family);color:var(--soft-beige);font-size:var(--logo-font-size, 3.5rem);width:min-content;text-align:center;line-height:.5;padding-block:6rem 2rem}.hero:has(.class-by)>div p.class-by em{display:inline-block;margin-inline:-.2ch;font-style:italic}.hero:has(.class-by)>div p.class-by span{font-size:var(--logo-name-font-size, 10rem);display:var(--logo-display, block);letter-spacing:-.1ch;flex:1 1 auto;opacity:.9}.hero:has(.class-by)>div a{padding-block:1rem;align-self:center;padding-inline:2rem;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:3px;background-color:var(--primary);text-decoration:none;color:var(--white);margin-block:0 2rem}.hero:has(.class-by)>div a:hover{background-color:var(--deep-navy)}.hero>div{display:flex;flex-direction:column;gap:1rem}.hero div:first-child{position:relative;grid-area:tagline;padding-left:2rem}.hero div:first-child p{color:var(--secondary);text-wrap:balance}.hero div:has(img){grid-area:header-image;position:relative;display:inline-block}.hero div:has(img):before{content:"";position:absolute;width:342px;height:132px;background-image:url(../img/bay-bee-bundle_bee_01.png);background-repeat:no-repeat;left:-20%;bottom:20%;z-index:1}@media screen and (max-width: 640px){.hero{margin-top:1rem;grid-template-columns:1fr;grid-template-areas:"header-image" "tagline";mask:linear-gradient(to bottom,transparent 0%,rgb(0,0,0) 10rem)}.hero:has(.class-by){grid-template-columns:1fr;justify-items:center;mask:linear-gradient(to bottom,transparent 0%,rgb(0,0,0) 6rem)}.hero:has(.class-by)>div h1{font-size:2rem}.hero:has(.class-by)>div:first-child{padding-left:0;text-align:center}.hero:has(.class-by)>div p.class-by{padding-block:0 0;width:100%}.hero:has(.class-by)>div p.class-by,.hero:has(.class-by)>div p.class-by em,.hero:has(.class-by)>div p.class-by span{font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:3px;color:var(--class-secondary);display:inline-block}.hero:has(.class-by) div:has(img){clip-path:circle(50% at 50% 40%);width:70%;mask-image:none}.hero:has(.class-by) div:has(img) img{width:100%;margin-inline:0 0}.hero div:has(img) img{width:70%;margin-inline:auto 0}}@media screen and (min-width: 641px) and (max-width: 920px){.hero{mask:linear-gradient(to bottom,transparent 0%,rgb(0,0,0) 6rem);grid-template-columns:1fr 2fr;align-items:start}.hero div:first-child{padding-top:6rem}.hero div:has(img) img{width:85%;margin-inline:auto 0}}@media screen and (max-width: 920px){.hero div:has(img):before{width:171px;height:66px;background-size:contain;left:1rem;bottom:20%}}@media screen and (min-width: 1600px){.hero div:first-child{position:relative;grid-area:tagline;padding-left:80px}}.classes{display:grid;grid-template-columns:repeat(2,1fr);padding-block:3rem;background-color:var(--deep-navy);box-shadow:0 0 0 100vmax var(--deep-navy);clip-path:inset(0 -100vmax);gap:2rem}.classes>div{display:flex;flex-direction:column;gap:1rem}.classes>div h3{color:var(--white)}.classes>div svg{color:var(--secondary)}.classes>div a{text-decoration:none;color:var(--secondary);font-weight:700;text-transform:uppercase;font-size:.8rem;align-self:start}.classes>div a:hover{color:var(--secondary-mid)}.classes div:first-child{padding-right:3rem}@media screen and (width < 640px){.classes{grid-template-columns:1fr}.classes:has(h3){grid-template-columns:1fr}.classes:has(h3) div:first-child{grid-area:span 1/span 1}}.about-class{display:grid;grid-template-columns:repeat(2,1fr);grid-template-areas:"content-left content-right";gap:8rem;padding-block:3rem}.about-class>div{display:flex;flex-direction:column;gap:1rem}.about-class>div:nth-child(1){grid-area:content-left}.about-class>div:nth-child(2){grid-area:content-right}.about-class>div a{text-decoration:none;color:var(--secondary-mid)}.about-class>div a:hover{text-decoration:underline}.about-class>div h2,.about-class>div strong{font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem}.about-class>div h2{color:var(--secondary)}.about-class>div strong{color:var(--text-standard-color)}.about-class>div p:first-of-type:not(:has(strong)){font-family:var(--font-family);color:var(--primary);font-size:1.5rem;line-height:1.2;font-weight:300}.about-class>div p em{font-style:italic}.about-class>div p em a{font-weight:600}.about-class>div ul{list-style-type:none}.about-class>div ul li{margin-left:1.5rem;position:relative}.about-class>div ul li:before{content:"\2713";position:absolute;left:-1.5rem;top:0;color:var(--secondary)}@media screen and (width < 1100px){.about-class{gap:4rem}}@media screen and (width < 640px){.about-class{grid-template-columns:1fr;grid-template-areas:"content-left" "content-right"}.about-class div:last-child{flex-direction:column;border-top:1rem solid var(--muted-mauve);padding-block:2rem 0}.about-class div:last-child div{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr .5rem 1fr;gap:1rem;padding-inline:0;justify-items:center}.about-class div:last-child div img{width:calc(100% - 2rem)}.about-class div:last-child div picture:nth-child(1){grid-column:1/3;grid-row:1/3}.about-class div:last-child div picture:nth-child(2){margin-top:0;grid-column:3/5;grid-row:1/3}.about-class div:last-child div picture:nth-child(3){grid-column:2/4;grid-row:2/4}}.overview{display:grid;grid-template-columns:2fr 1fr;grid-template-areas:"content-left content-right";gap:4rem;padding-block:3rem}.overview>div{display:flex;flex-direction:column;gap:1rem}.overview>div:nth-child(1){grid-area:content-left}.overview>div:nth-child(2){grid-area:content-right}.overview>div a{text-decoration:none;color:var(--secondary-mid)}.overview>div a:hover{text-decoration:underline}.overview>div h2,.overview>div strong{font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem}.overview>div h2{color:var(--secondary)}.overview>div strong{color:var(--text-standard-color)}.overview>div p:first-of-type:not(:has(strong)){font-family:var(--font-family);color:var(--primary);font-size:1.5rem;line-height:1.2;font-weight:300}.overview>div ul{list-style-type:none}.overview>div ul li{margin-left:1.5rem;position:relative}.overview>div ul li:before{content:"\2713";position:absolute;left:-1.5rem;top:0;color:var(--secondary)}@media screen and (width < 1100px){.overview{gap:4rem}}@media screen and (width < 640px){.overview{grid-template-columns:1fr;grid-template-areas:"content-left" "content-right"}.overview div:last-child{flex-direction:column;border-top:1rem solid var(--muted-mauve);padding-block:2rem 0}.overview div:last-child div{grid-template-columns:repeat(4,1fr);grid-template-rows:1fr .5rem 1fr;gap:1rem;padding-inline:0;justify-items:center}.overview div:last-child div img{width:calc(100% - 2rem)}}main:has(.intro) .booking div:has(h2){background-color:var(--deep-navy);box-shadow:0 0 0 100vmax var(--deep-navy)}.booking{display:grid;grid-template-columns:var(--booking-grid-columns, repeat(2, 1fr));grid-auto-rows:auto;align-items:start;gap:2rem;margin-block:0 2rem}.booking div:has(h2){grid-area:span 1/span 3;text-align:center;padding-block:2rem 20rem;background-color:var(--secondary);margin-bottom:-20rem;box-shadow:0 0 0 100vmax var(--secondary);clip-path:inset(0 -100vmax);z-index:-1}.booking div:has(h2) h2{color:var(--white)}.booking div:has(h3),.booking div.empty{display:flex;flex-direction:column;gap:1rem;padding:2rem;background-color:var(--white);box-shadow:0 0 .5rem var(--grey);border-radius:.5rem;text-align:center;transition:all .3s ease}.booking div:has(h3):hover,.booking div.empty:hover{transform:scale(1.05)}.booking div.empty p{padding-block:6rem;padding-inline:4rem}.booking div:has(h3)>p:nth-of-type(1){font-size:.75rem;letter-spacing:.2ch;font-weight:600;color:var(--white);text-transform:uppercase;background-color:var(--secondary-mid);align-self:start;padding-inline:1rem;margin-inline:calc(-2rem - 3px) 0;margin-block:-1rem;transform:skewY(-5deg)}.booking div:has(h3) h3{text-align:center;border-bottom:1px solid var(--secondary);padding-bottom:1rem}.booking div:has(h3)>strong:first-of-type{font-size:2rem;font-weight:600;color:var(--black)}.booking div:has(h3)>div:has(strong){display:grid;grid-template-columns:var(--booking-details-columns, 1fr 1fr);text-align:left;gap:.5rem}.booking div:has(h3)>div:has(strong):has(svg){--booking-details-columns: 2rem 1fr 1fr}.booking div:has(h3)>div:has(strong) strong{grid-area:1/1/2/4;font-family:var(--font-family-sans);font-weight:700;text-transform:uppercase;font-size:.8rem;letter-spacing:3px;color:var(--secondary);background-color:var(--bg-light)}.booking div:has(h3)>div:has(strong) .time,.booking div:has(h3)>div:has(strong) .location{text-align:right}.booking div:has(h3)>div:has(strong) a{text-decoration:none;color:var(--secondary);text-wrap:balance}.booking div:has(h3)>div:has(strong) a:hover{color:var(--deep-navy)}.booking div:has(h3) ul{list-style-type:none;text-align:left}.booking div:has(h3) ul li{margin-left:1.2rem;position:relative}.booking div:has(h3) ul li:before{content:"\25b6";position:absolute;left:-1.2rem;top:.4rem;color:var(--secondary);font-size:.5rem}.booking div:has(h3) p.rate{font-weight:600;line-height:1;text-transform:uppercase;color:var(--black)}.booking div:has(h3) p.small{font-size:.7rem}.booking div:has(h3) button{padding-block:1rem;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:3px;background-color:var(--primary);color:var(--white)}.booking div:has(h3) button:hover{background-color:var(--deep-navy)}@media screen and (640px < width < 920px){.booking{padding-block:0;grid-template-columns:1fr}.booking div:has(h2){grid-area:auto}.booking div:has(h3){display:grid;grid-template-columns:1fr 1.5fr}.booking div:has(h3) p:nth-child(1){justify-self:start}.booking div:has(h3)>*:nth-child(-n+3){grid-column:1/-1}.booking div:has(h3) p:nth-child(4):not(.time):not(.location){grid-column:1/2;grid-row:span 2;justify-self:start}.booking div:has(h3)>div:has(strong){grid-column:2/3}.booking div:has(h3) button{grid-column:span 2}}@media screen and (width < 640px){.booking{display:flex;flex-direction:column;gap:2rem}.booking div:has(h3)>div:has(strong){--booking-details-columns: 1fr}.booking div:has(h3)>div:has(strong) strong{grid-column:auto}.booking div:has(h3)>div:has(strong) strong,.booking div:has(h3)>div:has(strong) p,.booking div:has(h3)>div:has(strong) .location,.booking div:has(h3)>div:has(strong) .time{text-align:center}.booking div:has(h3)>div:has(strong):has(svg){--booking-details-columns: 1fr}.booking div:has(h3)>div:has(strong):has(svg) p:not(.time){display:flex;align-items:center;justify-content:center}.booking div:has(h3)>div:has(strong):has(svg) p:not(.time):before{content:url("data:image/svg+xml,%3Csvg viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9 2a1 1 0 0 1 1 1v1h4V3a1 1 0 1 1 2 0v1h3a2 2 0 0 1 2 2v13a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V6a2 2 0 0 1 2-2h3V3a1 1 0 0 1 1-1zM8 6H5v3h14V6h-3v1a1 1 0 1 1-2 0V6h-4v1a1 1 0 0 1-2 0V6zm11 5H5v8h14v-8z' fill='%23979189'/%3E%3C/svg%3E");height:1.25rem;width:1.25rem;display:inline-block;margin-right:.25rem}.booking div:has(h3)>div:has(strong):has(svg) svg{display:none}}.action{--action-mt: 0 0;background-color:var(--secondary);text-align:center;padding-block:2rem;padding-inline:2rem;display:flex;flex-direction:column;gap:1rem;margin-block:var(--action-mt, 4rem 0);z-index:1}.action a,.action p,.action button,.action button:link,.action button:visited,.action button:active{color:var(--white)}.action a,.action button{padding-block:1rem;padding-inline:2rem;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:3px;background-color:var(--primary);text-decoration:none}.action a:hover,.action button:hover{background-color:var(--black)}.action a{background-color:var(--secondary-mid)}.action div{display:flex;gap:1rem;margin-inline:auto}.contact-form{display:grid;grid-template-columns:1fr 1.5fr;grid-template-areas:"info form";gap:2rem;align-items:start;margin-block:2rem 0}.contact-form .info{grid-area:info;display:flex;flex-direction:column;gap:1rem;padding:2rem}.contact-form .info input[name=hpfield]{display:none}.contact-form .info input,.contact-form .info textarea,.contact-form .info select{padding-block:1rem;padding-inline:1rem;border:2px solid var(--text-light-color)}.contact-form div:nth-child(2){grid-area:form}.contact-form div:nth-child(2) form>div{display:flex;flex-direction:column;gap:.5rem}.contact-form div:nth-child(2) form>div:last-child{flex-direction:row}.contact-form div:nth-child(2) form>div:last-child a,.contact-form div:nth-child(2) form>div:last-child button{padding-block:1rem;padding-inline:2rem;font-size:.75rem;text-transform:uppercase;font-weight:700;letter-spacing:3px;border:2px solid var(--grey);color:var(--black);background-color:var(--white);text-decoration:none}.contact-form div:nth-child(2) form>div:last-child a:last-child,.contact-form div:nth-child(2) form>div:last-child button:last-child{background-color:var(--secondary)}.contact-form div:nth-child(2) form>div a{background-color:var(--secondary);text-decoration:none}@media screen and (width < 768px){.contact-form{grid-template-columns:1fr;grid-template-areas:"form" "info"}}