:root{--wine:#691f2e;--wine2:#511724;--ink:#1c1c1a;--cream:#f5f1eb;--paper:#fff;--muted:#696763;--line:#e6e0d9;--gold:#c59a63;--shadow:0 18px 50px rgba(28,28,26,.12);--r:22px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--ink);background:#fff;line-height:1.55}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:absolute;left:-9999px}.skip:focus{left:15px;top:15px;z-index:999;background:#fff;padding:10px}.top{background:var(--ink);color:#fff;font-size:13px}.top .container{display:flex;justify-content:space-between;padding:8px 0}.header{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.96);backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}.nav{height:86px;display:flex;align-items:center;gap:24px;justify-content:space-between}.logo img{width:180px;height:72px;object-fit:contain}.nav ul{display:flex;gap:4px;list-style:none;padding:0;margin:0}.nav a.menu{font-weight:750;font-size:14px;padding:10px 11px;border-radius:9px}.nav a.menu:hover,.nav a.active{background:#f5eded;color:var(--wine)}.actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:10px;padding:12px 17px;font-weight:800;border:1px solid transparent;cursor:pointer}.btn-wine{background:var(--wine);color:white}.btn-dark{background:var(--ink);color:#fff}.btn-light{background:#fff;border-color:var(--line)}.btn-outline{border-color:rgba(255,255,255,.45);color:#fff}.hamb{display:none;border:0;background:none;font-size:26px}.hero{min-height:690px;position:relative;display:flex;align-items:center;color:#fff;background:linear-gradient(90deg,rgba(28,28,26,.89),rgba(28,28,26,.52) 48%,rgba(28,28,26,.10)),url('https://schba.org/perch/resources/front-of-homeedited-w500.jpg') center/cover no-repeat}.hero:after{content:"";position:absolute;inset:auto 0 0;height:170px;background:linear-gradient(transparent,rgba(0,0,0,.26));pointer-events:none}.hero-inner{position:relative;z-index:2;padding:86px 0;max-width:760px}.eyebrow{font-size:12px;text-transform:uppercase;letter-spacing:.14em;font-weight:900;color:var(--wine)}.hero .eyebrow{color:#efc8cf}.hero h1,.page-hero h1{font-family:Georgia,"Times New Roman",serif;line-height:.99;letter-spacing:-.045em;margin:14px 0 20px}.hero h1{font-size:clamp(50px,7vw,82px)}.hero p{font-size:20px;max-width:650px;color:#f4f2ee}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:28px}.floating{margin-top:-54px;position:relative;z-index:4}.quick{display:grid;grid-template-columns:repeat(3,1fr);background:#fff;border-radius:18px;box-shadow:var(--shadow);overflow:hidden}.quick a{padding:26px;border-right:1px solid var(--line)}.quick a:last-child{border:0}.quick b{font-family:Georgia,serif;font-size:24px;display:block}.quick span{color:var(--muted);font-size:14px}.section{padding:82px 0}.section.alt{background:var(--cream)}.head{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.head h2{font-family:Georgia,serif;font-size:clamp(38px,5vw,54px);letter-spacing:-.035em;line-height:1.04;margin:7px 0}.head p{max-width:600px;color:var(--muted)}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:0 7px 24px rgba(28,28,26,.05)}.photo-card{padding:0;overflow:hidden}.photo-card img{width:100%;height:260px;object-fit:cover}.photo-card .body{padding:24px}.photo-card h3{font-family:Georgia,serif;font-size:27px;margin:0 0 10px}.photo-card p{color:var(--muted)}.feature{display:grid;grid-template-columns:1.1fr .9fr;gap:0;background:var(--ink);color:#fff;border-radius:28px;overflow:hidden}.feature img{width:100%;height:100%;min-height:480px;object-fit:cover}.feature .copy{padding:50px}.feature h2{font-family:Georgia,serif;font-size:48px;line-height:1.05;margin:10px 0 18px}.feature p{color:#ddd8d0}.quote{background:var(--wine);color:#fff;padding:42px;border-radius:26px}.quote q{font-family:Georgia,serif;font-size:29px;line-height:1.4}.quote cite{display:block;margin-top:18px;font-style:normal;color:#ecd9dd}.award{display:grid;grid-template-columns:.75fr 1.25fr;gap:32px;align-items:center}.award img{width:100%;border-radius:22px;box-shadow:var(--shadow)}.brand-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.brand-box{height:150px;background:#fff;border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;padding:24px}.brand-box img{max-height:95px;max-width:85%}.newsletter{background:var(--wine);color:#fff;border-radius:26px;padding:38px;display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}.newsletter h2{font-family:Georgia,serif;font-size:38px;margin:0 0 8px}.signup{display:flex;gap:8px}.signup input,.field input,.field select,.field textarea{width:100%;padding:13px 14px;border:1px solid #d8d0c8;border-radius:9px;font:inherit;background:#fff}.signup input{border:0}.page-hero{background:var(--cream);padding:58px 0}.page-hero h1{font-size:clamp(45px,6vw,68px)}.page-hero p{font-size:18px;color:var(--muted);max-width:780px}.directory{background:#f7f5f2;padding:42px 0 80px}.searchbar{position:sticky;top:101px;z-index:15;background:#fff;box-shadow:var(--shadow);border:1px solid var(--line);border-radius:16px;padding:15px;display:grid;grid-template-columns:2fr 1.2fr 1.3fr auto;gap:10px}.field label{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.08em;font-weight:900;margin:0 0 5px;color:#6f6b66}.count{margin:24px 0 12px;color:var(--muted)}.dirgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.member{display:flex;flex-direction:column;min-height:250px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:21px}.member:hover{border-color:#b999a0;box-shadow:0 12px 28px rgba(105,31,46,.08)}.member .mark{width:50px;height:50px;border-radius:12px;background:#f5e9ec;color:var(--wine);display:grid;place-items:center;font-weight:900}.member h3{font-family:Georgia,serif;font-size:22px;margin:14px 0 7px}.tags{display:flex;gap:5px;flex-wrap:wrap}.tag{font-size:10px;background:#f2efeb;padding:5px 7px;border-radius:99px;font-weight:800;color:#5e5953}.loc{font-size:13px;color:var(--muted);margin:12px 0}.member-actions{display:flex;gap:7px;margin-top:auto}.small{padding:9px 10px;border-radius:8px;border:1px solid var(--line);font-size:12px;font-weight:800}.small.primary{background:var(--wine);color:#fff;border-color:var(--wine)}.team{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}.person{background:#fff;border:1px solid var(--line);border-radius:17px;overflow:hidden}.person img{width:100%;aspect-ratio:4/5;object-fit:cover}.person .body{padding:15px}.person h3{font-family:Georgia,serif;margin:0;font-size:20px}.person p{font-size:12px;color:var(--muted);margin:4px 0}.events-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.event-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}.event-card img{width:100%;height:270px;object-fit:contain;background:#fff}.event-card .body{padding:22px}.event-card h3{font-family:Georgia,serif;font-size:27px;margin:0 0 7px}.two{display:grid;grid-template-columns:1fr 1fr;gap:30px}.formcard{background:#fff;border:1px solid var(--line);border-radius:20px;padding:27px;box-shadow:var(--shadow)}.formcard .field{margin-bottom:12px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}footer{background:#181816;color:#d9d5cf;padding:55px 0 20px}.footergrid{display:grid;grid-template-columns:1.6fr repeat(3,1fr);gap:32px}.footergrid img{width:180px;filter:brightness(0) invert(1)}.footergrid h4{color:#fff}.footergrid a{display:block;margin:7px 0;font-size:14px}.copyline{border-top:1px solid #33332f;margin-top:35px;padding-top:18px;font-size:12px}.access{position:fixed;left:15px;bottom:15px;width:48px;height:48px;border:0;border-radius:50%;background:var(--wine);color:#fff;font-size:20px;z-index:60}.large-text{font-size:118%}.contrast{filter:contrast(1.25)}@media(max-width:1000px){.nav ul{display:none;position:absolute;left:20px;right:20px;top:86px;background:#fff;padding:12px;border-radius:15px;box-shadow:var(--shadow)}.nav ul.open{display:block}.hamb{display:block}.actions .btn-light{display:none}.grid3,.dirgrid,.events-grid{grid-template-columns:repeat(2,1fr)}.feature,.award,.two,.newsletter{grid-template-columns:1fr}.team{grid-template-columns:repeat(3,1fr)}.searchbar{grid-template-columns:1fr 1fr;position:relative;top:auto}.footergrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.container{width:min(100% - 28px,1180px)}.top .container span:first-child{display:none}.logo img{width:145px}.actions .btn-wine{display:none}.hero{min-height:610px;background-position:58% center}.hero h1{font-size:49px}.quick,.grid3,.dirgrid,.events-grid,.team{grid-template-columns:1fr}.quick a{border-right:0;border-bottom:1px solid var(--line)}.head{display:block}.feature .copy{padding:28px}.feature h2{font-size:39px}.searchbar{grid-template-columns:1fr}.newsletter{padding:26px}.signup{display:grid}.form-row{grid-template-columns:1fr}.footergrid{grid-template-columns:1fr}}

/* Photo-forward revision */
.photo-mosaic{display:grid;grid-template-columns:1.25fr .75fr;grid-template-rows:260px 260px;gap:16px}
.photo-mosaic .tile{position:relative;overflow:hidden;border-radius:24px;background:#eee}
.photo-mosaic .tile:first-child{grid-row:1/3}
.photo-mosaic img{width:100%;height:100%;object-fit:cover}
.photo-mosaic .caption{position:absolute;left:16px;right:16px;bottom:16px;background:rgba(24,20,21,.82);color:#fff;padding:12px 14px;border-radius:12px;font-weight:800;backdrop-filter:blur(10px)}
.image-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.image-strip figure{margin:0;background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden}
.image-strip img{width:100%;height:210px;object-fit:cover}
.image-strip figcaption{padding:12px 14px;font-size:13px;font-weight:800;color:var(--ink)}
.team-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:16px}
.team-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(0,0,0,.05)}
.team-card img{width:100%;aspect-ratio:4/5;object-fit:cover;background:#f3f3f3}
.team-card .body{padding:14px}
.team-card h3{font-size:17px;margin:0 0 4px}
.team-card p{font-size:13px;margin:0;color:var(--muted)}
.event-gallery{display:grid;grid-template-columns:1.15fr .85fr .85fr;gap:16px}
.event-gallery .event-image{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden}
.event-gallery .event-image img{width:100%;height:100%;min-height:240px;object-fit:cover}
.logo-image img{object-fit:contain!important;padding:24px;background:#fff}
.community-row{display:grid;grid-template-columns:1.4fr .8fr;gap:20px;align-items:stretch}
.community-row img{width:100%;height:100%;min-height:300px;object-fit:cover;border-radius:22px}
.brand-gallery{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.brand-gallery .brand-box{min-height:220px}
.hero{background:
linear-gradient(90deg,rgba(14,13,13,.80) 0%,rgba(14,13,13,.58) 48%,rgba(14,13,13,.20) 72%,rgba(14,13,13,.05) 100%),
url('https://schba.org/perch/resources/front-of-homeedited-w500.jpg') center 48%/cover no-repeat!important}
.hero-inner{max-width:740px}
.hero h1,.hero p,.hero .eyebrow{color:#fff}
.hero .eyebrow{opacity:.9}
.hero .btn-outline{border-color:rgba(255,255,255,.8);color:#fff;background:rgba(255,255,255,.08)}
@media(max-width:980px){.team-grid{grid-template-columns:repeat(3,1fr)}.image-strip{grid-template-columns:repeat(2,1fr)}.event-gallery{grid-template-columns:1fr 1fr}.photo-mosaic{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.team-grid{grid-template-columns:repeat(2,1fr)}.image-strip,.event-gallery,.brand-gallery,.community-row{grid-template-columns:1fr}.photo-mosaic{display:grid;grid-template-columns:1fr;grid-template-rows:auto}.photo-mosaic .tile:first-child{grid-row:auto}.photo-mosaic .tile{height:260px}}

/* Find-a-Pro company logos + modal details */
.member{cursor:pointer;position:relative}.member:focus{outline:3px solid rgba(126,30,48,.28);outline-offset:3px}.mark{width:100%;height:92px;border-radius:14px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.mark.has-logo{background:#fff}.mark img{max-width:100%;max-height:68px;width:auto;height:auto;object-fit:contain}.pro-open{border:0;cursor:pointer;width:100%}
.pro-modal{position:fixed;inset:0;z-index:1000;display:none;align-items:center;justify-content:center;padding:22px}.pro-modal.open{display:flex}.pro-modal-backdrop{position:absolute;inset:0;background:rgba(12,11,12,.72);backdrop-filter:blur(8px)}.pro-modal-dialog{position:relative;width:min(620px,100%);max-height:min(760px,calc(100vh - 44px));overflow:auto;background:#fff;border-radius:28px;padding:34px;box-shadow:0 30px 90px rgba(0,0,0,.28);animation:proIn .18s ease-out}.pro-modal-close{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:#fff;font-size:27px;line-height:1;cursor:pointer}.pro-modal-logo{height:112px;border:1px solid var(--line);border-radius:18px;background:#fff;display:flex;align-items:center;justify-content:center;padding:18px;margin:4px 56px 26px 0}.pro-modal-logo .mark{border:0;height:100%;padding:0}.pro-modal-logo img{max-width:100%;max-height:82px;object-fit:contain}.pro-modal-dialog h2{font-family:Georgia,serif;font-size:38px;line-height:1.05;margin:9px 0 14px}.pro-modal-tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:24px}.pro-detail-list{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:20px 0}.pro-detail-list>div{display:grid;grid-template-columns:90px 1fr;gap:18px;padding:14px 0;border-bottom:1px solid var(--line)}.pro-detail-list>div:last-child{border-bottom:0}.pro-detail-list span{color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.06em}.pro-detail-list strong{font-size:15px;overflow-wrap:anywhere}.pro-modal-actions{display:flex;gap:10px;flex-wrap:wrap}.modal-open{overflow:hidden}@keyframes proIn{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}@media(max-width:640px){.pro-modal{padding:12px}.pro-modal-dialog{padding:24px;border-radius:20px}.pro-modal-dialog h2{font-size:30px}.pro-detail-list>div{grid-template-columns:1fr;gap:4px}.pro-modal-actions .btn{width:100%}}

/* Sept 2 mobile cleanup */
.recognition-award{width:180px!important;height:180px!important;max-width:180px!important;object-fit:cover!important;object-position:center top!important;margin-top:18px!important;border-radius:16px!important;box-shadow:0 8px 22px rgba(28,28,26,.10)}

@media(max-width:650px){
  /* Compact Find a Pro cards so more listings are visible at once */
  .directory{padding:28px 0 54px}
  .directory .count{margin:18px 0 10px;font-size:18px;font-weight:800;color:var(--ink)}
  .dirgrid{gap:9px}
  .member{min-height:0;padding:13px 14px;border-radius:14px;display:grid;grid-template-columns:46px 1fr;column-gap:12px;row-gap:5px;align-items:start}
  .member .mark{grid-column:1;grid-row:1 / span 3;width:46px;height:46px;border-radius:10px;padding:7px}
  .member .mark img{max-height:34px}
  .member h3{grid-column:2;margin:0;font-size:18px;line-height:1.08}
  .member .tags{grid-column:2;gap:4px}
  .member .tag{font-size:9px;padding:3px 6px;line-height:1.25}
  .member .loc{grid-column:2;margin:1px 0 4px;font-size:11px}
  .member-actions{grid-column:1 / -1;margin-top:3px}
  .member-actions .small{padding:8px 10px;font-size:11px;border-radius:8px}

  /* Team cards: two-up and far shorter on phones */
  .team{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .person{border-radius:14px}
  .person img{height:165px;aspect-ratio:auto;object-fit:cover;object-position:center 18%}
  .person .body{padding:10px 11px 11px}
  .person h3{font-size:16px;line-height:1.05}
  .person p{font-size:10px;line-height:1.25;margin-top:4px}

  /* Keep the community/award photo from becoming a long vertical strip */
  .community-row .card img.recognition-award{width:150px!important;height:150px!important;max-width:150px!important}
}

@media(max-width:390px){
  .person img{height:145px}
  .member{padding:12px}
}