@font-face{font-family:AboutScript;src:url('../fonts/about-script.otf') format('opentype');font-display:swap}
.hero{background-image:linear-gradient(90deg,rgba(8,35,30,.22),rgba(8,35,30,.04)),url('../images/clogs-compass-hero.png')!important;background-size:cover!important;background-position:center!important}
.hero h1,.hero .hero-tagline{color:#fff!important}
.about-strip.about-map-bg{isolation:isolate;overflow:hidden;background:#f0dcb7 url('../images/about-map-parchment.png') center/cover no-repeat;padding:48px 0 42px;color:#2d1c0d}
.about-strip::before,.about-strip::after{display:none!important;content:none!important}
.about-strip .container{width:min(1220px,calc(100% - 64px))}
.about-strip .split{grid-template-columns:1.3fr 1fr;gap:60px;align-items:center}
.about-strip .about-copy{padding:0}
.about-strip h2{font-family:AboutScript,'Segoe Print',cursive;font-size:clamp(44px,5.4vw,76px);font-weight:500;line-height:1.05;letter-spacing:-.025em;margin:0 0 34px;position:relative;white-space:nowrap}
.about-strip h2::after{content:'';position:absolute;left:4%;right:3%;bottom:-14px;height:8px;background:#ba842b;clip-path:polygon(0 60%,19% 17%,46% 2%,67% 37%,96% 55%,100% 84%,72% 72%,45% 61%,20% 64%,0 100%);transform:rotate(-.8deg)}
.about-strip .about-copy p{font-family:Georgia,'Times New Roman',serif;font-size:19px;line-height:1.6;max-width:650px;margin:0}
.about-strip .photo-card{padding:0;background:none;box-shadow:none;transform:rotate(-1deg);max-width:none;width:100%}
.about-strip .moab-about-photo{display:block;width:100%;height:270px;object-fit:cover;border:0;box-shadow:none;transform:none;clip-path:polygon(3% 4%,10% 2%,16% 4%,24% 1%,32% 3%,40% 0,48% 2%,56% 1%,64% 3%,73% 1%,81% 3%,89% 1%,96% 4%,99% 10%,97% 18%,100% 27%,98% 35%,100% 43%,98% 51%,100% 61%,98% 70%,100% 80%,97% 89%,98% 96%,89% 98%,80% 96%,72% 99%,64% 97%,56% 100%,47% 98%,39% 100%,31% 98%,22% 100%,14% 97%,6% 99%,1% 95%,3% 87%,0 78%,2% 69%,0 60%,2% 52%,0 43%,3% 34%,1% 26%,3% 18%,1% 10%)}
@media(max-width:800px){.about-strip.about-map-bg{padding:38px 0;background-position:center}.about-strip .container{width:calc(100% - 40px)}.about-strip .split{grid-template-columns:1fr;gap:28px}.about-strip h2{font-size:clamp(42px,8vw,64px);white-space:normal;margin-bottom:30px}.about-strip .about-copy p{font-size:18px}.about-strip .photo-card{max-width:560px;margin:auto}.about-strip .moab-about-photo{height:auto;aspect-ratio:1.65}.hero{background-position:40% center!important}}

/* Transparent dry-brush photo edges */
.about-strip .moab-about-photo{clip-path:none!important;object-fit:contain;height:auto;aspect-ratio:4/3}

.about-strip .about-copy .about-motto{font-family:AboutScript,'Segoe Print',cursive;font-size:clamp(30px,3vw,42px);line-height:1.2;display:inline-block;position:relative;margin:0 0 28px;color:#4d321b}
.about-strip .about-motto::after{content:'';position:absolute;left:0;right:-8px;bottom:-8px;height:7px;background:#ba842b;transform:rotate(-1deg);clip-path:polygon(0 40%,9% 20%,32% 4%,53% 17%,79% 38%,95% 31%,100% 67%,90% 85%,61% 71%,38% 91%,13% 75%,0 100%)}

/* Match the hero heading typography. */
.about-strip h2,.about-strip .about-copy .about-motto{font-family:"Segoe Print","Bradley Hand","Comic Sans MS",cursive;font-weight:700;letter-spacing:-.06em}
.about-strip h2{font-size:clamp(34px,3.8vw,54px);white-space:normal}
.about-strip .about-copy .about-motto{font-size:clamp(25px,2.5vw,34px)}
@media(max-width:800px){.about-strip h2{font-size:clamp(32px,7.5vw,48px)}}

.about-strip .about-copy .about-motto{margin:24px 0 12px}