/* html has data-style="spuds" (set in build.py); these stay hidden if that attribute is ever removed */
.ticker,.mark-spuds{display:none}

/* ============ BLUE SPUDS — the site's one look (Ed, 2026-09-28): Spuds brand-book attitude (poster type, stickers,
   badge, aloha print, ticker) in the Foundation palette: King Blue #1A47C8 / Bleu de France #318CE7 / white, navy #0E1B3D ink.
   Legacy token names kept: --red = King Blue, --sun/--teal = Bleu de France, --patch = navy, --cream = white.
   Nonprofit patterns kept front and center: sticky Give, mission-first hero, clear paths, trust line.
   Never alcohol: no party/1987/can cues — sunglasses, Hawaiian print and swagger only. ============ */
[data-style="spuds"]{
  --red:#1A47C8; --red-dk:#13379E; --patch:#0E1B3D; --cream:#FFFFFF; --cream-2:#EAF3FD; --teal:#318CE7; --sun:#318CE7;
  --display:"Anton","Impact","Arial Narrow Bold",sans-serif; --body:"Inter",system-ui,sans-serif; --script:"Yellowtail",cursive;
  --cobalt:var(--red); --cobalt-dk:var(--red-dk); --ink:var(--patch); --ink-soft:#4A4F57; --sky:var(--cream-2);
  --hibiscus:url("/assets/img/hawaiian-blue.webp");
}
[data-style="spuds"] body{background:var(--cream);color:var(--patch);font-size:1.0625rem;line-height:1.65}
[data-style="spuds"] h1,[data-style="spuds"] h2,[data-style="spuds"] h3{font-weight:400;text-transform:uppercase;letter-spacing:.005em;line-height:.98}
[data-style="spuds"] h1{font-size:clamp(3rem,8.4vw,6.6rem)}
[data-style="spuds"] h2{font-size:clamp(2.2rem,5vw,3.8rem);color:var(--red)}
[data-style="spuds"] h3{font-size:clamp(1.35rem,2.2vw,1.7rem);letter-spacing:.02em}
[data-style="spuds"] a{color:var(--red-dk)}
[data-style="spuds"] :focus-visible{outline:3px solid var(--patch);outline-offset:3px;border-radius:4px}
[data-style="spuds"] .sec-ink :focus-visible,[data-style="spuds"] .site-foot :focus-visible{outline-color:var(--sun)}
[data-style="spuds"] .on-cobalt :focus-visible,[data-style="spuds"] .closing :focus-visible{outline-color:#fff}

/* Buttons = stickers: poster type, black keyline, hard offset shadow */
[data-style="spuds"] .btn{font-weight:400;text-transform:uppercase;letter-spacing:.04em;font-size:1.15rem;border-radius:8px;border:3px solid var(--patch);box-shadow:4px 4px 0 var(--patch);transition:transform .12s ease,box-shadow .12s ease}
[data-style="spuds"] .btn:hover{transform:translate(-2px,-2px);box-shadow:6px 6px 0 var(--patch)}
[data-style="spuds"] .btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--patch)}
[data-style="spuds"] .btn-give,[data-style="spuds"] .nav .btn-give{background:var(--red);color:#fff}
[data-style="spuds"] .btn-give:hover,[data-style="spuds"] .nav .btn-give:hover{background:var(--red-dk);color:#fff}
[data-style="spuds"] .btn-sunny{background:#fff;color:var(--red)}
[data-style="spuds"] .btn-sunny:hover{background:var(--cream-2);color:var(--red-dk)}
[data-style="spuds"] .btn-line{background:#fff;color:var(--patch);border-color:var(--patch)}
[data-style="spuds"] .on-cobalt .btn-line,[data-style="spuds"] .closing .btn-line{background:transparent;color:#fff;border-color:#fff}
@media (prefers-reduced-motion:reduce){[data-style="spuds"] .btn:hover{transform:none}}

/* Header: cream, heavy keyline, script wordmark over block caps */
[data-style="spuds"] .site-head{background:var(--cream);border-bottom:4px solid var(--patch)}
[data-style="spuds"] .mark{display:none}
[data-style="spuds"] .mark-spuds{display:block}
[data-style="spuds"] .brand .mark-spuds{width:50px;height:50px}
[data-style="spuds"] .brand-name{font-family:var(--script);font-weight:400;font-size:1.75rem;color:var(--red);letter-spacing:0;line-height:.9;transform:rotate(-3deg)}
[data-style="spuds"] .brand-name small{font-family:var(--display);font-weight:400;font-size:.72rem;text-transform:uppercase;letter-spacing:.14em;color:var(--patch);margin-top:4px;transform:rotate(3deg)}
[data-style="spuds"] .nav a{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:1.02rem;color:var(--patch);border-radius:6px}
[data-style="spuds"] .nav a:hover,[data-style="spuds"] .nav a[aria-current="page"]{background:transparent;color:var(--red);box-shadow:inset 0 -4px 0 var(--red);border-radius:0}
[data-style="spuds"] .nav .btn-give{box-shadow:3px 3px 0 var(--patch);border-radius:8px;letter-spacing:.06em}
[data-style="spuds"] .nav .btn-give:hover{box-shadow:5px 5px 0 var(--patch)}
[data-style="spuds"] .nav-toggle{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;border:3px solid var(--patch);border-radius:8px;box-shadow:3px 3px 0 var(--patch);background:var(--sun);color:var(--patch)}
@media (max-width:1160px){[data-style="spuds"] .nav{background:var(--cream);border-bottom:4px solid var(--patch)}}

/* Ticker: mission lines on a black band with red stars */
[data-style="spuds"] .ticker{display:block;overflow:hidden;background:var(--patch);color:#fff;border-bottom:4px solid var(--red);font-family:var(--display);text-transform:uppercase;letter-spacing:.08em;font-size:1rem;white-space:nowrap}
[data-style="spuds"] .ticker>div{display:inline-flex;padding:10px 0}
[data-style="spuds"] .ticker span{padding:0 22px}
[data-style="spuds"] .ticker span::after{content:"\2605";color:var(--red);margin-left:44px}
@media (prefers-reduced-motion:no-preference){
  [data-style="spuds"] .ticker>div{animation:spuds-tick 38s linear infinite}
  @keyframes spuds-tick{to{transform:translateX(-50%)}}
}

/* Hero + page heads: Spuds Red, hibiscus-print shirt, poster headline with patch-black drop */
[data-style="spuds"] .on-cobalt{background-color:var(--red);background-image:var(--hibiscus);background-size:420px 420px;color:#fff;border-bottom:4px solid var(--patch)}
[data-style="spuds"] .hero h1,[data-style="spuds"] .page-head h1{color:#fff;text-shadow:5px 5px 0 var(--patch);max-width:13ch}
[data-style="spuds"] .hero .lede,[data-style="spuds"] .page-head .lede{color:#fff;font-weight:600}
[data-style="spuds"] .hero .lede{border-left:6px solid var(--sun);padding-left:18px}
/* the badge: patch-black disc, white keyline, black outer ring, sunshine dashes */
[data-style="spuds"] .patch{inset:9%;border-radius:50%;transform:none;background:var(--patch);box-shadow:0 0 0 10px #fff,0 0 0 16px var(--patch)}
[data-style="spuds"] .patch-ring{inset:1%;border:4px dashed rgba(255,255,255,.85);opacity:1;animation:none}
@media (prefers-reduced-motion:no-preference){
  [data-style="spuds"] .patch-ring{animation:spuds-spin 60s linear infinite}
  @keyframes spuds-spin{to{transform:rotate(360deg)}}
}
[data-style="spuds"] .hero-art img{filter:drop-shadow(6px 8px 0 rgba(16,24,32,.55))}
/* magazine-cover sticker, text from the content doc */
[data-style="spuds"] .hero-art::after{content:"Doing good\A never looked so cool.";position:absolute;right:-4%;bottom:10%;background:var(--sun);color:var(--patch);font:400 clamp(1rem,2vw,1.35rem)/1.1 var(--display);text-transform:uppercase;letter-spacing:.04em;padding:.55em .9em;border:3px solid var(--patch);box-shadow:4px 4px 0 var(--patch);transform:rotate(-8deg);border-radius:6px}
[data-style="spuds"] .page-head-grid img{filter:drop-shadow(6px 8px 0 rgba(16,24,32,.55))}

/* Sections */
[data-style="spuds"] .sec-sky{background:var(--cream-2)}
[data-style="spuds"] .sec-ink{background:var(--patch);color:#fff;border-top:6px solid var(--red)}
[data-style="spuds"] .sec-ink h2{color:var(--sun)}
[data-style="spuds"] .sec-ink p{color:#E4E7EC}
[data-style="spuds"] .lede{font-weight:500}
/* Spuds Jr on an 80s teal triangle with a sunshine sun */
[data-style="spuds"] .jr img{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100' preserveAspectRatio='none'%3E%3Ccircle cx='76' cy='30' r='17' fill='%23318CE7' stroke='%230E1B3D' stroke-width='1.2'/%3E%3Cpolygon points='50,8 97,94 3,94' fill='%230E1B3D' stroke='%230E1B3D' stroke-width='1.6' stroke-linejoin='round'/%3E%3C/svg%3E") center 70%/100% 88% no-repeat;padding:6% 8% 0}
[data-style="spuds"] .jr .tag{font-family:var(--script);font-weight:400;text-transform:none;font-size:clamp(2.2rem,4vw,3.2rem);background:transparent;color:var(--red);transform:rotate(-4deg);padding:0}
/* Work areas = pinned cards */
[data-style="spuds"] .areas{border:0;display:grid;gap:26px}
[data-style="spuds"] .area{background:#fff;border:3px solid var(--patch);border-radius:14px;padding:30px;box-shadow:8px 8px 0 var(--patch)}
[data-style="spuds"] .area:nth-child(2){box-shadow:8px 8px 0 var(--red)}
[data-style="spuds"] .area:nth-child(3){box-shadow:8px 8px 0 var(--teal)}
[data-style="spuds"] .area h3::before{content:"\2605";width:auto;height:auto;background:none;box-shadow:none;color:var(--red);font-size:1.3em;line-height:.8;margin-top:0}
[data-style="spuds"] .status{background:var(--sun);color:var(--patch);font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.05em;border:2px solid var(--patch);border-radius:4px;transform:rotate(-2deg)}
[data-style="spuds"] .ticks li{border-color:rgba(16,24,32,.18);padding-left:34px}
[data-style="spuds"] .ticks li::before{content:"\2605";background:none;box-shadow:none;width:auto;height:auto;color:var(--red);top:.42em;left:2px;font-size:1.1em}
[data-style="spuds"] .path{border:3px solid var(--patch);border-radius:16px;box-shadow:10px 10px 0 var(--red);background:#fff}
[data-style="spuds"] .path.alt{background:var(--patch);color:#fff;box-shadow:10px 10px 0 var(--sun)}
[data-style="spuds"] .path.alt h2{color:var(--sun)}
[data-style="spuds"] .path.alt .ticks li{border-color:rgba(255,255,255,.2)}
[data-style="spuds"] .path.alt .ticks li::before{color:var(--sun)}
[data-style="spuds"] .path.alt :focus-visible{outline-color:var(--sun)}
/* People: badge-ring portraits */
[data-style="spuds"] .person{border-color:rgba(16,24,32,.2)}
[data-style="spuds"] .face{border:5px solid #fff;box-shadow:0 0 0 5px var(--red),0 0 0 9px var(--patch)}
[data-style="spuds"] .mono{background:var(--red);color:#fff;font-family:var(--display);font-weight:400;box-shadow:0 0 0 5px #fff,0 0 0 9px var(--patch)}
[data-style="spuds"] .mono::after{background:var(--patch)}
[data-style="spuds"] .role{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.08em;color:var(--red-dk)}
/* Closing: red hibiscus bookend */
[data-style="spuds"] .closing{background-color:var(--red);background-image:var(--hibiscus);background-size:420px 420px;color:#fff;border-top:4px solid var(--patch)}
[data-style="spuds"] .closing h2{color:#fff;text-shadow:4px 4px 0 var(--patch)}
[data-style="spuds"] .closing p{color:#fff}
[data-style="spuds"] .closing .btn-give{background:#fff;color:var(--red-dk)}
[data-style="spuds"] .closing .btn-give:hover{background:var(--sun);color:var(--patch)}
[data-style="spuds"] .fine{opacity:1}
/* Form */
[data-style="spuds"] .form input,[data-style="spuds"] .form select,[data-style="spuds"] .form textarea{border:3px solid var(--patch);border-radius:8px;background:#fff}
[data-style="spuds"] .form input:focus,[data-style="spuds"] .form select:focus,[data-style="spuds"] .form textarea:focus{box-shadow:4px 4px 0 var(--red);outline:none}
[data-style="spuds"] .form label{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em}
/* Footer: patch black with 80s racing stripes */
[data-style="spuds"] .site-foot{background:var(--patch);color:#D5D9E0;border-top:0;position:relative}
[data-style="spuds"] .site-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:18px;background:linear-gradient(var(--red) 0 6px,var(--sun) 6px 12px,#fff 12px 18px)}
[data-style="spuds"] .site-foot h2{color:var(--sun);text-transform:uppercase;letter-spacing:.06em}
[data-style="spuds"] .site-foot a:hover{color:var(--sun)}
[data-style="spuds"] .foot-brand .brand-name{color:#fff}
[data-style="spuds"] .foot-brand .brand-name small{color:#D5D9E0}
[data-style="spuds"] .foot-legal{border-color:rgba(255,255,255,.18);color:#C3C8D1}
[data-style="spuds"] .site-foot h2{font-size:1.35rem;line-height:1.1}
[data-style="spuds"] .site-foot a{color:#fff}
[data-style="spuds"] .site-foot a:hover{color:var(--sun)}
[data-style="spuds"] .hero-art::after{max-width:13em;text-align:center}
@media (max-width:820px){[data-style="spuds"] .hero-art::after{right:0}}

[data-style="spuds"] .site-head .logo{--logo-a:#192C55;--logo-b:var(--red)}
[data-style="spuds"] .site-foot .logo{--logo-a:#fff;--logo-b:var(--sun);--logo-c:#8A9BC4}
@media (max-width:520px){[data-style="spuds"] .site-head .mark-spuds{display:none}}
[data-style="spuds"] .style-switch{background:var(--patch);border:2px solid var(--red)}

/* ============ Give page in the Spuds styles (Blue here; Red via the same token names in themes.css) ============ */
:is([data-style="spuds"],[data-style="spuds-red"]) .co-head{border-bottom:4px solid var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-head .brand .mark-spuds{width:46px;height:46px}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-secure{color:var(--patch);font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-title h1{color:var(--patch);text-shadow:3px 3px 0 var(--sun)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-title .lede{font-weight:500;border-left:6px solid var(--red);padding-left:16px}
/* Spuds Jr on a blue aloha sticker card */
:is([data-style="spuds"],[data-style="spuds-red"]) .co-photo{background:var(--red) var(--hibiscus) center/420px 420px;border:3px solid var(--patch);border-radius:22px;box-shadow:8px 8px 0 var(--patch);padding:20px 22px 0;width:min(320px,80%)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-form{border-color:var(--patch);box-shadow:8px 8px 0 var(--red);border-radius:20px}
:is([data-style="spuds"],[data-style="spuds-red"]) .freq{background:var(--cream-2);border:2px solid var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .freq span{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.05em;font-size:1.1rem}
:is([data-style="spuds"],[data-style="spuds-red"]) .freq input:checked+span{background:var(--red);box-shadow:3px 3px 0 var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-legend{font-family:var(--display);font-weight:400;text-transform:uppercase;letter-spacing:.06em;font-size:1.05rem}
:is([data-style="spuds"],[data-style="spuds-red"]) .amt{border-width:3px;border-color:var(--patch);box-shadow:3px 3px 0 var(--patch);transition:transform .1s ease}
:is([data-style="spuds"],[data-style="spuds-red"]) .amt:hover{transform:translate(-1px,-1px)}
:is([data-style="spuds"],[data-style="spuds-red"]) .amt-n{font-weight:400;letter-spacing:.01em}
:is([data-style="spuds"],[data-style="spuds-red"]) .amt:has(input:checked){background:var(--red);border-color:var(--patch);box-shadow:4px 4px 0 var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .impact{color:var(--red-dk)}
:is([data-style="spuds"],[data-style="spuds-red"]) .pp-btn{border:3px solid var(--patch);box-shadow:4px 4px 0 var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .pp-btn:active{transform:translate(2px,2px);box-shadow:2px 2px 0 var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-trust{border:3px solid var(--patch);border-radius:16px;box-shadow:6px 6px 0 var(--sun)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-trust li::before{content:"\2605";width:auto;height:auto;background:none;box-shadow:none;color:var(--red);top:0;font-size:1.05rem}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-more{border-top:3px solid var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-more h2{color:var(--red)}
:is([data-style="spuds"],[data-style="spuds-red"]) .pp-dialog{border-color:var(--patch);box-shadow:10px 10px 0 var(--red)}
:is([data-style="spuds"],[data-style="spuds-red"]) .pp-dialog h2{color:var(--red)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-foot{background:var(--patch);color:#D5DDF0;border-top:0;position:relative;padding-top:34px}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-foot::before{content:"";position:absolute;left:0;right:0;top:0;height:12px;background:linear-gradient(var(--red) 0 6px,var(--sun) 6px 12px)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-foot a{color:#fff}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-thanks h1{color:var(--red)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-thanks img{background:var(--red) var(--hibiscus) center/420px 420px;border:3px solid var(--patch);border-radius:22px;box-shadow:8px 8px 0 var(--patch);padding:18px 18px 0}

/* ============ Give page: phone optimization ============ */
@media (max-width:600px){
  .co{gap:18px;padding-top:16px;padding-bottom:36px}
  .checkout .co h1{font-size:clamp(1.75rem,8vw,2.2rem);margin-bottom:.3em}
  .co-title .lede{font-size:1rem;line-height:1.5}
  .co-form{padding:16px;gap:12px}
  :is([data-style="spuds"],[data-style="spuds-red"]) .co-form{box-shadow:5px 5px 0 var(--red)}
  .freq span{padding:10px 6px}
  /* amounts: one compact row; the selected amount's impact shows in the line below */
  .amts{grid-template-columns:repeat(4,1fr);gap:8px}
  .amt{padding:10px 4px;text-align:center;min-height:48px;align-content:center}
  .amt-d{display:none}
  .amt-n{font-size:1.3rem}
  .amt-other{grid-column:1/-1;padding:8px 10px;text-align:left}
  .impact{font-size:.95rem}
  .pp-btn{padding:14px 12px;font-size:1rem}
  .co-photo{width:min(240px,70%);margin:0 auto 16px;display:block}
  :is([data-style="spuds"],[data-style="spuds-red"]) .co-photo{padding:14px 16px 0}
  .co-trust{font-size:.95rem;padding:14px 16px}
  .co-more{gap:18px;padding-top:20px}
  .co-foot{padding-bottom:28px}
}
@media (max-width:360px){.amt-n{font-size:1.15rem}.amts{gap:6px}}
@media (max-width:600px){:is([data-style="spuds"],[data-style="spuds-red"]) .co-title h1{text-shadow:2px 2px 0 var(--sun)}}

[data-style="spuds"] .hero-art::after{white-space:pre;text-align:center;max-width:none;line-height:1.05}

/* Give v2 in the Spuds styles */
:is([data-style="spuds"],[data-style="spuds-red"]) .amt.suggested::before{font-family:var(--display);font-weight:400;letter-spacing:.06em;border:2px solid var(--patch);background:var(--sun);color:var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .nudge{border:2px dashed var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .nudge button{background:var(--red);border:2px solid var(--patch);box-shadow:2px 2px 0 var(--patch)}
:is([data-style="spuds"],[data-style="spuds-red"]) .card-btn{border:3px solid var(--patch);box-shadow:4px 4px 0 var(--red)}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-steps li::before{background:var(--red);border:2px solid var(--patch);font-family:var(--display);font-weight:400}
:is([data-style="spuds"],[data-style="spuds-red"]) .co-faq details{border-color:rgba(14,27,61,.2)}
@media (max-width:600px){.co{gap:14px;padding-top:12px}.co-form{gap:10px}.freq span{padding:9px 6px}.co-title .lede{margin-bottom:0}}

/* Hero: fit headline + intro + Give buttons above the fold (Ed, 2026-09-29) */
[data-style="spuds"] .hero h1{font-size:clamp(2.6rem,4.7vw,4.6rem);max-width:17ch}
[data-style="spuds"] .hero-in{padding-top:clamp(28px,3.6vw,56px);padding-bottom:clamp(36px,4vw,64px);gap:24px}
[data-style="spuds"] .hero .btns{margin-top:1.2em}
[data-style="spuds"] .hero-art{max-width:min(440px,calc(100vh - 230px));min-width:260px}
@media (max-width:820px){[data-style="spuds"] .hero-art{max-width:260px;min-width:0}[data-style="spuds"] .hero-in{padding-bottom:28px}}
.site-foot{padding-bottom:30px}.co-foot{padding-bottom:28px}

/* Ways to Help in Spuds Blue: sticker cards */
[data-style="spuds"] .kicker{font-family:var(--display);font-weight:400;letter-spacing:.12em;color:var(--red)}
[data-style="spuds"] .way{border:3px solid var(--patch);border-radius:16px;box-shadow:8px 8px 0 var(--patch)}
[data-style="spuds"] .way:nth-child(even){box-shadow:8px 8px 0 var(--red)}
[data-style="spuds"] .way:last-child:nth-child(odd){box-shadow:8px 8px 0 var(--sun)}
[data-style="spuds"] .way-icon{background:var(--red);color:#fff;border:3px solid var(--patch);box-shadow:3px 3px 0 var(--patch)}
[data-style="spuds"] .way h2{color:var(--patch)}
[data-style="spuds"] .ways-cta h2{color:var(--patch)}
[data-style="spuds"] .ways-cta .tag{display:inline-block}
[data-style="spuds"] .way h2{font-size:clamp(1.45rem,2.3vw,1.95rem);line-height:1.05}
[data-style="spuds"] .pp-hosted{border-top:3px dashed var(--patch)}
[data-style="spuds"] .give-points li::before{content:"\2605";color:var(--red)}
[data-style="spuds"] .co-more h2{font-size:clamp(1.6rem,2.6vw,2.1rem);line-height:1.05}

/* Give page layout v2 (Ed 2026-10-21): no empty right column — top row (title | donate card), then full-width bands */
@media (min-width:961px){
  .co{grid-template-columns:minmax(0,1fr) 440px;grid-template-areas:"title form" "story story" "more more";row-gap:56px;column-gap:64px;align-items:start}
  .co-title{align-self:center}
  .co-form-wrap{position:static}
  .co-story{display:grid;grid-template-columns:300px minmax(0,1fr);gap:48px;align-items:center;border-top:2px solid var(--sky);padding-top:48px}
  .co-photo{width:100%;margin:0}
  .co-trust{font-size:1.05rem;padding:24px 28px;gap:14px}
  .co-more{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;padding-top:48px}
  .co-steps ol{gap:18px}
}
[data-style="spuds"] .co-story{border-top-color:var(--patch)}
@media (min-width:961px){[data-style="spuds"] .co-story{border-top-width:3px}}