/* ==========================================================================
   layout.css — GENERATED by _texta/gen-layout.js. Do not edit by hand.

   The reference lays out with a Bootstrap-shaped utility system under a
   `t4s-` prefix. Reproducing it exactly is what makes section geometry line
   up; re-deriving it is the single easiest way to shift the whole page.
   ========================================================================== */

/* ---- containers -------------------------------------------------------- */

.t4s-container{width:100%;padding-inline:calc(.5 * var(--ts-gutter-x, 3rem));margin-inline:auto;max-width:var(--tx-container)}
@media (min-width:576px){.t4s-container{max-width:var(--tx-container)}}
@media (min-width:768px){.t4s-container{max-width:var(--tx-container)}}
@media (min-width:1025px){.t4s-container{max-width:var(--tx-container)}}
@media (min-width:1200px){.t4s-container{max-width:var(--tx-container)}}
.t4s-container-fluid{width:100%;padding-inline:calc(.5 * var(--ts-gutter-x, 3rem));margin-inline:auto}

/* ---- row --------------------------------------------------------------- */

.t4s-row{--ts-gutter-x:3rem;--ts-gutter-y:0;display:flex;flex-wrap:wrap;margin-top:calc(-1 * var(--ts-gutter-y));margin-inline:calc(-.5 * var(--ts-gutter-x))}
.t4s-row-mt{margin-top:0}
.t4s-row-cols{display:flex;flex-wrap:wrap}

/* ---- column ------------------------------------------------------------ */

.t4s-col-item{padding-inline:calc(var(--ts-gutter-x) * .5);margin-top:var(--ts-gutter-y);box-sizing:border-box;flex-shrink:0;width:100%;max-width:100%}
.t4s-col{flex:1 0 0%}
.t4s-col-auto{flex:0 0 auto;width:auto}
.t4s-col-1{flex:0 0 auto;width:8.33333333%}
.t4s-col-2{flex:0 0 auto;width:16.66666667%}
.t4s-col-3{flex:0 0 auto;width:25%}
.t4s-col-4{flex:0 0 auto;width:33.33333333%}
.t4s-col-5{flex:0 0 auto;width:41.66666667%}
.t4s-col-6{flex:0 0 auto;width:50%}
.t4s-col-7{flex:0 0 auto;width:58.33333333%}
.t4s-col-8{flex:0 0 auto;width:66.66666667%}
.t4s-col-9{flex:0 0 auto;width:75%}
.t4s-col-10{flex:0 0 auto;width:83.33333333%}
.t4s-col-11{flex:0 0 auto;width:91.66666667%}
.t4s-col-12{flex:0 0 auto;width:100%}
.t4s-col-15{flex:0 0 auto;width:20%}

@media (min-width:576px){
.t4s-col-sm{flex:1 0 0%}
.t4s-col-sm-auto{flex:0 0 auto;width:auto}
.t4s-col-sm-1{flex:0 0 auto;width:8.33333333%}
.t4s-col-sm-2{flex:0 0 auto;width:16.66666667%}
.t4s-col-sm-3{flex:0 0 auto;width:25%}
.t4s-col-sm-4{flex:0 0 auto;width:33.33333333%}
.t4s-col-sm-5{flex:0 0 auto;width:41.66666667%}
.t4s-col-sm-6{flex:0 0 auto;width:50%}
.t4s-col-sm-7{flex:0 0 auto;width:58.33333333%}
.t4s-col-sm-8{flex:0 0 auto;width:66.66666667%}
.t4s-col-sm-9{flex:0 0 auto;width:75%}
.t4s-col-sm-10{flex:0 0 auto;width:83.33333333%}
.t4s-col-sm-11{flex:0 0 auto;width:91.66666667%}
.t4s-col-sm-12{flex:0 0 auto;width:100%}
.t4s-col-sm-15{flex:0 0 auto;width:20%}
}

