/*
Theme Name: Bernadette Pleasant
Theme URI: https://bernadettepleasant.com
Author: Tiffany
Author URI: https://theemotionalinstitute.com
Description: Custom WordPress theme for Bernadette Pleasant. Somatic healer, grief educator, end of life doula. Warm editorial design with African-inspired jewel tones, Didot serif, and Allura script accents.
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Text Domain: bernadette-pleasant
Tags: custom-menu, editor-style, featured-images, translation-ready, one-column, two-columns
*/

/* ============ SHARED BERNADETTE PLEASANT SITE STYLES ============ */
:root{
  --ink:#39291f;
  --teal:#50aaa8;
  --teal-deep:#3d8a88;
  --cream:#fff3db;
  --paper:#fffaf0;
  --gold:#f4c562;
  --gold-deep:#d9a942;
  --terracotta:#b63c27;
  --terracotta-deep:#8f2f1e;
  --maroon:#7f4d59;
  --pink:#ed627b;
  --green:#338c2c;
  --brown:#5b2609;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:"Avenir Next",Avenir,"Century Gothic",Futura,Arial,sans-serif;line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%;height:auto}

.serif,h1,h2,h3{font-family:Didot,"Bodoni MT","Bodoni 72",Georgia,serif;font-weight:400;letter-spacing:-.05em}
.script{font-family:"Allura","Snell Roundhand","Segoe Script","Brush Script MT",cursive;font-weight:400;letter-spacing:0}

/* ============ HEADER ============ */
.header{height:94px;padding:0 4vw;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:34px;background:var(--paper);border-bottom:1px solid #39291f22;position:relative;z-index:5}
.brand{white-space:nowrap;font:31px/1 Didot,"Bodoni MT",Georgia,serif}
.brand span{margin-left:7px;color:var(--terracotta);font:36px/1 "Allura",cursive}
.nav{display:flex;gap:clamp(20px,2.2vw,38px);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;margin:0;padding:0;list-style:none}
.nav li{list-style:none}
.nav a{padding:12px 0;border-bottom:1px solid transparent}
.nav a:hover,.nav .current-menu-item a,.nav .current_page_item a{border-color:var(--terracotta)}
.header-cta{justify-self:end;background:var(--terracotta);color:#fff;padding:15px 20px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.12em}

/* ============ SHARED ELEMENTS ============ */
.eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 22px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.16em}
.eyebrow:before{content:"";width:40px;height:1px;background:var(--gold)}

.button{display:inline-flex;justify-content:space-between;gap:40px;padding:16px 20px;background:var(--gold);color:var(--brown);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;border:none;cursor:pointer}
.button.terra{background:var(--terracotta);color:#fff}
.button.maroon{background:var(--maroon);color:#fff}
.text-link{display:inline-block;padding-bottom:8px;border-bottom:1px solid currentColor;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}

/* ============ HOMEPAGE HERO ============ */
.hero{height:clamp(640px,72vh,760px);display:grid;grid-template-columns:46% 54%;position:relative;overflow:hidden;background:linear-gradient(145deg,#48aaa8,#63bbb5)}
.hero:before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:49px;width:18px;background:repeating-linear-gradient(0deg,var(--terracotta) 0 22px,var(--gold) 22px 44px,var(--green) 44px 66px,var(--brown) 66px 88px)}
.hero-copy{padding:60px 5vw 88px 7vw;color:var(--cream);display:flex;flex-direction:column;justify-content:center}
.hero h1{margin:0;font-size:clamp(62px,5.8vw,90px);line-height:.88}
.hero h1 .script{display:inline-block;color:var(--gold);font-size:1.12em;line-height:.82}
.hero-lede{max-width:520px;margin:25px 0 30px;font:clamp(20px,1.55vw,24px)/1.42 Didot,"Bodoni MT",Georgia,serif}
.actions{display:flex;gap:28px;align-items:center;flex-wrap:wrap}
.hero-photo{position:relative;background:var(--terracotta);overflow:hidden}
.hero-photo img{width:100%;height:100%;object-fit:contain;object-position:center bottom}
.hero-quote{position:absolute;right:5%;bottom:72px;background:var(--pink);color:#fff;padding:17px 22px;font:italic 19px Didot,Georgia,serif;box-shadow:12px 12px 0 var(--gold)}

/* ============ PAGE HERO (universal) ============ */
.page-hero{position:relative;min-height:520px;display:grid;grid-template-columns:52% 48%;overflow:hidden;background:linear-gradient(145deg,var(--teal),var(--teal-deep));color:var(--cream)}
.page-hero.terra{background:linear-gradient(145deg,var(--terracotta),var(--terracotta-deep))}
.page-hero.maroon{background:linear-gradient(145deg,var(--maroon),#5f3844)}
.page-hero.brown{background:linear-gradient(145deg,var(--brown),#3d1a06)}
.page-hero:before{content:"";position:absolute;z-index:2;left:0;top:0;bottom:0;width:18px;background:repeating-linear-gradient(0deg,var(--terracotta) 0 22px,var(--gold) 22px 44px,var(--green) 44px 66px,var(--brown) 66px 88px)}
.page-hero-copy{padding:80px 5vw 80px 7vw;display:flex;flex-direction:column;justify-content:center}
.page-hero h1{margin:0 0 24px;font-size:clamp(56px,5.5vw,88px);line-height:.9}
.page-hero h1 .script{color:var(--gold);font-size:1.15em;line-height:.82;display:inline-block}
.page-hero-lede{max-width:520px;margin:0 0 28px;font:clamp(19px,1.4vw,23px)/1.45 Didot,"Bodoni MT",Georgia,serif}
.page-hero-photo{position:relative;overflow:hidden;background:var(--maroon)}
.page-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center}

/* ============ HOMEPAGE-ONLY BLOCKS ============ */
.emotion-band{position:absolute;z-index:3;left:0;right:0;bottom:0;min-height:50px;background:var(--maroon);border-top:7px solid var(--gold);color:#fff;display:flex;align-items:center;justify-content:space-around;font-size:12px;font-weight:900;letter-spacing:.13em}
.emotion-band b{color:var(--gold)}

.story{padding:105px 7vw;background:var(--paper);display:grid;grid-template-columns:1.05fr .65fr;gap:7vw;align-items:center}
.story h2{margin:0;font-size:clamp(56px,6vw,96px);line-height:.92}
.story h2 em{color:var(--pink);font-weight:400}
.lede{font:25px/1.4 Didot,Georgia,serif;color:var(--terracotta)}
.body-copy{font-size:15px;line-height:1.75;color:#514942}
.story-photo{position:relative}
.story-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.story-photo span{position:absolute;left:-24px;bottom:-24px;background:var(--gold);padding:16px 22px;font:18px Didot,Georgia,serif;font-style:italic}

.offerings-home{padding:105px 5vw 95px;background:linear-gradient(145deg,#7f4d59,#925260);color:var(--cream);border-top:14px solid var(--gold)}
.section-head{display:grid;grid-template-columns:1.2fr .7fr;gap:8vw;align-items:end;margin:0 0 58px}
.offerings-home .section-head{margin:0 2vw 58px}
.section-head h2{margin:0;font-size:clamp(48px,5.5vw,88px);line-height:.95}
.section-head h2 em{color:var(--gold);font-weight:400}
.section-head.dark h2 em{color:var(--pink)}
.section-head>p{font:18px/1.65 Didot,Georgia,serif}

.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cards.two{grid-template-columns:repeat(2,1fr)}
.card{background:var(--paper);color:var(--ink)}
.card img{width:100%;aspect-ratio:4/3;object-fit:cover}
.card-body{min-height:340px;padding:28px;display:flex;flex-direction:column;border-top:7px solid var(--gold)}
.card:nth-child(2) .card-body{border-color:var(--teal)}
.card:nth-child(3) .card-body{border-color:var(--maroon)}
.card:nth-child(4) .card-body{border-color:var(--terracotta)}
.card:nth-child(5) .card-body{border-color:var(--green)}
.card small{color:var(--terracotta);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:10px}
.card h3{margin:16px 0;font-size:clamp(28px,2.6vw,42px);line-height:1}
.card p{font-size:14px;line-height:1.65;color:#514942}
.card .text-link{margin-top:auto;color:var(--terracotta)}
.card .price{margin-top:12px;font:20px Didot,Georgia,serif;color:var(--maroon)}

/* ============ FEATURE / FULL BLEED ============ */
.feature{min-height:720px;position:relative;display:flex;align-items:center;overflow:hidden}
.feature>img,.feature-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.feature-shade{background:linear-gradient(90deg,#5b2609cc,#7f4d5988 40%,transparent 72%)}
.feature-shade.right{background:linear-gradient(-90deg,#5b2609cc,#7f4d5988 40%,transparent 72%)}
.feature-copy{position:relative;z-index:1;width:48%;margin-left:7vw;color:var(--cream)}
.feature-copy.right-align{margin-left:auto;margin-right:7vw}
.feature-copy h2{margin:0 0 24px;font-size:clamp(48px,5vw,84px);line-height:.95}
.feature-copy h2 .script{color:var(--gold);font-size:1.15em}
.feature-copy>p{font:19px/1.55 Didot,Georgia,serif;max-width:520px;margin-bottom:24px}

/* ============ WHY (Homepage) ============ */
.why{display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}
.why-photo{background:var(--terracotta);padding:6vw}
.why-photo img{width:100%;height:100%;object-fit:cover;border:10px solid var(--cream)}
.why-copy{padding:100px 8vw 100px 6vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.why-copy h2{margin:0;font-size:clamp(56px,6vw,96px);line-height:.92}
.why-copy h2 em{color:var(--pink);font-weight:400}
.why-copy h2 .script{color:var(--pink);font-size:1.08em}
.stats{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:30px 0;padding:22px 0;border-block:1px solid #39291f33}
.stats strong{font:38px Didot,Georgia,serif;color:var(--maroon)}
.stats span{display:block;font-size:9px;text-transform:uppercase;letter-spacing:.12em}

/* ============ COMMUNITY (Homepage) ============ */
.community{display:grid;grid-template-columns:1.45fr .55fr;background:var(--teal);color:var(--cream)}
.community img{width:100%;height:100%;min-height:600px;object-fit:cover}
.community-copy{padding:80px 5vw;display:flex;flex-direction:column;justify-content:center}
.community-copy h2{margin:0;font-size:clamp(56px,6vw,96px);line-height:.92}
.community-copy p{font:18px/1.6 Didot,Georgia,serif}

/* ============ GUIDE (Homepage) ============ */
.guide{display:grid;grid-template-columns:.8fr 1.2fr;background:var(--paper)}
.guide-photo{padding:6vw;background:var(--maroon)}
.guide-photo img{width:100%;height:100%;object-fit:cover;box-shadow:-18px 18px 0 var(--gold)}
.guide-copy{padding:90px 8vw;display:flex;flex-direction:column;justify-content:center;align-items:flex-start}
.guide-copy h2{margin:0;font-size:clamp(56px,6vw,96px);line-height:.92}
.guide-copy h2 em{color:var(--maroon);font-weight:400}
.guide-copy p{font-size:15px;line-height:1.75}
.guide-number{font:86px/.8 Didot,Georgia,serif;color:var(--gold)}

/* ============ CONNECT (Homepage) ============ */
.connect{padding:95px 6vw;background:var(--cream);display:grid;grid-template-columns:.75fr 1fr 1fr;gap:22px}
.connect-title{align-self:center}
.connect-title h2{margin:0;font-size:clamp(56px,6vw,96px);line-height:.92}
.connect-title h2 em{color:var(--pink);font-weight:400}
.media{min-height:540px;position:relative;display:flex;align-items:flex-end;overflow:hidden;padding:28px;color:#fff}
.media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#5b2609dd,transparent 68%)}
.media strong,.media small{position:relative;z-index:1}
.media strong{font:30px/1.1 Didot,Georgia,serif}
.media small{position:absolute;left:28px;bottom:100px;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.16em}

/* ============ COLORED SECTIONS ============ */
.section{padding:100px 7vw}
.section.paper{background:var(--paper)}
.section.cream{background:var(--cream)}
.section.gold{background:var(--gold);color:var(--brown)}
.section.maroon{background:var(--maroon);color:var(--cream);border-top:14px solid var(--gold)}
.section.teal{background:var(--teal);color:var(--cream);border-top:14px solid var(--gold)}
.section.terracotta{background:var(--terracotta);color:var(--cream);border-top:14px solid var(--gold)}
.section.brown{background:var(--brown);color:var(--cream);border-top:14px solid var(--gold)}

/* ============ INTRO BLOCK ============ */
.intro-block{padding:100px 7vw;background:var(--paper);display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center}
.intro-block.reverse{grid-template-columns:.95fr 1.05fr}
.intro-block.reverse .intro-copy{order:2}
.intro-copy h2{margin:0 0 28px;font-size:clamp(48px,5vw,76px);line-height:.95}
.intro-copy h2 em{color:var(--pink);font-weight:400}
.intro-photo{position:relative}
.intro-photo img{width:100%;aspect-ratio:4/5;object-fit:cover}
.intro-photo .caption{position:absolute;left:-24px;bottom:-24px;background:var(--gold);padding:16px 22px;font:18px Didot,Georgia,serif;font-style:italic;color:var(--brown)}

/* ============ STATS STRIP ============ */
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 7vw;background:var(--cream);border-block:1px solid #39291f22}
.stats-strip div{text-align:center}
.stats-strip strong{display:block;font:52px Didot,Georgia,serif;color:var(--terracotta);line-height:1}
.stats-strip span{display:block;margin-top:8px;font-size:10px;text-transform:uppercase;letter-spacing:.14em;color:var(--maroon);font-weight:800}

/* ============ PULL QUOTE ============ */
.pull-quote{padding:100px 10vw;background:var(--maroon);color:var(--cream);text-align:center}
.pull-quote blockquote{max-width:1050px;margin:0 auto 24px;font:clamp(34px,4.4vw,64px)/1.15 Didot,Georgia,serif;letter-spacing:-.03em;font-style:italic}
.pull-quote p{color:var(--gold);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.18em;margin:0}
.pull-quote.paper{background:var(--paper);color:var(--terracotta)}
.pull-quote.paper blockquote{color:var(--maroon)}
.pull-quote.paper p{color:var(--terracotta)}

/* ============ PILLARS ============ */
.pillar-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 6vw}
.pillar{padding-top:24px;border-top:3px solid var(--gold)}
.pillar h3{margin:0 0 14px;font-size:28px;line-height:1.1}
.pillar p{margin:0;font-size:15px;line-height:1.7}

/* ============ CHECKLIST ============ */
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:16px;max-width:640px}
.check-list li{position:relative;padding-left:30px;font:18px/1.5 Didot,Georgia,serif}
.check-list li:before{content:"✦";position:absolute;left:0;top:0;color:var(--gold);font-size:16px}

/* ============ FAQ ============ */
.faq-item{padding:28px 0;border-bottom:1px solid #39291f22}
.faq-item h4{margin:0 0 12px;font:24px Didot,Georgia,serif;color:var(--terracotta)}
.faq-item p{margin:0;font-size:15px;line-height:1.7;color:#514942}

/* ============ TWO COLUMN ============ */
.two-col{padding:100px 7vw;background:var(--paper);display:grid;grid-template-columns:1fr 1fr;gap:6vw;align-items:start}
.two-col.dark{background:var(--brown);color:var(--cream);border-top:14px solid var(--gold)}
.two-col.dark .body-copy{color:#e6d8c8}

/* ============ RESOURCE TILES ============ */
.resource-list{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.resource-tile{background:var(--paper);padding:36px;border-top:7px solid var(--gold);display:flex;flex-direction:column;transition:transform .2s}
.resource-tile:nth-child(2n){border-top-color:var(--teal)}
.resource-tile:nth-child(3n){border-top-color:var(--maroon)}
.resource-tile:nth-child(4n){border-top-color:var(--terracotta)}
.resource-tile:hover{transform:translateY(-4px)}
.resource-tile small{color:var(--terracotta);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:10px}
.resource-tile h3{margin:14px 0 12px;font:28px Didot,Georgia,serif;line-height:1.05}
.resource-tile p{font-size:14px;line-height:1.7;color:#514942;flex:1}
.resource-tile .text-link{margin-top:18px;color:var(--terracotta);align-self:flex-start}

/* ============ MEDIA GRID ============ */
.media-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.media-tile{position:relative;aspect-ratio:16/10;overflow:hidden;display:flex;align-items:flex-end;padding:24px;color:#fff}
.media-tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.media-tile:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#5b2609e0,transparent 65%)}
.media-tile strong{position:relative;z-index:1;font:22px Didot,Georgia,serif;line-height:1.2}
.media-tile small{position:relative;z-index:1;display:block;color:var(--gold);font-weight:800;text-transform:uppercase;letter-spacing:.15em;font-size:10px;margin-bottom:6px}
.media-tile.tall{aspect-ratio:3/4}

/* ============ CONTACT FORM ============ */
.contact-form{background:var(--paper);padding:60px;border-top:7px solid var(--gold)}
.contact-form .form-field{margin-bottom:26px}
.contact-form label{display:block;font:12px/1 "Avenir Next",sans-serif;font-weight:800;text-transform:uppercase;letter-spacing:.14em;color:var(--maroon);margin-bottom:10px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:0;border-bottom:1px solid var(--brown);background:transparent;padding:14px 0;font:16px "Avenir Next",sans-serif;color:var(--ink)}
.contact-form textarea{min-height:140px;resize:vertical}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{outline:none;border-color:var(--terracotta)}
.contact-form button{margin-top:20px;background:var(--terracotta);color:#fff;border:0;padding:18px 32px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.13em;cursor:pointer;width:100%}
.contact-form button:hover{background:var(--terracotta-deep)}
.contact-info{padding-top:20px}
.contact-info h3{font:26px Didot,Georgia,serif;margin:0 0 10px;color:var(--terracotta)}
.contact-info p{font-size:15px;line-height:1.7;margin:0 0 24px;color:#514942}
.contact-info a{color:var(--maroon);border-bottom:1px solid var(--gold)}

/* ============ NEWSLETTER ============ */
.newsletter{padding:90px 8vw;display:grid;grid-template-columns:1.1fr .9fr;gap:8vw;align-items:center;background:var(--gold);color:var(--brown)}
.newsletter h2{margin:0;font-size:clamp(44px,4.8vw,72px);line-height:.95}
.newsletter h2 em{color:var(--maroon);font-weight:400}
.newsletter label{display:block;margin-bottom:25px;font:21px/1.45 Didot,Georgia,serif;color:var(--brown)}
.form-row{display:flex;border-bottom:1px solid var(--brown)}
.form-row input{flex:1;min-width:0;border:0;background:transparent;padding:17px 0;font:inherit;color:var(--brown)}
.form-row input::placeholder{color:#5b260988}
.form-row button{border:0;background:var(--terracotta);color:#fff;padding:0 22px;font-weight:800;text-transform:uppercase;letter-spacing:.12em;cursor:pointer}

/* ============ FOOTER ============ */
.footer{padding:70px 8vw 28px;background:var(--brown);border-top:12px solid var(--gold);color:var(--cream);display:grid;grid-template-columns:1.3fr .7fr 1fr;gap:45px}
.footer-brand{font:clamp(38px,4vw,62px)/.85 Didot,Georgia,serif}
.footer-brand span{color:var(--gold);font-family:"Allura",cursive}
.footer-links,.footer-contact{display:flex;flex-direction:column;gap:14px;font-size:11px;margin:0;padding:0;list-style:none}
.footer-links li,.footer-contact li{list-style:none}
.footer-links a:hover,.footer-contact a:hover{color:var(--gold)}
.footer-bottom{grid-column:1/-1;margin-top:35px;padding-top:20px;border-top:1px solid #fff3;display:flex;justify-content:space-between;font-size:9px;text-transform:uppercase;letter-spacing:.13em}

/* ============ WORDPRESS CORE CLASSES ============ */
.alignright{float:right;margin:0 0 20px 20px}
.alignleft{float:left;margin:0 20px 20px 0}
.aligncenter{display:block;margin-left:auto;margin-right:auto}
.wp-caption{max-width:100%}
.wp-caption-text{font-size:13px;font-style:italic;color:#514942;text-align:center;padding-top:8px}
.screen-reader-text{border:0;clip:rect(1px,1px,1px,1px);clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-wrap:normal!important}

/* ============ RESPONSIVE ============ */
@media(max-width:1020px){
  .header{height:80px;grid-template-columns:1fr auto}
  .nav{display:none}
  .hero{height:auto;grid-template-columns:1fr}
  .hero-copy{min-height:540px;padding:75px 8vw 95px}
  .hero-photo{aspect-ratio:4/5}
  .page-hero{grid-template-columns:1fr;min-height:auto}
  .page-hero-copy{min-height:460px;padding:70px 8vw 70px}
  .page-hero-photo{aspect-ratio:4/5}
  .story,.section-head,.why,.community,.guide,.newsletter,.intro-block,.two-col,.pillar-grid{grid-template-columns:1fr;gap:40px}
  .intro-block.reverse .intro-copy{order:0}
  .cards,.cards.two,.resource-list{grid-template-columns:1fr}
  .card{display:grid;grid-template-columns:1fr 1fr}
  .connect{grid-template-columns:1fr 1fr}
  .connect-title{grid-column:1/-1}
  .footer{grid-template-columns:1fr 1fr}
  .footer-brand{grid-column:1/-1}
  .feature-copy{width:auto;margin:0;padding:0 24px 65px}
  .feature{min-height:600px;align-items:flex-end}
  .feature-shade{background:linear-gradient(0deg,#5b2609e8,transparent 86%)}
  .stats-strip{grid-template-columns:1fr 1fr;gap:30px 20px}
  .media-grid{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .header{padding:0 20px}
  .brand{font-size:23px}
  .brand span{font-size:28px}
  .header-cta{font-size:0;padding:13px}
  .header-cta:after{content:"↗";font-size:14px}
  .hero-copy{min-height:500px;padding:65px 24px 85px}
  .hero h1{font-size:58px}
  .hero-photo{aspect-ratio:3/4}
  .page-hero-copy{min-height:440px;padding:60px 24px 70px}
  .page-hero h1{font-size:54px}
  .page-hero-photo{aspect-ratio:3/4}
  .emotion-band{justify-content:flex-start;gap:28px;padding:0 22px;overflow:hidden}
  .story,.offerings-home,.why-copy,.community-copy,.guide-copy,.newsletter,.section,.two-col,.intro-block{padding:75px 24px}
  .section-head{margin:0 0 42px}
  .story h2,.section-head h2,.feature-copy h2,.why-copy h2,.community-copy h2,.guide-copy h2,.connect-title h2,.newsletter h2,.intro-copy h2{font-size:50px}
  .card,.card.two{display:block}
  .card-body{min-height:auto}
  .stats-strip{grid-template-columns:1fr;padding:30px 24px}
  .why-photo,.guide-photo{padding:55px 36px}
  .community img{min-height:400px}
  .connect{grid-template-columns:1fr;padding:75px 18px}
  .connect-title{grid-column:auto}
  .media,.media-grid{grid-template-columns:1fr}
  .media{min-height:500px}
  .footer{grid-template-columns:1fr;padding:60px 24px 25px}
  .footer-brand{grid-column:auto}
  .footer-bottom{flex-direction:column;gap:10px}
  .contact-form{padding:40px 28px}
}