section.hero{background-color:var(--colour-primary);overflow:hidden}section.hero .contained{color:#fff;display:flex;gap:var(--layout-gutter);align-items:stretch}section.hero .contained>div{flex:1}section.hero .contained>div.text{padding-top:calc(var(--layout-gutter) * 2)}section.hero .contained>div.text h1{color:#fff;font-size:3.8rem;text-wrap:balance}section.hero .contained>div.text p{font-size:2rem;text-wrap:balance}@media (max-width: 900px){section.hero .contained>div.text h1{font-size:3rem}section.hero .contained>div.text p{font-size:1.5rem}}@media (max-width: 600px){section.hero .contained>div.text h1{font-size:2.5rem}section.hero .contained>div.text p{font-size:1.2rem}}section.hero .contained>div.image{position:relative}section.hero .contained>div.image img.hero{width:90%;height:100%;border-top-left-radius:50%;border-bottom-left-radius:50%;object-fit:cover;background-color:#0f0}section.hero .contained>div.image img.decorator{position:absolute;top:-15%;bottom:-15%;right:-15px;height:130%}@media (max-width: 600px){section.hero .contained{display:block;position:relative;padding:0}section.hero .contained div.image{position:absolute;top:0;left:0;right:0;bottom:0}section.hero .contained div.image img.hero{border-radius:0!important}section.hero .contained div.text{padding:0 var(--layout-gutter);padding-top:calc(var(--layout-gutter) * 2);position:relative;z-index:10;background-color:#00000080}section.hero .contained div.text>*{max-width:300px}}section.space-for div.splodges{margin-top:calc(var(--layout-gutter) * 2);gap:var(--layout-gutter);display:grid;grid-template-columns:repeat(4,1fr);justify-items:center}@media (max-width: 950px){section.space-for div.splodges{grid-template-columns:repeat(2,1fr)}section.space-for div.splodges div.icon div.splodge{max-width:100px}}section.space-for div.splodges div.icon{max-width:300px;width:100%;text-align:center;text-wrap:balance;display:flex;flex-direction:column;align-items:center}section.space-for div.splodges div.icon div.splodge{width:80%}section.space-for div.splodges div.icon p.title{margin-top:calc(var(--layout-gutter) / 2);font-family:Sorts Mill Goudy,sans-serif;font-size:2rem}section.space-for div.splodges :nth-child(2n){--wiggle-direction: reverse}section.info.flipped div.contained{flex-direction:row-reverse}section.info div.contained{display:flex;gap:var(--layout-gutter);align-items:center}section.info div.contained div.content{flex:1;display:flex;flex-direction:column;gap:var(--layout-gutter)}section.info div.contained div.content h2{font-size:2.4rem;font-family:Sorts Mill Goudy,sans-serif;text-wrap:balance}section.info div.contained:has(img[alt="The Square Play Cafe"]) img{max-width:200px}section.info div.contained:has(img[alt="The Square Play Cafe"]) a.button{--colour: #e5da97;--textColour: black}@media (max-width: 800px){section.info img{max-width:200px}}@media (max-width: 500px){section.info div.contained{flex-direction:column-reverse!important}section.info div.contained a.button{margin:0 auto}section.info img{width:100%}}section.location div.address{font-family:monospace}section.book-your-space{background-color:var(--colour-secondary);padding:var(--layout-gutter)}section.book-your-space div.contained{display:flex;gap:var(--layout-gutter);align-items:flex-start}@media (max-width: 750px){section.book-your-space div.contained{flex-direction:column;align-items:stretch}}section.book-your-space div.contained>img{max-width:300px;width:100%;flex-shrink:0}@media (max-width: 1000px){section.book-your-space div.contained>img{max-width:200px}}@media (max-width: 800px){section.book-your-space div.contained>img{max-width:150px}}@media (max-width: 750px){section.book-your-space div.contained>img{max-width:250px;margin:0 auto}}section.book-your-space div.contained div.content{flex:1}section.book-your-space div.contained div.content h2{font-size:2.4rem}section.more div.main{background-color:var(--colour-primary);color:#fff}section.more div.main div.contained{display:flex;overflow:hidden;gap:var(--layout-gutter)}section.more div.main div.contained div{flex:1}section.more div.main div.contained div.content{padding-top:calc(var(--layout-gutter) * 2);padding-bottom:calc(var(--layout-gutter) * 2)}section.more div.main div.contained div.content h2{color:#fff;font-size:3rem;text-wrap:balance}section.more div.main div.contained div.content h2 span{display:block}section.more div.main div.contained div.content p:not(:first-of-type){margin-top:calc(var(--layout-gutter) * 2)}section.more div.main div.contained div.image{flex:1;position:relative}section.more div.main div.contained div.image.hw{flex:0 1 25%}section.more div.main div.contained div.image img.hero{margin-left:10%;height:100%;width:90%;border-top-right-radius:50%;border-bottom-right-radius:50%;object-fit:cover;background-color:#0f0}section.more div.main div.contained div.image img.decorator{position:absolute;transform:rotate(180deg);top:-15%;bottom:-15%;left:-15px;height:130%}section.more div.additional{display:flex;gap:var(--layout-gutter);align-items:flex-start}section.more div.additional div{flex:1}section.more div.additional div.text{background-color:var(--colour-primary);color:#fff;padding:0 var(--layout-gutter);border-bottom-left-radius:18px;border-bottom-right-radius:18px}section.more div.additional div.text img{margin-top:-20px}section.more div.additional div.vines img.vines{width:100%;margin:-60px auto 0;position:relative;z-index:1}@media (max-width: 750px){section.more div.vines,section.more div.image{display:none!important}section.more div.additional>div.text{background-color:var(--colour-text-accent);padding-top:var(--layout-gutter);color:#000}}section.session-types div.contained div.types{margin-top:var(--layout-gutter);display:flex;flex-wrap:wrap;gap:var(--layout-gutter);justify-content:center}section.session-types div.contained div.types article.type{display:flex;gap:calc(var(--layout-gutter) / 2);align-items:center;background-color:#fff;border-radius:18px;padding:calc(var(--layout-gutter) / 2);max-width:355px;width:100%}section.session-types div.contained div.types article.type div.splodge{max-height:200px}section.session-types div.contained div.types article.type div.content h3{margin-bottom:calc(var(--layout-gutter) / 2)}section.session-types div.contained div.subtext{margin-top:var(--layout-gutter)}section.session-types div.contained div.subtext p{font-size:.8rem;text-align:center}section.contact{padding-top:calc(var(--layout-gutter) * 2);padding-bottom:calc(var(--layout-gutter) * 2)}section.contact div.contained{display:flex;flex-direction:column;align-items:center;gap:var(--layout-gutter)}section.contact div.contained h2{font-size:2.4rem}section.contact div.contained ul.types{list-style:none;padding:0;margin:0}section.contact div.contained ul.types li.type{display:flex;gap:calc(var(--layout-gutter) / 2);align-items:center}section.contact div.contained ul.types li.type div.splodge{width:100px}section.contact div.contained ul.types li.type div:not(:first-of-type) p.title{font-weight:700}section.contact div.contained ul.types li.type div:not(:first-of-type) p.sub{font-family:monospace;font-size:1.2rem}
