:root { --ink:#173b2c; --green:#1e4a35; --pine:#386247; --warm:#b97438; --straw:#c88749; --cream:#fbf7ee; --sand:#efe4d0; --mist:#e7efe4; --line:rgba(23,59,44,.16); --serif:"Fraunces", Georgia, serif; --sans:"DM Sans", Arial, sans-serif; --mono:"DM Mono", monospace; }
    * { box-sizing:border-box; }
    html { scroll-behavior:smooth; }
    body { margin:0; color:var(--ink); background:var(--cream); font-family:var(--sans); font-size:16px; line-height:1.55; }
    a { color:inherit; }
    .site-header { position:sticky; top:0; z-index:20; background:rgba(251,247,238,.96); border-bottom:1px solid var(--line); backdrop-filter:blur(12px); }
    .nav { min-height:74px; width:min(1160px,calc(100% - 40px)); margin:auto; display:flex; align-items:center; gap:22px; justify-content:space-between; }
    .brand { text-decoration:none; display:flex; align-items:center; gap:10px; font-family:var(--serif); font-size:21px; font-weight:700; letter-spacing:-.045em; }
    .brand-mark { width:28px; height:28px; border:1.5px solid var(--straw); border-radius:50%; position:relative; display:inline-block; }
    .brand-mark:before,.brand-mark:after { content:""; position:absolute; height:1px; background:var(--straw); width:16px; left:5px; top:13px; transform:rotate(45deg); }
    .brand-mark:after { transform:rotate(-45deg); }
    .nav-actions { display:flex; align-items:center; gap:18px; }
    .nav-phone { font-family:var(--mono); font-size:13px; font-weight:500; text-decoration:none; letter-spacing:-.03em; }
    .button { display:inline-flex; align-items:center; justify-content:center; gap:9px; border:none; text-decoration:none; min-height:46px; padding:11px 17px; font:600 14px var(--sans); line-height:1; letter-spacing:.01em; transition:transform 160ms cubic-bezier(.23,1,.32,1), background 160ms ease, box-shadow 160ms ease; cursor:pointer; }
    .button:focus-visible, summary:focus-visible, input:focus-visible, textarea:focus-visible, select:focus-visible { outline:3px solid rgba(185,116,56,.45); outline-offset:3px; }
    .button:active { transform:scale(.97); }
    .button-primary { color:#fff; background:var(--green); box-shadow:0 10px 22px rgba(23,59,44,.16); }
    .button-primary:hover { background:#102f22; transform:translateY(-2px); }
    .button-light { color:var(--green); background:#fffdf7; }
    .button-light:hover { background:#fff; transform:translateY(-2px); }
    .eyebrow { margin:0 0 17px; color:var(--warm); font:500 11px var(--mono); letter-spacing:.15em; text-transform:uppercase; }
    .hero { overflow:hidden; min-height:660px; color:#fff; position:relative; isolation:isolate; background:linear-gradient(90deg,rgba(23,59,44,.95) 0%,rgba(23,59,44,.88) 52%,rgba(23,59,44,.70) 100%),url('/manus-storage/sharpsburg-southern-home-unsplash_bf2cfccb.jpg') center 52%/cover no-repeat; }
    .hero:before { content:""; position:absolute; z-index:-2; inset:0; opacity:.22; background-image:radial-gradient(circle at 12% 24%,#d79a5d 0 1px,transparent 1px),radial-gradient(circle at 84% 70%,#e9c38d 0 1px,transparent 1px); background-size:18px 18px,24px 24px; }
    .hero:after { content:""; position:absolute; z-index:-1; width:720px; height:720px; border:1px solid rgba(233,195,141,.32); border-radius:50%; right:-235px; top:-225px; box-shadow:0 0 0 70px rgba(233,195,141,.05),0 0 0 150px rgba(233,195,141,.04); }
    .hero-inner { width:min(1160px,calc(100% - 40px)); margin:auto; padding:112px 0 76px; }
    .hero-copy { max-width:790px; }
    .hero .eyebrow { color:#eac993; }
    h1,h2,h3 { margin:0; color:inherit; letter-spacing:-.055em; }
    h1 { max-width:760px; font:700 clamp(47px,7vw,88px)/.97 var(--serif); }
    .hero-copy > p:not(.eyebrow) { max-width:630px; margin:28px 0 31px; color:#e7eee5; font-size:clamp(17px,2vw,20px); line-height:1.55; }
    .hero-actions { display:flex; flex-wrap:wrap; gap:12px; }
    .trust-line { margin:43px 0 0; color:#d8e5d6; font:500 12px var(--mono); letter-spacing:.02em; }
    .needle-field { position:absolute; left:max(48%,calc(50% + 100px)); bottom:33px; width:480px; height:263px; opacity:.9; pointer-events:none; }
    .needle { position:absolute; display:block; width:4px; height:235px; border-radius:99px; transform-origin:center bottom; background:linear-gradient(to bottom,transparent,#d4985b 27%,#e1bc7c 100%); }
    .needle:nth-child(1){left:19%;bottom:8px;transform:rotate(-42deg);height:252px}.needle:nth-child(2){left:29%;bottom:0;transform:rotate(-28deg);height:247px}.needle:nth-child(3){left:40%;bottom:-6px;transform:rotate(-14deg);height:260px}.needle:nth-child(4){left:51%;bottom:-4px;transform:rotate(3deg);height:258px}.needle:nth-child(5){left:62%;bottom:-5px;transform:rotate(19deg);height:255px}.needle:nth-child(6){left:72%;bottom:3px;transform:rotate(34deg);height:239px}.needle:nth-child(7){left:83%;bottom:17px;transform:rotate(49deg);height:221px}
    .section { padding:110px 0; }
    .wrap { width:min(1160px,calc(100% - 40px)); margin:auto; }
    .section-top { max-width:680px; margin-bottom:44px; }
    h2 { font:700 clamp(36px,5vw,58px)/1.01 var(--serif); }
    .section-top > p:last-child { margin:19px 0 0; max-width:590px; color:#486152; font-size:18px; }
    .reasons { background:var(--mist); }
    .card-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
    .reason-card { padding:32px 28px 34px; border-top:3px solid var(--straw); background:#f8fbf6; box-shadow:0 13px 28px rgba(23,59,44,.07); }
    .card-no { color:var(--warm); font:500 11px var(--mono); letter-spacing:.13em; }
    .reason-card h3, .service-card h3 { margin-top:44px; font:700 27px/1.08 var(--serif); }
    .reason-card p { color:#496252; margin:14px 0 0; }
    .services { background:#fffdf9; }
    .service-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; }
    .service-card { min-height:350px; padding:37px; color:#fff; display:flex; flex-direction:column; justify-content:space-between; background:var(--green); position:relative; overflow:hidden; }
    .service-card:before { content:""; position:absolute; width:260px; height:260px; right:-117px; top:-132px; border-radius:50%; border:1px solid rgba(233,195,141,.38); box-shadow:0 0 0 30px rgba(233,195,141,.07),0 0 0 80px rgba(233,195,141,.05); }
    .service-card:last-child { background:#a86230; }
    .service-card .eyebrow { color:#f4d2a3; }
    .service-card h3 { margin-top:11px; position:relative; }
    .service-card p { max-width:430px; margin:16px 0 25px; color:#edf1e9; position:relative; }
    .service-card .button { align-self:flex-start; position:relative; }
    .local { background:var(--cream); }
    .local-layout { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(330px,.65fr); gap:80px; align-items:start; }
    .local-copy p { color:#3f5a49; font-size:17px; margin:20px 0; }
    .local-copy p:first-of-type { margin-top:27px; }
    .route-note { position:sticky; top:106px; padding:36px 33px; border:1px solid rgba(185,116,56,.35); background:#fffdf8; }
    .route-note h3 { font:700 29px/1.06 var(--serif); }
    .route-note p { color:#506756; margin:18px 0 0; }
    .route-line { height:1px; background:var(--straw); margin:29px 0 22px; }
    .route-note small { color:var(--warm); font:500 11px/1.6 var(--mono); text-transform:uppercase; letter-spacing:.1em; }
    .faq { background:var(--mist); }
    .faq-layout { display:grid; grid-template-columns:minmax(250px,.5fr) minmax(0,1fr); gap:72px; align-items:start; }
    .faq-intro { position:sticky; top:106px; }
    .faq-intro p { margin:21px 0 0; color:#4f6654; }
    details { border-top:1px solid var(--line); }
    details:last-child { border-bottom:1px solid var(--line); }
    summary { padding:21px 38px 21px 0; list-style:none; cursor:pointer; position:relative; font:600 18px/1.3 var(--sans); }
    summary::-webkit-details-marker { display:none; }
    summary:after { content:"+"; position:absolute; right:3px; top:17px; color:var(--warm); font:400 28px/1 var(--serif); transition:transform .18s ease; }
    details[open] summary:after { transform:rotate(45deg); }
    details p { color:#4c6352; margin:0; padding:0 27px 24px 0; }
    .contact { color:#fff; background:var(--green); position:relative; overflow:hidden; }
    .contact:before { content:""; position:absolute; width:520px; height:520px; bottom:-370px; left:-110px; border:1px solid rgba(233,195,141,.36); border-radius:50%; box-shadow:0 0 0 55px rgba(233,195,141,.06),0 0 0 125px rgba(233,195,141,.04); }
    .contact-grid { display:grid; grid-template-columns:.7fr 1fr; gap:72px; align-items:start; position:relative; }
    .contact .eyebrow { color:#eac993; }
    .contact h2 { max-width:420px; }
    .contact-copy > p:not(.eyebrow) { max-width:390px; color:#dbe6d8; margin:22px 0; font-size:17px; }
    .hours { margin-top:35px; padding-top:24px; border-top:1px solid rgba(255,255,255,.22); font:400 12px/1.85 var(--mono); color:#e2eadf; }
    .hours strong { color:#eac993; font-weight:500; }
    form { padding:34px; background:#fffdf8; color:var(--ink); box-shadow:0 25px 45px rgba(0,0,0,.17); }
    .form-note { margin:0 0 21px; font:500 15px var(--sans); }
    .form-grid { display:grid; grid-template-columns:1fr 1fr; gap:16px; }
    label { display:block; margin-bottom:16px; color:#30523e; font:600 13px var(--sans); }
    input,select,textarea { display:block; width:100%; margin-top:7px; padding:12px 13px; border:1px solid rgba(23,59,44,.25); background:#fff; color:var(--ink); font:400 16px var(--sans); border-radius:0; }
    textarea { min-height:106px; resize:vertical; }
    select { appearance:auto; }
    form .button { width:100%; margin-top:2px; }
    .owner { background:#fffdf9; }
    .owner-grid { display:grid; grid-template-columns:240px minmax(0,1fr); gap:62px; align-items:center; }
    .owner-media { justify-self:start; }
    .owner-photo { display:block; width:228px; height:228px; object-fit:cover; object-position:center 42%; border-radius:50%; border:7px solid #fffdf9; box-shadow:0 0 0 1px rgba(185,116,56,.56), 0 17px 35px rgba(23,59,44,.15); }
    .owner-copy { max-width:590px; }
    .owner-copy h2 { margin-bottom:20px; }
    .owner-copy > p:not(.eyebrow) { margin:0 0 27px; color:#405c4a; font-size:18px; }
    .final-cta { color:#fff; background:#a86230; padding:70px 0; }
    .final-cta .wrap { display:flex; align-items:center; justify-content:space-between; gap:32px; }
    .final-cta p { max-width:760px; margin:0; font:700 clamp(27px,3.5vw,45px)/1.09 var(--serif); letter-spacing:-.045em; }
    footer { color:#dbe5d8; background:#102f22; padding:47px 0 35px; }
    .footer-top { display:flex; justify-content:space-between; gap:35px; align-items:flex-start; }
    .footer-brand { color:#fff; text-decoration:none; display:inline-flex; align-items:center; gap:10px; font:700 23px var(--serif); letter-spacing:-.04em; }
    .footer-brand .brand-mark { width:25px; height:25px; }
    .footer-brand .brand-mark:before,.footer-brand .brand-mark:after { width:14px; left:4px; top:11px; }
    .footer-details { display:grid; grid-template-columns:repeat(2,max-content); gap:7px 38px; color:#d5e1d3; font-size:14px; }
    .footer-details a { text-decoration:none; }
    .footer-details a:hover,.nav-phone:hover { text-decoration:underline; }
    .footer-bottom { margin:34px 0 0; padding-top:22px; border-top:1px solid rgba(255,255,255,.15); color:#a7bba6; font:400 11px var(--mono); }
    @media (max-width:800px) { .nav { min-height:65px; width:min(100% - 28px,1160px); }.brand { font-size:18px; }.nav-phone{display:none}.nav-actions{gap:0}.nav .button{min-height:39px;padding:9px 12px;font-size:12px}.hero{min-height:605px}.hero-inner{padding:82px 0 57px;width:min(100% - 40px,1160px)}.needle-field{left:54%;bottom:-10px;transform:scale(.75);transform-origin:bottom right}.section{padding:75px 0}.card-grid,.service-grid,.local-layout,.faq-layout,.contact-grid,.owner-grid{grid-template-columns:1fr;gap:30px}.owner-photo{width:216px;height:216px}.route-note,.faq-intro{position:static}.reason-card h3{margin-top:34px}.service-card{min-height:310px;padding:30px}.local-layout{gap:42px}.faq-layout{gap:32px}.final-cta{padding:55px 0}.final-cta .wrap,.footer-top{align-items:flex-start;flex-direction:column}.final-cta .button{width:100%}.footer-details{grid-template-columns:1fr;gap:8px}.form-grid{grid-template-columns:1fr}.contact-grid{gap:40px}.contact h2{max-width:500px} }
    @media (max-width:430px) { .wrap{width:calc(100% - 32px)}.hero-inner{width:calc(100% - 32px)}h1{font-size:45px}.needle-field{opacity:.45;left:38%;bottom:-70px}.trust-line{max-width:260px;line-height:1.7}.brand-mark{width:25px;height:25px}.brand-mark:before,.brand-mark:after{width:14px;left:4px;top:11px}form{padding:25px 20px} }
    @media (prefers-reduced-motion:no-preference) { .reason-card,.service-card,.route-note,form { animation:rise .6s cubic-bezier(.23,1,.32,1) both; }.reason-card:nth-child(2){animation-delay:.08s}.reason-card:nth-child(3){animation-delay:.16s}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}} }