
    @font-face { font-family:'Sharon Sans'; src:url('/fonts/sharon-sans-regular.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
    @font-face { font-family:'Sharon Sans'; src:url('/fonts/sharon-sans-bold.woff') format('woff'); font-weight:700; font-style:normal; font-display:swap; }
    @font-face { font-family:'Sharon Serif'; src:url('/fonts/sharon-serif-regular.woff') format('woff'); font-weight:400; font-style:normal; font-display:swap; }
    html { background:#f5f4ef; }
    body { margin:0 auto; width:100%; max-width:1120px; background:#fff; }
  

    #sharon-website-direction { --sharon-green:#1e4639; --sharon-ink:#303933; --sharon-muted:#53635a; --sharon-line:#cedbd3; --sharon-paper:#fff; --sharon-warm:#f5f4ef; --sharon-brush:url('/images/forest-green-brush-transparent.webp'); font-family:'Sharon Sans',Arial,sans-serif; background:var(--sharon-paper); color:var(--sharon-ink); padding:0; text-align:right; }
    #sharon-website-direction * { box-sizing:border-box; }
    #sharon-website-direction [hidden] { display:none !important; }
    #sharon-website-direction .sharon-header { position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:24px; padding:27px 38px 20px; background:var(--sharon-paper); color:var(--sharon-green); }
    #sharon-website-direction .sharon-brand { position:relative; isolation:isolate; display:flex; align-items:center; gap:14px; min-width:0; max-width:100%; padding:5px 0 13px; }
    #sharon-website-direction .sharon-brand-copy { display:flex; flex-direction:column; align-items:flex-start; gap:4px; min-width:0; }
    #sharon-website-direction .sharon-logo-mark { display:block; flex:0 0 48px; width:48px; height:78px; overflow:hidden; }
    #sharon-website-direction .sharon-brand::before { content:''; position:absolute; z-index:-1; inset:-34px -15px -12px; background-image:var(--sharon-brush); background-size:contain; background-position:center; background-repeat:no-repeat; opacity:.22; pointer-events:none; }
    #sharon-website-direction .sharon-brand-title { display:flex; flex-wrap:wrap; align-items:baseline; gap:4px 14px; }
    #sharon-website-direction .sharon-brand-meta { display:flex; flex-wrap:wrap; align-items:center; gap:0 16px; color:var(--sharon-green); font-size:14px; line-height:1.7; }
    #sharon-website-direction .sharon-brand-phone { display:inline-flex; align-items:center; min-height:44px; padding:4px 0; color:var(--sharon-green); direction:ltr; unicode-bidi:isolate; text-decoration:underline; text-underline-offset:4px; }
    #sharon-website-direction .sharon-brand-phone:focus-visible { outline-color:var(--sharon-green); }
    #sharon-website-direction .sharon-name { margin:0; color:var(--sharon-green); font-size:32px; font-weight:400; line-height:1.4; }
    #sharon-website-direction .sharon-subtitle { margin:0; color:var(--sharon-green); font-size:16px; line-height:1.6; }
    #sharon-website-direction .sharon-nav { display:flex; flex-wrap:wrap; gap:5px 12px; align-items:center; }
    #sharon-website-direction button { font-family:inherit; }
    #sharon-website-direction .sharon-nav a { position:relative; border:0; border-bottom:2px solid transparent; background:transparent; color:var(--sharon-muted); padding:10px 4px; min-height:44px; font-size:16px; font-weight:400; }
    #sharon-website-direction .sharon-nav a::after, #sharon-website-direction .sharon-domain-nav a::after { content:''; position:absolute; right:4px; left:4px; bottom:0; height:3px; pointer-events:none; background:var(--sharon-green); opacity:0; clip-path:polygon(0 38%,14% 3%,36% 18%,64% 0,87% 24%,100% 45%,94% 82%,62% 100%,31% 69%,3% 82%); }
    #sharon-website-direction .sharon-nav a[aria-current] { color:var(--sharon-green); }
    #sharon-website-direction .sharon-nav a:hover { color:var(--sharon-green); }
    #sharon-website-direction .sharon-nav a:hover::after { opacity:.55; }
    #sharon-website-direction .sharon-nav a[aria-current]::after { opacity:1; }
    #sharon-website-direction button:focus-visible, #sharon-website-direction a:focus-visible { outline:2px solid var(--sharon-green); outline-offset:4px; }
    #sharon-website-direction .sharon-nav a:focus-visible { outline-color:var(--sharon-green); }
    #sharon-website-direction .sharon-main { padding:48px 48px 46px; overflow:hidden; }
    #sharon-website-direction .sharon-hero { display:flow-root; }
    #sharon-website-direction .sharon-hero, #sharon-website-direction .sharon-about, #sharon-website-direction .sharon-contact, #sharon-website-direction .sharon-service-detail { position:relative; isolation:isolate; }
    #sharon-website-direction .sharon-hero::before, #sharon-website-direction .sharon-about::before, #sharon-website-direction .sharon-contact::before, #sharon-website-direction .sharon-service-detail::before { content:''; position:absolute; z-index:-1; left:var(--sharon-wash-left); top:var(--sharon-wash-top); width:var(--sharon-wash-width); aspect-ratio:1000/371; background-image:var(--sharon-brush); background-size:contain; background-position:center; background-repeat:no-repeat; transform:rotate(var(--sharon-wash-angle)) scaleX(var(--sharon-wash-direction,1)); opacity:var(--sharon-wash-opacity); pointer-events:none; }
    #sharon-website-direction .sharon-service-detail::after { content:''; position:absolute; z-index:-1; left:var(--sharon-wash-second-left); top:var(--sharon-wash-second-top); width:var(--sharon-wash-second-width); aspect-ratio:1000/371; background-image:var(--sharon-brush); background-size:contain; background-position:center; background-repeat:no-repeat; transform:rotate(var(--sharon-wash-second-angle)) scaleX(var(--sharon-wash-second-direction,1)); opacity:var(--sharon-wash-second-opacity); pointer-events:none; }
    #sharon-website-direction .sharon-hero { --sharon-wash-width:108%; --sharon-wash-left:-4%; --sharon-wash-top:22%; --sharon-wash-angle:-10deg; --sharon-wash-opacity:.11; }
    #sharon-website-direction .sharon-about { --sharon-wash-width:78%; --sharon-wash-left:24%; --sharon-wash-top:65px; --sharon-wash-angle:-10deg; --sharon-wash-opacity:.10; --sharon-wash-direction:-1; }
    #sharon-website-direction .sharon-contact { --sharon-wash-width:72%; --sharon-wash-left:-4%; --sharon-wash-top:80px; --sharon-wash-angle:-24deg; --sharon-wash-opacity:.10; }
    #sharon-website-direction #sharon-domain-individual { --sharon-wash-width:108%; --sharon-wash-left:-9%; --sharon-wash-top:170px; --sharon-wash-angle:-11deg; --sharon-wash-opacity:.07; --sharon-wash-second-width:46%; --sharon-wash-second-left:38%; --sharon-wash-second-top:290px; --sharon-wash-second-angle:21deg; --sharon-wash-second-opacity:.045; --sharon-wash-second-direction:-1; }
    #sharon-website-direction #sharon-domain-couples { --sharon-wash-width:65%; --sharon-wash-left:36%; --sharon-wash-top:245px; --sharon-wash-angle:-23deg; --sharon-wash-opacity:.075; --sharon-wash-direction:-1; --sharon-wash-second-width:62%; --sharon-wash-second-left:-7%; --sharon-wash-second-top:375px; --sharon-wash-second-angle:21deg; --sharon-wash-second-opacity:.05; }
    #sharon-website-direction #sharon-domain-relationships { --sharon-wash-width:63%; --sharon-wash-left:35%; --sharon-wash-top:380px; --sharon-wash-angle:28deg; --sharon-wash-opacity:.085; --sharon-wash-second-width:74%; --sharon-wash-second-left:-9%; --sharon-wash-second-top:480px; --sharon-wash-second-angle:-16deg; --sharon-wash-second-opacity:.045; --sharon-wash-second-direction:-1; }
    #sharon-website-direction #sharon-domain-integration { --sharon-wash-width:73%; --sharon-wash-left:18%; --sharon-wash-top:320px; --sharon-wash-angle:-39deg; --sharon-wash-opacity:.07; --sharon-wash-second-width:100%; --sharon-wash-second-left:-7%; --sharon-wash-second-top:455px; --sharon-wash-second-angle:3deg; --sharon-wash-second-opacity:.045; --sharon-wash-second-direction:-1; }
    #sharon-website-direction .sharon-intro { display:contents; }
    #sharon-website-direction .sharon-home-domains { margin:48px 0 0; padding:38px 0 0; border-top:1px solid var(--sharon-line); }
    #sharon-website-direction .sharon-home-domains h2 { margin-bottom:26px; }
    #sharon-website-direction .sharon-domain-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:32px 28px; }
    #sharon-website-direction .sharon-domain-link { display:block; min-width:0; color:var(--sharon-green); text-decoration:none; }
    #sharon-website-direction .sharon-domain-link img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; background:var(--sharon-warm); }
    #sharon-website-direction .sharon-domain-link h3 { font-size:21px; margin:15px 0 6px; }
    #sharon-website-direction .sharon-card-link { display:inline-flex; align-items:center; gap:10px; min-height:44px; color:var(--sharon-green); font-size:15px; line-height:1.6; text-decoration:underline; text-underline-offset:4px; }
    #sharon-website-direction .sharon-domain-link:hover .sharon-card-link { text-decoration-thickness:2px; }
    #sharon-website-direction .sharon-portrait { float:left; float:inline-end; width:28%; max-width:264px; min-width:0; margin:0 40px 24px 0; }
    #sharon-website-direction .sharon-portrait img { display:block; width:100%; height:auto; object-fit:contain; background:var(--sharon-warm); }
    #sharon-website-direction .sharon-location { color:var(--sharon-muted); font-size:14px; line-height:1.7; margin:14px 0 0; }
    #sharon-website-direction h1, #sharon-website-direction h2, #sharon-website-direction h3 { font-family:'Sharon Serif','Sharon Sans',serif; }
    #sharon-website-direction h1 { color:var(--sharon-green); font-size:clamp(28px,4vw,39px); line-height:1.4; font-weight:400; margin:0 0 24px; }
    #sharon-website-direction h2 { color:var(--sharon-green); font-size:30px; line-height:1.5; font-weight:400; margin:0 0 24px; }
    #sharon-website-direction h3 { color:var(--sharon-green); font-size:23px; line-height:1.6; font-weight:400; margin:0 0 10px; }
    #sharon-website-direction p { font-size:18px; line-height:1.85; margin:0 0 18px; overflow-wrap:break-word; }
    #sharon-website-direction .sharon-lead { font-size:18px; }
    #sharon-website-direction .sharon-action { display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--sharon-green); background:var(--sharon-green); color:#fff; padding:12px 24px; min-height:46px; font-size:16px; font-weight:400; margin-top:8px; text-decoration:none; }
    #sharon-website-direction .sharon-action-secondary { background:var(--sharon-paper); color:var(--sharon-green); }
    #sharon-website-direction .sharon-about { width:100%; max-width:880px; margin:0 auto; }
    #sharon-website-direction .sharon-about-intro { display:grid; grid-template-columns:minmax(0,1fr) 160px; grid-template-areas:"copy portrait"; gap:40px; align-items:start; }
    #sharon-website-direction .sharon-about-copy { grid-area:copy; min-width:0; }
    #sharon-website-direction .sharon-about-copy p:last-child { margin-bottom:0; }
    #sharon-website-direction .sharon-about-photo { grid-area:portrait; float:none; width:100%; max-width:160px; min-width:0; margin:4px 0 0; }
    #sharon-website-direction .sharon-about-photo img { display:block; width:100%; height:auto; aspect-ratio:3/4; object-fit:contain; background:var(--sharon-warm); }
    #sharon-website-direction .sharon-about h3 { margin-top:34px; margin-bottom:16px; }

    #sharon-website-direction .sharon-credentials { margin:0 0 24px; padding-inline-start:22px; }
    #sharon-website-direction .sharon-credentials li { font-size:16px; line-height:1.85; margin:0 0 12px; overflow-wrap:break-word; }
    #sharon-website-direction .sharon-about hr { margin:28px 0; border:0; border-top:1px solid var(--sharon-line); }
    #sharon-website-direction .sharon-services { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:28px; }
    #sharon-website-direction .sharon-service-detail { margin-bottom:0; }
    #sharon-website-direction .sharon-service-detail h3 { font-size:25px; margin-bottom:20px; }
    #sharon-website-direction .sharon-domain-intro { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr); gap:38px; align-items:start; }
    #sharon-website-direction .sharon-domain-copy { min-width:0; }
    #sharon-website-direction .sharon-service-photo { margin:0 0 20px; }
    #sharon-website-direction .sharon-service-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; background:var(--sharon-warm); }
    #sharon-website-direction .sharon-domain-text { max-width:760px; margin:12px 0 0; }

    #sharon-website-direction .sharon-domain-nav { display:flex; flex-wrap:wrap; align-items:stretch; gap:4px 20px; margin:0 0 32px; padding:0 0 8px; border-bottom:1px solid var(--sharon-line); }
    #sharon-website-direction .sharon-domain-nav a { position:relative; border:0; border-bottom:2px solid transparent; background:var(--sharon-paper); color:var(--sharon-muted); padding:10px 0; min-height:44px; max-width:100%; font-size:15px; font-weight:400; line-height:1.6; text-align:right; overflow-wrap:break-word; }
    #sharon-website-direction .sharon-domain-nav a[aria-current] { color:var(--sharon-green); }
    #sharon-website-direction .sharon-domain-nav a[aria-current]::after { opacity:1; }
    #sharon-website-direction .sharon-domain-copy small { display:block; font-size:14px; line-height:1.7; color:var(--sharon-muted); margin-top:12px; }
    #sharon-website-direction .sharon-reading { margin:30px 0 0; }
    #sharon-website-direction .sharon-reading h4 { color:var(--sharon-green); font-size:18px; font-weight:500; line-height:1.6; margin:0 0 12px; }
    #sharon-website-direction .sharon-reading ul { margin:0; padding-inline-start:22px; }
    #sharon-website-direction .sharon-reading li { font-size:16px; line-height:1.8; margin:0 0 4px; overflow-wrap:break-word; }
    #sharon-website-direction .sharon-reading a { display:inline-block; min-height:44px; padding:6px 0; color:var(--sharon-green); text-decoration:underline; text-underline-offset:3px; }
    #sharon-website-direction .sharon-integration-notice { margin-top:26px; }
    #sharon-website-direction .sharon-integration-notice strong { font-weight:700; }
    #sharon-website-direction .sharon-service { padding-bottom:16px; border-bottom:1px solid var(--sharon-line); }
    #sharon-website-direction .sharon-service p { font-size:16px; margin-bottom:0; }
    #sharon-website-direction .sharon-service small { display:block; font-size:14px; line-height:1.7; color:var(--sharon-muted); margin-top:12px; }
    #sharon-website-direction .sharon-contact { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,0.9fr); gap:48px; align-items:start; }
    #sharon-website-direction .sharon-contact-copy { min-width:0; max-width:540px; }
    #sharon-website-direction .sharon-contact-intro { margin-bottom:28px; }
    #sharon-website-direction .sharon-contact-label { color:var(--sharon-muted); font-size:14px; margin:0; }
    #sharon-website-direction .sharon-contact-links { display:flex; flex-wrap:wrap; gap:12px; margin:14px 0 0; }
    #sharon-website-direction .sharon-contact-email { margin-top:24px; }
    #sharon-website-direction .sharon-email { display:inline-block; max-width:100%; min-height:44px; box-sizing:border-box; padding:6px 0; color:var(--sharon-green); font-size:1.125rem; line-height:1.8; direction:ltr; unicode-bidi:isolate; overflow-wrap:anywhere; text-decoration:underline; text-underline-offset:4px; }
    #sharon-website-direction .sharon-phone { display:inline-block; color:var(--sharon-green); font-size:34px; direction:ltr; line-height:1.6; margin:4px 0 8px; text-decoration:underline; text-underline-offset:6px; }
    #sharon-website-direction .sharon-contact-photo { margin:0; min-width:0; }
    #sharon-website-direction .sharon-contact-photo img { display:block; width:100%; height:auto; aspect-ratio:4/3; object-fit:cover; background:var(--sharon-warm); }
    #sharon-website-direction .sharon-footer { position:relative; isolation:isolate; background:var(--sharon-paper); padding:24px 38px 22px; display:flex; justify-content:space-between; flex-wrap:wrap; gap:8px 22px; color:var(--sharon-green); font-size:14px; line-height:1.7; }
    #sharon-website-direction .sharon-footer::before { content:''; position:absolute; z-index:-1; right:21px; top:0; width:190px; max-width:65%; height:75px; background-image:var(--sharon-brush); background-size:contain; background-position:center; background-repeat:no-repeat; opacity:.13; transform:scaleX(-1) rotate(2deg); pointer-events:none; }
    @media(max-width:720px) {
      #sharon-website-direction .sharon-header { padding:22px 24px 16px; gap:12px; }
      #sharon-website-direction .sharon-nav { width:100%; justify-content:space-between; gap:4px; }
      #sharon-website-direction .sharon-nav a { font-size:14px; }
      #sharon-website-direction .sharon-main { padding:30px 24px; }
      #sharon-website-direction .sharon-hero { --sharon-wash-width:150%; --sharon-wash-left:-25%; --sharon-wash-top:max(280px,23%); --sharon-wash-angle:-14deg; }
      #sharon-website-direction .sharon-about { --sharon-wash-width:142%; --sharon-wash-left:-18%; --sharon-wash-top:330px; --sharon-wash-angle:-12deg; }
      #sharon-website-direction .sharon-contact { --sharon-wash-width:116%; --sharon-wash-left:-16%; --sharon-wash-top:135px; --sharon-wash-angle:-28deg; }
      #sharon-website-direction #sharon-domain-individual { --sharon-wash-width:158%; --sharon-wash-left:-34%; --sharon-wash-top:440px; --sharon-wash-angle:-14deg; --sharon-wash-second-width:78%; --sharon-wash-second-left:20%; --sharon-wash-second-top:505px; --sharon-wash-second-angle:17deg; }
      #sharon-website-direction #sharon-domain-couples { --sharon-wash-width:118%; --sharon-wash-left:-44%; --sharon-wash-top:530px; --sharon-wash-angle:22deg; --sharon-wash-second-width:124%; --sharon-wash-second-left:22%; --sharon-wash-second-top:570px; --sharon-wash-second-angle:-19deg; }
      #sharon-website-direction #sharon-domain-relationships { --sharon-wash-width:115%; --sharon-wash-left:20%; --sharon-wash-top:650px; --sharon-wash-angle:31deg; --sharon-wash-second-width:148%; --sharon-wash-second-left:-43%; --sharon-wash-second-top:765px; --sharon-wash-second-angle:-17deg; }
      #sharon-website-direction #sharon-domain-integration { --sharon-wash-width:122%; --sharon-wash-left:23%; --sharon-wash-top:600px; --sharon-wash-angle:-39deg; --sharon-wash-second-width:146%; --sharon-wash-second-left:-27%; --sharon-wash-second-top:775px; --sharon-wash-second-angle:2deg; }
      #sharon-website-direction .sharon-brand { gap:12px; }
      #sharon-website-direction .sharon-logo-mark { flex-basis:38px; width:38px; height:64px; }
      #sharon-website-direction .sharon-name { font-size:clamp(23px,6.7vw,29px); }
      #sharon-website-direction p { font-size:17px; }
      #sharon-website-direction .sharon-portrait { float:none; width:60.8%; max-width:224px; margin:0 auto 28px; }
      #sharon-website-direction .sharon-about-intro { display:flow-root; }
      #sharon-website-direction .sharon-about-copy { display:contents; }
      #sharon-website-direction .sharon-about-photo { float:left; float:inline-end; width:96px; max-width:30%; margin:4px 18px 14px 0; }
      #sharon-website-direction .sharon-home-domains { margin-top:34px; padding-top:30px; }
      #sharon-website-direction .sharon-domain-grid { grid-template-columns:1fr; gap:24px; }
      #sharon-website-direction .sharon-domain-link h3 { font-size:20px; }
      #sharon-website-direction .sharon-services { grid-template-columns:1fr; gap:22px; }
      #sharon-website-direction .sharon-domain-intro { display:flex; flex-direction:column; gap:8px; }
      #sharon-website-direction .sharon-domain-intro .sharon-service-photo { order:-1; width:100%; }
      #sharon-website-direction .sharon-service-detail { margin-bottom:0; }
      #sharon-website-direction .sharon-domain-text { margin-top:0; }
      #sharon-website-direction .sharon-contact { grid-template-columns:1fr; gap:32px; }
      #sharon-website-direction .sharon-contact-photo { width:100%; }
      #sharon-website-direction .sharon-phone { font-size:30px; }
      #sharon-website-direction .sharon-footer { padding:24px; }
      #sharon-website-direction .sharon-footer::before { right:7px; }
    }
  
    #sharon-website-direction .sharon-name { font-family:'Sharon Serif','Sharon Sans',serif; }
    #sharon-website-direction .sharon-nav a, #sharon-website-direction .sharon-domain-nav a { display:inline-flex; align-items:center; text-decoration:none; font-family:inherit; }
    #sharon-website-direction .sharon-page-title, #sharon-website-direction .sharon-section-heading { font-family:'Sharon Serif','Sharon Sans',serif; color:var(--sharon-green); font-size:30px; line-height:1.5; font-weight:400; margin:0 0 24px; }
    #sharon-website-direction .sharon-service-detail .sharon-domain-title { font-size:25px; line-height:1.6; margin-bottom:20px; }