@media (min-width:768px){
.t4s-col-md{flex:1 0 0%}
.t4s-col-md-auto{flex:0 0 auto;width:auto}
.t4s-col-md-1{flex:0 0 auto;width:8.33333333%}
.t4s-col-md-2{flex:0 0 auto;width:16.66666667%}
.t4s-col-md-3{flex:0 0 auto;width:25%}
.t4s-col-md-4{flex:0 0 auto;width:33.33333333%}
.t4s-col-md-5{flex:0 0 auto;width:41.66666667%}
.t4s-col-md-6{flex:0 0 auto;width:50%}
.t4s-col-md-7{flex:0 0 auto;width:58.33333333%}
.t4s-col-md-8{flex:0 0 auto;width:66.66666667%}
.t4s-col-md-9{flex:0 0 auto;width:75%}
.t4s-col-md-10{flex:0 0 auto;width:83.33333333%}
.t4s-col-md-11{flex:0 0 auto;width:91.66666667%}
.t4s-col-md-12{flex:0 0 auto;width:100%}
.t4s-col-md-15{flex:0 0 auto;width:20%}
}

@media (min-width:1025px){
.t4s-col-lg{flex:1 0 0%}
.t4s-col-lg-auto{flex:0 0 auto;width:auto}
.t4s-col-lg-1{flex:0 0 auto;width:8.33333333%}
.t4s-col-lg-2{flex:0 0 auto;width:16.66666667%}
.t4s-col-lg-3{flex:0 0 auto;width:25%}
.t4s-col-lg-4{flex:0 0 auto;width:33.33333333%}
.t4s-col-lg-5{flex:0 0 auto;width:41.66666667%}
.t4s-col-lg-6{flex:0 0 auto;width:50%}
.t4s-col-lg-7{flex:0 0 auto;width:58.33333333%}
.t4s-col-lg-8{flex:0 0 auto;width:66.66666667%}
.t4s-col-lg-9{flex:0 0 auto;width:75%}
.t4s-col-lg-10{flex:0 0 auto;width:83.33333333%}
.t4s-col-lg-11{flex:0 0 auto;width:91.66666667%}
.t4s-col-lg-12{flex:0 0 auto;width:100%}
.t4s-col-lg-15{flex:0 0 auto;width:20%}
}

@media (min-width:1200px){
.t4s-col-xl{flex:1 0 0%}
.t4s-col-xl-auto{flex:0 0 auto;width:auto}
.t4s-col-xl-1{flex:0 0 auto;width:8.33333333%}
.t4s-col-xl-2{flex:0 0 auto;width:16.66666667%}
.t4s-col-xl-3{flex:0 0 auto;width:25%}
.t4s-col-xl-4{flex:0 0 auto;width:33.33333333%}
.t4s-col-xl-5{flex:0 0 auto;width:41.66666667%}
.t4s-col-xl-6{flex:0 0 auto;width:50%}
.t4s-col-xl-7{flex:0 0 auto;width:58.33333333%}
.t4s-col-xl-8{flex:0 0 auto;width:66.66666667%}
.t4s-col-xl-9{flex:0 0 auto;width:75%}
.t4s-col-xl-10{flex:0 0 auto;width:83.33333333%}
.t4s-col-xl-11{flex:0 0 auto;width:91.66666667%}
.t4s-col-xl-12{flex:0 0 auto;width:100%}
.t4s-col-xl-15{flex:0 0 auto;width:20%}
}

/* ---- row-cols ---------------------------------------------------------- */

.t4s-row-cols-auto>*{flex:0 0 auto;width:auto}
.t4s-row-cols-1>*{width:100%}
.t4s-row-cols-2>*{width:50%}
.t4s-row-cols-3>*{width:33.33333333%}
.t4s-row-cols-4>*{width:25%}
.t4s-row-cols-5>*{width:20%}
.t4s-row-cols-6>*{width:16.66666667%}
.t4s-row-cols-7>*{width:14.28571429%}
.t4s-row-cols-8>*{width:12.5%}

