.home-body{--cream:#f7f1e7;--deep:#154f42;--tangerine:#ff6838;background:var(--cream);color:#202820}.home-header,.home-main,.home-footer{max-width:1440px;margin:auto}.home-header{height:98px;padding:0 6%;display:flex;align-items:center;justify-content:space-between;gap:25px}.home-brand{display:flex;align-items:center;gap:10px;font-size:34px;font-weight:800;letter-spacing:-1.7px;color:var(--deep);text-decoration:none;line-height:1}.home-brand img{width:37px;height:41px;border-radius:9px}.brand-dot{color:#e95827}.home-header nav{display:flex;gap:30px;align-items:center}.home-header nav>a{font-size:13px;color:var(--deep);text-decoration:none;font-weight:600}.home-header .business-access{border:1px solid #b8c8bd;padding:13px 19px;border-radius:999px}.business-access span{margin-left:12px}.home-main{padding:0 24px}.home-hero{background:var(--deep);border-radius:32px;padding:58px 5%;display:grid;grid-template-columns:1.5fr 1fr;gap:30px;position:relative;overflow:hidden;color:var(--cream)}.home-eyebrow{font-family:ui-monospace,monospace;font-size:10px;letter-spacing:1.5px;font-weight:500;margin:0 0 18px;line-height:1.6}.hero-copy{position:relative;z-index:2}.hero-copy .home-eyebrow{color:#d9e8c5;display:flex;align-items:center;gap:10px}.little-sun{font-size:23px;color:#ffd45e}.home-hero h1{font-size:clamp(50px,5.9vw,85px);font-weight:800;line-height:.99;letter-spacing:-3.8px;color:var(--cream);margin:15px 0 23px}.home-hero h1>span{color:#ffd35d;position:relative}.hero-description{font-size:18px;line-height:1.5;color:#dce8df;margin:0 0 30px}.city-search{display:flex;background:#fffaf2;border-radius:19px;padding:7px;gap:10px;max-width:660px;box-shadow:0 8px 0 #092f2838}.city-field{display:flex;align-items:center;gap:11px;padding-left:13px;flex:1;min-width:0}.location-mark{font-size:27px;color:var(--deep)}.city-field>div{flex:1;min-width:0}.city-field label{font-size:10px;color:#657468;margin:6px 0 0}.city-field input{color:#1c382b;background:transparent;border:none;padding:4px 0 8px;margin:0;min-width:0;font-size:17px;font-weight:600;box-shadow:none;border-radius:3px}.city-field input:focus{outline-offset:1px;outline:2px solid #bdcbbb}.city-field input::placeholder{color:#778378;font-weight:400}.search-button{display:flex;align-items:center;justify-content:center;gap:16px;background:var(--tangerine);color:#21251e;border:1px solid #262c22;border-radius:13px;padding:17px 20px;font-size:13px;font-weight:800;text-decoration:none;white-space:nowrap}.search-button:hover{background:#ff855d}.search-button span{font-size:23px;line-height:1}.search-hint{font-size:10px;color:#c5dacb;margin:17px 0 0;letter-spacing:.2px}.hero-poster{position:relative;min-width:0;align-self:center;height:330px}.roast-disc{position:absolute;inset:8px 10px 15px 0;border-radius:50%;background:#ed7847;display:grid;place-items:center;text-align:center;transform:rotate(-10deg);box-shadow:inset 0 0 0 14px #f49b64,0 8px 0 #103b30}.roast-disc>span{color:#173c30;font-size:clamp(43px,4.7vw,66px);line-height:.86;font-weight:800;letter-spacing:-3px}.roast-disc i{font-style:normal;color:#ffedd1}.poster-orbit{position:absolute;inset:-10px -15px 0 -15px;border:1px dashed #9ab19a66;border-radius:50%;transform:rotate(18deg)}.poster-note{position:absolute;right:-5px;bottom:-20px;background:#ffd35d;border:1px solid #182c20;border-radius:11px;padding:17px 23px;transform:rotate(8deg);font-weight:800;font-size:25px;color:#233227;line-height:1.05;box-shadow:4px 5px 0 #0c372d}.poster-note span{display:block;font-weight:500;font-size:10px;margin-top:12px}.poster-star{position:absolute;right:-5px;top:-20px;color:#fff3d1;font-size:64px}.city-explore{padding:26px 4%;display:flex;align-items:center;gap:20px;border-bottom:1px solid #dbdacc}.city-explore>span{font-size:12px;white-space:nowrap;color:#637162}.city-chips{display:flex;gap:9px;flex-wrap:wrap}.city-chips button{font-size:12px;padding:9px 15px;border:1px solid #d4d9c9;border-radius:999px;background:#fffaf2;color:var(--deep)}.city-chips button[aria-pressed=true]{background:var(--deep);border-color:var(--deep);color:#fffaf2}.city-chips button:hover{border-color:var(--deep)}.city-chips small{opacity:.6;margin-left:6px}.home-results{padding:52px 4% 55px;scroll-margin-top:24px;min-height:350px}.results-header{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:27px}.results-header .home-eyebrow{color:#9a5c3b;margin-bottom:8px}.results-header h2{font-size:34px;letter-spacing:-1.25px;line-height:1.15;margin:0;overflow-wrap:anywhere}.results-header p:last-child{font-size:13px;color:#6d7668;margin:12px 0 0}.clear-search{background:transparent;border:1px solid #bec8b7;color:var(--deep);font-size:12px;padding:12px 17px;border-radius:999px}.clear-search:hover{background:#e4e9db}.directory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.directory-card{background:#fffcf6;border:1px solid #dfe1d5;border-radius:23px;overflow:hidden;transition:transform .18s,box-shadow .18s;min-width:0}.directory-card:hover{transform:translateY(-4px);box-shadow:0 9px 25px #23352812}.directory-cover{height:208px;background:#eee1c9;position:relative;overflow:hidden}.directory-cover img{width:100%;height:100%;object-fit:cover;transition:transform .35s}.directory-card:hover img{transform:scale(1.035)}.directory-location{position:absolute;left:15px;top:15px;border-radius:99px;background:#fffaf2f2;color:var(--deep);padding:7px 12px;font-size:10px;border:1px solid #ffffff70;max-width:calc(100% - 30px);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.directory-art{height:100%;display:flex;justify-content:center;align-items:center;background:#e8b76b;position:relative;overflow:hidden}.directory-art:before,.directory-art:after{content:"";position:absolute;border:1px solid #85592530;border-radius:50%;height:250px;width:250px;transform:translate(65px,65px)}.directory-art:after{transform:translate(-65px,-65px)}.directory-art b{font-size:130px;font-weight:800;color:#755525;line-height:1;transform:rotate(-8deg)}.directory-card:nth-child(3n+2) .directory-art{background:#d4dfca}.directory-card:nth-child(3n+2) .directory-art b{color:#526d4f}.directory-card:nth-child(3n+3) .directory-art{background:#ecc1a4}.directory-card:nth-child(3n+3) .directory-art b{color:#9a5739}.directory-card-body{padding:23px}.directory-card h3{font-size:25px;font-weight:800;letter-spacing:-.7px;line-height:1.15;margin:0}.directory-address{font-size:12px;line-height:1.5;color:#75806d;margin:10px 0 18px;min-height:36px;overflow-wrap:anywhere}.directory-detail{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #e9e6da;padding-top:16px;font-size:11px;color:#677764}.directory-detail strong{font-weight:600;color:var(--deep)}.directory-card .directory-action{display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:#fff8eb;font-size:13px;font-weight:700;text-decoration:none;padding:14px 17px;border-radius:12px;margin-top:18px}.directory-card .directory-action:hover{background:#23644e}.directory-card .directory-action>span{font-size:19px;line-height:1}.directory-message{background:#ede9da;border:1px dashed #c8cebb;border-radius:23px;text-align:center;padding:40px 25px}.directory-message h3{font-size:25px;letter-spacing:-.6px;margin:15px 0 10px}.directory-message p{font-size:14px;color:#68745e;margin:0 auto;max-width:470px}.directory-message button{margin:20px auto 0}.message-mark{font-size:36px;color:var(--deep)}.load-more{text-align:center;margin-top:28px}.home-how{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin:0 4% 60px;background:#e7eddf;border-radius:25px;padding:40px}.home-how .home-eyebrow{color:#4f7554;font-size:9px}.home-how h2{font-size:37px;line-height:1.1;letter-spacing:-1.4px;margin-top:16px}.home-how ol{margin:0;padding:0;list-style:none;display:grid;gap:24px}.home-how li{display:flex;gap:17px;align-items:flex-start}.home-how li>b{border:1px solid #aebfa5;color:var(--deep);width:35px;height:35px;display:grid;place-items:center;border-radius:50%;font:11px ui-monospace,monospace;flex-shrink:0}.home-how h3{font-size:18px;letter-spacing:-.4px;margin:0}.home-how li p{font-size:12px;color:#62765b;margin:5px 0 0;line-height:1.5}.home-footer{border-top:1px solid #dce0d2;padding:30px 6%;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#6b7864}.home-footer .home-brand{gap:0;font-size:28px}.home-footer>span{font-size:12px}.home-footer small{font:9px ui-monospace,monospace;letter-spacing:1px}.skip-link{position:absolute;top:-100px;left:15px;z-index:100;background:white;padding:12px;color:var(--deep)}.skip-link:focus{top:10px}.directory-skeleton{height:385px;background:linear-gradient(110deg,#e8e6d9 30%,#f0edde 48%,#e8e6d9 65%);background-size:250% 100%;animation:shimmer 1.6s linear infinite;border-radius:23px}@keyframes shimmer{to{background-position:-200% 0}}@media(max-width:1050px){.home-hero{grid-template-columns:1.6fr 1fr;padding:42px 4%}.hero-poster{height:260px}.roast-disc>span{font-size:49px}.city-search{flex-wrap:wrap}.city-field{flex-basis:100%;padding:4px 12px}.city-search>.search-button{width:100%;padding:13px}.directory-grid{gap:17px}.directory-cover{height:180px}.directory-card-body{padding:18px}.directory-card h3{font-size:23px}}@media(max-width:760px){.home-header{height:80px;padding:0 22px}.home-brand{font-size:30px}.home-header nav{gap:15px}.home-header nav>a{font-size:11px}.home-header .business-access{padding:10px 12px}.home-main{padding:0 14px}.home-hero{display:block;padding:34px 25px;border-radius:25px}.hero-poster{display:none}.home-hero h1{font-size:66px;letter-spacing:-3px}.hero-description{font-size:16px}.hero-copy .home-eyebrow{font-size:8px;letter-spacing:1px}.city-search{flex-wrap:nowrap;max-width:none}.city-field{flex-basis:auto;padding-left:8px}.city-search>.search-button{width:auto;padding:14px}.city-field input{font-size:15px}.search-button{font-size:12px;gap:8px}.search-hint{font-size:9px}.city-explore{display:block;padding:23px 10px}.city-explore>span{display:block;margin-bottom:13px}.city-chips{gap:8px}.home-results{padding:34px 10px}.results-header{align-items:start;flex-wrap:wrap;gap:15px}.results-header h2{font-size:29px}.directory-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.directory-cover{height:180px}.directory-card-body{padding:17px}.directory-detail{flex-wrap:wrap;gap:7px}.home-how{margin:12px 10px 40px;padding:30px;grid-template-columns:1fr;gap:24px}.home-how h2{font-size:33px}.home-footer{padding:25px 24px;flex-wrap:wrap}.home-footer small{width:100%}}@media(max-width:440px){.home-header nav>a:first-child{display:none}.home-hero h1{font-size:56px}.home-hero{padding:29px 21px}.city-search{flex-wrap:wrap}.city-field{flex-basis:100%;padding:7px}.city-search>.search-button{width:100%;padding:12px}.home-hero .home-eyebrow{font-size:7px;letter-spacing:.8px}.directory-grid{grid-template-columns:1fr}.directory-cover{height:220px}.directory-card-body{padding:23px}.directory-detail{flex-wrap:nowrap}.search-hint{font-size:8px}.home-how{padding:25px}.home-footer>span{font-size:11px}.home-footer .home-brand{font-size:25px}}@media(prefers-reduced-motion:reduce){.directory-card,.directory-cover img{transition:none}.directory-skeleton{animation:none}}

.directory-card{display:flex;flex-direction:column}.directory-cover{flex-shrink:0}.directory-card-body{display:flex;flex-direction:column;flex:1}.directory-category{position:absolute;bottom:15px;left:15px;background:#fff8e9;color:#394e32;font-size:10px;border-radius:6px;padding:6px 9px}.directory-description{font-size:12px;line-height:1.5;color:#5c6c56;margin:0 0 18px}.directory-detail{margin-top:auto}.directory-links{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:16px}.directory-small-link{font-size:11px;color:var(--deep);text-decoration:underline;text-underline-offset:3px}.directory-small-link:hover{color:#9a5739}.directory-note{font-size:10px;color:#64715c;margin:14px 0 0}.directory-source{border-top:1px solid #e9e6da;padding-top:12px;margin-top:16px;display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px}.directory-source a,.directory-source span{font-size:9px;color:#75806d}.directory-explanation{font-size:12px;color:#637162;line-height:1.6;margin:-8px 0 25px;max-width:750px}

.city-explore{flex-wrap:wrap;gap:16px}.municipality-picker{margin:0 0 0 auto;color:#637162;font-size:10px;min-width:205px}.municipality-picker select{margin:5px 0 0;font-size:12px;padding:10px 34px 10px 12px;background-color:#fffaf2;border:1px solid #d4d9c9;color:var(--deep);border-radius:12px;width:100%}@media(max-width:760px){.municipality-picker{display:block;margin:18px 0 0;max-width:360px}}
.home-brand img.poios-wordmark{width:168px;height:68px;object-fit:contain;border-radius:0}.directory-business-logo{display:block;width:auto;max-width:140px;height:58px;object-fit:contain;object-position:left center;margin-bottom:12px}@media(max-width:550px){.home-brand img.poios-wordmark{width:120px;height:51px}.home-header nav>a[href="#how"]{display:none}}