/* Superbloom: the shared look for gatewaytofremont.com.
   Tokens, fonts and components used by every page. Page files keep their own layout rules and
   take colour, type and shape from here. Classes are prefixed sb- so they never collide with a
   page's own class names. Element rules apply only under .sb (set on <body>) so pages that carry
   their own generated styles can load this file for tokens and components alone. */

@font-face{font-family:'Bricolage Grotesque';font-style:normal;font-weight:200 800;font-stretch:75% 100%;font-display:swap;src:url(/assets/fonts/bricolage-grotesque-var.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:normal;font-weight:300 900;font-display:swap;src:url(/assets/fonts/figtree-var.woff2) format('woff2')}
@font-face{font-family:'Figtree';font-style:italic;font-weight:300 900;font-display:swap;src:url(/assets/fonts/figtree-italic-var.woff2) format('woff2')}
@font-face{font-family:'Caveat';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/caveat-var.woff2) format('woff2')}

:root{
  --night:#24152b; --teal-deep:#0f4a4a; --teal:#1c7a76; --aqua:#9bd8cf; --mist:#e3f3ef;
  --bloom:#c9257a; --bloom-deep:#981a5c; --petal:#f6c9dc; --pollen:#f4c542;
  --sand:#fbf3ec; --sand-deep:#f1e2d6; --ink:#24152b; --ink-soft:#5b4a61; --line:#d9c9bd;
  --display:'Bricolage Grotesque','Avenir Next','Segoe UI',system-ui,sans-serif;
  --body:'Figtree','Avenir Next','Segoe UI',system-ui,sans-serif;
  --hand:'Caveat','Bradley Hand','Segoe Print',cursive;
  --sb-gutter:60px;
  --sb-petal-r:999px 999px 999px 8px;
  --sb-card-r:26px 26px 26px 6px;
  --sb-shadow:0 14px 30px -18px rgba(36,21,43,.6);
  /* The five-petal bloom with its pollen centre, and one leaf. */
  --sb-bloom-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='%23c9257a'%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(72)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(144)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(216)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(288)'/%3E%3C/g%3E%3Ccircle r='2.7' fill='%23f4c542'/%3E%3C/svg%3E");
  --sb-bloom-mark-teal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='%231c7a76'%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(72)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(144)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(216)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(288)'/%3E%3C/g%3E%3Ccircle r='2.7' fill='%23f4c542'/%3E%3C/svg%3E");
  --sb-bloom-mark-petal:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='-12 -12 24 24'%3E%3Cg fill='%23f6c9dc'%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(72)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(144)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(216)'/%3E%3Cellipse cy='-6.3' rx='3.7' ry='5.5' transform='rotate(288)'/%3E%3C/g%3E%3Ccircle r='2.7' fill='%23f4c542'/%3E%3C/svg%3E");
  --sb-leaf-mark:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M3 21C3 9 9 3 21 3c0 12-6 18-18 18z' fill='%231c7a76'/%3E%3C/svg%3E");
  /* Section edge: a soft wave used as a mask, so it takes whatever colour the band has. */
  --sb-wave:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1240 70' preserveAspectRatio='none'%3E%3Cpath d='M0 40C150 6 300 66 470 38S760 8 930 36s210 26 310-12V70H0z'/%3E%3C/svg%3E");
  --sb-wave-b:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1240 70' preserveAspectRatio='none'%3E%3Cpath d='M0 26c120 30 260 40 420 12S700 2 880 30s250 28 360 4V70H0z'/%3E%3C/svg%3E");
}
@media(max-width:760px){:root{--sb-gutter:20px}}

