/* /support — reproduces her GoDaddy donation page (stellamarismedia9.godaddysites.com), measured 2026-09-29.
   It is a different look from the main site on purpose: Playfair Display + Open Sans, gold #d4af37 buttons, cream panel. */
@font-face{font-family:"Playfair Display";src:url(/fonts/PlayfairDisplay-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(/fonts/OpenSans-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Open Sans";src:url(/fonts/OpenSans-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:#fff;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
.skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.skip:focus{position:fixed;top:8px;left:8px;z-index:99;background:#fff;color:#1b1b1b;padding:12px 16px;font-weight:700}
.credit{display:inline-block}.credit img{width:96px;height:auto;opacity:.75}.credit:hover img{opacity:1}
.sp{--pf:"Playfair Display",Georgia,serif;--os:"Open Sans",Arial,sans-serif;--sgold:#d4af37;background:#fff;color:#1b1b1b;font:400 16px/1.5 var(--os)}
.sp-wrap{width:min(1112px,calc(100% - 48px));margin:0 auto}
.sp-sec{padding:40px 0;text-align:center}
.sp-h{font-family:var(--pf);font-weight:400;color:#1b1b1b;margin:0}
.sp-p{font:400 20px/30px var(--os);color:#5e5e5e;margin:0}
.sp-p a{color:#8c7424;text-decoration:underline}
.sp-btn{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:8px 32px;background:var(--sgold);color:#000;font:700 14px/1.25 var(--os);letter-spacing:2.996px;text-transform:uppercase;text-decoration:none;text-align:center}
.sp-btn:hover{background:#c9a42f}
.sp-btn:focus-visible,.sp a:focus-visible{outline:2px solid #1b1b1b;outline-offset:3px}

/* 1 · painting + cream panel */
.sp-top{padding:88px 0 40px}
.sp-split{display:grid;grid-template-columns:724fr 388fr;min-height:407px}
.sp-split img{width:100%;height:100%;object-fit:cover}
.sp-panel{background:#fef2dd;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:40px}
.sp-panel h1{font:400 44px/52.8px var(--pf);letter-spacing:1.012px;color:#151515;margin:0 0 31px}
.sp-panel .sp-btn{min-width:185px}

/* 2 · custom amount */
.sp-custom .sp-btn{width:min(725px,100%)}

/* 3 · monthly tiers */
.sp-tiers{text-align:left}
.sp-tiers h2{font:400 22px/30.8px var(--os);letter-spacing:.99px;color:#1b1b1b;margin:0 0 32px}
.sp-grid{display:grid;grid-template-columns:repeat(3,1fr);margin:0;padding:0;list-style:none}
.sp-tier{position:relative;min-height:256px;padding:32px 40px 47px;text-align:center;color:#fff;background:rgba(22,22,22,.5) center/cover no-repeat;display:flex;flex-direction:column;align-items:center}
.sp-tier h3{font:400 32px/38.4px var(--pf);letter-spacing:.736px;text-shadow:0 2px 30px rgba(0,0,0,.12);margin:0 0 24px}
.sp-tier p{margin:0 0 24px;font:700 28px/35px var(--os);text-shadow:0 2px 10px rgba(0,0,0,.3)}
.sp-tier p a{color:#fff;text-decoration:underline}
.sp-tier .sp-btn{min-width:108px}

/* 4 · checks, stock, name */
.sp-checks h2{font-size:32px;line-height:40px;letter-spacing:.992px;margin-bottom:24px}
.sp-stock h2{font-size:44px;line-height:52.8px;letter-spacing:1.012px;margin-bottom:24px}
.sp-stock .sp-p{max-width:506px;margin:0 auto}
.sp-name h2{font-size:62px;line-height:77.5px;letter-spacing:1.922px;color:#b0912e;margin-bottom:23px}
.sp-name .sp-btn{min-width:168px}
.sp-foot{padding:56px 0 40px;text-align:center}
.sp-foot p{font:400 12px/18px var(--os);letter-spacing:.996px;text-transform:uppercase;color:#595959;margin:0 0 32px}
.sp-foot .credit img{margin:0 auto}

@media(max-width:767px){
  .sp-sec{padding:32px 0}
  .sp-top{padding:0 0 25px}
  .sp-split{grid-template-columns:1fr;min-height:0}
  .sp-split img{aspect-ratio:342/192;height:auto}
  .sp-panel{min-height:238px;padding:24px}
  .sp-panel h1{font-size:32px;line-height:38.4px;letter-spacing:.736px}
  .sp-custom .sp-btn{width:100%}
  .sp-tiers h2{margin-bottom:24px}
  .sp-grid{grid-template-columns:1fr}
  .sp-tier h3{font-size:28px;line-height:33.6px;letter-spacing:.644px}
  .sp-checks h2{font-size:28px;line-height:35px;letter-spacing:.868px}
  .sp-stock h2{font-size:32px;line-height:38.4px;letter-spacing:.736px}
  .sp-name h2{font-size:40px;line-height:50px;letter-spacing:1.24px}
  .sp-foot{padding:32px 0}
}