/* SUBA! v5.4.0 - Before Dawn editorial. Applies to the new feature page and its teaser only. */
.suba-before-dawn{background:#fcf9f3;color:#232128}
.suba-before-dawn .suba-dawn-hero{position:relative;overflow:hidden;background:linear-gradient(118deg,#101e34 0%,#253253 38%,#805c75 66%,#df977e 100%);color:#fff;min-height:520px;display:grid;grid-template-columns:60% 40%;align-items:center}
.suba-before-dawn .suba-dawn-hero-inner{position:relative;z-index:2;max-width:790px;padding:90px 30px 94px max(30px,calc((100vw - 1160px)/2));}
.suba-before-dawn .suba-dawn-kicker{letter-spacing:.22em;font-size:12px;font-weight:800;color:#ffdecb;margin-bottom:28px}
.suba-before-dawn .suba-dawn-hero h1{color:#fff!important;font-size:clamp(38px,4.2vw,64px);line-height:1.22;letter-spacing:.018em;margin:0 0 27px;font-weight:850;text-shadow:0 3px 24px #14203b55}
.suba-before-dawn .suba-dawn-hero h1 span{font-size:.72em;line-height:1.48;display:inline-block;margin-top:8px}
.suba-before-dawn .suba-dawn-hero-intro{color:#fff3eb;font-size:clamp(17px,1.75vw,21px);line-height:1.85;max-width:520px;margin:0 0 25px}
.suba-before-dawn .suba-dawn-hero-tags{display:flex;gap:10px;flex-wrap:wrap}
.suba-before-dawn .suba-dawn-hero-tags span{font-size:11px;letter-spacing:.03em;border:1px solid #ffffff6b;padding:6px 10px;border-radius:100px;background:#fff1}
.suba-before-dawn .suba-dawn-landscape{min-height:520px;height:100%;position:relative;overflow:hidden;background:linear-gradient(180deg, #1c2d4c 2%,#485277 40%,#c37b7e 66%,#f3b28c 73%,#d39482 74%,#3f5f70 77%,#192f46 100%)}
.suba-before-dawn .suba-dawn-landscape:before{content:"";display:block;position:absolute;left:4%;right:-20%;top:73%;height:1px;background:#fde0ae;box-shadow:0 0 27px 5px #f8c29f}
.suba-before-dawn .suba-dawn-landscape:after{content:"";position:absolute;left:0;right:0;bottom:0;height:23%;background:repeating-linear-gradient(175deg,transparent 0 25px,#e7a39d30 26px 27px,transparent 28px 48px)}
.suba-before-dawn .dawn-moon{position:absolute;width:5px;height:5px;border-radius:50%;left:67%;top:25%;background:#fff9efb8;box-shadow:92px -40px 0 -1px #fff9efaa, -95px 22px 0 -1px #fff9ef80, 39px 90px 0 -2px #fff5e680}
.suba-before-dawn .suba-dawn-content{max-width:1040px;margin:auto;padding:0 30px 70px}
.suba-before-dawn .suba-dawn-lede{font-size:clamp(19px,2.2vw,25px);line-height:2;letter-spacing:.015em;margin:68px 0 78px;padding:0 4%;color:#343139}
.suba-before-dawn .suba-dawn-lede strong{color:#8e3a43}
.suba-before-dawn .suba-dawn-section{padding:58px 0;border-top:1px solid #dcd1c6}
.suba-before-dawn .suba-dawn-overline{font-size:11px!important;font-weight:800;letter-spacing:.22em;color:#aa4f4b!important;margin:0 0 11px!important}
.suba-before-dawn .suba-dawn-section h2{font-size:clamp(27px,3.5vw,41px);line-height:1.4;margin:0 0 28px;color:#211f27;font-weight:800;letter-spacing:.01em}
.suba-before-dawn .suba-dawn-section > p:not(.suba-dawn-overline){font-size:17px;line-height:1.95;color:#3a363a}
.suba-before-dawn .suba-dawn-timeline{padding:4px 0 0;counter-reset:none;list-style:none;margin:40px 0 0}
.suba-before-dawn .suba-dawn-timeline li{display:grid;grid-template-columns:190px 1fr;gap:24px;padding:23px 0 28px;border-top:1px solid #e0d8cf;align-items:start}
.suba-before-dawn .suba-dawn-timeline li:last-child{border-bottom:1px solid #e0d8cf}
.suba-before-dawn .dawn-time{color:#9b4c47;background:#f2e7dc;display:inline-block;font-weight:800;font-size:13px;letter-spacing:.01em;border-radius:100px;padding:7px 12px;width:fit-content}
.suba-before-dawn .suba-dawn-timeline h3{margin:0 0 9px;font-size:clamp(20px,2.2vw,26px);color:#24232b;line-height:1.5}
.suba-before-dawn .suba-dawn-timeline p{margin:0;font-size:16px;color:#5b5152;line-height:1.9}
.suba-before-dawn .suba-dawn-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin:33px 0}
.suba-before-dawn .suba-dawn-info{background:#fff;border:1px solid #e5dbd0;border-radius:12px;padding:25px 22px;box-shadow:0 6px 20px #201b2710;min-width:0}
.suba-before-dawn .suba-dawn-info span{color:#9e5656;font-weight:800;font-size:12px;letter-spacing:.08em}
.suba-before-dawn .suba-dawn-info h3{font-size:19px;margin:14px 0 12px;line-height:1.45;color:#27222a}
.suba-before-dawn .suba-dawn-info p{font-size:14px;line-height:1.85;color:#544e51}
.suba-before-dawn .suba-dawn-info a{color:#a42a27;font-weight:800;font-size:13px;overflow-wrap:anywhere;text-decoration:underline}
.suba-before-dawn .suba-dawn-alert{border-left:4px solid #a64743;background:#f3ece3;padding:22px 25px;border-radius:4px;margin:30px 0}
.suba-before-dawn .suba-dawn-alert strong{font-size:17px;color:#752f32}
.suba-before-dawn .suba-dawn-alert p{margin:6px 0 0;font-size:14px;line-height:1.85}
.suba-before-dawn .suba-dawn-soba{background:#f3e7dc;padding:43px 40px;border-radius:16px;border-top:0;margin:32px 0 56px}
.suba-before-dawn .suba-dawn-actions{display:flex;flex-wrap:wrap;gap:12px;margin:30px 0 18px}
.suba-before-dawn .suba-dawn-actions a{display:inline-flex;justify-content:center;align-items:center;border-radius:9px;padding:15px 21px;font-size:15px;font-weight:800;text-decoration:none;min-height:50px}
.suba-before-dawn .dawn-btn-primary{background:#a42a27;color:#fff}
.suba-before-dawn .dawn-btn-light{background:#fff;color:#8c2b2b;border:1px solid #d7bdb4}
.suba-before-dawn .suba-dawn-caveat{font-size:12px!important;color:#695d5b!important;line-height:1.8!important}
.suba-before-dawn .suba-dawn-end{text-align:center;padding:20px 20px 48px}
.suba-before-dawn .suba-dawn-end span{font-size:clamp(21px,2.5vw,30px);font-weight:800;color:#342f32;letter-spacing:.06em}
.suba-before-dawn .suba-dawn-end p{color:#60575b;font-size:15px;line-height:1.8}
.suba-before-dawn .suba-dawn-end a{color:#a42a27;text-decoration:underline;font-weight:800}
.suba-before-dawn .suba-dawn-sources{font-size:12px;border-top:1px solid #e5ddd2;padding:24px 0 30px;color:#6c6064}
.suba-before-dawn .suba-dawn-sources p{line-height:1.8;margin:8px 0 0}
@media(max-width:900px){.suba-before-dawn .suba-dawn-hero{grid-template-columns:1fr;min-height:0}.suba-before-dawn .suba-dawn-hero-inner{padding:70px 28px 55px;max-width:680px}.suba-before-dawn .suba-dawn-landscape{min-height:240px}.suba-before-dawn .suba-dawn-info-grid{grid-template-columns:1fr 1fr}}
@media(max-width:640px){.suba-before-dawn .suba-dawn-hero-inner{padding:50px 20px 36px}.suba-before-dawn .suba-dawn-hero h1{font-size:clamp(31px,8vw,42px)}.suba-before-dawn .suba-dawn-hero-intro{font-size:16px}.suba-before-dawn .suba-dawn-landscape{min-height:188px}.suba-before-dawn .dawn-moon{top:25%}.suba-before-dawn .suba-dawn-content{padding:0 19px 55px}.suba-before-dawn .suba-dawn-lede{margin:35px 0 45px;padding:0;font-size:18px;line-height:1.9}.suba-before-dawn .suba-dawn-section{padding:37px 0}.suba-before-dawn .suba-dawn-section h2{font-size:27px}.suba-before-dawn .suba-dawn-timeline{margin-top:24px}.suba-before-dawn .suba-dawn-timeline li{grid-template-columns:1fr;gap:10px;padding:20px 0 23px}.suba-before-dawn .suba-dawn-info-grid{grid-template-columns:1fr}.suba-before-dawn .suba-dawn-soba{padding:27px 18px;margin:20px 0 32px}.suba-before-dawn .suba-dawn-actions{flex-direction:column}.suba-before-dawn .suba-dawn-actions a{width:100%;box-sizing:border-box}.suba-before-dawn .suba-dawn-hero-tags span{font-size:10px}}