/* ---------- base (only under .sb) ---------- */
.sb,.sb *,.sb *::before,.sb *::after{box-sizing:border-box}
html:has(> body.sb){background:var(--sand);color-scheme:light}
body.sb{margin:0;font-family:var(--body);font-size:17px;color:var(--ink);background:var(--sand);line-height:1.55;-webkit-font-smoothing:antialiased;overflow-wrap:break-word}
:where(.sb) img,:where(.sb) svg,:where(.sb) video{max-width:100%}
:where(.sb) h1,:where(.sb) h2,:where(.sb) h3,:where(.sb) h4{font-family:var(--display);line-height:1.06;letter-spacing:-.02em;color:var(--teal-deep);margin:0 0 .4em;font-weight:800}
:where(.sb) h1{font-size:clamp(40px,6.4vw,84px);letter-spacing:-.035em;line-height:.98}
:where(.sb) h2{font-size:clamp(30px,4.2vw,56px);letter-spacing:-.03em}
:where(.sb) h3{font-size:clamp(23px,2.4vw,30px)}
:where(.sb) h4{font-size:20px}
:where(.sb) h1 em,:where(.sb) h2 em,:where(.sb) h3 em{font-style:normal;color:var(--bloom)}
:where(.sb) p{margin:0 0 1em}
:where(.sb) a{color:var(--bloom-deep);text-decoration-color:var(--bloom);text-decoration-thickness:2px;text-underline-offset:3px}
:where(.sb) a:hover{color:var(--bloom)}
:where(.sb) :focus-visible,.sb-focus:focus-visible{outline:3px solid var(--bloom);outline-offset:3px;border-radius:6px}
:where(.sb) ::selection{background:var(--petal);color:var(--night)}
:where(.sb) hr{border:0;border-top:1.5px dashed var(--line);margin:28px 0}
:where(.sb) small{color:var(--ink-soft)}

