.websites-page{padding-block:55px 70px}.websites-intro{max-width:760px;margin-bottom:46px}.websites-intro .eyebrow{color:var(--accent-light);margin-bottom:16px}.websites-intro h1{letter-spacing:-1.6px;margin:0 0 22px;font-size:clamp(36px,4.2vw,56px)}.websites-intro>p:last-child{max-width:650px;color:var(--muted);margin:0;font-size:19px;line-height:1.65}.showcase-toolbar{border-block:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding-block:22px;display:flex}.showcase-toolbar>p{margin:0;font-size:17px}.showcase-toolbar>p>span{color:var(--muted);margin-top:4px;font-size:13px;display:block}.palette-picker{border:0;margin:0;padding:0}.palette-picker legend{color:var(--muted);margin-bottom:8px;font-size:12px}.palette-options{gap:6px;display:flex}.palette-options label{cursor:pointer;position:relative}.palette-options input{opacity:0;width:1px;height:1px;position:absolute}.palette-options label>span{border:1px solid var(--line);border-radius:6px;align-items:center;gap:8px;min-height:44px;padding:8px 12px;font-size:13px;display:flex}.palette-options input:checked+span{background:var(--accent-surface);border-color:var(--accent-light)}.palette-options input:focus-visible+span{outline:3px solid var(--accent-light);outline-offset:3px}.swatch{border:1px solid #ffffff50;border-radius:50%;width:12px;height:12px}.swatch-original{background:linear-gradient(90deg,#46543c 50%,#c87348 50%)}.swatch-blue{background:#386380}.swatch-earth{background:#9c533d}.website-study{border-bottom:1px solid var(--line);grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);align-items:center;gap:54px;padding-block:50px;display:grid}.study-number{font:11px var(--mono);letter-spacing:1px;color:var(--accent-light);margin-bottom:18px}.study-copy h2{letter-spacing:-.6px;margin-bottom:20px;font-size:clamp(25px,2.5vw,33px);font-weight:500;line-height:1.2}.study-copy>p:not(.study-number){color:var(--muted);font-size:16px;line-height:1.7}.study-copy ul{margin:24px 0 0;padding:0;list-style:none}.study-copy li{color:var(--muted);border-top:1px solid var(--line);padding:7px 0;font-size:14px;line-height:1.6}.site-concept{--sample-accent:#3b523f;--sample-ink:#263b2b;--sample-paper:#f4f2e9;--sample-soft:#e4e7d9;--sample-display:Georgia, "Times New Roman", serif;min-width:0;margin:0}.concept-bar{border:1px solid var(--sample-border);color:var(--muted);font:10px var(--mono);letter-spacing:.6px;background:var(--surface);border-bottom:0;border-radius:10px 10px 0 0;justify-content:space-between;gap:12px;padding:11px 18px;display:flex}.concept-bar>span:last-child{letter-spacing:0}.site-concept figcaption{color:var(--muted);max-width:65ch;margin-top:12px;font-size:12px;line-height:1.6}.service-preview,.cafe-preview,.professional-preview{background:var(--sample-paper);color:var(--sample-ink);border-radius:0 0 6px 6px;overflow:hidden}.sample-header{justify-content:space-between;align-items:center;gap:20px;padding:22px 28px;display:flex}.sample-header>strong{font-family:var(--sample-display);letter-spacing:-1px;font-size:26px;font-weight:400;line-height:1}.sample-header strong>span{font:8px var(--font);letter-spacing:1.8px;margin-top:9px;display:block}.sample-menu{white-space:nowrap;font-size:10px}.sample-eyebrow{letter-spacing:1.5px;margin-bottom:16px;font-size:9px;font-weight:500}.site-concept h3{font:400 clamp(30px, 3.2vw, 43px)/1.08 var(--sample-display);letter-spacing:-1.3px;margin:0 0 16px}.sample-cta{--arrow-size:16px;background:var(--sample-accent);color:#fff;border-radius:3px;align-items:center;gap:10px;margin-top:12px;padding:12px 15px;font-size:11px;display:inline-flex}.service-hero{grid-template-columns:1.15fr 1fr;align-items:center;gap:18px;padding:14px 28px 28px;display:grid}.service-hero>div>p:not(.sample-eyebrow){max-width:230px;font-size:13px;line-height:1.6}.garden-art{aspect-ratio:26/31;--art-sky:#d7dfd4;--art-sun:#f5eac5;--art-wall:#d7c9ac;--art-door:#8a9a83;--art-ground:#abb797;--art-path:#efdfbe;--art-trunk:#6f6f4d;--art-leaf:#657b53;border-radius:30% 30% 3px 3px;position:relative;overflow:hidden}.garden-art svg{width:100%;height:auto;display:block}.garden-art>span{background:var(--sample-paper);font:italic 12px var(--sample-display);padding:6px 9px;position:absolute;bottom:14px;left:14px}.service-strip{border-top:1px solid #263b2b26;justify-content:space-between;gap:12px;padding:17px 28px;font-size:11px;display:flex}.cafe-concept{--sample-accent:#843f28;--sample-ink:#4c3628;--sample-paper:#fbf0dc;--sample-soft:#eddcc0}.cafe-preview .sample-header>strong{font-size:33px;font-style:italic}.cafe-hero{grid-template-columns:1.3fr 1fr;align-items:center;gap:12px;padding:20px 28px 34px;display:grid}.cafe-hero p:not(.sample-eyebrow){font-size:13px;line-height:1.6}.coffee-art{justify-items:center;gap:20px;padding-block:15px;display:grid}.coffee-saucer{aspect-ratio:1;background:#ece2cf;border-radius:50%;place-items:center;width:155px;display:grid;transform:rotate(-18deg);box-shadow:9px 14px #422b1712,inset 0 0 0 5px #f8f1e4,inset 0 0 0 7px #e0d3bb}.coffee-cup{aspect-ratio:1;background:#fcf7ee;border-radius:50%;place-items:center;width:106px;display:grid;position:relative;box-shadow:2px 4px 8px #5b3e3925}.coffee-cup:after{content:"";border:8px solid #fcf7ee;border-radius:3px 10px 10px 3px;width:28px;height:25px;position:absolute;left:calc(100% - 3px)}.coffee-surface{aspect-ratio:1;background:#9c6338;border-radius:50%;place-items:center;width:88px;display:grid;box-shadow:inset 0 0 0 4px #bc8b53}.coffee-surface span{color:#f3d9aa;font:62px/1 Georgia,serif;transform:rotate(18deg)}.coffee-art>span{font:8px/1.6 var(--font);text-align:center;letter-spacing:1.5px}.cafe-menu{background:var(--sample-soft);grid-template-columns:1.25fr 1fr 1fr;gap:18px;padding:22px 28px;display:grid}.cafe-menu>div>span{letter-spacing:1.2px;margin-bottom:8px;font-size:8px;display:block}.cafe-menu strong{font:16px/1.3 var(--sample-display)}.cafe-menu>p{margin:0;font-size:12px}.cafe-menu>p>span{margin-top:6px;font-size:10px;line-height:1.5;display:block}.professional-concept{--sample-accent:#2c475f;--sample-ink:#293f51;--sample-paper:#f5f6f5;--sample-soft:#e3e8ea;--sample-display:var(--font)}.professional-preview .sample-header{border-bottom:1px solid #263b2b26}.professional-preview .sample-header>strong{font-size:23px;font-weight:500}.professional-hero{padding:35px 28px}.professional-hero h3{font-size:clamp(29px,3vw,40px);font-weight:500}.professional-hero h3 em{font-family:Georgia,serif;font-weight:400}.professional-hero>p:not(.sample-eyebrow){max-width:340px;font-size:13px;line-height:1.6}.professional-services{background:var(--sample-soft);grid-template-columns:repeat(3,1fr);gap:20px;padding:24px 28px;display:grid}.professional-services span{font:9px var(--mono);margin-bottom:10px;display:block}.professional-services strong{font-size:13px;font-weight:500;display:block}.professional-services p{margin:6px 0 0;font-size:11px;line-height:1.5}.showcase[data-palette=blue] .site-concept{--sample-accent:#285c7c;--sample-ink:#263e50;--sample-paper:#f0f5f7;--sample-soft:#dce8ee}.showcase[data-palette=earth] .site-concept{--sample-accent:#854830;--sample-ink:#51372b;--sample-paper:#faf1e7;--sample-soft:#edddcd}.showcase[data-palette=blue] .garden-art{--art-sky:#cedfe8;--art-leaf:#4d7076;--art-ground:#9fb9b8}.showcase[data-palette=earth] .garden-art{--art-sky:#e7d8cb;--art-leaf:#7c7750;--art-ground:#b6ae89}.website-service-note{padding:var(--card-padding);border:1px solid var(--accent-border);border-radius:var(--radius);background:radial-gradient(ellipse at 0 0, var(--card-glow), transparent 65%), var(--surface);grid-template-columns:.8fr 1.7fr;gap:54px;margin-top:46px;display:grid}.website-service-note .eyebrow{color:var(--accent-light);font-size:10px}.website-service-note>div:last-child>p{max-width:650px;color:var(--muted);font-size:16px;line-height:1.75}.website-inclusions{margin-block:22px;padding-left:20px;font-size:17px;line-height:1.6}.website-inclusions li{margin-bottom:8px;padding-left:4px}.website-inclusions li::marker{color:var(--accent-light)}.website-offer-actions{flex-wrap:wrap;align-items:center;gap:12px 24px;display:flex}@media (width<=1000px){.website-study,.website-service-note{grid-template-columns:minmax(0,.8fr) minmax(0,1.5fr);gap:30px}.sample-menu{display:none}.sample-header{padding:20px}.service-hero,.cafe-hero{padding-inline:20px}.coffee-saucer{width:125px}.coffee-cup{width:90px}.coffee-surface{width:74px}.coffee-surface span{font-size:50px}}@media (width<=760px){.websites-page{padding-block:36px 44px}.websites-intro{margin-bottom:30px}.websites-intro>p:last-child{font-size:17px}.showcase-toolbar{flex-direction:column;align-items:flex-start;gap:18px}.website-study{grid-template-columns:minmax(0,1fr);gap:25px;padding-block:35px}.study-copy h2{font-size:29px}.study-copy ul{margin-top:15px}.website-service-note{grid-template-columns:1fr;gap:8px;margin-top:32px}}@media (width<=420px){.palette-options label>span{gap:6px;padding-inline:9px}.concept-bar{padding-inline:14px;font-size:9px}.sample-header{padding:20px 18px}.service-hero,.cafe-hero{grid-template-columns:1fr;gap:25px;padding:10px 18px 24px}.site-concept h3{font-size:35px}.service-hero>div>p:not(.sample-eyebrow){max-width:none}.garden-art{width:100%;max-width:220px;margin-inline:auto}.coffee-art{padding-block:4px}.service-strip{flex-wrap:wrap;justify-content:flex-start;gap:10px 20px;padding-inline:18px}.cafe-menu{grid-template-columns:1fr;gap:16px;padding:20px 18px}.professional-hero{padding:26px 18px}.professional-hero h3{font-size:30px}.professional-services{grid-template-columns:1fr;gap:16px;padding:22px 18px}.professional-services>div{border-top:1px solid #263b2b26;padding-top:12px}.professional-services span{margin-bottom:5px}}@media (forced-colors:active){.palette-options input:checked+span{outline:2px solid highlight}.palette-options label>span,.site-concept>div{border:1px solid canvastext}}.website-offer-summary{border:1px solid var(--accent-border);background:var(--accent-surface);border-radius:12px;justify-content:space-between;align-items:center;gap:24px;margin-bottom:32px;padding:22px 26px;display:flex}.website-offer-summary p{max-width:670px;color:var(--muted);margin:0;line-height:1.65}.website-offer-summary strong{color:var(--text)}.website-offer-summary .text-link{color:var(--accent-light);flex-shrink:0}@media (width<=760px){.website-offer-summary{flex-direction:column;align-items:flex-start;gap:12px;padding:20px}}.website-faq{grid-template-columns:minmax(0,.8fr) minmax(0,1.7fr);gap:54px;margin-top:64px;display:grid}.website-faq-intro .eyebrow{color:var(--accent-light);font-size:10px}.website-faq-intro h2{letter-spacing:-.7px;margin:0 0 18px;font-size:clamp(28px,3vw,38px);font-weight:500;line-height:1.2}.website-faq-intro>p:last-child{color:var(--muted);max-width:30ch;line-height:1.65}.website-faq-list{border-top:1px solid var(--line)}.website-faq-item{border-bottom:1px solid var(--line)}.website-faq-item summary{cursor:pointer;color:var(--text);border-radius:4px;padding:23px 12px}.website-faq-item summary::marker{color:var(--accent-light);font-size:.8em}.website-faq-item summary h3{letter-spacing:-.15px;margin:0;font-size:19px;font-weight:500;line-height:1.5;display:inline}.website-faq-item summary:hover,.website-faq-item[open] summary{background:var(--surface)}.website-faq-item summary:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}.website-faq-answer{padding:0 12px 22px}.website-faq-answer p{color:var(--muted);max-width:65ch;margin:16px 0 0;font-size:16px;line-height:1.75}.website-final-contact{padding:28px var(--card-padding);border:1px solid var(--accent-border);border-radius:var(--radius);background:var(--accent-surface);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:44px;display:flex}.website-final-contact p{margin:0;font-size:21px;line-height:1.4}@media (width<=1000px){.website-faq{gap:30px}}@media (width<=760px){.website-faq{grid-template-columns:minmax(0,1fr);gap:20px;margin-top:44px}.website-faq-intro>p:last-child{max-width:none}.website-faq-item summary{padding:20px 8px}.website-faq-answer{padding-inline:8px}.website-final-contact{align-items:flex-start}}@media (forced-colors:active){.website-faq-item summary:focus-visible{outline-color:highlight}}
