.demo{--accent:#713b27;--ground:#fffaf0;background:var(--ground);color:#342d26}.demo-notice{display:flex;justify-content:space-between;gap:20px;padding:12px 5%;background:#292629;color:white;font-size:.8rem}.demo-notice a{text-underline-offset:4px}.demo-header{position:static;background:transparent;padding:24px 6%;border-color:#342d2626}.demo-brand{font-family:var(--serif);font-size:2.3rem;text-decoration:none;line-height:1}.demo-header nav{font-size:.9rem}.demo-hero{padding:65px 6% 70px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:5%}.demo-hero h1{font-size:clamp(3.6rem,5.3vw,6rem)}.demo-hero p:not(.eyebrow){max-width:500px}.demo-hero figure{margin:0}.demo-hero img{width:100%;height:520px;object-fit:cover;display:block}.demo-hero figcaption{font-size:.75rem;margin-top:12px;color:#5c554e}.demo .button{background:var(--accent);border-color:var(--accent)}.demo .button:hover{filter:brightness(1.2)}.demo-location{font-size:.8rem;margin-top:24px}.demo-offer,.demo-faq{padding:80px 6%}.demo-offer h2{font-size:3.6rem}.demo-warning{font-size:.8rem;color:#5c554e}.offer-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;margin-top:35px}.offer-grid article{padding:28px;border:1px solid #342d2640;background:#fffdf8}.offer-number{font-size:.75rem;color:var(--accent)}.offer-grid h3{font-family:var(--serif);font-size:2.3rem;margin:24px 0 18px}.offer-grid p{font-size:.95rem;min-height:65px}.offer-grid strong{font-size:1.3rem}.demo-contact:not(.button){border:0;border-top:1px solid #342d2640;padding:18px 0 0;margin-top:25px;display:flex;gap:12px;justify-content:space-between;text-align:left;background:none;color:var(--accent);width:100%;cursor:pointer;font-size:.875rem}.demo-contact:hover{text-decoration:underline;text-underline-offset:4px}.demo-difference{padding:65px 6%;display:grid;grid-template-columns:1fr 1fr;gap:8%;background:#ede1c6}.demo-difference h2{font-size:3.7rem;max-width:500px}.demo-difference ul{list-style:none;padding:0}.demo-difference li{border-top:1px solid #342d2640;padding:19px 0}.demo-faq{display:grid;grid-template-columns:1fr 1fr;gap:8%}.demo-faq h2{font-size:3.5rem}.demo-faq details{border-bottom:1px solid #342d2640}.demo-faq summary{padding:20px 0}.demo-faq details p{font-size:.95rem}.demo-closing{padding:70px 6%;text-align:center;border-top:1px solid #342d2640}.demo footer{padding:30px 6%;border-top:1px solid #342d2640}.demo dialog{max-width:540px;width:calc(100% - 40px);padding:32px;border:1px solid #cdbdc3;color:#292629;background:white}.demo dialog::backdrop{background:#29262980}.demo dialog h2{font-size:2.7rem}.dialog-close{display:block;margin:0 0 25px auto;border:0;background:#f4dfe5;color:#292629;cursor:pointer;padding:10px 16px}.demo blockquote{margin:24px 0;padding:20px;background:#f6f2ef;border-left:3px solid var(--accent)}
.wellness{--accent:#3c5449;--ground:#f8faf6;color:#283b30}.wellness .demo-hero{grid-template-columns:.9fr 1.1fr}.wellness .demo-hero img{border-radius:48% 48% 0 0;height:570px}.wellness .demo-difference{background:#e3eadf}.wellness .offer-grid article{background:transparent;border:0;border-top:1px solid #728775;padding:28px 0}.wellness .demo-brand{letter-spacing:.12em;text-transform:uppercase;font-size:1.8rem}.wellness h1,.wellness h2{font-style:italic}.services{--accent:#223a54;--ground:#f8fafc;color:#243649}.services .demo-brand{font-family:var(--sans);font-weight:600;font-size:1.6rem}.services h1,.services h2,.services .offer-grid h3{font-family:var(--sans);letter-spacing:-.055em;line-height:1.15}.services .demo-hero{grid-template-columns:1.15fr .85fr}.services .demo-hero h1{font-size:clamp(3rem,4.7vw,5.3rem);font-weight:500}.services .demo-hero img{height:440px}.services .demo-difference{background:#243649;color:white}.services .demo-difference h2{font-size:3rem}.services .demo-difference li{border-color:#ffffff50}.services .offer-grid article{background:#fff;border:1px solid #d4dce5}.services .offer-grid h3{font-size:1.8rem}.services .demo-offer h2,.services .demo-faq h2{font-size:3rem}
@media(max-width:900px){.demo-header{flex-wrap:wrap;gap:20px}.demo-hero,.wellness .demo-hero,.services .demo-hero{grid-template-columns:1fr}.demo-hero{gap:35px;padding-top:45px}.demo-hero img,.wellness .demo-hero img,.services .demo-hero img{height:420px}.offer-grid{gap:20px}.offer-grid article{padding:20px}.offer-grid h3{font-size:1.9rem}}
@media(max-width:760px){.demo-header nav{position:static;display:flex;gap:18px;padding:0;border:0;background:transparent;flex-wrap:wrap}.demo-header nav a{padding:5px 0}.demo-notice{flex-direction:column;gap:5px;font-size:.75rem}.demo-hero h1{font-size:3.4rem}.demo-hero img,.wellness .demo-hero img,.services .demo-hero img{height:320px}.offer-grid,.demo-difference,.demo-faq{grid-template-columns:1fr}.demo-offer,.demo-faq{padding-block:55px}.demo-offer h2,.demo-faq h2,.demo-difference h2{font-size:3rem}.offer-grid p{min-height:0}.demo-difference{padding-block:45px;gap:12px}.demo-faq{gap:20px}.services .demo-hero h1{font-size:2.7rem}.services .demo-offer h2,.services .demo-faq h2{font-size:2.5rem}.demo dialog{padding:24px}.demo footer{align-items:flex-start}}