/* Walnut Creek Life Insurance: a winter ice rink seen through its dasher-board glass.
   Black-framed clear and seeded-white panes, rink blue / red / amber lit only where it matters. */
@font-face{font-family:"Hanken Grotesk";src:url(/assets/font-irgk3hrw-hanken-grotesk-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/font-irgk3hrw-hanken-grotesk-500.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:"Hanken Grotesk";src:url(/assets/font-irgk3hrw-hanken-grotesk-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}

:root{
  --ice:#EAF2F6;--seed:#D9E7EE;--clear:#F8FBFD;--bar:#0B1218;--bar-2:#25313B;
  --ink:#0B1218;--ink-2:#34434F;--rule:#9FB6C4;
  --blue:#0A5BA8;--blue-lit:#1F7BD0;--red:#B3112A;--ox:#7C0F20;--amber:#F3B01C;--lamp:#FFF1C4;
  --font:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;
  --bw:4px;--mull:12px;--measure:66ch;--maxw:1200px;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--ice);color:var(--ink);font:400 1.0625rem/1.6 var(--font)}
::selection{background:var(--amber);color:var(--bar)}
img{display:block;max-width:100%;height:auto}
a{color:var(--blue);text-underline-offset:.2em;text-decoration-thickness:2px}
a:hover{color:var(--ox)}
:focus-visible{outline:3px solid var(--blue-lit);outline-offset:3px}
.sf5mx-head :focus-visible,.sf5mx-foot :focus-visible{outline-color:var(--amber)}
h1,h2,h3{font-family:var(--font);font-weight:700;line-height:1.1;margin:0 0 .5em;letter-spacing:-.015em;color:var(--ink);text-wrap:balance}
h1{font-size:clamp(2.1rem,4.4vw,3.6rem)}
h2{font-size:clamp(1.65rem,3vw,2.4rem)}
h3{font-size:1.3rem;line-height:1.25}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sf5mx-wrap{width:100%;max-width:var(--maxw);margin-inline:auto}
.sf5mx-head,.sf5mx-wx,.sf5mx-hero,.sf5mx-bay,.sf5mx-section,.sf5mx-foot{padding-left:12px;padding-right:12px}
.sf5mx-skip{position:absolute;left:-999px;top:0;background:var(--amber);color:var(--bar);padding:.8rem 1rem;z-index:99;font-weight:700}
.sf5mx-skip:focus{left:12px;top:12px}
[data-reveal]{opacity:1!important;transform:none!important}

/* header: the black steel rail with the blue line painted under it */
.sf5mx-head{position:sticky;top:0;z-index:30;background:var(--bar);border-bottom:6px solid var(--blue)}
.sf5mx-nav{display:flex;align-items:center;justify-content:space-between;gap:.5rem 1.5rem;min-height:64px}
.sf5mx-brand{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;font:700 1.2rem/1.1 var(--font);color:#fff;text-decoration:none}
.sf5mx-brand img{width:34px;height:34px;flex:none}
.sf5mx-brand:hover{color:var(--amber)}
.sf5mx-links{display:flex;align-items:center;gap:.15rem}
.sf5mx-links a{display:inline-flex;align-items:center;min-height:48px;padding:0 .9rem;color:#fff;text-decoration:none;font:500 1rem var(--font);transition:background .35s,color .35s}
.sf5mx-links a:hover{background:var(--bar-2);color:var(--amber)}
.sf5mx-links .sf5mx-cta,.sf5mx-links a.sf5mx-cta{margin-left:.6rem;padding:0 1.25rem;background:var(--amber);color:var(--bar)!important;font-weight:700;border-radius:0}
.sf5mx-links a.sf5mx-cta:hover{background:#fff;color:var(--bar)!important}
.sf5mx-menu{display:none;align-items:center;justify-content:center;min-width:48px;min-height:48px;padding:0;background:transparent;border:3px solid #fff;border-radius:0;color:#fff;cursor:pointer}
.sf5mx-menu:hover{background:var(--bar-2);color:var(--amber);border-color:var(--amber)}
@media (max-width:760px){
  .sf5mx-menu{display:inline-flex}
  .sf5mx-links{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:var(--bw);background:var(--bar);padding:var(--bw) 12px 12px;border-bottom:6px solid var(--blue)}
  .sf5mx-links[data-open]{display:flex}
  .sf5mx-links a{min-height:52px;padding:0 1rem;background:var(--bar-2)}
  .sf5mx-links .sf5mx-cta,.sf5mx-links a.sf5mx-cta{margin-left:0}
}

/* weather: a row of small panes in the seeded glass */
.sf5mx-wx{background:var(--seed);border-bottom:var(--bw) solid var(--bar);color:var(--ink)}
.sf5mx-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1.2rem;padding:.6rem 0}
.sf5mx-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:48px;padding:0;background:none;border:0;color:var(--ink);font:inherit;cursor:pointer}
.sf5mx-wx-photo img{width:48px;height:48px;object-fit:cover;border:3px solid var(--bar);border-radius:0}
.sf5mx-wx-photo span{display:inline-flex;align-items:center;min-height:44px;padding:0 .8rem;background:var(--bar);color:#fff;border:0;border-radius:0;font:700 .85rem/1 var(--font);letter-spacing:.1em;text-transform:uppercase;transition:background .35s,color .35s}
.sf5mx-wx-photo:hover span,.sf5mx-wx-photo[aria-expanded=true] span{background:var(--blue);color:#fff}
.sf5mx-wx-now{display:flex;align-items:center;gap:.8rem}
.sf5mx-wx-now strong{font:700 2.3rem/1 var(--font);color:var(--blue);font-variant-numeric:tabular-nums;min-width:2.2ch}
.sf5mx-wx-now span{font-size:1rem;color:var(--ink)}
.sf5mx-wx-now small{display:block;font-size:.88rem;color:var(--ink-2)}
.sf5mx-wx-icon{display:inline-flex;color:var(--blue)}
.sf5mx-wx-days{display:flex;flex-wrap:wrap;gap:var(--bw);list-style:none;margin:0;padding:var(--bw);background:var(--bar)}
.sf5mx-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;padding:.35rem .7rem;min-width:124px;background:var(--clear);font-size:.85rem;border:0;border-radius:0}
.sf5mx-wx-day{grid-column:1;font-weight:700;color:var(--ink)}
.sf5mx-wx-glyph{grid-row:1/3;grid-column:2;color:var(--blue)}.sf5mx-wx-glyph svg{width:24px;height:24px}
.sf5mx-wx-hl{grid-column:1}.sf5mx-wx-hl strong{font-size:1rem;color:var(--ink)}.sf5mx-wx-hl em{font-style:normal;color:var(--ink-2);margin-left:.3rem}
.sf5mx-wx-cond{grid-column:1/3;font-size:.8rem;color:var(--ink-2);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;opacity:1}
.sf5mx-wx-source{margin-left:auto;font-size:.85rem;color:var(--ink-2);opacity:1}
.sf5mx-wx-panel{padding:0 0 1rem}
.sf5mx-wx-panel img{max-width:600px;width:100%;background:#fff;border:var(--bw) solid var(--bar);border-radius:0}
.sf5mx-wx-panel p{font-size:.88rem;color:var(--ink-2);margin:.5rem 0 0;opacity:1}
@media (max-width:700px){.sf5mx-wx-source{margin-left:0;width:100%}.sf5mx-wx-days{width:100%}.sf5mx-wx-days li{flex:1 1 30%;min-width:0}}

/* the wall: panes held in black bars drawn at true thickness by the grid gap */
.sf5mx-wall{display:grid;gap:var(--bw);background:var(--bar);padding:var(--bw)}
.sf5mx-pane{min-width:0;background:var(--clear);padding:1.6rem 1.8rem}
.sf5mx-pane>:last-child{margin-bottom:0}
.sf5mx-pane h1,.sf5mx-pane h2{max-width:20ch}

/* captions in place of eyebrows */
.sf5mx-eyebrow{margin:0;font:700 .85rem/1.3 var(--font);letter-spacing:.11em;text-transform:uppercase;color:var(--ink-2);max-width:none}
.sf5mx-eyebrow::before{content:"";display:inline-block;width:.8rem;height:.8rem;margin-right:.6rem;background:var(--red);vertical-align:-.05em}
.sf5mx-p-head .sf5mx-eyebrow{margin:-.2rem 0 1rem}
.sf5mx-lead{font-size:1.2rem;line-height:1.55;color:var(--ink);max-width:56ch}

/* rink lines painted between the bays */
.sf5mx-bay{padding-block:0 clamp(2.2rem,4vw,3.6rem);background:var(--ice)}
.sf5mx-bay::before{content:"";display:block;margin-inline:-12px;height:var(--mull);margin-bottom:clamp(1.6rem,3vw,2.6rem)}
.sf5mx-rates::before,.sf5mx-learn::before{background:repeating-linear-gradient(90deg,var(--red) 0 26px,#fff 26px 34px)}
.sf5mx-how::before,.sf5mx-why::before{background:var(--blue)}
.sf5mx-panel::before{background:linear-gradient(var(--blue) 0 50%,var(--red) 50% 100%)}
.sf5mx-how,.sf5mx-why{background:var(--seed)}
.sf5mx-panel{background:var(--ice)}

/* hero */
.sf5mx-hero{padding-block:clamp(1.4rem,3vw,2.6rem) clamp(2rem,4vw,3.4rem);background:var(--ice)}
.sf5mx-wall--hero{grid-template-columns:repeat(12,minmax(0,1fr))}
.sf5mx-wall--hero .sf5mx-p-title{grid-column:1/9;grid-row:1;padding:2.4rem 2.6rem}
.sf5mx-wall--hero .sf5mx-p-title h1{font-size:clamp(2.2rem,4.8vw,4.1rem);line-height:1.04;max-width:16ch;margin:0}
.sf5mx-wall--hero .sf5mx-p-art{grid-column:9/13;grid-row:1/4;position:relative;padding:0;overflow:hidden;min-height:320px;background:var(--clear)}
.sf5mx-wall--hero .sf5mx-p-art svg{position:absolute;inset:0;width:100%;height:100%}
.sf5mx-wall--hero .sf5mx-p-art .sf5mx-eyebrow{position:absolute;left:0;bottom:0;max-width:calc(100% - 1.5rem);padding:.65rem 1rem;background:var(--bar);color:#fff}
.sf5mx-wall--hero .sf5mx-p-art .sf5mx-eyebrow::before{background:var(--amber)}
.sf5mx-wall--hero .sf5mx-p-say{grid-column:1/9;grid-row:2}
.sf5mx-wall--hero .sf5mx-p-acts{grid-column:1/9;grid-row:3;background:var(--seed)}
.sf5mx-wall--hero .sf5mx-p-trust{grid-column:1/13;grid-row:4;padding:0}
.sf5mx-acts{display:flex;flex-wrap:wrap;gap:.7rem;margin:0}
.sf5mx-acts p{margin:0}
.sf5mx-trust{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bw);background:var(--bar);font-size:1rem;line-height:1.4}
.sf5mx-trust li{position:relative;padding:1.1rem 1rem 1rem;background:var(--clear);border-top:8px solid var(--blue);transition:background .35s}
.sf5mx-trust li:nth-child(2){border-top-color:var(--amber)}
.sf5mx-trust li:nth-child(3){border-top-color:var(--red)}
.sf5mx-trust li:nth-child(4){border-top-color:var(--blue-lit)}
.sf5mx-trust li:hover{background:var(--lamp)}
.sf5mx-trust li::before{content:none}
@media (max-width:960px){
  .sf5mx-wall--hero{grid-template-columns:1fr}
  .sf5mx-wall--hero .sf5mx-p-title,.sf5mx-wall--hero .sf5mx-p-art,.sf5mx-wall--hero .sf5mx-p-say,.sf5mx-wall--hero .sf5mx-p-acts,.sf5mx-wall--hero .sf5mx-p-trust{grid-column:1;grid-row:auto}
  .sf5mx-wall--hero .sf5mx-p-title{order:1}
  .sf5mx-wall--hero .sf5mx-p-art{order:2;min-height:230px}
  .sf5mx-wall--hero .sf5mx-p-say{order:3}
  .sf5mx-wall--hero .sf5mx-p-acts{order:4}
  .sf5mx-wall--hero .sf5mx-p-trust{order:5}
  .sf5mx-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:520px){.sf5mx-trust{grid-template-columns:1fr}}

/* buttons: black frame, lit from behind on hover */
.sf5mx-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:52px;padding:0 1.5rem;border:3px solid var(--bar);border-radius:0;font:700 1.1rem/1 var(--font);text-decoration:none;cursor:pointer;transition:background .4s,color .4s}
.sf5mx-btn--primary{background:var(--blue);color:#fff}
.sf5mx-btn--primary:hover{background:var(--amber);color:var(--bar)}
.sf5mx-btn--ghost{background:var(--clear);color:var(--ink)}
.sf5mx-btn--ghost:hover{background:var(--lamp);color:var(--ink)}
.sf5mx-btn[disabled]{background:var(--seed);color:var(--ink-2);border-color:var(--rule);cursor:progress}
@media (max-width:520px){.sf5mx-acts .sf5mx-btn{flex:1 1 100%}}

/* rates */
.sf5mx-wall--rates{grid-template-columns:minmax(0,4fr) minmax(0,8fr)}
.sf5mx-wall--rates .sf5mx-p-head p{font-size:.98rem;color:var(--ink-2)}
.sf5mx-wall--rates .sf5mx-p-table{padding:0;display:flex}
.sf5mx-wall--rates .sf5mx-table-wrap{flex:1;display:flex}
.sf5mx-wall--rates .sf5mx-table{height:100%}
.sf5mx-table-wrap{overflow-x:auto}
.sf5mx-table{width:100%;border-collapse:collapse;font-size:1rem;font-variant-numeric:tabular-nums}
.sf5mx-table th,.sf5mx-table td{padding:.75rem .9rem;text-align:left;border:var(--bw) solid var(--bar);background:var(--clear)}
.sf5mx-table thead th{background:var(--bar);color:#fff;font:700 .82rem/1.25 var(--font);letter-spacing:.08em;text-transform:uppercase;vertical-align:bottom}
.sf5mx-table tbody tr:first-child td{border-top:0}
.sf5mx-table tbody th,.sf5mx-table td:first-child{font-weight:700}
.sf5mx-table td:nth-child(n+2){text-align:right}
.sf5mx-table thead th:nth-child(n+2){text-align:right}
.sf5mx-table td:nth-child(2){font-size:1.35rem;font-weight:700;color:var(--blue)}
.sf5mx-table tbody tr{transition:background .35s}
.sf5mx-table tbody tr:hover td{background:var(--lamp)}
.sf5mx-table tr td:first-child,.sf5mx-table tr th:first-child{border-left:0}
.sf5mx-table tr td:last-child,.sf5mx-table tr th:last-child{border-right:0}
.sf5mx-table tbody tr:last-child td{border-bottom:0}
.sf5mx-table thead th{border-top:0}
@media (max-width:960px){.sf5mx-wall--rates{grid-template-columns:1fr}}
@media (max-width:520px){.sf5mx-table th,.sf5mx-table td{padding:.6rem .45rem}.sf5mx-table td:nth-child(2){font-size:1.15rem}.sf5mx-table thead th{font-size:.74rem;letter-spacing:.04em}}

/* how it works */
.sf5mx-wall--how{grid-template-columns:1fr}
.sf5mx-steps,.sf5mx-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--bw);background:var(--bar)}
.sf5mx-card{background:var(--clear);border:0;border-radius:0;padding:1.6rem;color:var(--ink)}
.sf5mx-card h3{margin:.2rem 0 .5rem}
.sf5mx-card p{margin:0 0 .6em;color:var(--ink-2)}
.sf5mx-num{display:inline-grid;place-items:center;width:3.4rem;height:3.4rem;margin-bottom:.8rem;background:var(--blue);color:#fff;border-radius:0;font:700 1.9rem/1 var(--font)}
.sf5mx-card:nth-child(2) .sf5mx-num{background:var(--amber);color:var(--bar)}
.sf5mx-card:nth-child(3) .sf5mx-num{background:var(--red);color:#fff}
@media (max-width:860px){.sf5mx-steps,.sf5mx-cols{grid-template-columns:1fr}}

/* quote engine */
.sf5mx-section--soft .sf5mx-quote,.sf5mx-quote{background:var(--clear);border:var(--bw) solid var(--bar);border-radius:0;padding:2rem;box-shadow:none}
.sf5mx-quote h2{font-size:clamp(1.6rem,3vw,2.3rem);max-width:none}
.sf5mx-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.4rem 2rem;margin-top:1.4rem;max-width:920px}
.sf5mx-field{display:flex;flex-direction:column;gap:.45rem;min-width:0;border:0;margin:0;padding:0}
.sf5mx-field--wide{grid-column:1/-1}
.sf5mx-field>span{font:700 1rem/1.3 var(--font);color:var(--ink)}
.sf5mx-field input,.sf5mx-field select,.sf5mx-field textarea{width:100%;min-height:50px;padding:.6rem .8rem;border:3px solid var(--bar);border-radius:0;background:#fff;color:var(--ink);font:400 1.0625rem var(--font)}
.sf5mx-field textarea{min-height:150px}
.sf5mx-field input:focus,.sf5mx-field select:focus,.sf5mx-field textarea:focus{outline:3px solid var(--blue-lit);outline-offset:2px;border-color:var(--blue)}
.sf5mx-field input[type=date]{accent-color:var(--blue)}
.sf5mx-seg{display:flex;flex-wrap:wrap;gap:var(--bw);width:fit-content;max-width:100%;padding:var(--bw);background:var(--bar)}
.sf5mx-seg label{position:relative;display:block;padding:0;border:0;border-radius:0;background:none;cursor:pointer}
.sf5mx-seg input{position:absolute;inset:0;width:100%;height:100%;margin:0;opacity:0;cursor:pointer}
.sf5mx-seg label span{display:flex;align-items:center;min-height:50px;padding:0 1.15rem;background:var(--clear);color:var(--ink);font:500 1.0625rem var(--font);transition:background .4s,color .4s}
.sf5mx-seg input:hover+span{background:var(--lamp)}
.sf5mx-seg input:checked+span{display:flex;margin:0;padding:0 1.15rem;border-radius:0;background:var(--blue);color:#fff;font-weight:700}
.sf5mx-seg label:has(input:checked){background:none;border:0}
.sf5mx-seg input:focus-visible+span{outline:3px solid var(--amber);outline-offset:-6px}
.sf5mx-note{margin:1.3rem 0 1rem;font-size:.95rem;color:var(--ink-2);max-width:62ch}
.sf5mx-status{margin-top:.9rem;min-height:1.5rem;font-weight:700}
.sf5mx-status[data-tone=error]{color:var(--red)}
@media (max-width:640px){.sf5mx-fields{grid-template-columns:1fr}.sf5mx-seg{width:100%}.sf5mx-seg label{flex:1 1 auto}.sf5mx-seg label span{justify-content:center;padding:0 .8rem}.sf5mx-seg input:checked+span{padding:0 .8rem}}

/* quote results */
.sf5mx-results{margin-top:1.6rem}
.sf5mx-summary{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;align-items:baseline;margin-bottom:1rem;padding:.9rem 1.1rem;background:var(--bar);color:#fff;font-size:1rem}
.sf5mx-summary strong{font-size:1.3rem;color:var(--amber)}
.sf5mx-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.4rem;align-items:center;margin-bottom:.6rem;padding:1rem 1.1rem;background:var(--clear);border:var(--bw) solid var(--bar);border-radius:0;transition:background .4s}
.sf5mx-result:hover{background:var(--lamp)}
.sf5mx-result--best{background:var(--lamp)}
.sf5mx-result strong{font:700 1.2rem var(--font)}
.sf5mx-result small{display:block;font-size:.9rem;color:var(--ink-2)}
.sf5mx-price{padding:.5rem .8rem;background:var(--bar);color:#fff;font:700 1.8rem/1 var(--font);font-variant-numeric:tabular-nums;text-align:right}
.sf5mx-price small{margin-top:.3rem;font:500 .75rem/1.2 var(--font);text-align:right;color:#DCE7EE}
.sf5mx-result--best .sf5mx-price{background:var(--blue)}
.sf5mx-tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.45rem}
.sf5mx-tag{padding:.3rem .55rem;background:var(--seed);color:var(--ink);border:2px solid var(--bar);border-radius:0;font:700 .78rem/1.2 var(--font);letter-spacing:.04em}
.sf5mx-tag--now{background:var(--red);color:#fff;border-color:var(--red)}
.sf5mx-group{margin:1.6rem 0 .5rem;font:700 1.45rem var(--font)}
.sf5mx-applicant{margin:.2rem 0 1rem;padding:1.1rem;background:var(--clear);border:3px solid var(--bar)}
.sf5mx-result .sf5mx-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.sf5mx-result{grid-template-columns:1fr auto auto}.sf5mx-result .sf5mx-btn{grid-column:auto}}
@media (max-width:520px){.sf5mx-result{grid-template-columns:1fr}.sf5mx-price,.sf5mx-price small{text-align:left}.sf5mx-price{justify-self:start}}
.sf5mx-disclosure{margin-top:1rem;padding-top:.9rem;border-top:var(--bw) solid var(--bar);font-size:.88rem;color:var(--ink-2)}
details.sf5mx-more{margin-top:.5rem;font-size:.92rem}
details.sf5mx-more summary{cursor:pointer;color:var(--blue);font-weight:700;min-height:44px;display:flex;align-items:center}
.sf5mx-noexam{margin:0 0 1.4rem;padding:1rem 1rem .4rem;background:var(--lamp);border:var(--bw) solid var(--bar);border-radius:0;box-shadow:none}
.sf5mx-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem;margin-top:0;font-size:1.3rem}
.sf5mx-noexam-badge{display:inline-block;padding:.4rem .7rem;background:var(--blue);color:#fff;border-radius:0;font:700 .8rem/1 var(--font);letter-spacing:.1em;text-transform:uppercase}
.sf5mx-noexam-note{margin-bottom:.9rem;color:var(--ink)}
.sf5mx-noexam-note+.sf5mx-noexam-note{margin-top:1rem;padding-top:.9rem;border-top:2px dashed var(--bar)}
.sf5mx-result--noexam{background:var(--clear);border-color:var(--bar)}
.sf5mx-tag--noexam{background:var(--blue);color:#fff;border-color:var(--blue)}
.sf5mx-tag--usually{background:var(--clear);color:var(--ink);border-color:var(--bar)}

/* why */
.sf5mx-wall--why{grid-template-columns:repeat(12,minmax(0,1fr))}
.sf5mx-wall--why .sf5mx-p-head{grid-column:1/5;grid-row:1}
.sf5mx-wall--why .sf5mx-p-text{grid-column:5/13;grid-row:1/3}
.sf5mx-wall--why .sf5mx-p-links{grid-column:1/5;grid-row:2;background:var(--seed);font-size:.98rem;align-self:stretch}
.sf5mx-wall--why .sf5mx-p-photos{grid-column:1/13;padding:0;background:var(--bar)}
.sf5mx-wall--why .sf5mx-p-text p{max-width:62ch}
.sf5mx-why-text p{max-width:62ch}
.sf5mx-hl{margin:0;font-size:.98rem;max-width:none}
.sf5mx-hl a{display:inline-flex;align-items:center;min-height:44px;font-weight:700}
.sf5mx-p-links p{max-width:none}
.sf5mx-mosaic{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:var(--bw);background:var(--bar)}
.sf5mx-mosaic a{position:relative;display:block;aspect-ratio:auto;overflow:visible;background:var(--clear);color:var(--ink);text-decoration:none;border-radius:0;transition:background .4s}
.sf5mx-mosaic a:first-child{grid-column:auto;aspect-ratio:auto}
.sf5mx-mosaic img{width:100%;height:clamp(190px,24vw,320px);object-fit:cover;border-radius:0;transition:none}
.sf5mx-mosaic a:hover img{transform:none}
.sf5mx-mosaic span{position:static;display:block;padding:.8rem 1rem;background:none;color:var(--ink);font:700 1.1rem/1.3 var(--font)}
.sf5mx-mosaic a:hover{background:var(--lamp)}
.sf5mx-mosaic a:hover span{text-decoration:underline;text-underline-offset:.2em}
@media (max-width:960px){
  .sf5mx-wall--why{grid-template-columns:1fr}
  .sf5mx-wall--why .sf5mx-p-head,.sf5mx-wall--why .sf5mx-p-text,.sf5mx-wall--why .sf5mx-p-links,.sf5mx-wall--why .sf5mx-p-photos{grid-column:1;grid-row:auto}
  .sf5mx-mosaic{grid-template-columns:1fr 1fr}
  .sf5mx-mosaic a:first-child{grid-column:1/-1}
}
@media (max-width:520px){.sf5mx-mosaic{grid-template-columns:1fr}.sf5mx-mosaic a:first-child{grid-column:auto}}

/* learn */
.sf5mx-wall--learn{grid-template-columns:1fr}
.sf5mx-learn-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--bw);background:var(--bar)}
.sf5mx-learn-list .sf5mx-card{display:block;min-height:44px;text-decoration:none;color:var(--ink);transition:background .4s,color .4s}
.sf5mx-learn-list h3{margin:0 0 .5rem;color:var(--blue);transition:color .4s}
.sf5mx-learn-list p{margin:0;color:var(--ink-2);transition:color .4s}
.sf5mx-learn-list .sf5mx-card:hover{background:var(--lamp)}
.sf5mx-learn-list .sf5mx-card:hover h3{text-decoration:underline;text-underline-offset:.15em}
@media (max-width:960px){.sf5mx-learn-list{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:520px){.sf5mx-learn-list{grid-template-columns:1fr}}

/* inner pages */
.sf5mx-section{padding-top:3rem;padding-bottom:3.6rem;background:var(--ice)}
.sf5mx-section--soft{background:var(--seed);border-top:var(--mull) solid var(--blue)}
.sf5mx-section--deep{background:var(--seed);color:var(--ink)}
.sf5mx-section .sf5mx-wrap,.sf5mx-article{display:flex;flex-direction:column}
.sf5mx-section .sf5mx-wrap>h1,.sf5mx-article>h1{order:-2}
.sf5mx-section .sf5mx-wrap>.sf5mx-eyebrow,.sf5mx-article>.sf5mx-eyebrow{order:-1;margin:-.2rem 0 1.2rem;text-transform:none;letter-spacing:.01em;font-size:1rem;font-weight:500}
.sf5mx-section .sf5mx-wrap>.sf5mx-btn,.sf5mx-article>p>.sf5mx-btn{align-self:flex-start}
.sf5mx-section .sf5mx-wrap>h1{max-width:20ch}
.sf5mx-section .sf5mx-wrap>.sf5mx-lead{margin-bottom:1.4rem}
.sf5mx-article{max-width:var(--measure);margin-inline:auto}
.sf5mx-article h1{max-width:18ch}
.sf5mx-article h2{margin-top:2rem;font-size:clamp(1.5rem,2.8vw,2rem)}
.sf5mx-article figure{margin:0 0 1.5rem}
.sf5mx-article figcaption{margin-top:.4rem;font-size:.88rem;color:var(--ink-2)}
.sf5mx-article img{border:var(--bw) solid var(--bar);border-radius:0}
.sf5mx-sources{margin-top:2rem;padding-top:1rem;border-top:var(--bw) solid var(--bar);font-size:.95rem}
.sf5mx-sources ol{padding-left:1.2rem}
.sf5mx-faq{display:grid;gap:var(--bw);margin-top:1.4rem;background:var(--bar);padding:var(--bw)}
.sf5mx-faq details{padding:.3rem 1.1rem;background:var(--clear);border:0;transition:background .4s}
.sf5mx-faq details:hover{background:var(--lamp)}
.sf5mx-faq details[open]{background:var(--clear)}
.sf5mx-faq summary{display:flex;align-items:center;min-height:56px;cursor:pointer;font:700 1.15rem/1.3 var(--font);color:var(--ink)}
.sf5mx-faq details[open] summary{color:var(--blue)}
.sf5mx-faq details p{margin:.2rem 0 1rem;max-width:62ch}
.sf5mx-calc{margin:1.4rem 0;padding:1.4rem;background:var(--clear);border:var(--bw) solid var(--bar);border-radius:0}
.sf5mx-calc .sf5mx-fields{margin-top:1rem}
.sf5mx-calc output{display:inline-block;margin-top:1rem;padding:.6rem 1rem;background:var(--blue);color:#fff;font:700 2rem/1 var(--font);font-variant-numeric:tabular-nums}
.sf5mx-apply-shell{min-height:600px;padding:1rem;background:var(--clear);border:var(--bw) solid var(--bar);border-radius:0}
.sf5mx-apply-shell iframe{width:100%;border:0}
.sf5mx-section--soft .sf5mx-lead{max-width:62ch}

/* footer: the black rail, with the red centre line under it */
.sf5mx-foot{padding-block:clamp(2rem,4vw,3rem) 2.2rem;background:var(--bar);color:#fff;font-size:.98rem;border-top:0}
.sf5mx-foot::before{content:"";display:block;margin-inline:-12px;height:var(--mull);margin-top:calc(-1 * clamp(2rem,4vw,3rem));margin-bottom:clamp(2rem,4vw,3rem);background:repeating-linear-gradient(90deg,var(--red) 0 26px,#fff 26px 34px)}
.sf5mx-foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1.6rem 2rem}
.sf5mx-foot p{margin:.8rem 0 0;max-width:46ch;color:#DCE7EE}
.sf5mx-foot a{color:#fff}
.sf5mx-foot a:hover{color:var(--amber)}
.sf5mx-foot .sf5mx-brand{color:#fff}
.sf5mx-foot nav{display:flex;flex-direction:column}
.sf5mx-foot nav strong{margin-bottom:.4rem;font:700 .85rem/1.2 var(--font);letter-spacing:.11em;text-transform:uppercase;color:var(--amber)}
.sf5mx-foot nav a,.sf5mx-foot p a{display:inline-flex;align-items:center;min-height:44px}
.sf5mx-foot .sf5mx-wrap p{max-width:90ch;color:#DCE7EE}
@media (max-width:760px){.sf5mx-foot-grid{grid-template-columns:1fr 1fr}.sf5mx-foot-grid>div:first-child{grid-column:1/-1}}
@media (max-width:480px){.sf5mx-foot-grid{grid-template-columns:1fr}}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

@media (max-width:700px){
  .sf5mx-pane{padding:1.2rem 1.1rem}
  .sf5mx-wall--hero .sf5mx-p-title{padding:1.6rem 1.2rem}
  .sf5mx-card{padding:1.3rem 1.1rem}
  .sf5mx-quote,.sf5mx-section--soft .sf5mx-quote{padding:1.3rem 1.1rem}
  .sf5mx-calc{padding:1.1rem}
  .sf5mx-section{padding-top:2rem;padding-bottom:2.6rem}
}
.sf5mx-wall--hero .sf5mx-p-trust,.sf5mx-wall--why .sf5mx-p-photos{padding:0 8px 8px;background:var(--bar)}
.sf5mx-wall--hero .sf5mx-p-trust{padding:8px 0 0}
.sf5mx-wall--rates .sf5mx-p-table{padding:0 0 0 8px;background:var(--bar)}
.sf5mx-wall--rates .sf5mx-table thead th:first-child{border-left:0}