*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:#202321;background:#fff;font:16px/1.6 Arial,sans-serif;letter-spacing:0}a{color:inherit;text-underline-offset:5px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button,a{transition:background-color .18s,color .18s,transform .18s}button{cursor:pointer}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #086ed6;outline-offset:5px}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{line-height:1.06}h1{font-size:64px;margin-bottom:20px}h2{font-size:38px;margin-bottom:24px}h3{font-size:22px;line-height:1.2}p{max-width:650px}.wrap{width:min(1140px,calc(100% - 80px));margin:auto}.eyebrow{text-transform:uppercase;font-size:12px;letter-spacing:0;font-weight:700;margin-bottom:20px}.demo-bar{position:sticky;top:0;z-index:40;display:flex;gap:16px;align-items:center;justify-content:space-between;padding:10px 24px;background:#191b1a;color:#fff;font-size:12px;min-height:54px}.demo-bar a{display:inline-flex;align-items:center;gap:7px;text-decoration:none;min-height:32px}.demo-bar a:last-child{color:#d8ff73}.demo-bar .icon{filter:invert(1)}.demo-bar span{color:#d0d3d0}.icon{width:18px;height:18px;flex-shrink:0}.demo-site-header{padding:22px 0;background:#fff;border-bottom:1px solid #dadfdb}.demo-site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px}.demo-brand{font-size:23px;text-decoration:none;font-weight:700;line-height:1.1}.demo-site-header nav{display:flex;gap:24px;flex-wrap:wrap}.demo-site-header nav a{font-size:14px;text-decoration:none}.demo-site-header a:hover{text-decoration:underline}.demo-hero{position:relative;isolation:isolate;background-size:cover;background-position:center;display:flex;align-items:center;min-height:440px;height:min(590px,calc(100svh - 200px));max-height:680px}.demo-hero::before{content:"";position:absolute;inset:0;z-index:-1;background:#fffffff0}.demo-hero .wrap{padding-top:40px;padding-bottom:40px}.hero-subtitle{font-size:24px;line-height:1.4;max-width:430px;margin-bottom:28px}.demo-button{display:inline-flex;gap:14px;align-items:center;justify-content:center;min-height:48px;padding:12px 22px;border:1px solid transparent;border-radius:4px;background:#202321;color:#fff;text-decoration:none;font-weight:700;line-height:1.3}.demo-button .icon{filter:invert(1)}.demo-button:hover{background:#3c423e;transform:translateY(-2px)}.demo-button.secondary{background:transparent;color:inherit;border-color:currentColor}.demo-button.secondary:hover{background:#20232110}.demo-section{padding:72px 0}.section-heading{display:flex;justify-content:space-between;align-items:baseline;gap:24px;border-bottom:1px solid #cbd2cc;margin-bottom:32px}.section-heading p{font-size:13px}.section-heading h2{max-width:700px}.service-rows{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.service-rows article{padding:12px 0}.row-number{font-size:12px;font-weight:700;display:block;margin-bottom:28px;color:#ac302c}.service-rows p{font-size:15px}.two-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label,.field{display:flex;flex-direction:column;gap:7px;font-size:14px}.field>select,.form-grid select{width:100%;min-height:48px;background:#fff;border:1px solid #7f8982;border-radius:3px;padding:10px 12px;color:#202321}.form-grid button,.form-grid output{grid-column:1/-1}.form-grid output{padding:18px 0;border-top:1px solid #bdc8bf;min-height:60px;font-size:14px}.fine-print{font-size:12px;line-height:1.6}.demo-faq details{border-bottom:1px solid #b4c0b8;padding:18px 0}.demo-faq summary{cursor:pointer;font-weight:700;padding-right:12px}.demo-faq p{margin:16px 0 0}.demo-contact{background:#202321;color:#fff}.demo-contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:32px}.demo-contact h2{margin-bottom:12px}.demo-contact p{margin-bottom:0}.demo-contact .demo-button{background:#fff;color:#202321;flex-shrink:0}.demo-footer{padding:28px 0;font-size:12px;border-top:1px solid #ddd}.demo-footer .wrap{display:flex;justify-content:space-between;gap:24px}.embedded .demo-bar{display:none}.embedded{--demo-bar-height:0px}.kajo .demo-hero{background-image:url('../assets/demo-kajo-hero.webp');background-position:58% center}.kajo .demo-hero::before{background:#ffffff8a}.kajo h1{max-width:500px}.kajo .demo-button{background:#b3322d}.kajo .demo-button:hover{background:#852420}.kajo .soft-band{background:#edf3ef}.kajo .demo-brand span{color:#b3322d}.service-area{max-width:400px;margin:24px 0}.service-area output{display:block;font-size:14px;margin-top:14px;min-height:50px}.aava{color:#1d3c35}.aava .demo-brand,.aava h1,.aava h2{font-family:Georgia,serif;font-weight:400}.aava h1{font-size:80px;max-width:560px}.aava .demo-hero{background-image:url('../assets/demo-aava-hero.webp');background-position:66% center}.aava .demo-hero::before{background:#ffffff47}.aava .demo-hero .wrap{align-self:flex-start}.aava .hero-subtitle{max-width:340px}.aava .demo-button{background:#1d4c3e}.aava .demo-button:hover{background:#12352b}.aava .soft-band{background:#f0f6f3}.menu-controls{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;margin:28px 0}.segmented{display:inline-flex;flex-wrap:wrap;gap:4px;border-bottom:1px solid #b8c5be}.segmented button{border:0;border-bottom:3px solid transparent;min-height:46px;background:transparent;color:inherit;padding:10px 16px;font-size:14px}.segmented button[aria-pressed=true]{border-color:#a32d42;font-weight:700}.segmented button:hover{background:#dce9e0}.checkbox-label{display:flex;align-items:center;gap:10px;font-size:14px}.checkbox-label input{width:19px;height:19px;accent-color:#1d4c3e}.menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 52px}.menu-item{border-bottom:1px solid #c4cfc8;padding:24px 0}.menu-item-top{display:flex;gap:18px;justify-content:space-between}.menu-item h3{font-size:19px;margin-bottom:8px}.menu-item p{font-size:14px;margin-bottom:12px}.menu-item button{border:0;border-bottom:1px solid;background:none;color:#1d4c3e;font-size:13px;padding:3px 0}.menu-item button:hover{color:#9f293c}.menu-price{font-weight:700;white-space:nowrap}.menu-status{font-size:13px;min-height:24px}.visit-hours{font:42px/1.3 Georgia,serif;margin:20px 0}.aava .demo-contact{background:#173d32}.forma{color:#171a1b}.forma .demo-site-header{border-bottom:2px solid #171a1b}.forma .demo-brand{font-size:28px;text-transform:uppercase}.forma .demo-hero{background-image:url('../assets/demo-forma-hero.webp');align-items:flex-start}.forma .demo-hero::before{background:#ffffff26}.forma h1{font-size:76px;max-width:570px;text-transform:uppercase}.forma .hero-subtitle{font-size:24px;max-width:350px}.forma .demo-button{background:#d9fa55;color:#171a1b}.forma .demo-button:hover{background:#c2e23b}.forma .demo-button .icon{filter:none}.forma .section-heading{border-bottom:2px solid #171a1b}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px 28px}.work-grid article:first-child{grid-column:1/-1}.work-open{width:100%;display:block;text-align:left;border:0;background:none;padding:0;color:inherit}.work-open img{width:100%;aspect-ratio:3/2;object-fit:cover;transition:filter .2s}.work-grid article:first-child img{aspect-ratio:2/1}.work-open:hover img{filter:brightness(.9)}.work-label{display:flex;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid #171a1b;margin-top:16px}.work-label strong{font-size:22px}.work-label small{display:block;font-size:13px;margin-top:4px}.work-open .icon{margin-top:7px}.forma .studio-about{background:#d9fa55}.forma .studio-about h2{font-size:48px;max-width:540px}.forma .studio-about ul{list-style:none;padding:0;margin:0}.forma .studio-about li{padding:14px 0;border-bottom:1px solid #68783a}.forma .demo-contact{background:#171a1b}.demo-modal{width:min(760px,calc(100% - 32px));max-height:88svh;border:0;border-radius:4px;padding:0;color:#202321;background:#fff;overflow:auto}.demo-modal::backdrop{background:#111c}.modal-toolbar{position:sticky;top:0;display:flex;justify-content:flex-end;gap:8px;padding:12px;background:#fff;border-bottom:1px solid #ddd;z-index:1}.icon-button{display:inline-flex;justify-content:center;align-items:center;width:42px;height:42px;flex:0 0 42px;border:1px solid #9fa8a1;border-radius:3px;background:#fff}.icon-button:hover{background:#e6eee8}.icon-button.next img{transform:rotate(180deg)}.modal-content{padding:28px}.modal-content h2{font-size:32px;margin:24px 0 16px}.modal-content img{width:100%;max-height:340px;object-fit:cover;aspect-ratio:16/9}.modal-content p{margin-bottom:14px}.demo-modal .fine-print{margin-top:24px;color:#5a645e}.skip-link{position:absolute;left:16px;top:-100px;background:#fff;padding:12px;z-index:80}.skip-link:focus{top:12px}[hidden]{display:none!important}
@media(min-width:1600px){.demo-hero{height:590px}.wrap{width:min(1280px,calc(100% - 120px))}}
@media(max-width:760px){html{scroll-padding-top:104px}.wrap{width:calc(100% - 40px)}.demo-bar{padding:8px 14px;gap:8px;flex-wrap:wrap}.demo-bar span{order:3;width:100%;font-size:11px;text-align:center}.demo-site-header{padding:18px 0}.demo-site-header .wrap{gap:18px;align-items:flex-start;flex-direction:column}.demo-site-header nav{gap:20px}.demo-site-header nav a{font-size:13px}.demo-hero{height:500px;min-height:420px;max-height:calc(100svh - 180px)}h1{font-size:44px}h2{font-size:32px}.hero-subtitle{font-size:20px;max-width:280px}.demo-section{padding:48px 0}.section-heading{display:block}.service-rows,.two-columns,.menu-grid,.work-grid{grid-template-columns:1fr;gap:24px}.service-rows article{padding:20px 0;border-bottom:1px solid #bdc8bf}.row-number{margin-bottom:15px}.two-columns{gap:36px}.form-grid{grid-template-columns:1fr}.demo-contact .wrap{display:block}.demo-contact .demo-button{margin-top:24px}.demo-footer .wrap{display:block}.demo-footer p{margin-bottom:10px}.aava h1{font-size:52px;max-width:320px}.aava .demo-hero{background-position:52% center}.aava .demo-hero::before{background:#ffffff8a}.menu-controls{gap:18px}.segmented button{padding:10px 12px}.forma h1{font-size:48px;max-width:320px}.forma .demo-hero{background-position:44% center}.forma .demo-hero::before{background:#ffffff6b}.work-grid article:first-child{grid-column:auto}.work-grid article:first-child img{aspect-ratio:3/2}.forma .studio-about h2{font-size:36px}.work-label strong{font-size:21px}.modal-content{padding:20px}.modal-content h2{font-size:27px}.visit-hours{font-size:36px}}
.aava .demo-hero .wrap{margin-top:0;margin-bottom:0;padding-top:32px}
.kajo .demo-contact .demo-button,.aava .demo-contact .demo-button{background:#fff;color:#202321}
.kajo .demo-contact .demo-button:hover,.aava .demo-contact .demo-button:hover{background:#e6eee8}
.visit-hours{display:block}
.opening-hours{margin:20px 0 28px}
.opening-hours>div{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-bottom:1px solid #b8c5be}
.opening-hours dt{font-size:15px;overflow-wrap:anywhere}
.opening-hours dd{margin:0;font:24px/1.3 Georgia,serif;white-space:nowrap}
@media(max-width:380px){.opening-hours>div{gap:12px}.opening-hours dt{font-size:13px}.opening-hours dd{font-size:21px}}
.work-open>img{height:auto}
.work-open .icon{width:18px;height:18px;aspect-ratio:auto}
.work-label>span{min-width:0}
.work-label strong{overflow-wrap:anywhere}
.icon-button:disabled{opacity:.35;cursor:default}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}
