@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{--cream:#FFF0C9;--sage:#A9C78A;--forest:#354B32;--charcoal:#35342E;--muted:#6d6b5e;--paper:#FFF9E9;--line:#DED4B4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--charcoal);font-family:'DM Sans',sans-serif;font-size:16px}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}button{cursor:pointer}.header{height:90px;padding:0 max(5vw,24px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#fff0c9ed;backdrop-filter:blur(14px);z-index:10}.brand{display:flex;align-items:center;gap:10px;font-family:'Playfair Display',serif;font-size:24px;font-weight:600;line-height:1}.brand em{font-weight:400;color:#77985B}.brand small,.footer-brand small{display:block;font:600 8px 'DM Sans',sans-serif;letter-spacing:3px;margin-top:8px}.brand-icon{font-size:30px;color:var(--forest)}.nav{display:flex;align-items:center;gap:32px;font-size:13px;font-weight:600}.nav a:hover,.text-link:hover{color:#64864C}.nav-cta{padding:13px 20px;background:var(--forest);color:var(--cream)!important;border-radius:4px}.menu-toggle{display:none;border:0;background:none;font-size:25px;color:var(--forest)}.section{padding:110px max(6vw,26px)}.hero{min-height:670px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:30px;padding-top:70px;padding-bottom:70px;overflow:hidden}.eyebrow{font-size:11px;font-weight:700;letter-spacing:2.2px;color:#557A3F}.dot{display:inline-block;width:8px;height:8px;background:#83A45E;border-radius:50%;margin-right:8px}.hero h1,h2{font-family:'Playfair Display',serif;font-weight:500;letter-spacing:-2.6px;line-height:1.12}.hero h1{font-size:clamp(56px,6vw,100px);margin:27px 0}.hero h1 i,h2 i{font-weight:400;color:var(--forest)}.hero-copy>p{font-size:17px;line-height:1.85;max-width:540px;color:#5e5c50}.actions{display:flex;align-items:center;gap:27px;margin-top:34px}.btn{display:inline-flex;justify-content:center;align-items:center;gap:18px;padding:17px 23px;border-radius:3px;font-weight:700;font-size:13px;border:1px solid var(--forest);transition:transform .2s,background .2s}.btn:hover{transform:translateY(-3px)}.primary{background:var(--forest);color:var(--cream)}.outline{color:var(--forest)}.text-link{font-size:13px;font-weight:700;text-decoration:underline;text-underline-offset:6px}.hero-foot{display:flex;gap:24px;margin-top:70px;color:#777b60;font-size:11px;font-weight:600;flex-wrap:wrap}.hero-art{height:530px;position:relative;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #B5C89C;border-radius:50%;width:480px;height:480px}.orbit2{width:550px;height:550px;border-style:dashed;opacity:.55}.hero-logo{width:min(400px,80%);aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 20px 70px #3b493323;z-index:1}.hero-logo img{width:100%;height:100%;object-fit:cover}.sticker{position:absolute;right:0;bottom:45px;background:var(--sage);color:var(--forest);width:120px;height:120px;border-radius:50%;display:flex;align-items:center;justify-content:center;text-align:center;font-weight:700;font-size:11px;line-height:1.6;transform:rotate(12deg);z-index:2}.ticker{display:flex;align-items:center;justify-content:space-around;gap:20px;padding:26px 18px;background:var(--forest);color:var(--cream);font-size:11px;letter-spacing:2px;font-weight:700;flex-wrap:wrap}.ticker b{color:var(--sage)}h2{font-size:clamp(44px,5vw,72px);margin:20px 0 30px}.intro{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#FFF5DB}.intro>div>p,.section-heading>p,.about p,.contact p{color:#6a695c;line-height:1.85;font-size:16px}.service-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px;margin-top:45px}.service-grid>div{border-top:1px solid #d6cfb9;padding-top:15px}.service-grid span{font-size:12px;color:#698E4F}.service-grid h3{font:500 23px 'Playfair Display',serif;margin:15px 0 10px}.service-grid p{font-size:13px;color:#727063;line-height:1.7}.work{background:#E7EDCF}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:45px}.section-heading>p{max-width:360px}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.mock{height:350px;padding:20px;display:flex;flex-direction:column;overflow:hidden;position:relative}.mock:after{content:'';position:absolute;width:230px;height:230px;border-radius:50%;right:-55px;bottom:-60px;opacity:.35}.salon{background:linear-gradient(135deg,#c5ae9b,#eee0d0);color:#48372e}.salon:after{background:radial-gradient(circle,#6f5546,transparent 70%)}.nails{background:linear-gradient(140deg,#e8d4c2,#c59d90);color:#6a403d}.nails:after{background:radial-gradient(circle,#9b6b65,transparent 70%)}.barber{background:linear-gradient(135deg,#383f35,#1e2925);color:#eee4d0}.barber:after{background:radial-gradient(circle,#c6a77c,transparent 70%)}.mock-top{display:flex;justify-content:space-between;font:600 15px 'Playfair Display',serif;letter-spacing:1px;z-index:1}.mock-top span{font:600 9px 'DM Sans',sans-serif}.mock-body{margin:auto 0;z-index:1}.mock-body small{font-size:9px;letter-spacing:2px}.mock-body strong{display:block;font:500 42px/1.1 'Playfair Display',serif;margin:18px 0}.mock-body strong i{font-weight:400}.mock-pill{display:inline-block;border:1px solid currentColor;padding:10px 13px;font-size:9px;font-weight:700;letter-spacing:1px}.project-meta{display:flex;justify-content:space-between;align-items:center}.project-meta h3{font:500 25px 'Playfair Display',serif;margin:20px 0 5px}.project-meta p,.note{font-size:12px;color:#777666}.project-meta>span{font-size:18px}.note{margin-top:30px}.pricing{background:var(--cream)}.price-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;align-items:stretch}.price-card{position:relative;background:#FFF8E8;border:1px solid var(--line);padding:36px 28px;display:flex;flex-direction:column}.price-card.featured{background:#E8F0D7;border-color:#A9C78A}.flag{position:absolute;top:-15px;right:18px;background:var(--forest);color:white;padding:9px 13px;font-size:10px;font-weight:700;letter-spacing:1px}.tier{font-size:10px;letter-spacing:2px;color:#698E4F;font-weight:700}.price-card h3{font:500 35px 'Playfair Display',serif;margin:16px 0}.price{font:500 44px 'Playfair Display',serif}.price small{font:12px 'DM Sans',sans-serif;color:#777568}.price-card>p{min-height:55px;font-size:13px;line-height:1.7;color:#6e6c60}.monthly{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 0;font-weight:700;font-size:21px}.monthly span{font-size:11px;font-weight:400;color:#777568}.price-card ul{padding:0;list-style:none;flex:1;margin:23px 0 30px}.price-card li{font-size:13px;padding:10px 0}.price-card li:before{content:'✓';color:#5d7850;margin-right:10px;font-weight:700}.price-card .btn{width:100%}.fineprint{font-size:11px;line-height:1.8;color:#79766b;margin-top:24px}.about{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;gap:100px;background:var(--forest);color:var(--cream)}.about .eyebrow{color:#c4cba9}.about h2 i{color:#b5c09b}.about p{color:#e1dfd1;max-width:600px}.about .text-link{display:inline-block;margin-top:15px}.about-symbol{font-size:280px;line-height:1;color:#A9C78A;text-align:center}.faq{background:#FFF5DB}.faq-list{max-width:850px;margin-top:35px}.faq details{border-bottom:1px solid var(--line);padding:23px 0}.faq summary{cursor:pointer;font-weight:600;list-style:none;display:flex;justify-content:space-between}.faq summary:after{content:'+';font-size:22px;color:var(--forest)}.faq details[open] summary:after{content:'−'}.faq details p{color:#6d6b5e;line-height:1.7;max-width:680px}.contact{display:grid;grid-template-columns:1fr 1fr;gap:80px;background:#E7EDCF}.contact-note{margin-top:50px;color:var(--forest);font-weight:700;font-size:13px}.contact form{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#FFF8E8;padding:32px}.contact label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:9px}.contact input,.contact select,.contact textarea{border:1px solid #cfcab7;background:#FFF9E9;padding:13px;outline:none;border-radius:2px;min-width:0;color:var(--charcoal)}.contact input:focus,.contact textarea:focus,.contact select:focus{border-color:var(--forest)}.contact .full,.form-note{grid-column:1/-1}.contact button{border:0}.form-note{font-size:11px!important;line-height:1.5!important;margin:0}footer{background:#30382c;color:#e9e5d7;padding:55px max(6vw,26px);display:flex;justify-content:space-between;align-items:center;gap:25px;font-size:12px}footer .footer-brand{font:500 25px 'Playfair Display',serif}footer .footer-brand i{color:#A9C78A}
@media(max-width:900px){.nav{gap:16px}.hero{grid-template-columns:1fr}.hero-art{height:390px}.orbit{width:340px;height:340px}.orbit2{width:390px;height:390px}.hero-logo{width:320px}.sticker{right:10%}.intro,.about,.contact{grid-template-columns:1fr;gap:35px}.work-grid,.price-grid{grid-template-columns:1fr 1fr}.price-card:last-child{grid-column:1/-1}.section{padding:80px 5vw}.about-symbol{font-size:150px}}@media(max-width:620px){.header{height:72px}.brand{font-size:20px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:var(--cream);padding:20px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav.open{display:flex}.hero h1{font-size:54px}.hero{padding-top:65px}.hero-art{height:310px}.orbit{width:280px;height:280px}.orbit2{width:315px;height:315px}.hero-logo{width:255px}.sticker{width:90px;height:90px;font-size:9px;bottom:10px;right:0}.hero-foot{margin-top:40px}.ticker{justify-content:center}.section-heading{display:block}.work-grid,.price-grid,.service-grid{grid-template-columns:1fr}.price-card:last-child{grid-column:auto}.mock{height:330px}.contact form{grid-template-columns:1fr;padding:20px}.contact .full,.form-note{grid-column:auto}footer{flex-direction:column;text-align:center}.actions{flex-wrap:wrap}h2{letter-spacing:-1.5px}}

/* Starter preview mirrors the monochrome Willow & Wave design. */
.preview-starter{background-color:#f1f1f1!important;background-image:linear-gradient(#ffffffc0,#ffffffc0),url('https://images.unsplash.com/photo-1521590832167-7bcbfaa6381f?auto=format&fit=crop&w=800&q=75')!important;color:#161616!important;filter:grayscale(100%)}

/* Real live homepage previews — scaled to look like desktop screenshots. */
.work-grid .project-preview{display:block;position:relative;overflow:hidden;height:315px;min-height:315px;padding:0;background:#f3f3f3!important;filter:none!important;border:1px solid #deded7;border-radius:9px;isolation:isolate}
.work-grid .project-preview::before{display:none!important}
.work-grid .project-preview .homepage-shot{position:absolute;top:0;left:0;width:1440px;height:900px;max-width:none;border:0;pointer-events:none;transform-origin:top left;transform:scale(.31);background:#fff}
.work-grid .project-preview .preview-visit{position:absolute;right:13px;bottom:13px;z-index:2;padding:10px 13px;border-radius:4px;background:#fff;color:#1a1a1a;box-shadow:0 3px 18px #0003;font-size:10px;font-weight:700;letter-spacing:.1em;transition:background .2s}
.work-grid .project-preview:hover .preview-visit{background:#fff0c9}
@media(max-width:600px){.work-grid .project-preview{height:270px;min-height:270px}.work-grid .project-preview .homepage-shot{transform:scale(.28)}}
