/* PUB CRAWL FOR THE CAUSE / SOPHIA WAY FINAL DESIGN
   Version: October 21, 2026. Namespaced so no other site blocks change.
   Visual output locked to supplied desktop and mobile proofs.
   Requires assets/sophia-way-approved-wordmark.png alongside these files.
*/
.pc-sophia-feature, .pc-sophia-feature * { box-sizing:border-box; }
.pc-sophia-feature {
  --pc-red:#e0002a; --pc-ink:#111113; --pc-brush:#bdebf9; --pc-blue:#06aff5;
  font-family: Inter, system-ui, -apple-system, "Segoe UI", Arial, sans-serif;
  color:var(--pc-ink);
  position:relative; isolation:isolate;
  width:min(100%, 1296px); margin:0 auto;
  padding:18px 20px;
  background:transparent;
}
/* Uneven torn cyan boundary is a CSS vector-like shape, never a heavy border. */
.pc-sophia-feature::before{
  content:""; position:absolute; inset:0; z-index:-2; background:#c8f0fc;
  clip-path:polygon(0 2%,1.7% 0,3.5% 1.4%,6% 0%,8% 1%,10% 0.8%,12% 1.8%,15% 0%,18% 1.5%,22% .5%,26% 1.3%,30% 0%,34% 1%,38% .5%,43% 1.6%,48% 0%,53% 1.4%,58% .3%,63% 1.2%,69% 0%,74% 1.3%,79% 0%,83% 1.4%,87% 0%,92% 1.6%,97% 0%,100% 2%,99% 8%,100% 13%,99% 20%,100% 27%,99% 34%,100% 42%,99% 50%,100% 59%,99% 66%,100% 74%,99% 82%,100% 92%,99% 100%,96% 99%,93% 100%,90% 99%,87% 100%,84% 99%,81% 100%,78% 99%,74% 100%,70% 99%,66% 100%,62% 99%,58% 100%,54% 99%,50% 100%,46% 99%,42% 100%,38% 99%,34% 100%,30% 99%,26% 100%,22% 99%,18% 100%,14% 99%,10% 100%,6% 99%,3% 100%,0% 98%,1% 92%,0% 84%,1% 77%,0% 71%,1% 64%,0% 57%,1% 49%,0% 40%,1% 32%,0% 25%,1% 18%,0% 10%);
}
.pc-sophia-feature::after { content:"";position:absolute;z-index:-1;inset:10px 12px;opacity:.52;pointer-events:none; background:repeating-linear-gradient(171deg,transparent 0 21px,#92defb 21px 24px,transparent 24px 49px);clip-path:polygon(0 0,100% 0,100% 100%,0 100%); }
.pc-sophia-panel {
  background:#fffef9; padding:34px 38px 30px; position:relative; isolation:isolate;
  clip-path:polygon(0 1%,3% .3%,6% 1%,10% 0%,14% 1%,19% .3%,23% 1%,28% .2%,33% 1%,39% .2%,43% 1%,49% .4%,55% 1%,61% .2%,66% 1%,72% .3%,78% 1%,83% .2%,89% 1%,95% 0%,100% 1%,99.5% 20%,100% 43%,99.5% 68%,100% 98%,96% 99%,91% 98%,86% 100%,80% 99%,75% 100%,69% 99%,63% 100%,57% 99%,51% 100%,45% 99%,39% 100%,33% 99%,27% 100%,21% 99%,15% 100%,10% 99%,5% 100%,0% 99%,.5% 75%,0 50%,.5% 25%);
}
.pc-sophia-top { display:grid; grid-template-columns:minmax(0,1fr) auto; align-items:center; gap:22px; margin-bottom:28px; }
.pc-sophia-heading {
  margin:0; font-family:"Roboto Condensed","Arial Narrow",Impact,sans-serif;
  font-weight:900; font-stretch:condensed; text-transform:uppercase;
  font-size:clamp(30px, 3.0vw, 43px); letter-spacing:-.9px; line-height:1.06;
  max-width:760px;
}
.pc-sophia-heading span { display:block; }
.pc-sophia-head-rule { width:190px;height:6px;border-radius:90% 30% 80% 45%;background:#10b5f9; margin:10px 0 0 3px;transform:rotate(-1.3deg); }
.pc-sophia-donate {
  display:inline-flex;align-items:center;justify-content:center;gap:12px;
  min-height:64px; padding:14px 28px; border:2px solid #cb0025;
  border-radius:10px;background:var(--pc-red); color:#fff !important;
  font-family:"Roboto Condensed","Arial Narrow",Impact,sans-serif;
  font-weight:900;font-size:26px;line-height:1;text-decoration:none !important;
  letter-spacing:.35px;white-space:nowrap; box-shadow:0 4px 0 rgba(75,7,21,.18);
}
.pc-sophia-donate svg {width:29px;height:29px;flex:0 0 29px;fill:#fff;}
.pc-sophia-donate:hover {background:#c90025;transform:translateY(-1px);}
.pc-sophia-donate:focus-visible,.pc-sophia-visit:focus-visible{outline:3px solid #0184d2;outline-offset:4px;}
.pc-sophia-grid {display:grid;grid-template-columns:minmax(200px, .88fr) minmax(0,1.3fr) minmax(215px, .95fr);gap:26px;align-items:center;}
.pc-sophia-logo-area { min-width:0; padding-right:24px;border-right:2px solid #c6c2be; display:flex;align-items:center;justify-content:center; }
.pc-sophia-logo-area img {display:block; width:100%;max-width:285px;height:auto;max-height:100px;object-fit:contain;}
.pc-sophia-description {font-size:17px;line-height:1.46;margin:0;font-weight:520;}
.pc-sophia-side {border-left:2px solid #cac7c2;padding-left:23px;min-width:0;}
.pc-sophia-note {font-size:16px;line-height:1.47;margin:0 0 10px;font-weight:500;}
.pc-sophia-visit {display:inline-flex;gap:6px;align-items:center;color:#dd002c!important;text-decoration:underline!important;font-size:17px;font-weight:850;text-underline-offset:3px;}
.pc-sophia-footnote {position:absolute;left:-100000px;top:auto;width:1px;height:1px;overflow:hidden;}
@media(max-width:1050px) and (min-width:701px){
  .pc-sophia-feature{padding:15px;}
  .pc-sophia-panel{padding:27px 25px;}
  .pc-sophia-heading{font-size:clamp(27px,3.1vw,35px);}
  .pc-sophia-grid{grid-template-columns:minmax(160px,.8fr) minmax(0,1.2fr);gap:22px;}
  .pc-sophia-side{grid-column:1/-1;padding:15px 0 0;border-left:0;border-top:2px solid #ddd7d2;display:flex;align-items:center;justify-content:space-between;gap:12px;}
  .pc-sophia-note{margin:0;max-width:690px;}
  .pc-sophia-donate{font-size:21px;min-height:56px;padding:11px 20px;}
}
@media(max-width:700px){
  .pc-sophia-feature{padding:11px 10px;}
  .pc-sophia-panel{padding:24px 19px 24px;}
  .pc-sophia-top{display:block;margin-bottom:21px;}
  .pc-sophia-heading{font-size:clamp(27px,6.1vw,37px);letter-spacing:-.75px;line-height:1.045;}
  .pc-sophia-head-rule{width:126px;height:5px;margin-top:8px;}
  .pc-sophia-grid{display:flex;flex-direction:column;align-items:stretch;gap:15px;}
  .pc-sophia-logo-area{padding:0 0 15px;border-right:0;border-bottom:2px solid #ddd7d2;justify-content:flex-start;}
  .pc-sophia-logo-area img{width:265px;max-width:100%;max-height:83px;}
  .pc-sophia-description{font-size:16px;line-height:1.52;}
  .pc-sophia-side{border-left:0;padding:0;}
  .pc-sophia-donate{width:100%;min-height:59px;padding:13px 18px;font-size:24px;margin-top:19px;}
  .pc-sophia-note{font-size:15px;line-height:1.51;margin:0 0 9px;}
  .pc-sophia-visit{font-size:16px;}
  .pc-sophia-mobile-action{display:flex;flex-direction:column;gap:13px;}
}
@media(min-width:701px){.pc-sophia-mobile-action{display:contents;}}
@media(max-width:340px){
  .pc-sophia-feature{padding:9px;}
  .pc-sophia-panel{padding:20px 15px;}
  .pc-sophia-heading{font-size:26px;letter-spacing:-.7px;}
  .pc-sophia-logo-area img{width:240px;}
  .pc-sophia-description{font-size:15.5px;}
  .pc-sophia-donate{font-size:22px;}
  .pc-sophia-note{font-size:14.5px;}
}
@media(prefers-reduced-motion:reduce){.pc-sophia-donate:hover{transform:none;}}

/* Explicit layout placement: one identical Donate CTA, moved by responsive CSS. */
.pc-sophia-panel {display:grid;grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"title donate" "content content";column-gap:25px;align-items:center;}
.pc-sophia-top{grid-area:title;display:block;margin-bottom:26px;}
.pc-sophia-panel > .pc-sophia-donate{grid-area:donate;margin:0 0 26px;}
.pc-sophia-grid{grid-area:content;}
@media(max-width:700px){
 .pc-sophia-panel{display:flex;flex-direction:column;align-items:stretch;}
 .pc-sophia-panel > .pc-sophia-top{margin-bottom:18px;order:1;}
 .pc-sophia-panel > .pc-sophia-grid{order:2;display:contents;}
 .pc-sophia-panel > .pc-sophia-grid > .pc-sophia-logo-area{order:2;}
 .pc-sophia-panel > .pc-sophia-grid > .pc-sophia-description{order:3;margin-top:14px;}
 .pc-sophia-panel > .pc-sophia-donate{order:4;margin:22px 0 14px;}
 .pc-sophia-panel > .pc-sophia-grid > .pc-sophia-side{order:5;}
}