@media (min-width:576px){
.t4s-row-cols-sm-auto>*{width:auto}
.t4s-row-cols-sm-1>*{width:100%}
.t4s-row-cols-sm-2>*{width:50%}
.t4s-row-cols-sm-3>*{width:33.33333333%}
.t4s-row-cols-sm-4>*{width:25%}
.t4s-row-cols-sm-5>*{width:20%}
.t4s-row-cols-sm-6>*{width:16.66666667%}
.t4s-row-cols-sm-7>*{width:14.28571429%}
.t4s-row-cols-sm-8>*{width:12.5%}
.t4s-row-cols-sm-15>*{width:20%}
}

@media (min-width:768px){
.t4s-row-cols-md-auto>*{width:auto}
.t4s-row-cols-md-1>*{width:100%}
.t4s-row-cols-md-2>*{width:50%}
.t4s-row-cols-md-3>*{width:33.33333333%}
.t4s-row-cols-md-4>*{width:25%}
.t4s-row-cols-md-5>*{width:20%}
.t4s-row-cols-md-6>*{width:16.66666667%}
.t4s-row-cols-md-7>*{width:14.28571429%}
.t4s-row-cols-md-8>*{width:12.5%}
.t4s-row-cols-md-15>*{width:20%}
}

@media (min-width:1025px){
.t4s-row-cols-lg-auto>*{width:auto}
.t4s-row-cols-lg-1>*{width:100%}
.t4s-row-cols-lg-2>*{width:50%}
.t4s-row-cols-lg-3>*{width:33.33333333%}
.t4s-row-cols-lg-4>*{width:25%}
.t4s-row-cols-lg-5>*{width:20%}
.t4s-row-cols-lg-6>*{width:16.66666667%}
.t4s-row-cols-lg-7>*{width:14.28571429%}
.t4s-row-cols-lg-8>*{width:12.5%}
.t4s-row-cols-lg-15>*{width:20%}
}

@media (min-width:1200px){
.t4s-row-cols-xl-auto>*{width:auto}
.t4s-row-cols-xl-1>*{width:100%}
.t4s-row-cols-xl-2>*{width:50%}
.t4s-row-cols-xl-3>*{width:33.33333333%}
.t4s-row-cols-xl-4>*{width:25%}
.t4s-row-cols-xl-5>*{width:20%}
.t4s-row-cols-xl-6>*{width:16.66666667%}
.t4s-row-cols-xl-7>*{width:14.28571429%}
.t4s-row-cols-xl-8>*{width:12.5%}
.t4s-row-cols-xl-15>*{width:20%}
}

/* ---- gutters ----------------------------------------------------------- */

.t4s-gx-0{--ts-gutter-x:0}
.t4s-gy-0{--ts-gutter-y:0}
.t4s-gx-2{--ts-gutter-x:2px}
.t4s-gy-2{--ts-gutter-y:2px}
.t4s-gx-3{--ts-gutter-x:3px}
.t4s-gy-3{--ts-gutter-y:3px}
.t4s-gx-4{--ts-gutter-x:4px}
.t4s-gy-4{--ts-gutter-y:4px}
.t4s-gx-5{--ts-gutter-x:5px}
.t4s-gy-5{--ts-gutter-y:5px}
.t4s-gx-6{--ts-gutter-x:6px}
.t4s-gy-6{--ts-gutter-y:6px}
.t4s-gx-8{--ts-gutter-x:8px}
.t4s-gy-8{--ts-gutter-y:8px}
.t4s-gx-10{--ts-gutter-x:10px}
.t4s-gy-10{--ts-gutter-y:10px}
.t4s-gx-15{--ts-gutter-x:15px}
.t4s-gy-15{--ts-gutter-y:15px}
.t4s-gx-20{--ts-gutter-x:20px}
.t4s-gy-20{--ts-gutter-y:20px}
.t4s-gx-25{--ts-gutter-x:25px}
.t4s-gy-25{--ts-gutter-y:25px}
.t4s-gx-30{--ts-gutter-x:30px}
.t4s-gy-30{--ts-gutter-y:30px}
.t4s-gx-40{--ts-gutter-x:40px}
.t4s-gy-40{--ts-gutter-y:40px}

