/* Coastal Precious Metals — approved homepage, editable HTML/CSS */
:root{--navy:#002e51;--ink:#071e54;--gold:#ffc653;--body:#092b56;--white:#fff}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--white);color:var(--body);font-family:Arial,Helvetica,sans-serif}
a:focus-visible{outline:3px solid var(--gold);outline-offset:4px}
.site-header{background:var(--navy);color:#fff}
.header-inner{width:min(1320px,calc(100% - 64px));min-height:100px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:26px}
.brand{display:block;flex:0 1 365px;min-width:235px}
.brand img{display:block;width:100%;height:auto;max-height:92px;object-fit:contain;object-position:left center}
.main-nav{display:flex;align-items:center;justify-content:center;gap:clamp(15px,1.7vw,31px);flex-wrap:wrap}
.main-nav a{color:#fff;text-decoration:none;white-space:nowrap;font-size:clamp(15px,1.15vw,18px);line-height:1.3;padding:10px 0;border-bottom:3px solid transparent}
.main-nav a:hover,.main-nav a.active{border-bottom-color:var(--gold)}
.button{background:var(--gold);color:#062b4c;text-decoration:none;font-weight:800;text-transform:uppercase;border-radius:3px;display:inline-flex;align-items:center;justify-content:center;gap:11px;text-align:center}
.header-button{flex:0 0 auto;padding:17px 16px;font-size:clamp(10px,.82vw,12px);white-space:nowrap}
.header-button svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2.3;stroke-linecap:round;stroke-linejoin:round}
.hero{min-height:460px;background-image:url('assets/coast-hero.jpg');background-size:cover;background-position:center center;display:flex;align-items:flex-start}
.hero-inner{width:min(1320px,calc(100% - 96px));margin:0 auto;padding-top:52px}
.hero h1{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-size:clamp(48px,5.1vw,75px);font-weight:700;letter-spacing:-1.9px;line-height:.97;margin:0;max-width:690px}
.products{background:#f8faf9;padding:40px 0 42px}
.products-inner{width:min(1320px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(380px,37%) minmax(0,1fr);gap:28px;align-items:center}
.eyebrow{margin:0 0 8px;color:#e7a02c;font-size:18px;font-weight:800;text-transform:uppercase;letter-spacing:1px}
.products-copy h2{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-size:clamp(36px,3.25vw,51px);letter-spacing:-1.1px;line-height:1.05;margin:0 0 15px}
.products-copy>p:last-child{font-size:clamp(16px,1.23vw,19px);line-height:1.52;margin:0;max-width:510px}
.product-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;align-items:stretch}
.product-card{min-width:0;margin:0;background:#fff;box-shadow:0 5px 13px rgba(0,26,51,.18);text-align:center}
.product-card img{display:block;width:100%;height:auto;aspect-ratio:1 / 1;object-fit:cover;object-position:center center}
.product-card h3{font-family:Georgia,'Times New Roman',serif;color:var(--ink);font-size:clamp(17px,1.45vw,22px);line-height:1.15;margin:0;padding:12px 4px 13px}
.site-footer{background:var(--navy);color:#fff;padding:28px 0 38px}
.footer-inner{width:min(1320px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:1fr 1.15fr;gap:52px}
.footer-panel{display:flex;align-items:flex-start;gap:27px;min-width:0}
.footer-contact{border-left:1px solid rgba(255,255,255,.65);padding-left:48px}
.shield-icon{flex:0 0 92px;width:92px;height:103px;fill:none;stroke:var(--gold);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.footer-panel h2{font-family:Georgia,'Times New Roman',serif;color:var(--gold);font-size:clamp(20px,1.65vw,25px);line-height:1.1;margin:3px 0 8px}
.footer-panel p{font-size:clamp(14px,1.12vw,17px);line-height:1.35;margin:0;max-width:550px}
.footer-button{margin-top:12px;padding:11px 24px;font-size:15px;min-width:180px}
.footer-button span{font-size:23px;line-height:.8}
@media(max-width:1250px){.header-inner{flex-wrap:wrap;justify-content:center;padding:12px 0;gap:12px 25px}.brand{flex:0 0 300px}.main-nav{order:3;width:100%}.hero{min-height:410px}.products-inner{grid-template-columns:minmax(310px,34%) 1fr;gap:20px}.product-grid{gap:9px}.footer-inner{gap:28px}.footer-contact{padding-left:28px}}
@media(max-width:900px){.hero-inner{width:calc(100% - 50px)}.hero{min-height:365px}.products-inner{grid-template-columns:1fr}.product-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}.footer-contact{border-left:0;border-top:1px solid rgba(255,255,255,.5);padding:22px 0 0}}
@media(max-width:600px){.header-inner,.products-inner,.footer-inner{width:calc(100% - 32px)}.brand{flex-basis:280px}.main-nav{gap:6px 18px}.main-nav a{font-size:15px}.header-button{white-space:normal}.hero{min-height:335px;background-position:55% center}.hero-inner{padding-top:30px;width:calc(100% - 34px)}.hero h1{font-size:clamp(37px,9vw,51px);letter-spacing:-1px}.products{padding:30px 0}.products-copy h2{font-size:37px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.product-card h3{font-size:20px}.footer-panel{gap:16px}.shield-icon{flex-basis:60px;width:60px;height:70px}.footer-panel h2{font-size:20px}}
/* HOW IT WORKS — append to the END of your existing shared styles.css. */
/* How It Works page hero */
.hero.hero-how {
    background-image: url('assets/pier-hero.jpg');
}
/*.hero.hero-how{position:relative;isolation:isolate;min-height:420px;background-image:none;background-color:#dcecf1;overflow:hidden} */
.hero-how .how-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 65%;z-index:-1}
.hero-how .hero-inner{position:relative;z-index:1;padding-top:48px}
.hero-how .hero-subtitle{font-size:clamp(17px,1.4vw,22px);line-height:1.35;max-width:560px;margin:14px 0 0;color:#071e54}
.process{background:linear-gradient(110deg,#e8f6f8,#fafcfb);padding:40px 24px 52px;text-align:center}
.process-inner{max-width:1320px;margin:0 auto}
.process .eyebrow{font-size:15px;text-transform:uppercase;margin:0 0 8px}
.process h2{font:700 clamp(30px,3vw,44px)/1.15 Georgia,serif;color:#071e54;margin:0 0 30px}
.steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.step{position:relative;min-width:0}
.step-art{height:110px;display:flex;align-items:center;justify-content:center;gap:12px}
.step-number{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:50%;background:#dda329;color:#082e56;font-weight:800}
.step .step-icon{display:block;width:84px;height:84px;min-width:84px;max-width:84px;max-height:84px;fill:none;stroke:#d99a1d;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.step h3{font:700 clamp(18px,1.5vw,22px)/1.2 Georgia,serif;color:#071e54;margin:10px 0 8px}
.step p{font-size:15px;line-height:1.5;margin:0 auto;max-width:245px}
@media(min-width:801px){.step:not(:last-child)::after{content:'→';position:absolute;top:40px;right:-23px;color:#9fb8c3;font-size:30px}}
@media(max-width:800px){.steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:32px}}
@media(max-width:480px){.steps{grid-template-columns:1fr}.process{padding:32px 20px}.hero-how .hero-inner{padding-top:32px}}
/* CONTACT PAGE — append these rules to the existing shared styles.css. */
.hero.hero-contact{position:relative;isolation:isolate;min-height:390px;background-image:none;background-color:#dcecf1;overflow:hidden}
.hero-contact .contact-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 55%;z-index:-1}
.hero-contact .hero-inner{position:relative;z-index:1;padding-top:52px}
.hero-contact .contact-hero-subtitle{color:var(--ink);font-size:clamp(20px,2vw,29px);font-weight:700;line-height:1.2;max-width:610px;margin:14px 0 0}
.contact-section{background:linear-gradient(110deg,#f9fcfb,#fff9ee);padding:38px 24px 48px}
.contact-columns{width:min(1320px,100%);margin:auto;display:grid;grid-template-columns:1.03fr .82fr 1.22fr;gap:32px}
.contact-column{min-width:0}
.contact-column+.contact-column{border-left:1px solid #d8dfe1;padding-left:32px}
.contact-column h2{font:700 clamp(26px,2.3vw,34px)/1.1 Georgia,'Times New Roman',serif;color:var(--ink);margin:0 0 24px}
.contact-column h3{font:700 clamp(19px,1.55vw,23px)/1.2 Georgia,'Times New Roman',serif;color:var(--ink);margin:0 0 4px}
.contact-column p{color:var(--body);font-size:16px;line-height:1.4;margin:0}
.contact-column a{color:inherit;text-decoration:none}
.contact-column a:hover{text-decoration:underline}
.contact-method{display:flex;align-items:center;gap:18px;margin:0 0 26px}
.contact-method-icon{width:52px;height:52px;flex:0 0 52px;border-radius:50%;display:grid;place-items:center;background:#e6a21c;color:#fff;font-size:28px;font-family:Arial,Helvetica,sans-serif}
.team-member{margin-bottom:24px}
.contact-form{display:grid;gap:12px}
.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.contact-form input,.contact-form textarea{display:block;width:100%;min-width:0;border:1px solid #c8d2d8;border-radius:2px;padding:12px 14px;background:#fff;color:var(--body);font:16px Arial,Helvetica,sans-serif}
.contact-form textarea{resize:vertical;min-height:110px}
.contact-send-button{border:0;min-height:49px;width:100%;font-size:15px;cursor:pointer}
.contact-form-notice{font-size:14px!important;background:#fff7e7;padding:12px;border-left:3px solid #d99a1d}
.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}
@media(max-width:900px){.contact-columns{grid-template-columns:1fr 1fr}.contact-message{grid-column:1/-1}.contact-column.contact-message{border-left:0;border-top:1px solid #d8dfe1;padding:26px 0 0}}
@media(max-width:600px){.hero.hero-contact{min-height:335px}.hero-contact .hero-inner{padding-top:35px}.hero-contact .contact-hero-subtitle{font-size:19px}.contact-columns{grid-template-columns:1fr;gap:18px}.contact-column+.contact-column,.contact-column.contact-message{grid-column:auto;border-left:0;border-top:1px solid #d8dfe1;padding:24px 0 0}.contact-form-row{grid-template-columns:1fr}}

/* HOST A PARTY — page-specific rules; shared header and footer unchanged */
.hero.hero-party{position:relative;isolation:isolate;height:560px;min-height:0;background-image:none;background-color:#f0e8db;overflow:hidden}
.hero-party .party-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;z-index:-1;display:block}
.hero-party .hero-inner{position:relative;z-index:1;padding-top:55px}
.hero-party .party-subtitle{font-size:clamp(19px,1.55vw,24px);font-weight:700;line-height:1.25;max-width:445px;color:var(--ink);margin:14px 0 0}
.party-content{background:linear-gradient(110deg,#e8f6f8,#fafcfb);padding:38px 0 45px}
.party-content-inner{width:min(1320px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(320px,.85fr);gap:65px;align-items:start}
.party-intro .eyebrow{font-size:15px;letter-spacing:.7px;margin:0 0 8px}
.party-intro h2{font:700 clamp(36px,3.25vw,50px)/1.08 Georgia,'Times New Roman',serif;color:var(--ink);margin:0 0 12px}
.party-intro>p:last-child{font-size:clamp(17px,1.35vw,20px);line-height:1.48;margin:0;max-width:650px}
.party-benefits{background:rgba(255,255,255,.75);padding:22px 28px 24px;box-shadow:0 3px 15px rgba(0,46,81,.05)}
.party-benefits-head{display:flex;gap:19px;align-items:flex-start}
.party-gift{flex:0 0 55px;width:55px;height:55px;fill:none;stroke:#e7a02c;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.party-benefits h2{font:700 clamp(23px,2vw,30px)/1.2 Georgia,'Times New Roman',serif;color:var(--ink);margin:4px 0 8px}
.party-benefits p{font-size:clamp(16px,1.25vw,19px);line-height:1.45;margin:0;color:var(--body)}
.party-benefits .party-example{border-top:1px solid #b7cdd6;margin-top:20px;padding-top:18px}
@media(max-width:900px){.party-content-inner{grid-template-columns:1fr;gap:24px}.hero.hero-party{height:450px}.party-features-inner{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.party-content-inner{width:calc(100% - 32px)}.hero.hero-party{height:370px}.hero-party .hero-inner{padding-top:30px}.hero-party .party-subtitle{font-size:18px;max-width:290px}.party-benefits{padding:20px}}

/* HOST A PARTY: four-feature strip (not shown on other pages) */
.party-features{background:#fff;border-bottom:1px solid #e1e8e9;padding:18px 0}
.party-features-inner{width:min(1320px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.party-feature{display:flex;align-items:center;gap:12px;min-width:0}
.party-feature svg{display:block;flex:0 0 52px;width:52px;height:52px;fill:none;stroke:#e7a02c;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.party-feature h2{font:800 clamp(13px,1.05vw,16px)/1.2 Arial,Helvetica,sans-serif;color:var(--ink);text-transform:uppercase;margin:0 0 4px}
.party-feature p{font-size:clamp(12px,.9vw,14px);line-height:1.35;margin:0;color:var(--body)}
@media(max-width:900px){.party-features-inner{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:20px}}
@media(max-width:600px){.party-features-inner{width:calc(100% - 32px);grid-template-columns:1fr;gap:16px}.party-feature svg{width:46px;height:46px;flex-basis:46px}}

/* FUNDRAISING — page-specific additions; shared header, footer, and feature strip unchanged */
.hero.hero-fundraising{position:relative;isolation:isolate;height:460px;min-height:0;background-image:none;background-color:#edddae;overflow:hidden}
.hero-fundraising .fundraising-hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 15%;z-index:-1;display:block}
.hero-fundraising .hero-inner{position:relative;z-index:1;padding-top:50px}
.hero-fundraising .fundraising-subtitle{font-size:clamp(19px,1.55vw,24px);font-weight:700;line-height:1.25;max-width:490px;color:var(--ink);margin:14px 0 0}
.fundraising-content{background:linear-gradient(110deg,#e8f6f8,#fafcfb);padding:38px 0 45px}
.fundraising-content-inner{width:min(1320px,calc(100% - 80px));margin:auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:58px;align-items:center}
.fundraising-intro .eyebrow{font-size:15px;letter-spacing:.7px;margin:0 0 8px}
.fundraising-intro h2{font:700 clamp(32px,3vw,46px)/1.08 Georgia,'Times New Roman',serif;color:var(--ink);margin:0 0 12px}
.fundraising-intro>p:last-child{font-size:clamp(17px,1.35vw,20px);line-height:1.48;margin:0;max-width:650px}
.fundraising-photo{margin:0;min-width:0;box-shadow:0 5px 14px rgba(0,26,51,.13)}
.fundraising-photo img{display:block;width:100%;height:auto;aspect-ratio:12/7;object-fit:cover}
@media(max-width:900px){.hero.hero-fundraising{height:410px}.fundraising-content-inner{grid-template-columns:1fr;gap:25px}.fundraising-photo{max-width:660px}}
@media(max-width:600px){.hero.hero-fundraising{height:340px}.hero-fundraising .hero-inner{padding-top:28px}.hero-fundraising .fundraising-subtitle{font-size:18px;max-width:300px}.fundraising-content-inner{width:calc(100% - 32px)}.fundraising-content{padding:30px 0}}


/* RESPONSIVE REFINEMENTS — all five pages; desktop layout unchanged */
img,video{max-width:100%}
@media (max-width:1250px){
  .header-inner{width:calc(100% - 40px)}
  .main-nav{gap:clamp(12px,2vw,24px)}
  .products-inner{grid-template-columns:1fr;gap:25px}
  .products-copy>p:last-child{max-width:750px}
  .product-grid{width:100%;gap:14px}
}
@media (max-width:1050px){
  .header-inner{gap:10px 20px}
  .header-button{white-space:normal;max-width:100%;padding:12px 16px}
  .footer-inner{gap:22px}
  .footer-panel{gap:15px}
  .footer-contact{padding-left:22px}
  .party-content-inner,.fundraising-content-inner{gap:28px}
}
@media (max-width:760px){
  .header-inner{width:calc(100% - 32px);flex-direction:column;align-items:center;gap:12px;padding:12px 0}
  .brand{flex:0 0 auto;width:min(300px,100%);min-width:0}
  .main-nav{order:0;width:100%;justify-content:center;gap:5px 16px}
  .main-nav a{font-size:15px}
  .header-button{align-self:center;font-size:12px}
  .hero h1{font-size:clamp(38px,7.5vw,60px);letter-spacing:-1px}
  .products-inner{width:calc(100% - 32px)}
  .product-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .product-card img{aspect-ratio:1/1}
  .footer-inner{width:calc(100% - 32px)}
  .footer-contact{padding:22px 0 0}
  .party-content-inner,.fundraising-content-inner{width:calc(100% - 32px)}
}
@media (max-width:480px){
  .main-nav{gap:3px 12px}
  .main-nav a{font-size:14px}
  .product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .hero.hero-party{height:340px}
  .hero.hero-fundraising{height:320px}
  .hero-party .party-subtitle,.hero-fundraising .fundraising-subtitle{font-size:16px;max-width:260px}
  .footer-panel{gap:12px}
  .shield-icon{flex:0 0 52px;width:52px;height:60px}
}
/* FINAL HERO SIZE REFINEMENT — all five pages */
.hero { min-height: 305px; }
.hero h1 { font-size: clamp(36px, 3.5vw, 50px); line-height: 1.05; }
.hero .hero-inner { padding-top: 28px; }

/* Fixed-height image heroes need height, not only min-height. */
.hero.hero-party { height: 345px; min-height: 0; }
.hero.hero-fundraising { height: 305px; min-height: 0; }
.hero.hero-contact, .hero.hero-how { min-height: 305px; }

.hero-how .hero-subtitle,
.hero-contact .contact-hero-subtitle,
.hero-party .party-subtitle,
.hero-fundraising .fundraising-subtitle {
    font-size: clamp(16px, 1.25vw, 18px);
}

@media (max-width: 600px) {
    .hero, .hero.hero-how, .hero.hero-contact { min-height: 275px; }
    .hero.hero-party { height: 300px; }
    .hero.hero-fundraising { height: 275px; }
    .hero h1 { font-size: clamp(32px, 7vw, 40px); }
    .hero .hero-inner { padding-top: 25px; }
}

/* Compact footer — applies to all five pages */

.site-footer {
    padding: 18px 0 20px;
}

.footer-inner {
    gap: 36px;
}

.footer-panel {
    gap: 18px;
}

.shield-icon {
    flex: 0 0 68px;
    width: 68px;
    height: 78px;
}

.footer-panel h2 {
    margin: 0 0 5px;
}

.footer-panel p {
    line-height: 1.3;
}

.footer-button {
    margin-top: 8px;
    padding: 9px 20px;
}

/* Keep the footer comfortable on smaller screens */
@media (max-width: 600px) {
    .site-footer {
        padding: 18px 0;
    }

    .footer-inner {
        gap: 20px;
    }

    .shield-icon {
        flex-basis: 55px;
        width: 55px;
        height: 63px;
    }
}

/* COMPACT CENTER SECTIONS — all five pages; header, hero and footer unchanged */
/* Home */
.products { padding-top: 24px; padding-bottom: 26px; }
.products-copy h2 { margin-bottom: 10px; }

/* How It Works */
.process { padding-top: 25px; padding-bottom: 30px; }
.process h2 { margin-bottom: 18px; }
.step-art { height: 86px; }
.step .step-icon { width: 70px; height: 70px; min-width: 70px; max-width: 70px; max-height: 70px; }
.step h3 { margin-top: 5px; margin-bottom: 5px; }
@media (min-width: 801px) { .step:not(:last-child)::after { top: 29px; } }

/* Contact */
.contact-section { padding-top: 26px; padding-bottom: 30px; }
.contact-column h2 { margin-bottom: 16px; }
.contact-method { margin-bottom: 18px; }
.team-member { margin-bottom: 17px; }

/* Host a Party and Fundraising */
.party-content, .fundraising-content { padding-top: 25px; padding-bottom: 28px; }
.party-features { padding-top: 12px; padding-bottom: 12px; }
.party-intro h2, .fundraising-intro h2 { margin-bottom: 9px; }

/* Keep compact sections comfortable when content stacks on small screens */
@media (max-width: 600px) {
  .products, .process, .contact-section, .party-content, .fundraising-content { padding-top: 24px; padding-bottom: 28px; }
  .process h2 { margin-bottom: 20px; }
  .step-art { height: 90px; }
  .party-features { padding-top: 14px; padding-bottom: 14px; }
}
/* ==========================================
   COMPACT CENTER SECTIONS — FINAL REFINEMENT
   Contact, Fundraising, Host a Party only
   ========================================== */

/* CONTACT US */
.contact-section {
    padding-top: 20px;
    padding-bottom: 22px;
}

.contact-column h2 {
    margin-bottom: 14px;
}

.contact-method {
    margin-bottom: 14px;
}

.team-member {
    margin-bottom: 14px;
}

.contact-form {
    gap: 9px;
}

.contact-form input,
.contact-form textarea {
    padding: 9px 12px;
}

.contact-form textarea {
    min-height: 80px;
}

.contact-send-button {
    min-height: 42px;
}

/* FUNDRAISING */
.fundraising-content {
    padding-top: 18px;
    padding-bottom: 20px;
}

.fundraising-content-inner {
    align-items: center;
}

.fundraising-photo img {
    aspect-ratio: 16 / 7;
    object-fit: cover;
    object-position: center 45%;
}

/* HOST A PARTY */
.party-content {
    padding-top: 20px;
    padding-bottom: 22px;
}

.party-benefits {
    padding: 16px 22px;
}

.party-benefits .party-example {
    margin-top: 12px;
    padding-top: 12px;
}
/* Smaller center headings — Host a Party and Fundraising only */

.party-intro h2,
.fundraising-intro h2 {
    font-size: clamp(28px, 2.5vw, 36px);
    line-height: 1.12;
}
/* Smaller center headings — Home and How It Works */

.products-copy h2,
.process h2 {
    font-size: clamp(28px, 2.5vw, 36px);
    line-height: 1.12;
}
/* Fundraising — compact church image and center section */

.fundraising-content {
    padding-top: 12px;
    padding-bottom: 12px;
}

.fundraising-photo img {
    display: block;
    width: 100%;
    height: 200px;
    object-fit: cover;
    object-position: center 45%;
}
/* Host a Party — fit host benefit sentence on one line */

.party-benefits p {
    font-size: 16px;
    line-height: 1.35;
}

/* Host a Party only — slightly shorter hero; preserve image framing */
@media (min-width: 601px) {
    .hero.hero-party { height: 300px; }
}