@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-400.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-500.ttf') format('truetype');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-600.ttf') format('truetype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Oswald;src:url('/assets/fonts/oswald-700.ttf') format('truetype');font-weight:700;font-style:normal;font-display:swap}

:root{--cream:#f7f6ed;--ivory:#f6eedA;--green:#173c31;--heading:#174839;--red:#d71920;--donate:#df161d;--forest:#0b3028;--container-max:1360px;--container-gutter:clamp(16px,3vw,40px);--container-radius:clamp(14px,1.5vw,22px);--container-gap:clamp(8px,1vw,14px)}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:#fff}
body{margin:0;background:#fff;color:var(--green);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit}
img{max-width:100%}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.preview-site{position:relative;width:100%;margin:0 auto;padding-bottom:var(--container-gap);background:#fff;isolation:isolate}
.preview-container{width:min(calc(100% - (2 * var(--container-gutter))),var(--container-max));margin-inline:auto;margin-top:var(--container-gap);border-radius:var(--container-radius);overflow:hidden}
.preview-hero-container{position:relative;background:var(--cream);overflow:visible}
.preview-header{position:absolute;z-index:10;top:0;left:0;right:0;height:clamp(46px,5vw,72px);border-radius:var(--container-radius) var(--container-radius) 0 0;color:var(--green)}
.preview-header-inner{width:91%;height:100%;margin:0 auto;display:flex;align-items:center;position:relative}
.preview-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(14px,2.1cqw,30px);width:60%;margin-left:auto;padding-right:2.5%}
.preview-nav a,.preview-donate,.preview-menu-toggle{font-family:Oswald,'Arial Narrow',sans-serif;font-weight:700;text-decoration:none;white-space:nowrap}
.preview-nav a{position:relative;padding:.65em 0;font-size:clamp(13px,1.65cqw,24px);line-height:1}
.preview-nav a::after{content:"";position:absolute;right:0;bottom:0;left:0;height:max(2px,.22cqw);background:transparent}
.preview-nav a:hover::after,.preview-nav a:focus-visible::after,.preview-nav a[aria-current="page"]::after{background:#0b3e35}
.preview-donate{display:inline-flex;align-items:center;justify-content:center;width:13.5%;min-height:84%;padding:.65em .6em;border-radius:999px;background:var(--donate);color:#fff;font-size:clamp(15px,2.05cqw,30px);line-height:1;letter-spacing:.02em}
.preview-donate:hover,.preview-donate:focus-visible{background:#c90d16}
.preview-menu-toggle{display:none}

.preview-hero{position:relative;min-height:0;padding:0;background:var(--cream);line-height:0;border-radius:inherit;overflow:hidden}
.preview-hero-art{display:block;width:100%;height:auto;max-width:none}

.preview-section{position:relative;overflow:hidden}
.preview-copy{position:relative;z-index:2;color:var(--green);text-shadow:0 1px 1px rgba(255,255,255,.55)}
.preview-responsive-title{display:contents}
.preview-copy h1,.preview-copy h2,.preview-copy h3{margin:0 0 .3em;color:var(--heading);font-family:Arial,Helvetica,sans-serif;font-weight:800;line-height:1.05}
.preview-copy h1,.preview-copy h2{font-size:clamp(25px,2.8cqw,40px)}
.preview-copy h3{font-size:clamp(22px,1.75cqw,26px);line-height:1.1}
.preview-copy p{margin:.35em 0;font-size:17px;line-height:1.35}
.preview-eyebrow{margin:0 0 .25em!important;color:var(--red)!important;font-size:15px!important;font-weight:800;letter-spacing:.06em;line-height:1.2!important}
.preview-button{display:inline-flex;align-items:center;justify-content:center;gap:.4em;margin-top:.5em;padding:.65em 1.15em;border:0;border-radius:999px;background:var(--red);color:#fff;font-family:Arial,Helvetica,sans-serif;font-size:15px;font-weight:800;line-height:1;text-decoration:none;text-shadow:none;box-shadow:0 2px 0 rgba(95,0,0,.24)}
.preview-button:hover,.preview-button:focus-visible{background:#b90f16}
.preview-button:focus-visible,.preview-nav a:focus-visible,.preview-donate:focus-visible,.preview-menu-toggle:focus-visible{outline:3px solid #ffd43b;outline-offset:3px}
.preview-button-small{margin-top:.45em;padding:.55em .85em;font-size:15px;line-height:1.1}
.preview-founder{min-height:360px;display:grid;grid-template-columns:48% 52%;align-items:start;background:var(--cream)}
.preview-founder-photo{height:360px;min-height:0;overflow:hidden}
.preview-founder-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:left center;mask-image:linear-gradient(to right,#000 0%,#000 70%,rgba(0,0,0,.5) 90%,transparent 100%)}
.preview-founder-copy{padding:56px 7% 40px 4%}
.preview-founder-copy h2{margin:.1em 0 .55em;color:var(--red);font-size:17px;line-height:1.2}
.preview-founder-copy blockquote{margin:.65em 0 0;padding-left:.55em;border-left:3px solid var(--red);font-size:15px;line-height:1.3;font-weight:800;font-style:italic}
.preview-founder-copy cite{font-size:.75em;font-style:normal}
.preview-safe{min-height:360px;display:flex;align-items:center;padding:56px 5%}
.preview-section-art{position:absolute;z-index:0;inset:0;width:100%;height:100%;object-fit:cover;opacity:.48}
.preview-safe .preview-section-art{opacity:.72}
.preview-safe::after,.preview-camping::after,.preview-together::after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(90deg,rgba(247,246,237,.78) 0%,rgba(247,246,237,.55) 38%,rgba(247,246,237,.12) 72%,rgba(247,246,237,.04) 100%)}
.preview-safe-copy{width:min(600px,48%);padding:20px 24px}
.preview-animals{min-height:430px;padding:24px 5%;display:grid;grid-template-columns:25% minmax(0,1fr);gap:2.2%;align-items:center;background:linear-gradient(90deg,rgba(247,246,237,.96) 0%,rgba(247,246,237,.88) 28%,rgba(247,246,237,.6) 55%,rgba(247,246,237,.2) 80%,rgba(247,246,237,.2) 100%)}
.preview-animals-intro{align-self:stretch;display:flex;flex-direction:column;padding:0 4% 13px}
.preview-animals-intro .preview-button{margin-top:auto;align-self:flex-start}
.preview-animals-intro h2{font-size:clamp(25px,2.7cqw,40px)}
.preview-animals-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:1fr;gap:1.1cqw;align-items:stretch}
.preview-animal-card{min-width:0;height:100%;display:flex;flex-direction:column;text-align:center}
.preview-animal-image{position:relative;z-index:0;width:64%;margin:0 auto 16px;aspect-ratio:1;border-radius:50%;overflow:hidden;box-shadow:0 5px 14px rgba(30,43,43,.18)}
.preview-animal-image img{display:block;width:100%;height:100%;object-fit:cover}
.preview-animal-panel{flex:1 1 auto;height:auto;min-height:260px;display:flex;flex-direction:column;align-items:stretch;padding:22px 8% 18px;border:1px solid rgba(191,162,119,.55);border-radius:14px;background:rgba(248,244,234,.94);box-shadow:0 6px 14px rgba(51,48,34,.08)}
.preview-animal-panel h3{display:flex;align-items:flex-start;justify-content:center;width:100%;min-height:2.1em;margin:0 0 .35em;color:var(--heading);font-size:clamp(22px,2.1cqw,30px);font-weight:800;line-height:1.05;text-align:center}
.preview-animal-panel p{width:100%;flex:1 1 auto;min-height:0;margin:.35em 0;font-size:17px;line-height:1.35;text-align:center}
.preview-animal-panel .preview-button{align-self:center;margin-top:auto;flex-shrink:0;white-space:nowrap}
.preview-camping,.preview-together{min-height:350px;display:flex;align-items:center;padding:54px 5%}
.preview-camping,.preview-together{border-radius:var(--container-radius);overflow:hidden;isolation:isolate}
.preview-camping .preview-section-art,.preview-together .preview-section-art{opacity:1;object-position:center}
.preview-camping-copy,.preview-together-copy{width:min(700px,54%);padding:24px 30px}
.preview-camping::after{background:linear-gradient(90deg,rgba(247,246,237,.42) 0%,rgba(247,246,237,.22) 30%,rgba(247,246,237,.04) 68%)}
.preview-features{display:flex;flex-wrap:wrap;gap:.25em .8em;margin:.6em 0;padding:0;list-style:none;font-size:15px;line-height:1.3;font-weight:800}
.preview-features li::before{content:'•';margin-right:.25em;color:var(--red)}
.preview-together{min-height:320px}
.preview-together::after{background:linear-gradient(90deg,rgba(247,246,237,.16) 0%,rgba(247,246,237,.07) 45%,rgba(247,246,237,0) 100%)}
.preview-footer{min-height:250px;padding:34px 7% 22px;background-color:var(--forest);background-image:linear-gradient(rgba(11,48,40,.94),rgba(11,48,40,.78));background-repeat:no-repeat;background-position:center bottom;background-size:100% auto;color:#fff;text-shadow:0 1px 3px #000}
.preview-footer-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6%;max-width:1160px;margin:0 auto;align-items:start}
.preview-footer h2{margin:0 0 .3em;color:#fff;font-size:clamp(17px,1.5cqw,22px);line-height:1.05}
.preview-footer p,.preview-footer a{margin:.35em 0;font-size:clamp(13px,1.15cqw,17px);line-height:1.22}
.preview-footer a{display:block;color:#fff;text-decoration:none}
.preview-footer a:hover,.preview-footer a:focus-visible{text-decoration:underline}
.preview-footer-bottom{display:flex;justify-content:space-between;gap:1em;max-width:1160px;margin:34px auto 0;padding-top:14px;border-top:1px solid rgba(255,255,255,.32)}
.preview-footer-bottom p{margin:0;font-size:clamp(11px,.9cqw,14px)}
.preview-footer-bottom span{color:#ed1c24;font-size:1.6em;vertical-align:-.08em}

@media (min-width:901px) and (max-width:1100px){
  .preview-animals-intro{padding-bottom:13px}
  .preview-animal-panel{padding-inline:12px}
}

@media (max-width:900px){
  .preview-header{background:rgba(202,230,243,.84)}
  .preview-nav{gap:1.4cqw}
  .preview-nav a{font-size:clamp(10px,1.65cqw,14px)}
  .preview-founder{min-height:0;grid-template-columns:1fr}
  .preview-founder-photo{height:260px;min-height:0}
  .preview-founder-photo img{mask-image:linear-gradient(to bottom,#000 0%,#000 76%,transparent 100%)}
  .preview-founder-copy{padding:28px 6% 36px}
  .preview-safe,.preview-camping,.preview-together{min-height:330px;padding:38px 6%}
  .preview-safe-copy,.preview-camping-copy,.preview-together-copy{width:68%;padding:20px}
  .preview-animals{min-height:0;grid-template-columns:repeat(2,minmax(0,1fr));padding:20px 6%;gap:14px}
  .preview-page .preview-animals{
    background-image:linear-gradient(90deg,rgba(247,246,237,.96) 0%,rgba(247,246,237,.88) 28%,rgba(247,246,237,.6) 55%,rgba(247,246,237,.2) 80%,rgba(247,246,237,.2) 100%);
    background-position:center top,center top;
    background-repeat:no-repeat,repeat-y;
    background-size:auto,100% auto;
  }
  .preview-animals-intro{grid-column:1/-1;align-self:auto;padding:0;max-width:680px}
  .preview-animals-grid{grid-column:1/-1;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
  .preview-animal-panel{height:auto;min-height:248px;padding:22px 14px 16px}
  .preview-footer{padding-inline:6%}
}

@media (max-width:620px){
  .preview-header{height:58px}
  .preview-header-inner{width:calc(100% - 28px);justify-content:flex-end}
  .preview-menu-toggle{display:flex;position:absolute;right:132px;align-items:center;gap:8px;border:0;background:transparent;color:var(--green);font-size:15px;cursor:pointer}
  .preview-menu-bars,.preview-menu-bars::before,.preview-menu-bars::after{display:block;position:relative;width:24px;height:3px;background:var(--green);content:""}
  .preview-menu-bars::before,.preview-menu-bars::after{position:absolute;top:0}
  .preview-menu-bars::before{transform:translateY(-7px)}
  .preview-menu-bars::after{transform:translateY(7px)}
  .preview-nav{display:none;position:absolute;z-index:12;top:58px;left:-14px;right:-14px;width:auto;margin:0;padding:8px 14px 14px;flex-direction:column;align-items:stretch;gap:0;background:#cfe8f4;border-top:1px solid rgba(7,30,25,.12);box-shadow:0 8px 15px rgba(0,0,0,.14)}
  .preview-nav.is-open{display:flex}
  .preview-nav a{padding:12px 10px;font-size:18px}
  .preview-nav a::after{right:auto;bottom:4px;left:10px;width:44px}
  .preview-donate{width:116px;min-height:42px;padding:.65em .7em;font-size:20px}
  .preview-copy h1,.preview-copy h2{font-size:25px}
  .preview-copy p{font-size:16px;line-height:1.48}
  .preview-founder-photo{height:210px}
  .preview-founder-copy{padding:22px 20px 30px}
  .preview-safe,.preview-camping,.preview-together{min-height:0;padding:30px 20px}
  .preview-safe-copy,.preview-camping-copy,.preview-together-copy{width:100%;padding:18px}
  .preview-section-art{height:48%;bottom:auto;opacity:.38}
  .preview-safe::after{background:linear-gradient(180deg,rgba(247,246,237,.16),rgba(247,246,237,.55) 74%,rgba(247,246,237,.65) 100%)}
  .preview-camping::after{background:linear-gradient(90deg,rgba(247,246,237,.58) 0%,rgba(247,246,237,.32) 52%,rgba(247,246,237,.08) 100%),linear-gradient(180deg,rgba(247,246,237,.1),rgba(247,246,237,.22) 72%,rgba(247,246,237,.34) 100%)}
  .preview-together::after{background:linear-gradient(90deg,rgba(247,246,237,.18) 0%,rgba(247,246,237,.08) 52%,rgba(247,246,237,0) 100%),linear-gradient(180deg,rgba(247,246,237,.04),rgba(247,246,237,.1) 72%,rgba(247,246,237,.18) 100%)}
  .preview-animals{display:block;padding:16px 20px;background:linear-gradient(90deg,rgba(247,246,237,.96) 0%,rgba(247,246,237,.9) 28%,rgba(247,246,237,.78) 58%,rgba(247,246,237,.7) 80%,rgba(247,246,237,.7) 100%)}
  .preview-animals-intro{padding:0 0 8px}
  .preview-animals-grid{display:grid;grid-template-columns:1fr;gap:8px}
  .preview-animal-image{width:44%;margin-bottom:16px}
  .preview-animal-panel{height:auto;min-height:230px;padding:22px 14px 16px}
  .preview-animal-panel p{font-size:16px;line-height:1.48}
  .preview-button{font-size:14px;padding:12px 20px}
  .preview-button-small{font-size:13px;line-height:1;padding:12px 20px}
  .preview-features{font-size:14px;line-height:1.35}
  .preview-footer{min-height:300px;padding:28px 20px 20px;background-size:auto 100%}
  .preview-footer-grid{grid-template-columns:1fr 1fr;gap:20px}
  .preview-footer-grid section:last-child{grid-column:1/-1}
  .preview-footer h2{font-size:22px}
  .preview-footer p,.preview-footer a{font-size:15px}
  .preview-footer-bottom{display:block;margin-top:28px}
  .preview-footer-bottom p{font-size:13px}
  .preview-footer-bottom p+p{margin-top:6px}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.preview-nav{transition:none}}

/* Homepage hero: supplied mountain photograph with editable foreground content. */
.preview-page{--homepage-section-width:95vw;-webkit-text-size-adjust:100%;text-size-adjust:100%}
.preview-page .preview-site{padding-bottom:0}
.preview-page .preview-hero-container{
  width:var(--homepage-section-width);
  max-width:none;
  margin:0 auto;
  --hero-edge-inset:3.11%;
  --hero-balance-gap:clamp(20px,3.29vh,31px);
  --hero-nav-height:clamp(54px,6.38vh,60px);
  border-radius:var(--container-radius);
  overflow:hidden;
  background:#fff;
  container-type:inline-size;
}
.preview-page .preview-hero-container .shared-site-header{
  top:var(--hero-balance-gap);
  left:var(--hero-edge-inset);
  right:var(--hero-edge-inset);
  width:auto;
  height:var(--hero-nav-height);
  transform:none;
  border-radius:0;
  background:#f6f1e8;
  color:#111;
  container-type:inline-size;
  --hero-nav-donate-gap:clamp(12px,1.4cqw,18px);
}
.preview-page .preview-hero-container .shared-header-inner{width:100%;padding-inline:clamp(14px,2vw,34px)}
.preview-page .preview-hero-container .shared-logo{display:none}
.preview-page .preview-hero-container .shared-primary-nav{
  display:grid;
  position:absolute;
  top:0;
  left:clamp(42px,5.32cqw,82px);
  right:calc(clamp(16px,1.69cqw,26px) + clamp(150px,14.92cqw,230px) + var(--hero-nav-donate-gap));
  width:auto;
  height:100%;
  grid-template-columns:3.5cqw 6.1cqw 5.3cqw 12cqw 8.5cqw 5.6cqw 5.8cqw 5.5cqw;
  align-items:center;
  justify-items:start;
  justify-content:space-between;
  gap:0;
  margin:0;
  padding:0;
}
.preview-page .preview-hero-container .shared-primary-nav a,
.preview-page .preview-hero-container .shared-donate{font-family:Oswald,sans-serif;font-size:clamp(12px,1.43cqw,22px);font-weight:700;letter-spacing:.01em}
.preview-page .preview-hero-container .shared-primary-nav a{margin-right:0;color:#111;padding:.45em 0}
.preview-page .preview-hero-container .shared-primary-nav a:first-child{color:#d71920}
.preview-page .preview-hero-container .shared-primary-nav a::after{display:none}
.preview-page .preview-hero-container .shared-donate{
  position:absolute;
  top:50%;
  right:clamp(16px,1.69cqw,26px);
  width:clamp(150px,14.92cqw,230px);
  height:clamp(36px,4.24vh,40px);
  transform:translateY(-50%);
  border-radius:0;
  padding:0;
  background:#d71920;
}
.preview-page .preview-hero{
  position:relative;
  min-height:640px;
  height:100vh;
  padding:0;
  background:#9ab9c8;
  border-radius:inherit;
  line-height:1.2;
  overflow:hidden;
  container-type:inline-size;
}
.preview-page .preview-hero-slideshow{
  position:absolute;
  z-index:0;
  inset:0;
  overflow:hidden;
  background:#9ab9c8;
  --hero-slide-fade:4s;
}
.preview-page .preview-hero-slide{
  position:absolute;
  inset:0;
  display:block;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center center;
  opacity:0;
  transition:opacity var(--hero-slide-fade) ease;
  will-change:opacity;
}
.preview-page .preview-hero-slide.is-active{opacity:1}
.preview-page .preview-hero-logo{
  position:absolute;
  z-index:2;
  top:calc(var(--hero-balance-gap) + var(--hero-nav-height) + var(--hero-balance-gap) - var(--logo-visible-top-offset, 0px));
  left:calc(var(--hero-edge-inset) - var(--logo-visible-left-offset, 0px));
  display:block;
  width:clamp(303px,35.06cqw,556px);
  height:auto;
  max-width:calc(100% - 56px);
}
.preview-page .preview-hero-slogan{
  position:absolute;
  z-index:2;
  right:var(--hero-edge-inset);
  display:block;
  width:48cqw;
  height:auto;
  bottom:clamp(116px,22.14vh,209px);
  max-width:none;
}
.preview-page .preview-hero-lower-copy{
  position:absolute;
  z-index:3;
  right:var(--hero-edge-inset);
  bottom:var(--hero-balance-gap);
  left:var(--hero-edge-inset);
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:clamp(64px,8.71vh,82px);
  padding:clamp(14px,1.5vw,24px) clamp(18px,3.5vw,58px);
  background:#f6f1e8;
  color:#111;
  text-align:center;
  container-type:inline-size;
}
.preview-page .preview-hero-lower-copy p{
  width:90%;
  max-width:90%;
  margin:0;
  font-family:Oswald,sans-serif;
  font-size:clamp(20px,2.2cqw,35px);
  font-weight:400;
  line-height:1;
  white-space:nowrap;
  transform:scaleX(1.19);
  transform-origin:center center;
}
.preview-page .preview-hero-lower-copy span{color:#000;font-weight:700}
.preview-page .preview-hero-container + main > .preview-safe{margin-top:0}

@media (max-width:620px){
  .preview-page .preview-hero-container{--hero-edge-inset:16px;--hero-nav-height:58px}
  .preview-page .preview-hero-container .shared-site-header{top:var(--hero-balance-gap);left:var(--hero-edge-inset);right:var(--hero-edge-inset);width:auto;height:var(--hero-nav-height);transform:none}
  .preview-page .preview-hero-container .shared-header-inner{width:100%;min-height:58px;padding-inline:12px}
  .preview-page .preview-hero-container .shared-logo{display:none}
  .preview-page .preview-hero-container .shared-primary-nav{display:none;top:58px;left:0;right:0;width:auto;height:auto;grid-template-columns:none}
  .preview-page .preview-hero-container .shared-primary-nav.is-open{display:flex}
  .preview-page .preview-hero-container .shared-donate{
    top:8px;
    right:12px;
    width:auto;
    height:42px;
    min-height:42px;
    transform:none;
    padding:.55em 1.05em;
  }
  .preview-page .preview-hero{
    min-height:600px;
    height:600px;
    padding:0 16px;
    background-position:center 34%;
  }
  .preview-page .preview-hero-logo{left:calc(var(--hero-edge-inset) - var(--logo-visible-left-offset, 0px));width:min(58.63cqw,263px);max-width:calc(100% - 40px)}
  .preview-page .preview-hero-slogan{right:var(--hero-edge-inset);bottom:116px;width:65.6cqw;max-width:calc(100% - (2 * var(--hero-edge-inset)))}
  .preview-page .preview-hero-lower-copy{right:var(--hero-edge-inset);bottom:var(--hero-balance-gap);left:var(--hero-edge-inset);min-height:82px;padding:14px 18px}
  .preview-page .preview-hero-lower-copy p{width:100%;max-width:none;font-size:clamp(14px,4cqw,18px);line-height:1.2;white-space:normal;transform:none}
}

@media (min-width:621px) and (max-width:900px){
  .preview-page .preview-hero-container .shared-primary-nav{
    left:20px;
    right:calc(12px + 120px + var(--hero-nav-donate-gap));
    width:auto;
    grid-template-columns:4.5cqw 8cqw 7cqw 17cqw 11.5cqw 7.5cqw 8cqw 7.5cqw;
    justify-content:space-between;
  }
  .preview-page .preview-hero-container .shared-primary-nav a{margin-right:0;font-size:clamp(11px,1.6vw,16px)}
  .preview-page .preview-hero-container .shared-donate{right:12px;width:120px;font-size:14px}
}

@media (max-width:380px){
  .preview-page .preview-hero{min-height:570px;height:570px}
  .preview-page .preview-hero-logo{width:min(58.63cqw,222px)}
  .preview-page .preview-hero-slogan{bottom:114px}
}

/* Homepage narrow layout: desktop retains the established composition. */
@media (max-width:768px){
  .preview-page .preview-safe,
  .preview-page .preview-together,
  .preview-page .preview-camping{
    display:grid;
    grid-template-columns:minmax(0,1fr);
    grid-auto-rows:auto;
    align-items:start;
    min-height:0;
    padding:0;
    background:var(--cream);
  }

  .preview-page .preview-safe::after,
  .preview-page .preview-together::after,
  .preview-page .preview-camping::after{content:none}

  .preview-page .preview-safe .preview-section-art,
  .preview-page .preview-together .preview-section-art,
  .preview-page .preview-camping .preview-section-art{
    position:static;
    inset:auto;
    z-index:0;
    grid-column:1;
    grid-row:1;
    display:block;
    width:100%;
    height:clamp(210px,38vw,300px);
    max-width:none;
    object-fit:cover;
    object-position:center;
    opacity:1;
  }

  .preview-page .preview-safe .preview-section-art{object-position:center 12%}
  .preview-page .preview-together .preview-section-art{object-position:center 58%}
  .preview-page .preview-camping .preview-section-art{object-position:center 58%}

  .preview-page .preview-safe-copy,
  .preview-page .preview-together-copy,
  .preview-page .preview-camping-copy{display:contents}

  .preview-page .preview-responsive-title{
    z-index:2;
    grid-column:1;
    grid-row:1;
    align-self:center;
    justify-self:center;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    width:min(88%,360px);
    margin:0;
    padding:16px 20px;
    border-radius:14px;
    background:rgba(247,246,237,.84);
    box-shadow:0 6px 18px rgba(23,60,49,.14);
    text-align:center;
  }

  .preview-page .preview-responsive-title h2{
    width:100%;
    margin:0;
    padding:0;
    color:var(--heading);
    font-size:clamp(20px,6vw,24px);
    line-height:1.08;
    text-align:center;
  }

  .preview-page .preview-responsive-title .preview-eyebrow{
    width:100%;
    margin:0 0 6px!important;
    font-size:12px!important;
    text-align:center;
  }

  .preview-page .preview-safe-copy > p,
  .preview-page .preview-together-copy > p,
  .preview-page .preview-camping-copy > p:not(.preview-eyebrow){
    z-index:1;
    grid-column:1;
    grid-row:2;
    width:100%;
    margin:0;
    padding:24px 20px 0;
    background:var(--cream);
    text-align:center;
  }

  .preview-page .preview-safe-copy > .preview-button,
  .preview-page .preview-together-copy > .preview-button{
    z-index:1;
    grid-column:1;
    grid-row:3;
    justify-self:center;
    margin:18px 20px 28px;
  }

  .preview-page .preview-camping-copy .preview-features{
    z-index:1;
    grid-column:1;
    grid-row:3;
    justify-content:center;
    width:100%;
    margin:0;
    padding:14px 20px 0;
    background:var(--cream);
    text-align:center;
  }

  .preview-page .preview-camping-copy > .preview-button{
    z-index:1;
    grid-column:1;
    grid-row:4;
    justify-self:center;
    margin:18px 20px 28px;
  }

  .preview-page .preview-founder{
    grid-template-columns:minmax(0,1fr);
    min-height:0;
    align-items:start;
  }

  .preview-page .preview-founder-photo{
    width:100%;
    height:auto;
    min-height:0;
    aspect-ratio:1500 / 1049;
  }

  .preview-page .preview-founder-photo img{
    width:100%;
    height:100%;
    object-fit:cover;
    object-position:center;
    mask-image:none;
  }

  .preview-page .preview-founder-copy{
    padding:24px 20px 30px;
    text-align:center;
  }

  .preview-page .preview-founder-copy .preview-eyebrow{text-align:center}

  .preview-page .preview-founder-copy blockquote{
    padding-left:0;
    border-left:0;
    text-align:center;
  }

  .preview-page .preview-animals{
    display:block;
    min-height:0;
    padding:24px 20px 30px;
    background-image:linear-gradient(90deg,rgba(247,246,237,.96) 0%,rgba(247,246,237,.9) 28%,rgba(247,246,237,.78) 58%,rgba(247,246,237,.7) 80%,rgba(247,246,237,.7) 100%);
    background-position:center top,center top;
    background-repeat:no-repeat,repeat-y;
    background-size:auto,100% auto;
  }

  .preview-page .preview-animals-intro{
    align-items:center;
    padding:0 0 20px;
    text-align:center;
  }

  .preview-page .preview-animals-intro .preview-eyebrow,
  .preview-page .preview-animals-intro h2,
  .preview-page .preview-animals-intro p{text-align:center}

  .preview-page .preview-animals-intro .preview-button{align-self:center}

  .preview-page .preview-animals-grid{
    grid-template-columns:minmax(0,1fr);
    grid-auto-rows:auto;
    gap:24px;
  }

  .preview-page .preview-animal-card{height:auto}

  .preview-page .preview-animal-image{
    z-index:0;
    width:min(64%,210px);
    margin:0 auto 16px;
  }

  .preview-page .preview-animal-panel{
    flex:1 1 auto;
    height:auto;
    min-height:230px;
    padding:22px 18px 18px;
  }
}