@media (min-width:576px){
.t4s-gx-sm-0{--ts-gutter-x:0}
.t4s-gy-sm-0{--ts-gutter-y:0}
.t4s-gx-sm-2{--ts-gutter-x:2px}
.t4s-gy-sm-2{--ts-gutter-y:2px}
.t4s-gx-sm-3{--ts-gutter-x:3px}
.t4s-gy-sm-3{--ts-gutter-y:3px}
.t4s-gx-sm-4{--ts-gutter-x:4px}
.t4s-gy-sm-4{--ts-gutter-y:4px}
.t4s-gx-sm-5{--ts-gutter-x:5px}
.t4s-gy-sm-5{--ts-gutter-y:5px}
.t4s-gx-sm-6{--ts-gutter-x:6px}
.t4s-gy-sm-6{--ts-gutter-y:6px}
.t4s-gx-sm-8{--ts-gutter-x:8px}
.t4s-gy-sm-8{--ts-gutter-y:8px}
.t4s-gx-sm-10{--ts-gutter-x:10px}
.t4s-gy-sm-10{--ts-gutter-y:10px}
.t4s-gx-sm-15{--ts-gutter-x:15px}
.t4s-gy-sm-15{--ts-gutter-y:15px}
.t4s-gx-sm-20{--ts-gutter-x:20px}
.t4s-gy-sm-20{--ts-gutter-y:20px}
.t4s-gx-sm-25{--ts-gutter-x:25px}
.t4s-gy-sm-25{--ts-gutter-y:25px}
.t4s-gx-sm-30{--ts-gutter-x:30px}
.t4s-gy-sm-30{--ts-gutter-y:30px}
.t4s-gx-sm-40{--ts-gutter-x:40px}
.t4s-gy-sm-40{--ts-gutter-y:40px}
}

@media (min-width:768px){
.t4s-gx-md-0{--ts-gutter-x:0}
.t4s-gy-md-0{--ts-gutter-y:0}
.t4s-gx-md-2{--ts-gutter-x:2px}
.t4s-gy-md-2{--ts-gutter-y:2px}
.t4s-gx-md-3{--ts-gutter-x:3px}
.t4s-gy-md-3{--ts-gutter-y:3px}
.t4s-gx-md-4{--ts-gutter-x:4px}
.t4s-gy-md-4{--ts-gutter-y:4px}
.t4s-gx-md-5{--ts-gutter-x:5px}
.t4s-gy-md-5{--ts-gutter-y:5px}
.t4s-gx-md-6{--ts-gutter-x:6px}
.t4s-gy-md-6{--ts-gutter-y:6px}
.t4s-gx-md-8{--ts-gutter-x:8px}
.t4s-gy-md-8{--ts-gutter-y:8px}
.t4s-gx-md-10{--ts-gutter-x:10px}
.t4s-gy-md-10{--ts-gutter-y:10px}
.t4s-gx-md-15{--ts-gutter-x:15px}
.t4s-gy-md-15{--ts-gutter-y:15px}
.t4s-gx-md-20{--ts-gutter-x:20px}
.t4s-gy-md-20{--ts-gutter-y:20px}
.t4s-gx-md-25{--ts-gutter-x:25px}
.t4s-gy-md-25{--ts-gutter-y:25px}
.t4s-gx-md-30{--ts-gutter-x:30px}
.t4s-gy-md-30{--ts-gutter-y:30px}
.t4s-gx-md-40{--ts-gutter-x:40px}
.t4s-gy-md-40{--ts-gutter-y:40px}
}

