@font-face{font-family:"Rozha One";src:url(/assets/font-ee4brmtr-rozha-one-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(/assets/font-ee4brmtr-libre-franklin-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Libre Franklin";src:url(/assets/font-ee4brmtr-libre-franklin-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--room:#0b0b0c;--room-2:#1a1b1e;--paper:#fff;--tint:#eaf3fb;--ink:#0d0d0e;--ink-2:#3a3b40;--glare:#0b4f8f;--glare-deep:#083a69;--glare-hi:#8ec9f7;--glare-pale:#cfe6fa;--rule:#8d8e93;--rule-dark:#44464b;--alert:#a11c1c;
--display:"Rozha One","Bodoni 72","Didot","Bodoni MT",Georgia,serif;--body:"Libre Franklin","Helvetica Neue",Arial,sans-serif;--measure:42rem;--maxw:76rem}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);font-size:1.0625rem;line-height:1.65;font-weight:400}
::selection{background:var(--glare);color:#fff}
img{display:block;max-width:100%;height:auto}
a{color:var(--glare);text-underline-offset:.2em;text-decoration-thickness:1.5px}
a:hover{color:var(--glare-deep);text-decoration-thickness:3px}
:focus-visible{outline:3px solid var(--glare);outline-offset:3px}
h1,h2,h3{font-family:var(--display);font-weight:400;line-height:1.08;margin:0 0 .5em;letter-spacing:0;text-wrap:balance;color:inherit}
h1{font-size:clamp(2.5rem,5.6vw,4.7rem);line-height:1.1}
h2{font-size:clamp(2rem,3.9vw,3.2rem)}
h3{font-size:1.45rem;line-height:1.2}
p{margin:0 0 1em;max-width:var(--measure)}
strong{font-weight:700}
.sufh3-wrap{width:min(100% - 2.5rem,var(--maxw));margin-inline:auto}
@media (max-width:600px){.sufh3-wrap{width:min(100% - 2rem,var(--maxw))}}
.sufh3-skip{position:absolute;left:-999px;top:0;background:#fff;color:var(--room);padding:.75rem 1rem;z-index:99}.sufh3-skip:focus{left:1rem;top:1rem}

/* header: the dark room */
.sufh3-head{position:sticky;top:0;z-index:30;background:var(--room);color:#fff;border-bottom:1px solid var(--rule-dark);backdrop-filter:none}
.sufh3-nav{display:flex;align-items:center;justify-content:space-between;gap:1rem 2rem;min-height:72px}
.sufh3-brand{display:inline-flex;align-items:center;min-height:44px;font-family:var(--display);font-weight:400;font-size:1.5rem;line-height:1.1;color:#fff;text-decoration:none}
.sufh3-brand img{display:none}
.sufh3-brand:hover{color:var(--glare-hi)}
.sufh3-links{display:flex;align-items:center;gap:0 1.5rem}
.sufh3-links a{display:inline-flex;align-items:center;min-height:44px;color:#fff;text-decoration:none;font-weight:700;font-size:1rem;letter-spacing:.02em;border-bottom:3px solid transparent}
.sufh3-links a:not(.sufh3-cta):hover{color:#fff;border-bottom-color:var(--glare-hi)}
.sufh3-links a.sufh3-cta{background:#fff;color:var(--room)!important;padding:0 1.2rem;border:2px solid #fff;border-radius:0;transform:rotate(-2deg);box-shadow:4px 4px 0 var(--glare);margin-left:.4rem}
.sufh3-links a.sufh3-cta:hover{background:var(--glare-hi);border-color:var(--glare-hi);color:var(--room)!important}
.sufh3-menu{display:none;align-items:center;justify-content:center;min-width:44px;min-height:44px;background:none;border:2px solid #fff;border-radius:0;color:#fff;padding:.4rem}
@media (max-width:760px){
.sufh3-nav{min-height:64px}
.sufh3-brand{font-size:1.25rem}
.sufh3-menu{display:inline-flex}
.sufh3-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--room);border-bottom:3px solid var(--glare-hi);flex-direction:column;align-items:stretch;padding:1rem 1.25rem 1.4rem;gap:.2rem}
.sufh3-links[data-open]{display:flex}
.sufh3-links a.sufh3-cta{transform:none;justify-content:center;margin:.6rem 0 0}
}

/* weather: a calm caption line under the title */
.sufh3-wx{background:var(--room);color:#e6e6e4;border-bottom:1px solid var(--rule-dark)}
.sufh3-wx-row{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem 1.8rem;padding:.8rem 0}
.sufh3-wx-photo{display:inline-flex;align-items:center;gap:.7rem;min-height:44px;background:none;border:0;padding:0;color:#fff;font:inherit;cursor:pointer}
.sufh3-wx-photo img{width:44px;height:44px;border-radius:50%;object-fit:cover;border:2px solid #fff}
.sufh3-wx-photo span{font-size:1rem;font-weight:700;letter-spacing:.02em;text-transform:none;text-decoration:underline;text-underline-offset:.2em;border:0;border-radius:0;padding:0}
.sufh3-wx-photo:hover span,.sufh3-wx-photo[aria-expanded=true] span{background:none;border:0;color:var(--glare-hi)}
.sufh3-wx-now{display:flex;align-items:center;gap:.7rem}
.sufh3-wx-now strong{font-family:var(--display);font-weight:400;font-size:2.1rem;line-height:1;color:#fff}
.sufh3-wx-now span{font-size:1rem}
.sufh3-wx-now small{display:block;font-size:.9rem;opacity:1;color:#c9cacd}
.sufh3-wx-icon{display:inline-flex;color:var(--glare-hi)}
.sufh3-wx-days{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}
.sufh3-wx-days li{display:grid;grid-template-columns:auto auto;column-gap:.6rem;align-items:center;border:0;border-left:3px solid var(--glare-hi);border-radius:0;padding:.15rem .8rem;font-size:.9rem;min-width:124px}
.sufh3-wx-day{font-weight:700;color:#fff}
.sufh3-wx-glyph{color:var(--glare-hi)}
.sufh3-wx-hl strong{font-size:1rem;color:#fff}.sufh3-wx-hl em{font-style:normal;opacity:1;color:#c9cacd;margin-left:.3rem}
.sufh3-wx-cond{color:#d6d7d9;opacity:1;font-size:.85rem}
.sufh3-wx-source{margin-left:auto;font-size:.88rem;opacity:1;color:#c9cacd}
.sufh3-wx-panel{padding:0 0 1.2rem}.sufh3-wx-panel img{border-radius:0;border:2px solid #fff;max-width:600px;width:100%;background:var(--room-2)}.sufh3-wx-panel p{font-size:.9rem;opacity:1;color:#c9cacd;margin:.5rem 0 0}
@media (max-width:700px){.sufh3-wx-source{margin-left:0;width:100%}.sufh3-wx-now strong{font-size:1.8rem}}

/* hero: the lens room, the white table rising out of the dark */
.sufh3-hero{position:relative;overflow:hidden;background:var(--room);color:#fff;padding:3.4rem 0 0;margin:0}
.sufh3-hero::after{content:"";position:absolute;left:-10%;right:-10%;bottom:-1px;height:4.5rem;background:var(--paper);border-radius:50% 50% 0 0/100% 100% 0 0}
.sufh3-stage{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:center}
.sufh3-script h1{color:#fff;font-size:clamp(2.7rem,6.3vw,5.6rem);line-height:1.01;margin:0 0 .3em}
.sufh3-script .sufh3-eyebrow{order:0}
.sufh3-lead{font-size:1.25rem;line-height:1.55;color:var(--ink-2);max-width:34rem}
.sufh3-hero .sufh3-lead{color:#e6e6e4}
.sufh3-script .sufh3-lead{margin-top:1.3rem}
.sufh3-acts{display:flex;flex-wrap:wrap;gap:1rem 1.2rem;margin:1.6rem 0 0;max-width:none}
.sufh3-trust{display:flex;flex-direction:column;gap:.35rem;margin:1.8rem 0 0;padding:0;list-style:none;font-size:1.0625rem;color:#e6e6e4}
.sufh3-trust li{display:flex;align-items:baseline;gap:.7rem}
.sufh3-trust li::before{content:"";flex:0 0 auto;width:.7rem;height:.7rem;background:var(--glare-hi);transform:translateY(.02rem) rotate(45deg)}
.sufh3-tablewrap{position:relative;justify-self:center;width:min(100%,34rem)}
.sufh3-tablewrap::before{content:"";position:absolute;left:50%;bottom:48%;width:92%;height:240%;transform:translateX(-50%);clip-path:polygon(47% 0,53% 0,100% 100%,0 100%);background:linear-gradient(180deg,rgba(255,255,255,0),rgba(142,201,247,.16))}
.sufh3-disc{position:relative;aspect-ratio:1;border-radius:50%;background:#fff;color:var(--ink);overflow:hidden;border:8px solid var(--room);outline:3px solid var(--glare-hi);outline-offset:0}
.sufh3-disc svg{width:100%;height:100%;display:block}
.sufh3-views{padding:3.4rem 0 7.5rem;position:relative;z-index:2}
.sufh3-mosaic{display:flex;flex-wrap:wrap;align-items:flex-end;gap:2rem clamp(1.2rem,4vw,3.5rem)}
.sufh3-mosaic a{position:static;display:flex;flex-direction:column;align-items:center;gap:.8rem;background:none;border-radius:0;aspect-ratio:auto;color:#fff;text-decoration:none;font-weight:700;min-height:44px}
.sufh3-mosaic a:first-child{grid-column:auto;aspect-ratio:auto;width:clamp(11rem,26vw,20rem)}
.sufh3-mosaic a:nth-child(2){width:clamp(9rem,19vw,14.5rem)}
.sufh3-mosaic a:nth-child(3){width:clamp(7.5rem,14vw,11rem)}
.sufh3-mosaic img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:50%;border:3px solid #fff;transition:transform .5s,border-color .3s}
.sufh3-mosaic a:hover img{transform:scale(1.03);border-color:var(--glare-hi)}
.sufh3-mosaic span{position:static;padding:0;background:none;color:#fff;font-size:1rem;font-weight:700;text-align:center;line-height:1.25;border-bottom:2px solid var(--glare-hi)}
.sufh3-mosaic a:hover span{color:var(--glare-hi)}
@media (max-width:900px){
.sufh3-stage{grid-template-columns:1fr}
.sufh3-tablewrap{order:-1;width:min(100%,25rem)}
.sufh3-hero{padding-top:2.4rem}
.sufh3-views{padding:2.6rem 0 6.5rem}
.sufh3-mosaic{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:1rem .8rem;align-items:end}
.sufh3-mosaic a:first-child,.sufh3-mosaic a:nth-child(2),.sufh3-mosaic a:nth-child(3){width:100%;min-width:0}
.sufh3-mosaic span{font-size:.95rem}
}

.sufh3-eyebrow{display:flex;align-items:center;gap:.8rem;text-transform:uppercase;letter-spacing:.14em;font-size:.9rem;font-weight:700;color:var(--glare);margin:0 0 .8rem}
.sufh3-eyebrow::before{content:"";flex:0 0 auto;width:2.2rem;height:3px;background:currentColor}
.sufh3-hero .sufh3-eyebrow,.sufh3-why .sufh3-eyebrow{color:var(--glare-hi)}

/* buttons: rectangular stamps */
.sufh3-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:48px;border:2px solid var(--ink);border-radius:0;padding:.55rem 1.4rem;font:inherit;font-weight:700;font-size:1.0625rem;letter-spacing:.01em;cursor:pointer;text-decoration:none;line-height:1.3;transition:transform .15s,box-shadow .15s,background .2s}
.sufh3-btn--primary{background:var(--ink);color:#fff;box-shadow:5px 5px 0 var(--glare)}
.sufh3-btn--primary:hover{background:var(--glare-deep);color:#fff;border-color:var(--glare-deep);filter:none}
.sufh3-btn--primary:active{transform:translate(3px,3px);box-shadow:2px 2px 0 var(--glare)}
.sufh3-btn--ghost{background:transparent;color:inherit;border-color:currentColor}
.sufh3-btn--ghost:hover{background:var(--ink);color:#fff;border-color:var(--ink)}
.sufh3-btn[disabled]{opacity:1;background:#5a5b60;border-color:#5a5b60;box-shadow:none;cursor:progress}
.sufh3-hero .sufh3-btn--primary{background:#fff;color:var(--room);border-color:#fff;box-shadow:5px 5px 0 var(--glare-hi)}
.sufh3-hero .sufh3-btn--primary:hover{background:var(--glare-hi);border-color:var(--glare-hi);color:var(--room)}
.sufh3-hero .sufh3-btn--ghost{color:#fff}
.sufh3-hero .sufh3-btn--ghost:hover{background:#fff;color:var(--room);border-color:#fff}

/* sections */
.sufh3-sec,.sufh3-section{position:relative;padding:clamp(3.2rem,7vw,5.5rem) 0}
.sufh3-section--soft,.sufh3-sec--form{background:var(--tint)}
.sufh3-section--deep{background:var(--room);color:#fff}
.sufh3-section--deep h2,.sufh3-section--deep h3{color:#fff}
.sufh3-section--deep a{color:var(--glare-hi)}
.sufh3-scene-head,.sufh3-rates-head{display:flex;flex-direction:column;margin-bottom:2rem}
.sufh3-scene-head h2,.sufh3-rates-head h2{max-width:20ch;margin-bottom:.35em}
.sufh3-scene-head .sufh3-eyebrow,.sufh3-rates-head .sufh3-eyebrow{margin:0}

/* how it works: three turns of a script, each louder than the last */
.sufh3-lines{display:grid;gap:clamp(1.4rem,3vw,2.4rem)}
.sufh3-lines .sufh3-card{display:grid;grid-template-columns:auto 1fr;column-gap:clamp(1rem,2.4vw,1.8rem);align-items:start;background:none;border:0;border-top:3px solid var(--ink);border-radius:0;padding:1.1rem 0 0;max-width:46rem}
.sufh3-lines .sufh3-num{grid-row:1/3;display:block;width:auto;height:auto;background:none;border-radius:0;margin:0;color:var(--glare);font-family:var(--display);font-weight:400;font-size:clamp(3.6rem,8vw,6rem);line-height:.85}
.sufh3-lines .sufh3-card h3{grid-column:2;margin:0 0 .35em}
.sufh3-lines .sufh3-card p{grid-column:2;margin:0;max-width:36rem}
.sufh3-lines .sufh3-card:nth-child(1) h3{font-size:1.5rem}
.sufh3-lines .sufh3-card:nth-child(2) h3{font-size:2.1rem}
.sufh3-lines .sufh3-card:nth-child(3) h3{font-size:clamp(2.1rem,4.6vw,3.1rem)}
.sufh3-lines .sufh3-card:nth-child(2){margin-left:clamp(0rem,9vw,8rem)}
.sufh3-lines .sufh3-card:nth-child(3){margin-left:clamp(0rem,18vw,16rem);max-width:50rem}
@media (max-width:520px){.sufh3-lines .sufh3-card:nth-child(1) h3{font-size:1.35rem}.sufh3-lines .sufh3-card:nth-child(2) h3{font-size:1.7rem}.sufh3-lines .sufh3-card:nth-child(3) h3{font-size:2rem}}

.sufh3-cols{display:grid;gap:1.4rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}
.sufh3-card{background:var(--paper);border:2px solid var(--ink);border-radius:0;padding:1.4rem;box-shadow:6px 6px 0 var(--glare-pale)}
.sufh3-num{display:inline-block;font-family:var(--display);font-weight:400;font-size:2.2rem;line-height:1;color:var(--glare);margin-bottom:.5rem}
.sufh3-lines .sufh3-card,.sufh3-index .sufh3-card{box-shadow:none}

/* the quote engine */
.sufh3-quote{background:var(--paper);color:var(--ink);border:2px solid var(--ink);border-radius:0;padding:clamp(1.2rem,3vw,2.2rem);box-shadow:10px 10px 0 var(--glare)}
.sufh3-sec--form .sufh3-quote{box-shadow:10px 10px 0 var(--glare-hi)}
.sufh3-quote h2{font-size:clamp(1.7rem,3vw,2.3rem)}
.sufh3-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.4rem}
@media (max-width:560px){.sufh3-fields{grid-template-columns:1fr}}
.sufh3-field{display:flex;flex-direction:column;gap:.4rem}
.sufh3-field>span{font-size:1rem;font-weight:700;color:var(--ink)}
.sufh3-field input,.sufh3-field select,.sufh3-field textarea{font:inherit;font-size:1.0625rem;min-height:48px;padding:.65rem .8rem;border:2px solid var(--ink);border-radius:0;background:#fff;color:var(--ink);width:100%}
.sufh3-field input:focus,.sufh3-field select:focus,.sufh3-field textarea:focus{outline:3px solid var(--glare);outline-offset:2px;border-color:var(--glare)}
.sufh3-field--wide{grid-column:1/-1}
.sufh3-seg{display:flex;flex-wrap:wrap;gap:.6rem}
.sufh3-seg label{position:relative;display:inline-flex;align-items:center;min-height:48px;border:2px solid var(--ink);border-radius:0;padding:.4rem 1.05rem;cursor:pointer;font-size:1.0625rem;background:#fff;color:var(--ink)}
.sufh3-seg label:hover{background:var(--glare-pale)}
.sufh3-seg input{position:absolute;opacity:0;width:0;height:0}
.sufh3-seg input:checked+span{background:none;color:inherit;margin:0;padding:0;display:inline;font-weight:700;text-decoration:underline;text-decoration-thickness:3px;text-underline-offset:.22em}
.sufh3-seg label:has(input:checked){background:var(--ink);color:#fff;border-color:var(--ink);box-shadow:3px 3px 0 var(--glare)}
.sufh3-seg label:has(input:checked) span{text-decoration:none}
.sufh3-seg input:focus-visible+span{outline:3px solid var(--glare);outline-offset:6px}
.sufh3-seg label:has(input:focus-visible){outline:3px solid var(--glare);outline-offset:3px}
.sufh3-seg label:has(input:focus-visible) span{outline:0}
.sufh3-note{font-size:.95rem;line-height:1.5;color:var(--ink-2);margin-top:.8rem}
.sufh3-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.sufh3-status[data-tone=error]{color:var(--alert)}
.sufh3-quote .sufh3-btn{margin-top:.6rem}

/* results: ruled rows with the price as the loud voice */
.sufh3-results{margin-top:1.8rem}
.sufh3-results:empty{margin:0}
.sufh3-summary{display:flex;flex-wrap:wrap;gap:.3rem 1.4rem;align-items:baseline;margin-bottom:1.2rem;font-size:1.0625rem;padding-bottom:.9rem;border-bottom:3px solid var(--ink)}
.sufh3-summary strong{font-family:var(--display);font-weight:400;font-size:1.6rem}
.sufh3-result{display:grid;grid-template-columns:1fr auto;gap:.7rem 1.4rem;align-items:center;border:2px solid var(--ink);border-radius:0;padding:1.1rem 1.25rem;margin-bottom:1rem;background:#fff;color:var(--ink)}
.sufh3-result--best{border-color:var(--glare);box-shadow:8px 8px 0 var(--glare-hi)}
.sufh3-result strong{font-family:var(--display);font-weight:400;font-size:1.3rem}
.sufh3-result small{display:block;color:var(--ink-2);font-size:.95rem;margin-top:.15rem}
.sufh3-price{font-family:var(--display);font-size:2.4rem;font-weight:400;text-align:right;line-height:1;color:var(--ink)}
.sufh3-price small{display:block;font-family:var(--body);font-size:.9rem;font-weight:700;text-align:right;margin-top:.35rem;color:var(--ink-2)}
.sufh3-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.5rem}
.sufh3-tag{font-size:.875rem;font-weight:700;padding:.15rem .6rem;border-radius:0;background:#fff;color:var(--ink);border:1.5px solid var(--ink)}
.sufh3-tag--now{background:var(--ink);color:#fff;border-color:var(--ink)}
.sufh3-group{font-size:1.5rem;margin:1.8rem 0 .5rem}
.sufh3-applicant{margin:.4rem 0 1.2rem;border-color:var(--glare)}
.sufh3-result .sufh3-btn{grid-column:1/-1;justify-self:start;margin-top:0}
@media (min-width:640px){.sufh3-result{grid-template-columns:1fr auto auto}.sufh3-result .sufh3-btn{grid-column:auto}}
.sufh3-disclosure{font-size:.9rem;line-height:1.55;color:var(--ink-2);border-top:2px solid var(--ink);padding-top:1rem;margin-top:1.4rem;max-width:none}
details.sufh3-more{margin-top:.5rem;font-size:.95rem}details.sufh3-more summary{cursor:pointer;color:var(--glare);font-weight:700;min-height:44px}
.sufh3-noexam{background:var(--tint);border:3px solid var(--glare);border-radius:0;padding:1.2rem 1.2rem .3rem;margin:0 0 1.6rem;box-shadow:none}
.sufh3-group--noexam{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem;margin-top:0;font-size:1.4rem}
.sufh3-noexam-badge{display:inline-block;background:var(--glare);color:#fff;font-family:var(--body);font-size:.875rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;padding:.35rem .75rem;border-radius:0;transform:rotate(-1.5deg)}
.sufh3-noexam-note{margin-bottom:1rem;color:var(--ink)}
.sufh3-result--noexam{border-color:var(--glare);background:#fff}
.sufh3-tag--noexam{background:var(--glare);color:#fff;border-color:var(--glare)}
.sufh3-tag--usually{background:var(--glare-pale);color:var(--ink);border-color:var(--glare)}
.sufh3-noexam-note+.sufh3-noexam-note{margin-top:1rem;padding-top:1rem;border-top:2px dotted var(--glare)}

/* rates: the cast list */
.sufh3-rates-note{margin-bottom:1.4rem}.sufh3-rates-note p{font-size:1rem;color:var(--ink-2);max-width:48rem}
.sufh3-table-wrap{overflow-x:auto;border:2px solid var(--ink)}
.sufh3-table{width:100%;border-collapse:collapse;font-size:1.0625rem;background:#fff}
.sufh3-table th,.sufh3-table td{padding:.85rem 1rem;border-bottom:1px solid var(--rule);text-align:left}
.sufh3-table thead th{background:var(--ink);color:#fff;font-size:.9rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;border-bottom:0;white-space:nowrap}
.sufh3-table tbody td:first-child{font-weight:700}
.sufh3-table tbody td:nth-child(2),.sufh3-table tbody td:nth-child(3){font-family:var(--display);font-size:1.55rem;line-height:1.1;color:var(--ink)}
.sufh3-table tbody td:nth-child(2){color:var(--glare)}
.sufh3-table tbody tr:last-child td{border-bottom:0}

/* why: back in the dark room */
.sufh3-why{position:relative;overflow:hidden;background:var(--room);color:#fff;padding:clamp(3.6rem,8vw,6.5rem) 0}
.sufh3-rings{position:absolute;right:-14rem;bottom:-16rem;width:44rem;max-width:none;color:var(--glare-hi);opacity:.2;pointer-events:none}
.sufh3-rings svg{width:100%;height:auto;display:block}
.sufh3-why-grid{position:relative;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(1.5rem,5vw,5rem);align-items:start}
.sufh3-why-head{display:flex;flex-direction:column}
.sufh3-why-head h2{font-size:clamp(2.4rem,5.6vw,4.6rem);line-height:1.02;color:#fff}
.sufh3-why-head .sufh3-eyebrow{margin:0}
.sufh3-why-body p{color:#ececea;font-size:1.125rem;max-width:38rem}
.sufh3-why-body p:first-child{font-size:1.3rem;line-height:1.55;color:#fff}
.sufh3-why-body a{color:var(--glare-hi)}
.sufh3-why-body a:hover{color:#fff}
.sufh3-why-links{margin-top:1.8rem;padding-top:1.1rem;border-top:3px solid var(--glare-hi)}
.sufh3-why-links p{font-size:1.0625rem;max-width:none}
@media (max-width:860px){.sufh3-why-grid{grid-template-columns:1fr}.sufh3-rings{right:-20rem;bottom:-22rem}}

/* learn: an index of scenes */
.sufh3-index{border-top:3px solid var(--ink)}
.sufh3-index{counter-reset:scene}
.sufh3-index .sufh3-card{counter-increment:scene;display:grid;grid-template-columns:4.2rem 1fr auto;column-gap:1rem;align-items:center;background:#fff;color:var(--ink);border:0;border-bottom:1px solid var(--ink);border-radius:0;padding:1.3rem .6rem;text-decoration:none}
.sufh3-index .sufh3-card::before{content:counter(scene);grid-row:1/3;font-family:var(--display);font-size:2.6rem;line-height:1;color:var(--glare)}
.sufh3-index .sufh3-card::after{content:"\2192";grid-row:1/3;grid-column:3;font-size:1.8rem;font-weight:700;color:var(--ink);padding-right:.4rem}
.sufh3-index .sufh3-card h3{grid-column:2;margin:0;font-size:clamp(1.4rem,2.6vw,2rem)}
.sufh3-index .sufh3-card p{grid-column:2;margin:.2rem 0 0;color:var(--ink-2);max-width:40rem}
.sufh3-index .sufh3-card:hover{background:var(--glare-pale)}
@media (max-width:520px){.sufh3-index .sufh3-card{grid-template-columns:2.6rem 1fr auto}.sufh3-index .sufh3-card::before{font-size:1.9rem}}

/* articles, guides and the FAQ */
.sufh3-wrap:has(>h1){display:flex;flex-direction:column}
.sufh3-wrap:has(>h1)>h1{order:-2}
.sufh3-wrap:has(>h1)>.sufh3-eyebrow{order:-1}
.sufh3-wrap:has(>h1)>h1+*{}
.sufh3-wrap>h1{margin-bottom:.35em;max-width:18ch}
.sufh3-wrap>h1+.sufh3-eyebrow{margin-bottom:1.4rem}
.sufh3-sec>.sufh3-wrap>h1,.sufh3-section>.sufh3-wrap>h1{max-width:19ch}
.sufh3-article{max-width:50rem;margin-inline:auto}
.sufh3-article>h1{max-width:none}
.sufh3-article .sufh3-lead{font-size:1.3rem;line-height:1.55;color:var(--ink);border-left:5px solid var(--glare);padding-left:1.1rem;margin-bottom:1.6rem}
.sufh3-article p{max-width:none}
.sufh3-article h2{margin-top:2.2em;padding-top:.5em;border-top:3px solid var(--ink);font-size:clamp(1.7rem,3vw,2.3rem)}
.sufh3-article figure{margin:0 0 1.8rem}
.sufh3-article figcaption{font-size:.9rem;color:var(--ink-2);margin-top:.5rem;line-height:1.5}
.sufh3-article img{border-radius:0;border:2px solid var(--ink)}
.sufh3-sources{font-size:.95rem;border-top:3px solid var(--ink);padding-top:1rem;margin-top:2.4rem}.sufh3-sources ol{padding-left:1.3rem}
.sufh3-faq{border-bottom:3px solid var(--ink);padding-bottom:.5rem}
.sufh3-faq details{border-top:2px solid var(--ink);padding:0}
.sufh3-faq summary{list-style:none;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:56px;padding:1rem .2rem;font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,2.4vw,1.75rem);line-height:1.3}
.sufh3-faq summary::-webkit-details-marker{display:none}
.sufh3-faq summary::after{content:"+";flex:0 0 auto;font-family:var(--body);font-weight:700;font-size:2rem;line-height:1.3;color:var(--glare)}
.sufh3-faq details[open] summary::after{content:"\2212"}
.sufh3-faq summary:hover{color:var(--glare)}
.sufh3-faq details p{margin:0 0 1.2rem;padding-left:1.1rem;border-left:5px solid var(--glare-hi)}
.sufh3-apply-shell{background:#fff;border:2px solid var(--ink);border-radius:0;padding:1rem;min-height:600px;box-shadow:10px 10px 0 var(--glare-hi)}
.sufh3-apply-shell iframe{width:100%;border:0}
.sufh3-calc{box-shadow:8px 8px 0 var(--glare-pale)}
.sufh3-calc output{font-family:var(--display);font-size:2.6rem;font-weight:400;display:block;margin-top:.8rem;color:var(--glare);line-height:1.1}

/* footer: the room again, with a halftone edge */
.sufh3-foot{background:var(--room);color:#dcdcda;border-top:0;padding:0 0 2.6rem;font-size:1rem}
.sufh3-foot::before{content:"";display:block;height:14px;margin-bottom:2.6rem;background:radial-gradient(circle at 7px 7px,var(--glare-hi) 2.4px,transparent 3px) 0 0/14px 14px repeat-x}
.sufh3-foot a{color:#fff}
.sufh3-foot a:hover{color:var(--glare-hi)}
.sufh3-foot .sufh3-brand{font-size:1.5rem;margin-bottom:.6rem}
.sufh3-foot-grid{display:grid;gap:1.6rem;grid-template-columns:1.6fr 1fr 1fr}
@media (max-width:700px){.sufh3-foot-grid{grid-template-columns:1fr}}
.sufh3-foot nav strong{display:block;color:var(--glare-hi);font-size:.9rem;letter-spacing:.14em;text-transform:uppercase;margin-bottom:.4rem}
.sufh3-foot nav a{display:flex;align-items:center;min-height:44px;margin:0;text-underline-offset:.2em}
.sufh3-foot p{max-width:34rem}
.sufh3-foot p[data-copy]{font-size:.95rem!important;color:#c9cacd}

[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sufh3-btn,.sufh3-mosaic img,.sufh3-index .sufh3-card{transition:none}}
.sufh3-article .sufh3-card h2{margin-top:0;padding-top:0;border-top:0}
.sufh3-faq details p{line-height:1.65}.sufh3-faq summary span{line-height:1.3}