@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display&display=swap');
:root{--ink:#272027;--brand:#6d3940;--accent:#cba75c;--paper:#f5efe5;--wash:#e9ded0;--dark:#2c2325;--serif:'DM Serif Display', Georgia, serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--accent);outline-offset:4px;border-radius:3px}.wrap{width:min(1140px,calc(100% - 48px));margin:auto}.topbar{height:82px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid color-mix(in srgb,var(--ink) 13%,transparent)}.brand{font-family:var(--serif);font-size:1.08rem;line-height:1.12;max-width:310px}.top-actions{display:flex;align-items:center;gap:22px}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:.67rem;font-weight:700;color:var(--brand)}.phone-link{font-size:.9rem;font-weight:700}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--brand);color:var(--paper);padding:14px 21px;border-radius:3px;font-size:.78rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:transform .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px);background:var(--dark)}.hero{position:relative;min-height:640px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;padding:72px 0 86px;overflow:hidden}.hero-copy{position:relative;z-index:1;padding:24px 42px 24px 0}.hero h1{font-family:var(--serif);font-size:clamp(3.6rem,7.7vw,7.6rem);font-weight:400;line-height:.93;letter-spacing:-.045em;white-space:pre-line;margin:20px 0 24px;max-width:13ch}.hero p{max-width:48ch;color:color-mix(in srgb,var(--ink) 76%,transparent);font-size:1rem}.hero-acts{display:flex;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.quiet-link{font-size:.78rem;font-weight:700;border-bottom:1px solid var(--brand);padding:9px 0}.hero-art{position:relative;min-height:475px;display:grid;place-items:center;background:var(--wash);overflow:hidden}.hero-art:before,.hero-art:after{content:"";position:absolute;border:1px solid color-mix(in srgb,var(--brand) 25%,transparent);border-radius:50%;width:75%;aspect-ratio:1}.hero-art:after{width:58%}.hero-art svg{position:relative;width:min(66%,360px);height:auto;color:var(--brand);z-index:1}.hero-art .art-label{position:absolute;right:7%;bottom:8%;font-family:var(--serif);font-size:1rem;color:var(--brand);writing-mode:vertical-rl;letter-spacing:.12em}.stripe{background:var(--dark);color:var(--paper)}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:24px 0}.fact{padding:10px 25px;border-left:1px solid color-mix(in srgb,var(--paper) 25%,transparent)}.fact:first-child{border:0;padding-left:0}.fact-label{font-size:.62rem;text-transform:uppercase;letter-spacing:.16em;opacity:.62}.fact-value{font-size:.88rem;font-weight:600;margin-top:4px}.section{padding:100px 0}.section-head{max-width:690px;margin-bottom:44px}.section h2{font-family:var(--serif);font-weight:400;line-height:1.04;font-size:clamp(2.5rem,5vw,4.7rem);margin:12px 0 18px;letter-spacing:-.03em}.section-lede{max-width:62ch;color:color-mix(in srgb,var(--ink) 72%,transparent)}.services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:color-mix(in srgb,var(--brand) 20%,var(--paper));border:1px solid color-mix(in srgb,var(--brand) 20%,var(--paper))}.service{background:var(--paper);padding:28px;min-height:142px}.service .num{font-size:.65rem;letter-spacing:.16em;color:var(--brand);font-weight:700}.service h3{font-family:var(--serif);font-size:1.45rem;font-weight:400;margin:19px 0 8px}.service p{font-size:.83rem;color:color-mix(in srgb,var(--ink) 70%,transparent);margin:0}.visit{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;background:var(--wash);padding:clamp(30px,6vw,72px)}.visit h2{font-size:clamp(2.5rem,5vw,4.2rem)}.visit-card{border-top:1px solid color-mix(in srgb,var(--brand) 30%,transparent);padding-top:22px}.visit-card p{margin:7px 0}.visit-card .hours{font-size:.78rem;color:color-mix(in srgb,var(--ink) 70%,transparent)}.contact-band{background:var(--brand);color:var(--paper);padding:65px 0}.contact-line{display:flex;align-items:center;justify-content:space-between;gap:28px}.contact-line h2{font-family:var(--serif);font-size:clamp(2rem,4vw,3.7rem);font-weight:400;margin:0;line-height:1.05}.contact-band .btn{background:var(--paper);color:var(--dark);white-space:nowrap}.footer{padding:27px 0;font-size:.72rem;display:flex;justify-content:space-between;gap:18px;color:color-mix(in srgb,var(--ink) 68%,transparent)}.footer strong{color:var(--ink)}.disclaimer{font-size:.72rem;color:color-mix(in srgb,var(--ink) 60%,transparent);margin-top:18px}.hero .mark{position:absolute;left:0;top:8%;color:var(--accent);font-family:var(--serif);font-size:clamp(7rem,18vw,17rem);line-height:.8;opacity:.15;pointer-events:none}.brand-art{display:none}
/* distinct compositions by business */
[data-shape="column"] .hero{grid-template-columns:1fr 1fr}.category-legal-diana .hero-art{border-radius:180px 180px 0 0}.category-legal-diana .hero-copy{padding-left:clamp(18px,5vw,76px)}
[data-shape="arch"] .hero{grid-template-columns:.9fr 1.1fr}.category-legal-maged .hero-art{border-radius:45% 45% 0 0}.category-legal-maged .hero-copy{order:2;padding-left:40px}
[data-shape="utility"] .hero{grid-template-columns:1.1fr .9fr}.category-plumbing .hero{background:linear-gradient(115deg,var(--paper) 0 59%,var(--wash) 59%)}.category-plumbing .hero-art{background:var(--dark)}.category-plumbing .hero-art svg{color:var(--accent)}.category-plumbing .section{padding-top:82px}
[data-shape="ribbon"] .hero{grid-template-columns:1fr 1fr}.category-trendy .hero-art{border-radius:48% 48% 3px 3px}.category-trendy .hero-copy{padding-left:clamp(12px,4vw,64px)}
[data-shape="soft"] .hero{min-height:600px}.category-tang .hero-art{border-radius:50% 50% 8px 8px}.category-tang .hero-art:before{width:82%;border-style:dashed}.category-tang .hero-copy{max-width:580px}
[data-shape="leaf"] .hero{grid-template-columns:.95fr 1.05fr;min-height:650px}.category-bamboo .hero-art{background:transparent;border-radius:50%}.category-bamboo .hero-art:before{width:78%;border-radius:46% 54% 63% 37% / 55% 39% 61% 45%;background:var(--wash)}.category-bamboo .hero-art:after{width:64%;border-radius:50% 42% 45% 55%}
[data-shape="oval"] .hero{grid-template-columns:1.1fr .9fr}.category-nail .hero-art{border-radius:50%;min-height:430px;background:var(--wash)}.category-nail .hero-art:before{width:83%;border-radius:50%;border-color:var(--accent)}.category-nail .hero-art:after{width:64%;border-radius:50%;border-color:var(--brand)}
[data-shape="editorial"] .hero{grid-template-columns:1fr 1fr}.category-laundry .hero-art{background:var(--wash);border-radius:3px}.category-laundry .hero-copy{padding-left:clamp(12px,4vw,60px)}
@media(max-width:760px){.wrap{width:min(100% - 36px,600px)}.topbar{height:70px}.brand{font-size:.92rem;max-width:210px}.phone-link{display:none}.top-actions{gap:0}.top-actions .btn{padding:12px 15px}.hero,.category-legal-diana .hero,.category-legal-maged .hero,.category-plumbing .hero,.category-trendy .hero,.category-tang .hero,.category-bamboo .hero,.category-nail .hero,.category-laundry .hero{grid-template-columns:1fr;min-height:auto;padding:48px 0 30px}.hero-copy,.category-legal-diana .hero-copy,.category-legal-maged .hero-copy,.category-plumbing .hero-copy,.category-trendy .hero-copy,.category-tang .hero-copy,.category-bamboo .hero-copy,.category-nail .hero-copy,.category-laundry .hero-copy{order:0;padding:15px 0 30px}.hero h1{font-size:clamp(3.1rem,14vw,5.2rem);max-width:12ch}.hero-art,.category-legal-diana .hero-art,.category-legal-maged .hero-art,.category-plumbing .hero-art,.category-trendy .hero-art,.category-tang .hero-art,.category-bamboo .hero-art,.category-nail .hero-art,.category-laundry .hero-art{order:1;min-height:310px}.category-nail .hero-art{min-height:300px;width:88%;margin:auto}.quick-facts{grid-template-columns:1fr;gap:12px;padding:19px 0}.fact,.fact:first-child{border-left:1px solid color-mix(in srgb,var(--paper) 25%,transparent);padding:4px 13px}.section{padding:68px 0}.section h2{font-size:clamp(2.4rem,11vw,3.7rem)}.services{grid-template-columns:1fr}.service{min-height:104px;padding:22px}.visit{grid-template-columns:1fr;gap:20px;padding:28px 22px}.contact-line{display:block}.contact-line h2{margin-bottom:23px}.footer{display:block}.footer span{display:block;margin-top:8px}.hero .mark{font-size:42vw}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important;animation:none!important}}