@media (min-width:1025px){
.t4s-gx-lg-0{--ts-gutter-x:0}
.t4s-gy-lg-0{--ts-gutter-y:0}
.t4s-gx-lg-2{--ts-gutter-x:2px}
.t4s-gy-lg-2{--ts-gutter-y:2px}
.t4s-gx-lg-3{--ts-gutter-x:3px}
.t4s-gy-lg-3{--ts-gutter-y:3px}
.t4s-gx-lg-4{--ts-gutter-x:4px}
.t4s-gy-lg-4{--ts-gutter-y:4px}
.t4s-gx-lg-5{--ts-gutter-x:5px}
.t4s-gy-lg-5{--ts-gutter-y:5px}
.t4s-gx-lg-6{--ts-gutter-x:6px}
.t4s-gy-lg-6{--ts-gutter-y:6px}
.t4s-gx-lg-8{--ts-gutter-x:8px}
.t4s-gy-lg-8{--ts-gutter-y:8px}
.t4s-gx-lg-10{--ts-gutter-x:10px}
.t4s-gy-lg-10{--ts-gutter-y:10px}
.t4s-gx-lg-15{--ts-gutter-x:15px}
.t4s-gy-lg-15{--ts-gutter-y:15px}
.t4s-gx-lg-20{--ts-gutter-x:20px}
.t4s-gy-lg-20{--ts-gutter-y:20px}
.t4s-gx-lg-25{--ts-gutter-x:25px}
.t4s-gy-lg-25{--ts-gutter-y:25px}
.t4s-gx-lg-30{--ts-gutter-x:30px}
.t4s-gy-lg-30{--ts-gutter-y:30px}
.t4s-gx-lg-40{--ts-gutter-x:40px}
.t4s-gy-lg-40{--ts-gutter-y:40px}
}

@media (min-width:1200px){
.t4s-gx-xl-0{--ts-gutter-x:0}
.t4s-gy-xl-0{--ts-gutter-y:0}
.t4s-gx-xl-2{--ts-gutter-x:2px}
.t4s-gy-xl-2{--ts-gutter-y:2px}
.t4s-gx-xl-3{--ts-gutter-x:3px}
.t4s-gy-xl-3{--ts-gutter-y:3px}
.t4s-gx-xl-4{--ts-gutter-x:4px}
.t4s-gy-xl-4{--ts-gutter-y:4px}
.t4s-gx-xl-5{--ts-gutter-x:5px}
.t4s-gy-xl-5{--ts-gutter-y:5px}
.t4s-gx-xl-6{--ts-gutter-x:6px}
.t4s-gy-xl-6{--ts-gutter-y:6px}
.t4s-gx-xl-8{--ts-gutter-x:8px}
.t4s-gy-xl-8{--ts-gutter-y:8px}
.t4s-gx-xl-10{--ts-gutter-x:10px}
.t4s-gy-xl-10{--ts-gutter-y:10px}
.t4s-gx-xl-15{--ts-gutter-x:15px}
.t4s-gy-xl-15{--ts-gutter-y:15px}
.t4s-gx-xl-20{--ts-gutter-x:20px}
.t4s-gy-xl-20{--ts-gutter-y:20px}
.t4s-gx-xl-25{--ts-gutter-x:25px}
.t4s-gy-xl-25{--ts-gutter-y:25px}
.t4s-gx-xl-30{--ts-gutter-x:30px}
.t4s-gy-xl-30{--ts-gutter-y:30px}
.t4s-gx-xl-40{--ts-gutter-x:40px}
.t4s-gy-xl-40{--ts-gutter-y:40px}
}

/* ---- display ----------------------------------------------------------- */

.t4s-d-none{display:none}
.t4s-d-block{display:block}
.t4s-d-flex{display:flex}
.t4s-d-inline-flex{display:inline-flex}
.t4s-d-inline-block{display:inline-block}
.t4s-d-inline{display:inline}
.t4s-d-grid{display:grid}

@media (min-width:576px){
.t4s-d-sm-none{display:none}
.t4s-d-sm-block{display:block}
.t4s-d-sm-flex{display:flex}
.t4s-d-sm-inline-flex{display:inline-flex}
.t4s-d-sm-inline-block{display:inline-block}
.t4s-d-sm-inline{display:inline}
.t4s-d-sm-grid{display:grid}
}

