@font-face{font-family:"Instrument Sans";src:url(/assets/font-6fluf3p4-instrument-sans-400.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/font-6fluf3p4-instrument-sans-600.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:"Instrument Sans";src:url(/assets/font-6fluf3p4-instrument-sans-700.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#15120f;--clear:#fdfefc;--seed:#eaf0ed;--water:#dde8e5;--cobalt:#173c9f;--cobalt-lit:#2a56c8;--amber:#f2a71b;--amber-lit:#fff0c4;--oxblood:#6a1824;--mute:#3b3f3b;--bar:4px;--mull:10px;--maxw:1180px;--measure:68ch;--font-head:"Instrument Sans",system-ui,sans-serif;--font-body:"Instrument Sans",system-ui,sans-serif}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:var(--water);color:var(--ink);font-family:var(--font-body);font-size:17px;line-height:1.6}
img{max-width:100%;height:auto;display:block}
a{color:var(--cobalt);text-decoration-thickness:2px;text-underline-offset:3px}a:hover{color:var(--oxblood)}
h1,h2,h3{font-family:var(--font-head);font-weight:600;line-height:1.1;margin:0 0 .5em;letter-spacing:-.018em;color:var(--ink)}
h1{font-size:clamp(2.15rem,4.6vw,3.7rem)}h2{font-size:clamp(1.6rem,3vw,2.3rem)}h3{font-size:1.25rem;line-height:1.2}
p{margin:0 0 1em;max-width:var(--measure)}
:focus-visible{outline:3px solid var(--amber);outline-offset:2px;box-shadow:0 0 0 2px var(--ink)}
.szwkn-wrap{width:min(100% - 2rem,var(--maxw));margin-inline:auto}
.szwkn-skip{position:absolute;left:-999px;top:0;background:var(--ink);color:var(--clear);padding:.7rem 1rem}.szwkn-skip:focus{left:1rem;top:1rem;z-index:99}

/* the wall: black glazing bars as the only line, panes as the ground */
.szwkn-wall{display:grid;gap:var(--bar);background:var(--ink);border:var(--bar) solid var(--ink)}
.szwkn-pane{background:var(--clear);padding:1.6rem 1.7rem;min-width:0;transition:background-color .7s ease}
.szwkn-pane:empty{display:none}
.szwkn-pane:nth-child(even){background-color:var(--seed);background-image:radial-gradient(circle at 16% 24%,rgba(255,255,255,.95) 0 1.6px,transparent 2.6px),radial-gradient(circle at 71% 61%,rgba(255,255,255,.85) 0 1.2px,transparent 2.2px),radial-gradient(circle at 43% 86%,rgba(255,255,255,.9) 0 1.8px,transparent 2.8px);background-size:140px 96px,110px 120px,170px 100px}
.szwkn-bay{padding:1.2rem 0 1.6rem;border-top:var(--mull) solid var(--ink)}
.szwkn-bay:first-of-type{border-top:0}
.szwkn-bay+.szwkn-bay{margin-top:0}

/* header: the door frame */
.szwkn-head{position:sticky;top:0;z-index:20;background:rgba(253,254,252,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:var(--mull) solid var(--ink)}
.szwkn-nav{display:flex;align-items:stretch;justify-content:space-between;gap:1rem;min-height:68px}
.szwkn-brand{display:inline-flex;align-items:center;gap:.8rem;font-family:var(--font-head);font-weight:700;font-size:1.2rem;color:var(--ink);text-decoration:none;min-height:44px}
.szwkn-brand img{display:none}
.szwkn-brand::before{content:"";flex:none;width:34px;height:34px;background:linear-gradient(var(--ink),var(--ink)) center/100% 4px no-repeat,linear-gradient(var(--ink),var(--ink)) center/4px 100% no-repeat,linear-gradient(135deg,var(--cobalt) 0 50%,var(--amber) 50% 100%);border:4px solid var(--ink)}
.szwkn-brand:hover{color:var(--cobalt)}
.szwkn-links{display:flex;align-items:stretch}
.szwkn-links a{display:inline-flex;align-items:center;min-height:44px;padding:0 1.15rem;border-left:var(--bar) solid var(--ink);color:var(--ink);text-decoration:none;font-weight:600;font-size:1rem;transition:background-color .7s ease}
.szwkn-links a:hover{background:var(--amber-lit);color:var(--ink)}
.szwkn-links a.szwkn-cta{background:var(--cobalt);color:var(--clear);border-right:0}
.szwkn-links a.szwkn-cta:hover{background:var(--cobalt-lit);color:var(--clear)}
.szwkn-menu{display:none;align-self:center;background:var(--clear);border:var(--bar) solid var(--ink);padding:0;width:48px;height:48px;align-items:center;justify-content:center;color:var(--ink);cursor:pointer}
.szwkn-menu:hover{background:var(--amber-lit)}
@media (max-width:760px){.szwkn-nav{min-height:64px}.szwkn-menu{display:inline-flex}.szwkn-links{display:none;position:absolute;left:0;right:0;top:100%;background:var(--clear);border-bottom:var(--mull) solid var(--ink);flex-direction:column;padding:0}.szwkn-links[data-open]{display:flex}.szwkn-links a{border-left:0;border-top:var(--bar) solid var(--ink);min-height:52px;padding:0 1.2rem}}

/* weather: a strip of small panes */
.szwkn-wx{background:var(--ink);padding:var(--bar) 0 0;color:var(--ink);border-bottom:0}
.szwkn-wx-row{display:flex;flex-wrap:wrap;align-items:stretch;gap:var(--bar);padding:0}
.szwkn-wx-row>*{background:var(--clear);padding:.6rem 1rem}
.szwkn-wx-photo{display:inline-flex;align-items:center;gap:.7rem;border:0;color:var(--ink);font:inherit;cursor:pointer;min-height:56px}
.szwkn-wx-photo img{width:52px;height:52px;border-radius:0;object-fit:cover;border:var(--bar) solid var(--ink)}
.szwkn-wx-photo span{font-size:.9rem;font-weight:700;border:var(--bar) solid var(--ink);padding:.25rem .7rem;background:var(--clear);color:var(--ink)}
.szwkn-wx-photo:hover span,.szwkn-wx-photo[aria-expanded=true] span{background:var(--cobalt);border-color:var(--ink);color:var(--clear)}
.szwkn-wx-now{display:flex;align-items:center;gap:.7rem;background:var(--seed)}
.szwkn-wx-now strong{font-family:var(--font-head);font-size:2rem;line-height:1;font-weight:600}
.szwkn-wx-now span{font-size:1rem}.szwkn-wx-now small{display:block;font-size:.85rem;color:var(--mute)}
.szwkn-wx-icon{display:inline-flex;color:var(--cobalt)}
.szwkn-wx-days{display:flex;flex-wrap:wrap;gap:var(--bar);list-style:none;margin:0;background:var(--ink)!important;padding:0!important}
.szwkn-wx-days li{display:grid;grid-template-columns:auto auto;grid-template-rows:auto auto;column-gap:.6rem;align-items:center;border:0;background:var(--clear);padding:.5rem .8rem;font-size:.9rem;min-width:124px}
.szwkn-wx-days li:nth-child(2){background:var(--seed)}
.szwkn-wx-day{font-weight:700;grid-column:1}.szwkn-wx-glyph{grid-row:1/3;grid-column:2;color:var(--oxblood)}.szwkn-wx-glyph svg{width:24px;height:24px}
.szwkn-wx-hl{grid-column:1}.szwkn-wx-hl strong{font-size:1rem}.szwkn-wx-hl em{font-style:normal;color:var(--mute);margin-left:.3rem}
.szwkn-wx-cond{grid-column:1/3;font-size:.82rem;color:var(--mute);max-width:160px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.szwkn-wx-source{flex:1 1 auto;font-size:.85rem;color:var(--mute);display:flex;align-items:center;background:var(--seed)!important}
.szwkn-wx-panel{background:var(--clear);padding:1rem 1.2rem 1.1rem;border-top:var(--bar) solid var(--ink)}.szwkn-wx-panel img{max-width:600px;width:100%;background:var(--water);border:var(--bar) solid var(--ink)}.szwkn-wx-panel p{font-size:.88rem;color:var(--mute);margin:.6rem 0 0}
@media (max-width:700px){.szwkn-wx-source{width:100%}.szwkn-wx-now strong{font-size:1.7rem}}

/* captions & text */
.szwkn-eyebrow{display:flex;align-items:center;gap:.7rem;font-size:.95rem;font-weight:600;letter-spacing:.01em;color:var(--mute);margin:.2rem 0 .9rem;text-transform:none}
.szwkn-eyebrow::before{content:"";flex:none;width:34px;height:8px;background:var(--amber);border-block:2px solid var(--ink)}
.szwkn-why .szwkn-eyebrow{color:var(--mute)!important}
.szwkn-lead{font-size:1.2rem;line-height:1.55;color:var(--ink)}

/* hero: one pane, one statement */
.szwkn-hero{padding:1.2rem 0 1.6rem}
.szwkn-hero-wall{grid-template-columns:repeat(12,1fr)}
.szwkn-p-title{grid-column:1/9;grid-row:1;padding:2.2rem 2rem 1.2rem}
.szwkn-p-title h1{margin-bottom:.45em}
.szwkn-p-art{grid-column:9/13;grid-row:1/4;background:var(--amber)!important;background-image:none!important;display:flex;align-items:center;justify-content:center;padding:1.2rem}
.szwkn-stack-art{width:100%;max-width:330px;height:auto}
.szwkn-p-lead{grid-column:1/6;grid-row:2;background:var(--seed)}
.szwkn-p-trust{grid-column:6/9;grid-row:2;background:var(--clear)!important;background-image:none!important}
.szwkn-p-acts{grid-column:1/9;grid-row:3;background:var(--cobalt)!important;background-image:none!important;padding:1.3rem 1.7rem}
.szwkn-acts{margin:0;display:flex;flex-wrap:wrap;gap:.8rem 1rem;max-width:none}
.szwkn-trust{display:grid;gap:.5rem;margin:0;padding:0;list-style:none;font-size:1rem;font-weight:600}
.szwkn-trust li{position:relative;padding-left:1.4rem;line-height:1.35}
.szwkn-trust li::before{content:"";position:absolute;left:0;top:.35em;width:.75rem;height:.75rem;background:var(--cobalt);border:2px solid var(--ink)}
.szwkn-trust li:nth-child(2)::before{background:var(--amber)}.szwkn-trust li:nth-child(3)::before{background:var(--oxblood)}.szwkn-trust li:nth-child(4)::before{background:var(--clear)}
@media (max-width:900px){.szwkn-hero-wall{grid-template-columns:1fr 1fr}.szwkn-p-title{grid-column:1/-1;grid-row:auto}.szwkn-p-art{grid-column:1/-1;grid-row:auto;padding:1rem}.szwkn-stack-art{max-width:200px}.szwkn-p-lead{grid-column:1/-1;grid-row:auto}.szwkn-p-trust{grid-column:1/-1;grid-row:auto}.szwkn-p-acts{grid-column:1/-1;grid-row:auto}}

/* buttons: panes that light up */
.szwkn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;border:var(--bar) solid var(--ink);border-radius:0;min-height:52px;padding:.55rem 1.4rem;font:inherit;font-weight:700;font-size:1.02rem;line-height:1.2;cursor:pointer;text-decoration:none;transition:background-color .7s ease,color .7s ease}
.szwkn-btn--primary{background:var(--cobalt);color:var(--clear)}.szwkn-btn--primary:hover{background:var(--cobalt-lit);color:var(--clear)}
.szwkn-btn--ghost{background:var(--clear);color:var(--ink)}.szwkn-btn--ghost:hover{background:var(--amber-lit);color:var(--ink)}
.szwkn-acts .szwkn-btn--primary{background:var(--amber);color:var(--ink)}.szwkn-acts .szwkn-btn--primary:hover{background:var(--amber-lit);color:var(--ink)}
.szwkn-acts .szwkn-btn--ghost{background:transparent;color:var(--clear);border-color:var(--clear)}.szwkn-acts .szwkn-btn--ghost:hover{background:var(--cobalt-lit);color:var(--clear)}
.szwkn-btn[disabled]{background:rgba(255,255,255,.7);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);color:var(--mute);border-color:#6d716c;cursor:progress}

/* sections, cards, steps */
.szwkn-section{padding:2rem 0;border-top:var(--mull) solid var(--ink)}
.szwkn-section:first-child{border-top:0}
.szwkn-section--soft{background:var(--seed)}
.szwkn-section--deep{background:var(--cobalt);color:var(--clear)}.szwkn-section--deep h2,.szwkn-section--deep a{color:var(--clear)}
.szwkn-cols{display:grid;gap:var(--bar);background:var(--ink);border:var(--bar) solid var(--ink);grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}
.szwkn-card{display:block;background:var(--clear);border:0;border-radius:0;padding:1.5rem 1.6rem;color:var(--ink);text-decoration:none;transition:background-color .7s ease}
.szwkn-card:nth-child(even){background:var(--seed)}
.szwkn-num{display:inline-grid;place-items:center;width:3rem;height:3rem;border:var(--bar) solid var(--ink);background:var(--amber);color:var(--ink);font-weight:700;font-size:1.25rem;margin-bottom:.9rem}
.szwkn-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bar);background:var(--ink)}
.szwkn-steps .szwkn-card:nth-child(2) .szwkn-num{background:var(--oxblood);color:var(--clear)}
.szwkn-steps .szwkn-card:nth-child(3) .szwkn-num{background:var(--cobalt);color:var(--clear)}
.szwkn-steps .szwkn-card:hover{background:var(--amber-lit)}
.szwkn-p-head h2{margin-bottom:.3em}
.szwkn-p-note{background:var(--seed)}
.szwkn-p-note p{margin:0}
.szwkn-p-table{padding:0;background:var(--clear)!important;background-image:none!important}
@media (max-width:760px){.szwkn-steps{grid-template-columns:1fr}.szwkn-cols{grid-template-columns:1fr}}

/* quote engine: the form is a window pane, selection floods it */
.szwkn-quote-wall{grid-template-columns:150px 1fr}
.szwkn-p-tickets{display:flex;align-items:center;justify-content:center;padding:1.2rem .8rem;background:var(--seed)!important}
.szwkn-ticket-art{width:100%;max-width:110px;height:auto}
.szwkn-p-quote{padding:0;background:var(--clear)!important;background-image:none!important}
.szwkn-p-quote .szwkn-quote{border:0}
.szwkn-p-quote .szwkn-results{padding:0 1.7rem 1.6rem}
.szwkn-p-quote .szwkn-results:empty{padding:0}
@media (max-width:760px){.szwkn-quote-wall{grid-template-columns:1fr}.szwkn-p-tickets{padding:.8rem}.szwkn-ticket-art{max-width:62px;transform:rotate(90deg);margin:-1.2rem 0}}
.szwkn-quote{background:var(--clear);border:var(--bar) solid var(--ink);padding:1.6rem 1.7rem;box-shadow:none}
.szwkn-quote h2{font-size:1.5rem}
.szwkn-fields{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1.2rem}
@media (max-width:560px){.szwkn-fields{grid-template-columns:1fr}.szwkn-quote{padding:1.3rem 1.1rem}}
.szwkn-field{display:flex;flex-direction:column;gap:.4rem}
.szwkn-field>span{font-size:1rem;font-weight:700}
.szwkn-field input,.szwkn-field select,.szwkn-field textarea{font:inherit;font-size:1.02rem;min-height:48px;padding:.6rem .8rem;border:var(--bar) solid var(--ink);border-radius:0;background:var(--clear);color:var(--ink);width:100%;transition:background-color .7s ease}
.szwkn-field input:hover,.szwkn-field select:hover,.szwkn-field textarea:hover{background:var(--amber-lit)}
.szwkn-field input:focus,.szwkn-field select:focus,.szwkn-field textarea:focus{background:var(--amber-lit)}
.szwkn-field--wide{grid-column:1/-1}
.szwkn-seg{display:flex;flex-wrap:wrap;gap:var(--bar);background:var(--ink);padding:var(--bar);width:fit-content;max-width:100%}
.szwkn-seg label{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:48px;min-width:48px;border:0;border-radius:0;padding:.5rem 1.1rem;cursor:pointer;font-size:1rem;font-weight:600;background:var(--clear);color:var(--ink);transition:background-color .7s ease,color .7s ease}
.szwkn-seg label:hover{background:var(--amber-lit)}
.szwkn-seg input{position:absolute;opacity:0;width:0;height:0}
.szwkn-seg input:checked+span{background:none;margin:0;padding:0;display:inline;border-radius:0}
.szwkn-seg label:has(input:checked){background:var(--cobalt);color:var(--clear)}
.szwkn-seg label:has(input:focus-visible){outline:3px solid var(--amber);outline-offset:3px}
.szwkn-note{font-size:.95rem;color:var(--mute);margin-top:.9rem}
.szwkn-status{margin-top:.9rem;font-weight:700;min-height:1.4em}
.szwkn-status[data-tone=error]{color:var(--oxblood)}
.szwkn-results{margin-top:1.4rem}
.szwkn-summary{display:flex;flex-wrap:wrap;gap:.5rem 1.2rem;align-items:baseline;margin-bottom:1rem;font-size:1rem}
.szwkn-result{display:grid;grid-template-columns:1fr auto;gap:.6rem 1.2rem;align-items:center;border:var(--bar) solid var(--ink);border-radius:0;padding:1rem 1.2rem;margin-bottom:.8rem;background:var(--clear);transition:background-color .7s ease}
.szwkn-result:hover{background:var(--amber-lit)}
.szwkn-result--best{border-left-width:14px;background:var(--seed)}
.szwkn-result strong{font-family:var(--font-head);font-size:1.1rem}
.szwkn-result small{display:block;color:var(--mute);font-size:.9rem}
.szwkn-price{font-family:var(--font-head);font-size:1.9rem;font-weight:700;text-align:right;line-height:1;color:var(--ink)}
.szwkn-price small{display:block;font-size:.8rem;font-weight:600;text-align:right;margin-top:.25rem}
.szwkn-tags{display:flex;flex-wrap:wrap;gap:.4rem;margin-top:.4rem}
.szwkn-tag{font-size:.82rem;font-weight:700;padding:.2rem .6rem;border-radius:0;background:var(--clear);border:2px solid var(--ink);color:var(--ink)}
.szwkn-tag--now{background:var(--oxblood);color:var(--clear);border-color:var(--ink);font-weight:700}
.szwkn-group{font-size:1.25rem;margin:1.5rem 0 .5rem}
.szwkn-applicant{margin:.2rem 0 1rem;border-color:var(--ink)}
.szwkn-result .szwkn-btn{grid-column:1/-1;justify-self:start}
@media (min-width:640px){.szwkn-result{grid-template-columns:1fr auto auto}.szwkn-result .szwkn-btn{grid-column:auto}}
.szwkn-disclosure{font-size:.9rem;color:var(--mute);border-top:var(--bar) solid var(--ink);padding-top:.9rem;margin-top:1rem}
details.szwkn-more{margin-top:.5rem;font-size:.95rem}details.szwkn-more summary{cursor:pointer;color:var(--cobalt);font-weight:700;min-height:44px;display:flex;align-items:center}

/* tables */
.szwkn-table-wrap{overflow-x:auto}
.szwkn-table{width:100%;border-collapse:collapse;font-size:1rem}
.szwkn-table th,.szwkn-table td{padding:.8rem 1rem;border:var(--bar) solid var(--ink);text-align:left}
.szwkn-table tr:first-child>*,.szwkn-table thead th{border-top:0}
.szwkn-table tr>*:first-child{border-left:0}.szwkn-table tr>*:last-child{border-right:0}
.szwkn-table tbody tr:last-child>*{border-bottom:0}
.szwkn-table th{font-size:.92rem;font-weight:700;background:var(--water);color:var(--ink);text-transform:none;letter-spacing:0}
.szwkn-table tbody td{background:var(--clear)}
.szwkn-table tbody tr:nth-child(even) td{background:var(--seed)}
.szwkn-table tbody td:nth-child(2){background:var(--amber-lit);font-weight:700}
.szwkn-table tbody tr:hover td{background:var(--amber-lit)}

/* articles & faq */
.szwkn-wrap:has(>h1),.szwkn-article:has(>h1){display:flex;flex-direction:column}
.szwkn-wrap>h1,.szwkn-article>h1{order:-2}
.szwkn-wrap>h1+.szwkn-eyebrow,.szwkn-article>.szwkn-eyebrow{order:-1}
.szwkn-article{max-width:var(--measure);margin-inline:auto}
.szwkn-article.szwkn-wrap{background:var(--clear);border:var(--bar) solid var(--ink);padding:2rem clamp(1.1rem,4vw,2.6rem);max-width:min(var(--measure) + 5rem,100% - 2rem)}
.szwkn-article figure{margin:0 0 1.6rem}.szwkn-article figcaption{font-size:.88rem;color:var(--mute);margin-top:.5rem}
.szwkn-article img{border:var(--bar) solid var(--ink)}
.szwkn-sources{font-size:.95rem;border-top:var(--bar) solid var(--ink);padding-top:1rem;margin-top:2rem}.szwkn-sources ol{padding-left:1.2rem}
.szwkn-faq{display:grid;gap:var(--bar);background:var(--ink);border:var(--bar) solid var(--ink)}
.szwkn-faq details{background:var(--clear);padding:0;transition:background-color .7s ease}
.szwkn-faq details:nth-child(even){background:var(--seed)}
.szwkn-faq details[open]{background:var(--amber-lit)}
.szwkn-faq summary{cursor:pointer;font-weight:600;font-family:var(--font-head);font-size:1.12rem;line-height:1.3;padding:1rem 3.6rem 1rem 1.3rem;min-height:56px;position:relative;list-style:none;display:flex;align-items:center}
.szwkn-faq summary::-webkit-details-marker{display:none}
.szwkn-faq summary::before,.szwkn-faq summary::after{content:"";position:absolute;right:1.3rem;top:50%;width:18px;height:4px;margin-top:-2px;background:var(--ink)}
.szwkn-faq summary::after{transform:rotate(90deg)}
.szwkn-faq details[open] summary::after{transform:none}
.szwkn-faq details p{padding:0 1.3rem;margin:0 0 1.1rem}
.szwkn-calc{background:var(--seed)}
.szwkn-calc output{font-family:var(--font-head);font-size:2.1rem;font-weight:700;display:block;margin-top:.7rem;color:var(--cobalt)}
.szwkn-apply-shell{background:var(--clear);border:var(--bar) solid var(--ink);border-radius:0;padding:1rem;min-height:600px}
.szwkn-apply-shell iframe{width:100%;border:0}
[data-reveal]{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{transition:none!important}html{scroll-behavior:auto}}

/* why Covina */
.szwkn-why-wall{grid-template-columns:repeat(12,1fr)}
.szwkn-p-why{grid-column:1/9;grid-row:1/3;padding:2rem 2rem 1.2rem}
.szwkn-p-griddle{grid-column:9/13;grid-row:1;background:var(--amber-lit)!important;background-image:none!important;display:flex;align-items:center;justify-content:center;padding:1rem}
.szwkn-griddle-art{width:100%;max-width:330px;height:auto}
.szwkn-p-hl{grid-column:9/13;grid-row:2;background:var(--cobalt)!important;background-image:none!important;color:var(--clear);display:flex;align-items:center}
.szwkn-hl p{margin:0;color:var(--clear);font-size:1.05rem}
.szwkn-hl a{color:var(--clear);font-weight:700}.szwkn-hl a:hover{color:var(--amber-lit)}
.szwkn-why-text p{max-width:62ch}
.szwkn-mosaic{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:var(--bar);background:var(--ink)}
.szwkn-mosaic a{display:flex;flex-direction:column;background:var(--clear);color:var(--ink);text-decoration:none;transition:background-color .7s ease}
.szwkn-mosaic a:nth-child(2){background:var(--seed)}
.szwkn-mosaic img{width:100%;aspect-ratio:8/5;object-fit:cover;border-bottom:var(--bar) solid var(--ink)}
.szwkn-mosaic span{display:block;padding:.9rem 1.1rem;font-weight:700;font-size:1.02rem;line-height:1.3;color:var(--ink)}
.szwkn-mosaic a:hover{background:var(--amber-lit)}
@media (max-width:900px){.szwkn-why-wall{grid-template-columns:1fr 1fr}.szwkn-p-why{grid-column:1/-1;grid-row:auto;padding:1.6rem}.szwkn-p-griddle{grid-column:1/2;grid-row:auto}.szwkn-p-hl{grid-column:2/3;grid-row:auto}}
@media (max-width:640px){.szwkn-why-wall{grid-template-columns:1fr}.szwkn-p-griddle,.szwkn-p-hl{grid-column:1/-1}.szwkn-mosaic{grid-template-columns:1fr}}

/* learn */
.szwkn-learn-list{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--bar);background:var(--ink)}
.szwkn-learn-list .szwkn-card{display:flex;flex-direction:column;min-height:190px;padding-bottom:2.4rem;position:relative}
.szwkn-learn-list .szwkn-card::after{content:"";position:absolute;left:1.6rem;bottom:1.2rem;width:48px;height:10px;background:var(--amber);border:2px solid var(--ink)}
.szwkn-learn-list .szwkn-card:nth-child(2)::after{background:var(--cobalt)}.szwkn-learn-list .szwkn-card:nth-child(3)::after{background:var(--oxblood)}.szwkn-learn-list .szwkn-card:nth-child(4)::after{background:var(--clear)}
.szwkn-learn-list .szwkn-card:hover{background:var(--amber-lit)}
.szwkn-learn-list .szwkn-card:active{background:var(--cobalt);color:var(--clear)}.szwkn-learn-list .szwkn-card:active h3{color:var(--clear)}
.szwkn-learn-list .szwkn-card p{margin:0}
@media (max-width:1000px){.szwkn-learn-list{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.szwkn-learn-list{grid-template-columns:1fr}.szwkn-learn-list .szwkn-card{min-height:0}}

/* footer: the wall's lower frame */
.szwkn-foot{background:var(--ink);border-top:var(--mull) solid var(--ink);padding:var(--bar) 0 1.6rem;font-size:1rem;color:var(--water)}
.szwkn-foot-grid{display:grid;gap:var(--bar);grid-template-columns:2fr 1fr 1fr;background:var(--ink)}
.szwkn-foot-grid>*{background:var(--clear);color:var(--ink);padding:1.4rem 1.5rem}
.szwkn-foot-grid>*:nth-child(2){background:var(--seed)}
@media (max-width:700px){.szwkn-foot-grid{grid-template-columns:1fr}}
.szwkn-foot a{color:var(--cobalt)}.szwkn-foot a:hover{color:var(--oxblood)}
.szwkn-foot .szwkn-brand{color:var(--ink)}
.szwkn-foot nav a{display:flex;align-items:center;min-height:44px;margin:0;font-weight:600}
.szwkn-foot nav strong{display:block;margin-bottom:.3rem}
.szwkn-foot [data-copy=legal]{color:var(--water)}
.szwkn-foot [data-copy=legal] a{color:var(--amber-lit)}
@media (max-width:560px){.szwkn-table th,.szwkn-table td{padding:.65rem .5rem;font-size:.95rem}.szwkn-table th{font-size:.85rem}.szwkn-pane{padding:1.3rem 1.1rem}.szwkn-p-title{padding:1.5rem 1.1rem 1rem}.szwkn-p-acts{padding:1.1rem}.szwkn-seg label{padding:.5rem .8rem}}
.szwkn-foot [data-copy=legal] a:hover{color:var(--clear)}
.szwkn-section--soft{background:var(--water)}
.szwkn-section--soft>.szwkn-wrap{background:var(--clear);border:var(--bar) solid var(--ink);padding:2rem clamp(1.1rem,4vw,2.6rem)}
.szwkn-section--soft>.szwkn-wrap .szwkn-quote{border:0;padding:1.4rem 0 .4rem}
.szwkn-section>.szwkn-wrap:not(:has(>h1)){padding-block:0}
.szwkn-skip:hover{color:var(--clear)}
.szwkn-faq{display:block;background:none;border:0}
.szwkn-faq details{border:var(--bar) solid var(--ink)}
.szwkn-faq details+details{margin-top:calc(var(--bar) * -1)}
.szwkn-section--soft>.szwkn-wrap .szwkn-quote{padding:1.4rem .2rem .4rem}
.szwkn-section--soft>.szwkn-wrap .szwkn-fields{padding-inline:.2rem}
.szwkn-section--soft>.szwkn-wrap .szwkn-quote{background:transparent;padding-inline:0}
.szwkn-section--soft>.szwkn-wrap .szwkn-fields{padding-inline:0}
.szwkn-section--soft>.szwkn-wrap{padding:2rem 2rem}
.szwkn-article.szwkn-wrap{padding:2rem 2rem}
.szwkn-section>.szwkn-wrap.szwkn-article{padding-block:2rem}
@media (max-width:560px){.szwkn-section--soft>.szwkn-wrap,.szwkn-article.szwkn-wrap{padding:1.4rem 1.1rem}}