/* ---------- small pieces ---------- */
.sb-wrap{width:100%;max-width:1240px;margin:0 auto;padding-left:var(--sb-gutter);padding-right:var(--sb-gutter)}
.sb-wrap.narrow{max-width:880px}
.sb-hand{font-family:var(--hand);font-weight:600;letter-spacing:0;color:var(--bloom);line-height:1.1}
.sb-kick{font:700 13px var(--body);letter-spacing:.14em;text-transform:uppercase;color:var(--teal);margin:0 0 10px}
.sb-lead{font-size:clamp(16px,1.6vw,18.5px);color:var(--ink-soft);max-width:620px}
.sb-bloom{display:inline-block;width:1em;height:1em;flex:none;background:var(--sb-bloom-mark) center/contain no-repeat;vertical-align:-.12em}
.sb-bloom.teal{background-image:var(--sb-bloom-mark-teal)}
.sb-bloom.petal{background-image:var(--sb-bloom-mark-petal)}
.sb-leaf{display:inline-block;width:1em;height:1em;flex:none;background:var(--sb-leaf-mark) center/contain no-repeat;vertical-align:-.12em}
.sb-skip{position:absolute;left:-9999px;top:8px;z-index:50;background:var(--night);color:#fff!important;padding:10px 16px;border-radius:var(--sb-petal-r);font-weight:700}
.sb-skip:focus{left:12px}
.sb-b1{border-radius:58% 42% 55% 45% / 48% 56% 44% 52%}.sb-b2{border-radius:45% 55% 40% 60% / 58% 44% 56% 42%}
.sb-b3{border-radius:60% 40% 52% 48% / 42% 58% 42% 58%}.sb-b4{border-radius:42% 58% 60% 40% / 55% 40% 60% 45%}
.sb-b5{border-radius:55% 45% 43% 57% / 46% 60% 40% 54%}.sb-b6{border-radius:48% 52% 58% 42% / 60% 46% 54% 40%}
.sb a.sb-tlink,.sb-tlink{font-weight:700;color:var(--bloom-deep);text-decoration:none;box-shadow:0 2px 0 -0.5px var(--bloom)}

/* ---------- buttons and chips ---------- */
.sb-btn,.sb a.sb-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:700 15.5px/1.2 var(--body);padding:13px 22px;border:0;border-radius:var(--sb-petal-r);background:var(--bloom);color:#fff;text-decoration:none;cursor:pointer;transition:background .15s,transform .15s}
.sb-btn:hover,.sb a.sb-btn:hover{background:var(--bloom-deep);color:#fff}
.sb-btn:active{transform:translateY(1px)}
.sb-btn.teal,.sb a.sb-btn.teal{background:var(--teal-deep)}
.sb-btn.teal:hover,.sb a.sb-btn.teal:hover{background:var(--night)}
.sb-btn.ghost,.sb a.sb-btn.ghost{background:transparent;color:var(--teal-deep);box-shadow:inset 0 0 0 2px var(--teal-deep);border-radius:999px 999px 8px 999px}
.sb-btn.ghost:hover,.sb a.sb-btn.ghost:hover{background:var(--teal-deep);color:#fff}
.sb-btn.light,.sb a.sb-btn.light{background:#fff;color:var(--teal-deep)}
.sb-btn.light:hover,.sb a.sb-btn.light:hover{background:var(--mist);color:var(--teal-deep)}
.sb-btn[disabled],.sb-btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed}
.sb-chip,.sb a.sb-chip{display:inline-flex;align-items:center;gap:6px;font:600 15px/1.2 var(--body);padding:9px 17px;border:0;cursor:pointer;background:#fff;color:var(--teal-deep);text-decoration:none;box-shadow:inset 0 0 0 1.5px var(--teal);border-radius:999px 999px 999px 6px}
.sb-chip:nth-child(even){border-radius:999px 999px 6px 999px}
.sb-chip[aria-pressed="true"],.sb-chip[aria-current],.sb-chip.on{background:var(--teal-deep);color:#fff;box-shadow:none}
.sb-tag{display:inline-flex;align-items:center;gap:6px;font:700 12.5px/1.2 var(--body);letter-spacing:.04em;text-transform:uppercase;color:#fff;background:var(--bloom);padding:5px 11px;border-radius:999px 999px 999px 4px}
.sb-tag.night{background:var(--night);letter-spacing:.16em;font-weight:800;font-size:11.5px;border-radius:999px}
.sb-tag.teal{background:var(--teal-deep)}

/* ---------- site header: floating pill on desktop, bar plus bottom tabs on phone ---------- */
.sb-top{position:relative;z-index:5;padding:26px 40px 0}
.sb-nav{display:flex;align-items:center;gap:26px;max-width:1160px;margin:0 auto;padding:10px 14px 10px 12px;background:rgba(255,255,255,.9);border-radius:999px;box-shadow:0 10px 30px -18px rgba(36,21,43,.5)}
.sb-logo,.sb a.sb-logo{display:flex;align-items:center;gap:9px;font-family:var(--display);font-weight:800;font-size:21px;color:var(--teal-deep);letter-spacing:-.02em;white-space:nowrap;text-decoration:none}
.sb-logo .sb-bloom{font-size:26px}
.sb-logo img{display:block;width:40px;height:40px;border-radius:50%;object-fit:cover;background:var(--night);flex:none}
.sb-links{display:flex;gap:6px 24px;margin-left:auto;font-weight:600;font-size:15.5px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.sb-links a,.sb .sb-links a{white-space:nowrap;color:var(--ink);text-decoration:none;padding:6px 0}
.sb-links a:hover,.sb .sb-links a:hover{color:var(--bloom)}
.sb-links a[aria-current="page"],.sb .sb-links a[aria-current="page"]{color:var(--bloom);box-shadow:0 3px 0 -1px var(--bloom)}
.sb-links a.sb-btn,.sb .sb-links a.sb-btn{color:#fff;padding:11px 20px}
@media(max-width:760px){
  .sb-top{padding:14px 18px 0}
  .sb-nav{padding:4px 0;background:none;box-shadow:none;border-radius:0}
  .sb-logo,.sb a.sb-logo{font-size:18px}
  .sb-logo .sb-bloom{font-size:22px}
  .sb-logo img{width:34px;height:34px}
  /* The page's own links become the tab pill at the foot of the screen. */
  .sb-links{position:fixed;z-index:40;left:12px;right:12px;bottom:12px;margin:0;gap:0;flex-wrap:nowrap;justify-content:space-between;padding:7px;background:var(--night);border-radius:999px;font-size:12.5px;font-weight:700;box-shadow:0 12px 30px -12px rgba(36,21,43,.7)}
  .sb-links a,.sb .sb-links a{flex:1 1 0;min-width:0;text-align:center;color:#d9cbe0;padding:10px 6px;border-radius:999px;white-space:normal;line-height:1.15}
  .sb-links a:hover,.sb .sb-links a:hover{color:#fff}
  .sb-links a[aria-current="page"],.sb .sb-links a[aria-current="page"],.sb-links a.sb-btn,.sb .sb-links a.sb-btn{background:var(--bloom);color:#fff;box-shadow:none;padding:10px 6px;font-size:12.5px}
  body.sb.sb-has-tabs{padding-bottom:84px}
}

/* ---------- page head ---------- */
.sb-head{position:relative;padding:44px 0 26px;overflow:hidden}
.sb-head::before,.sb-head::after{content:"";position:absolute;z-index:0;pointer-events:none}
.sb-head::before{right:-90px;top:-150px;width:520px;height:430px;background:var(--petal);border-radius:58% 42% 61% 39% / 44% 57% 43% 56%}
.sb-head::after{right:300px;top:170px;width:150px;height:136px;background:var(--aqua);border-radius:41% 59% 37% 63% / 55% 42% 58% 45%}
.sb-head>*{position:relative;z-index:1}
.sb-head.plain::before,.sb-head.plain::after{display:none}
@media(max-width:760px){
  .sb-head{padding:22px 0 14px}
  .sb-head::before{width:250px;height:210px;right:-110px;top:-90px}
  .sb-head::after{display:none}
}

/* ---------- bands and their wave edges ---------- */
.sb-band{position:relative;padding:34px 0 44px;margin-top:70px}
.sb-band::before{content:"";position:absolute;left:0;right:0;top:-69px;height:70px;background:inherit;-webkit-mask:var(--sb-wave) center/100% 100% no-repeat;mask:var(--sb-wave) center/100% 100% no-repeat;pointer-events:none}
.sb-band.b::before{-webkit-mask-image:var(--sb-wave-b);mask-image:var(--sb-wave-b)}
.sb-band.teal{background:var(--teal-deep);color:#fff}
.sb-band.mist{background:var(--mist)}
.sb-band.night{background:var(--night);color:#fff}
.sb-band.sand-deep{background:var(--sand-deep)}
.sb-band.white{background:#fff}
.sb .sb-band.teal h1,.sb .sb-band.teal h2,.sb .sb-band.teal h3,.sb .sb-band.teal h4{color:#fff}
.sb .sb-band.teal h2 em,.sb .sb-band.teal h3 em{color:var(--aqua)}
.sb .sb-band.teal a:not(.sb-btn),.sb .sb-band.night a:not(.sb-btn){color:var(--petal);text-decoration-color:var(--petal)}
.sb .sb-band.night h1,.sb .sb-band.night h2,.sb .sb-band.night h3,.sb .sb-band.night h4{color:var(--petal)}
.sb-band.teal .sb-lead{color:#d8efea}
.sb-band.night .sb-lead,.sb-band.night p{color:#e6dcea}
@media(max-width:760px){.sb-band{margin-top:38px;padding:20px 0 30px}.sb-band::before{top:-37px;height:38px}}

/* ---------- cards, notices, lists ---------- */
.sb-card{background:#fff;border-radius:var(--sb-card-r);box-shadow:var(--sb-shadow);padding:22px 24px}
.sb-card.flat{box-shadow:inset 0 0 0 1.5px var(--line)}
.sb-note{padding:16px 22px;background:#fff;border:2px dashed var(--teal);border-radius:var(--sb-card-r);font-size:15.5px}
.sb-note.bloom{border-color:var(--bloom)}
.sb-note.ok{border-style:solid;border-color:var(--teal);background:var(--mist)}
.sb-note.bad{border-style:solid;border-color:var(--bloom-deep);background:#fdeef5;color:var(--night)}
.sb-buds{list-style:none;margin:14px 0 0;padding:0 0 0 22px;border-left:3px solid var(--teal);border-radius:0 0 0 40px}
.sb-buds li{position:relative;padding:9px 0 9px 18px}
.sb-buds li::before{content:"";position:absolute;left:-31px;top:15px;width:16px;height:16px;border-radius:50% 50% 50% 0;background:var(--bloom);transform:rotate(-45deg)}
.sb-leaves{list-style:none;margin:10px 0 0;padding:0}
.sb-leaves li{position:relative;padding:6px 0 6px 26px}
.sb-leaves li::before{content:"";position:absolute;left:0;top:.62em;width:15px;height:15px;background:var(--sb-leaf-mark) center/contain no-repeat}

/* ---------- sponsor strip (the "seed packet") ---------- */
.sb-sponsor{display:flex;align-items:center;gap:18px;margin:26px auto 8px;max-width:820px;padding:16px 28px;border:2px dashed var(--ink-soft);border-radius:60px 60px 60px 12px;transform:rotate(-1deg);background:#fff}
.sb-sponsor b{font-family:var(--display);font-size:21px}
@media(max-width:760px){.sb-sponsor{flex-direction:column;align-items:flex-start;gap:6px;padding:14px 20px;border-radius:34px 34px 34px 10px}}

/* ---------- forms ---------- */
.sb-form label,.sb-label{display:block;font:700 15px/1.3 var(--body);color:var(--teal-deep);margin:0 0 6px}
.sb-form .hint,.sb-hint{font-size:13.5px;font-weight:400;color:var(--ink-soft)}
.sb-input,.sb-form input:not([type=checkbox]):not([type=radio]):not([type=submit]):not([type=button]):not([type=file]):not([type=hidden]),.sb-form select,.sb-form textarea{display:block;width:100%;font:500 16px/1.4 var(--body);color:var(--ink);background:#fff;border:0;box-shadow:inset 0 0 0 1.5px var(--teal);border-radius:18px 18px 18px 6px;padding:13px 16px;margin:0;-webkit-appearance:none;appearance:none}
.sb-form select{padding-right:42px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 6l5 5 5-5' fill='none' stroke='%230f4a4a' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;background-size:14px}
.sb-form textarea{min-height:130px;resize:vertical}
.sb-input:focus,.sb-form input:focus,.sb-form select:focus,.sb-form textarea:focus{outline:0;box-shadow:inset 0 0 0 2.5px var(--bloom)}
.sb-form input::placeholder,.sb-form textarea::placeholder,.sb-input::placeholder{color:#8a7a90}
.sb-form input[type=checkbox],.sb-form input[type=radio]{accent-color:var(--bloom);width:18px;height:18px;vertical-align:-3px}
.sb-form input[type=file]{font:500 15px var(--body);max-width:100%}
.sb-form input[type=file]::file-selector-button{font:700 14px var(--body);border:0;border-radius:var(--sb-petal-r);background:var(--teal-deep);color:#fff;padding:9px 16px;margin-right:12px;cursor:pointer}
.sb-form fieldset{border:0;padding:0;margin:0 0 22px;min-width:0}
.sb-form legend{font:800 22px/1.1 var(--display);letter-spacing:-.02em;color:var(--teal-deep);padding:0;margin:0 0 12px}

/* ---------- tables (admin screens) ---------- */
.sb-tablewrap{overflow-x:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:var(--sb-card-r);box-shadow:inset 0 0 0 1.5px var(--line)}
.sb-table{width:100%;border-collapse:collapse;font-size:15px}
.sb-table th{font:700 12.5px var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--teal);text-align:left;padding:14px 16px;border-bottom:2px solid var(--teal)}
.sb-table td{padding:12px 16px;border-bottom:1.5px dashed var(--line);vertical-align:top}
.sb-table tr:last-child td{border-bottom:0}

/* ---------- footer ---------- */
.sb-foot{position:relative;background:var(--night);color:#e6dcea;margin-top:110px;padding:24px 0 46px;font-size:15.5px}
.sb-foot::before{content:"";position:absolute;left:0;right:0;top:-69px;height:70px;background:inherit;-webkit-mask:var(--sb-wave-b) center/100% 100% no-repeat;mask:var(--sb-wave-b) center/100% 100% no-repeat;pointer-events:none}
.sb-foot .sb-wrap{display:flex;flex-wrap:wrap;gap:14px 40px;align-items:flex-end;justify-content:space-between}
.sb-foot .sb-foot-name{font:800 clamp(30px,4vw,48px)/1 var(--display);letter-spacing:-.03em;color:var(--petal);display:flex;align-items:center;gap:12px}
.sb-foot .sb-foot-name .sb-bloom{font-size:.8em}
.sb-foot nav{display:flex;flex-wrap:wrap;gap:6px 22px;font-weight:600}
.sb-foot a,.sb .sb-foot a{color:#fff;text-decoration-color:var(--bloom)}
.sb-foot a:hover,.sb .sb-foot a:hover{color:var(--petal)}
@media(max-width:760px){.sb-foot{margin-top:64px;padding:12px 0 30px}.sb-foot::before{top:-37px;height:38px}}

@media(prefers-reduced-motion:reduce){.sb *,.sb-btn{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* Bumper: the promo for one blog post (home page top band, Erika Wallen page). All spans, inside one link. */
.gateway-bumper{display:flex;align-items:center;justify-content:space-between;gap:18px 44px;text-align:left;color:#fff;font-family:var(--body);line-height:1.2}
.gateway-bumper__words{display:block;min-width:0}
.gateway-bumper__tag{display:block;color:var(--aqua);font:800 12.5px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase;margin:0 0 8px}
.gateway-bumper__title{display:block;color:#fff;font:800 clamp(30px,4.2vw,56px)/1 var(--display);letter-spacing:-.03em}
.gateway-bumper__title em{font-style:normal;color:var(--petal)}
.gateway-bumper__sub{display:block;color:var(--pollen);font:700 clamp(24px,2.4vw,31px)/1.1 var(--hand);margin:8px 0 0}
.gateway-bumper__cta{flex:none;display:inline-block;background:var(--bloom);color:#fff;font:700 15.5px/1 var(--body);padding:15px 24px;border-radius:var(--sb-petal-r);box-shadow:var(--sb-shadow);white-space:nowrap;transition:background .15s}
a:hover .gateway-bumper__cta{background:var(--bloom-deep)}
@media(max-width:760px){.gateway-bumper{flex-direction:column;align-items:flex-start}.gateway-bumper__cta{padding:13px 20px}}

/* Low Line card: the home page's way in to the Low Line page. One link: the sign, then the words. All spans. */
.gateway-lowline-band{display:block;padding:20px 24px 34px}
.gateway-lowline-card{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);box-sizing:border-box;max-width:1112px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:var(--sb-card-r);box-shadow:var(--sb-shadow);overflow:hidden;text-decoration:none;color:var(--ink);text-align:left}
.gateway-lowline-card__sign{display:flex;align-items:center;justify-content:center;background:#000;padding:22px}
.gateway-lowline-card__sign img{display:block;width:100%;max-width:460px;height:auto}
.gateway-lowline-card__words{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:12px;padding:34px 40px;min-width:0}
.gateway-lowline-card__tag{display:block;color:var(--teal);font:800 12.5px/1.2 var(--body);letter-spacing:.14em;text-transform:uppercase}
.gateway-lowline-card__title{display:block;color:var(--ink);font:800 clamp(34px,4vw,52px)/1 var(--display);letter-spacing:-.03em}
.gateway-lowline-card__text{display:block;color:var(--ink-soft);font:500 17px/1.5 var(--body);max-width:54ch}
.gateway-lowline-card__cta{display:inline-block;background:var(--bloom);color:#fff;font:700 15.5px/1 var(--body);padding:15px 24px;margin-top:6px;border-radius:var(--sb-petal-r);box-shadow:var(--sb-shadow);transition:background .15s}
a.gateway-lowline-card:hover .gateway-lowline-card__cta{background:var(--bloom-deep)}
a.gateway-lowline-card:focus-visible{outline:3px solid var(--bloom);outline-offset:3px}
@media(max-width:760px){.gateway-lowline-card{grid-template-columns:1fr}.gateway-lowline-card__sign{padding:16px}.gateway-lowline-card__words{padding:24px 22px 28px}.gateway-lowline-card__cta{padding:13px 20px}}