@media (min-width:768px){
.t4s-d-md-none{display:none}
.t4s-d-md-block{display:block}
.t4s-d-md-flex{display:flex}
.t4s-d-md-inline-flex{display:inline-flex}
.t4s-d-md-inline-block{display:inline-block}
.t4s-d-md-inline{display:inline}
.t4s-d-md-grid{display:grid}
}

@media (min-width:1025px){
.t4s-d-lg-none{display:none}
.t4s-d-lg-block{display:block}
.t4s-d-lg-flex{display:flex}
.t4s-d-lg-inline-flex{display:inline-flex}
.t4s-d-lg-inline-block{display:inline-block}
.t4s-d-lg-inline{display:inline}
.t4s-d-lg-grid{display:grid}
}

@media (min-width:1200px){
.t4s-d-xl-none{display:none}
.t4s-d-xl-block{display:block}
.t4s-d-xl-flex{display:flex}
.t4s-d-xl-inline-flex{display:inline-flex}
.t4s-d-xl-inline-block{display:inline-block}
.t4s-d-xl-inline{display:inline}
.t4s-d-xl-grid{display:grid}
}

/* ---- flex helpers ------------------------------------------------------ */

.t4s-align-items-center{align-items:center}
.t4s-align-items-start{align-items:flex-start}
.t4s-align-items-end{align-items:flex-end}
.t4s-justify-content-center{justify-content:center}
.t4s-justify-content-between{justify-content:space-between}
.t4s-justify-content-end{justify-content:flex-end}
.t4s-flex-wrap{flex-wrap:wrap}
.t4s-flex-nowrap{flex-wrap:nowrap}

@media (min-width:576px){
.t4s-align-items-sm-center{align-items:center}
.t4s-justify-content-sm-center{justify-content:center}
.t4s-justify-content-sm-between{justify-content:space-between}
}

@media (min-width:768px){
.t4s-align-items-md-center{align-items:center}
.t4s-justify-content-md-center{justify-content:center}
.t4s-justify-content-md-between{justify-content:space-between}
}

@media (min-width:1025px){
.t4s-align-items-lg-center{align-items:center}
.t4s-justify-content-lg-center{justify-content:center}
.t4s-justify-content-lg-between{justify-content:space-between}
}

@media (min-width:1200px){
.t4s-align-items-xl-center{align-items:center}
.t4s-justify-content-xl-center{justify-content:center}
.t4s-justify-content-xl-between{justify-content:space-between}
}

/* ---- position + misc --------------------------------------------------- */

.t4s-pr{position:relative}
.t4s-pa{position:absolute}
.t4s-pf{position:fixed}
.t4s-ps{position:static}
.t4s-pe-none{pointer-events:none}
.t4s-pe-auto{pointer-events:auto}
.t4s-op-0{opacity:0}
.t4s-oh{overflow:hidden}
.t4s-ov{overflow:visible}
.t4s-w-100{width:100%}
.t4s-h-100{height:100%}
.t4s-lh-1{line-height:1}
.t4s-text-center{text-align:center}
.t4s-text-left{text-align:left}
.t4s-text-right{text-align:right}

@media (min-width:576px){
.t4s-text-sm-center{text-align:center}
.t4s-text-sm-left{text-align:left}
}

@media (min-width:768px){
.t4s-text-md-center{text-align:center}
.t4s-text-md-left{text-align:left}
}

@media (min-width:1025px){
.t4s-text-lg-center{text-align:center}
.t4s-text-lg-left{text-align:left}
}

@media (min-width:1200px){
.t4s-text-xl-center{text-align:center}
.t4s-text-xl-left{text-align:left}
}

/* ---- full-bleed -------------------------------------------------------- */

.t4s-section{position:relative}
.t4s-section-inner{position:relative}