html{-webkit-text-size-adjust:100%;text-size-adjust:100%}.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}.mobile-menu-toggle{display:none}
@media(max-width:1024px){.navigation{position:relative;height:80px;margin-inline:22px;gap:14px}.navigation .logo{min-height:44px;display:flex;align-items:center;font-size:29px}.navigation .nav-book{min-height:44px;font-size:14px;margin-left:auto;gap:14px}.mobile-menu-toggle{display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;min-width:44px;min-height:44px}.mobile-menu-toggle span{height:1px;width:24px;background:var(--ink)}.navigation #sideways-nav{display:none;position:absolute;top:100%;left:0;right:0;background:var(--paper);z-index:20;padding:18px 22px;border:1px solid var(--rule);max-height:calc(100dvh - 100px);overflow-y:auto}.navigation #sideways-nav.open{display:flex;flex-direction:column;gap:0}.navigation #sideways-nav a{font-size:20px;padding:14px 0;min-height:52px;border-bottom:1px solid var(--rule)}.navigation #sideways-nav a:last-child{border:0}.navigation #sideways-nav a:after{display:none}.button{min-height:52px;font-size:14px}.text-link{min-height:44px}.gallery-track{touch-action:pan-x pan-y}.work>svg{min-width:44px;min-height:44px}input,select,textarea{font-size:16px;min-height:48px}.field label{font-size:14px}.form-note{font-size:14px}dialog{max-height:calc(100dvh - 20px)}#close-lightbox{min-height:44px;font-size:15px}dialog img{max-height:calc(100dvh - 100px);height:auto}.service-description{font-size:14px}.team-grid figcaption{font-size:28px}}
@media(max-width:600px){.navigation{margin-inline:18px;gap:8px}.navigation .logo{font-size:26px;gap:9px}.navigation .logo span{width:15px}.navigation .nav-book{font-size:13px;gap:8px}.navigation .nav-book svg{width:19px}.hero{padding-inline:18px}.hero-note{font-size:13px;line-height:1.5;gap:15px}.hero-note a{font-size:13px;min-height:44px;max-width:145px}.hero-title{padding-bottom:18px}.hero-statement{gap:22px}.hero-statement h2{font-size:clamp(36px,10vw,47px)}.hero-statement .button{font-size:14px;min-height:52px}.hero-composition{gap:10px}.hero-photo,.hero-secondary{height:270px}.section{padding:58px 22px}.section-intro h2,.approach-copy h2{font-size:clamp(37px,10vw,48px);line-height:1.08}.section-intro p{font-size:15px;line-height:1.8}.service{grid-template-columns:minmax(0,1fr) 48px 22px;gap:10px;padding:22px 0}.service-name{font-size:31px}.service-description{font-size:14px;line-height:1.7}.service-time,.service-price{font-size:14px}.approach-copy p{font-size:15px;line-height:1.8}.approach-copy .text-link{font-size:14px;min-height:48px}.studio-photo{height:330px}.location-photos{gap:12px}.location-photos figure{height:210px}.location-photos figure:nth-child(2){height:180px;margin-top:30px}.team-grid{gap:16px}.team-photo{height:280px}.team-grid figure:nth-child(2) .team-photo{height:235px}.team-grid figcaption{font-size:25px}.booking-intro h2{font-size:51px}.booking-intro>p{font-size:15px;line-height:1.8}.form-row{grid-template-columns:1fr;gap:0}.field{margin-bottom:24px}.field label{font-size:14px}.form-note{font-size:14px;line-height:1.7}.booking-form-wrap{min-width:0}.footer-logo{font-size:21vw}footer>div{font-size:13px;flex-wrap:wrap;gap:18px}}
@media(max-width:350px){.navigation .nav-book{font-size:0;gap:0;min-width:44px;justify-content:center}.navigation .nav-book svg{width:24px}}
@media(max-height:500px) and (max-width:1024px){.navigation{height:68px}.hero-composition{height:auto}.hero-photo,.hero-secondary{height:310px}.hero-statement{padding-block:20px}.hero-statement h2{font-size:40px}.hero-title{padding-block:20px}.hero h1{font-size:15vw}.navigation #sideways-nav{max-height:calc(100dvh - 85px)}}
@media(hover:none){.work:hover{transform:none}.work:hover img{transform:none;clip-path:inset(0)}.work:hover .edge{transform:none}.work:hover>svg{transform:none}.service:hover{padding-inline:0;background:none}.service:hover:before{transform:scaleX(0)}.service:hover{color:var(--ink)}}