:root{--navy:#102f4e;--teal:#68afe0;--bs-body-font-family:Arial,Helvetica,sans-serif;--bs-body-color:var(--navy)}*{box-sizing:border-box}html,body{height:100%;margin:0;overflow:hidden}body{background:#f4f6f8}a{color:inherit;text-decoration:none}button{font:inherit}a:focus-visible,button:focus-visible{outline:3px solid #418fca;outline-offset:3px}.screen{height:100vh;height:100dvh;display:grid;grid-template-rows:78px minmax(0,1fr) 82px;padding:0 26px;max-width:2200px;margin:auto}header{display:flex;align-items:center;justify-content:space-between;gap:20px}.home{display:flex;align-items:center}.home img{object-fit:contain;width:132px;height:62px}.header-note{font-size:11px;letter-spacing:.4px;display:flex;align-items:center;gap:9px;color:#5a6c71}.dot{width:6px;height:6px;background:#2b76b0;border-radius:50%}.contact-toggle{border:1px solid #ccd6d5;background:transparent;border-radius:30px;padding:10px 18px;font-size:11px;display:flex;align-items:center;gap:30px}.contact-toggle:hover{background:var(--navy);color:white}.contact-toggle>span{font-size:19px;line-height:1}main{display:grid;grid-template-columns:minmax(230px,.87fr) minmax(0,3fr);gap:14px;min-height:0}.intro{min-height:0;position:relative;border-radius:16px;overflow:hidden;background:var(--navy);color:white;display:flex;flex-direction:column}.intro-copy{padding:clamp(23px,2.6vw,43px) clamp(21px,2.2vw,36px) 17px;position:relative;z-index:2;flex:1;min-height:0;display:flex;flex-direction:column}.eyebrow{font-size:8px;letter-spacing:1.8px;color:#b4d8f1;display:flex;gap:8px;align-items:center}.eyebrow>span{width:5px;height:5px;background:var(--teal);border-radius:50%}h1{font-weight:400;font-size:clamp(30px,3.15vw,53px);letter-spacing:-1.9px;line-height:1.13;margin:clamp(18px,3vh,34px) 0 20px}h1 em{font-style:normal;color:#85bee6}.intro-copy>p{font-size:clamp(12px,1vw,16px);line-height:1.7;color:#d6e6e8;margin-bottom:14px}.intro-about{font-size:11px;line-height:1.75;color:#9bb8c2;max-width:260px}.intro-sign{margin-top:auto;padding-top:15px;display:flex;align-items:center;justify-content:space-between;color:#b5cdd1;font-size:10px}.intro-sign>span[aria-hidden]{font-size:22px;color:var(--teal)}.intro-image{height:30%;min-height:0;position:relative;overflow:hidden}.intro-image:after{content:'';position:absolute;inset:0;background:linear-gradient(var(--navy),transparent 45%,#102f4e88)}.intro-image>img{height:100%;width:100%;object-fit:cover;object-position:50% 85%;filter:saturate(.5)}.image-label{position:absolute;bottom:20px;left:28px;right:28px;display:flex;justify-content:space-between;color:white;z-index:1;font-size:8px;letter-spacing:1px}.image-label>span:first-child{font-weight:700}.brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;min-height:0}.brand{position:relative;isolation:isolate;overflow:hidden;border-radius:16px;min-width:0;min-height:0;background:#d7e5e6}.brand:after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,#102d4b0a 25%,#102d4b40 50%,#0b2540e8 100%);transition:background .35s}.scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 76%;z-index:-2;transition:transform .6s}.aerus .scene{object-position:50% 92%}.aquaphor .scene{object-position:50% 82%}.sialex .scene{object-position:50% 88%}.delphin .scene{object-position:65% 50%}.beam .scene{object-position:60% 50%}.brand-top{position:absolute;inset:18px 18px auto;display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.logo-plate{display:flex;align-items:center;justify-content:center;width:126px;height:57px;background:#fffffff2;border-radius:9px;padding:9px 13px;box-shadow:0 3px 15px #102d3a05}.logo-plate img{width:100%;height:100%;object-fit:contain}.delphin .logo-plate img{max-height:41px}.arrow{width:29px;height:29px;display:grid;place-items:center;border:1px solid #ffffffa3;border-radius:50%;font-size:18px;background:#ffffffa6;color:var(--navy);transition:.25s}.brand-bottom{position:absolute;left:23px;right:23px;bottom:21px;color:white}.brand-name{font-size:8px;letter-spacing:1.8px;text-transform:uppercase;color:#d8e7f4}.brand h2{font-size:clamp(16px,1.4vw,24px);line-height:1.2;font-weight:500;letter-spacing:-.45px;max-width:200px;margin:7px 0 0}.explore{display:flex;justify-content:space-between;align-items:center;max-height:0;opacity:0;overflow:hidden;font-size:10px;transition:.3s}.explore>span{font-size:17px}.brand:hover .scene,.brand:focus-visible .scene{transform:scale(1.065)}.brand:hover .arrow,.brand:focus-visible .arrow{background:var(--teal);border-color:var(--teal);transform:rotate(45deg)}.brand:hover .explore,.brand:focus-visible .explore{max-height:32px;opacity:1;margin-top:12px}.brand:hover:after{background:linear-gradient(180deg,#102d4b05 15%,#102d4b50 45%,#0b2540f5 100%)}footer{display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;line-height:1.65;color:#63767c}.company{font-size:8px;font-weight:600;letter-spacing:.5px;color:#32515d}.company span{display:block}footer address{font-size:9px;margin:0}.footer-phone{flex-shrink:0}.footer-phone>span{display:block;font-size:7px;letter-spacing:1.4px;color:#7a8d91}.footer-phone a{font-size:12px;color:var(--navy)}.footer-phone small{font-size:7px;margin-left:3px;color:#7a8d91}.mail{font-size:10px;color:var(--navy)}.footer-contact{display:none}.modal-content{border:0;border-radius:18px;padding:10px;background:#f9fbfa}.modal-header{border:0;padding:20px 24px 10px}.modal-title{font-size:27px;letter-spacing:-1px}.modal-body{padding:16px 24px 25px}.modal-company{font-size:10px;line-height:1.7;font-weight:600;max-width:280px}.modal-body address{font-size:13px;line-height:1.8;color:#5b737b}.contact-row{display:flex;justify-content:space-between;gap:10px;font-size:13px;padding:15px 0;border-bottom:1px solid #dce5e3}.contact-row>span{font-size:11px;color:#627d85}.contact-mail{display:inline-block;margin-top:22px;font-size:14px}.socials{display:flex;gap:24px;font-size:10px;margin-top:25px;color:#5c747c}
@media(min-width:1600px){.screen{grid-template-rows:95px minmax(0,1fr) 95px;padding:0 35px}.brands,main{gap:18px}.logo-plate{width:150px;height:65px}.brand-top{inset:24px 24px auto}.brand-bottom{left:28px;bottom:28px}.brand h2{max-width:260px}.brand-name{font-size:10px}.intro-about{font-size:13px}}
@media(max-height:760px) and (min-width:901px){.screen{grid-template-rows:65px minmax(0,1fr) 66px}.intro-copy{padding-top:24px}h1{font-size:clamp(28px,3vw,43px);margin:20px 0 14px}.intro-about{font-size:10px;line-height:1.6}.intro-copy>p{font-size:12px}.intro-image{height:24%}.logo-plate{height:48px;width:112px}.brand-top{inset:14px 14px auto}.brand-bottom{left:18px;right:18px;bottom:17px}.brand h2{font-size:19px}}
@media(max-width:1050px){.screen{padding:0 18px}.company{max-width:190px}footer address{display:none}.brand-top{inset:13px 13px auto}.logo-plate{width:108px;height:49px}.brand-bottom{left:17px;right:17px;bottom:17px}.intro-copy{padding-left:22px;padding-right:22px}.intro-about{font-size:10px}.intro-sign{font-size:9px}}
@media(max-width:900px) and (min-height:620px){.screen{grid-template-rows:64px minmax(0,1fr) 65px;padding:0 16px}main{grid-template-columns:1fr;grid-template-rows:145px minmax(0,1fr);gap:10px}.intro{display:block}.intro-copy{padding:20px 24px;width:65%;height:100%}.eyebrow{font-size:7px}h1{font-size:29px;margin:13px 0 0;letter-spacing:-1px}h1 br{display:none}h1 em{display:block}.intro-copy>p,.intro-about,.intro-sign{display:none}.intro-image{position:absolute;right:0;top:0;bottom:0;width:38%;height:100%}.intro-image:after{background:linear-gradient(90deg,var(--navy),#102f4e00)}.image-label{display:none}.brands{gap:10px}.brand h2{font-size:18px}.logo-plate{width:110px;height:46px}.brand-bottom{bottom:17px}.header-note{font-size:10px}.company{max-width:170px}.mail{display:none}.footer-contact{display:block;border:0;background:transparent;font-size:10px;color:var(--navy)}}
@media(max-width:600px) and (min-height:500px){.screen{grid-template-rows:59px minmax(0,1fr) 61px;padding:0 12px}.home img{width:106px;height:48px}.header-note{display:none}.contact-toggle{padding:8px 12px;font-size:10px;gap:17px}main{grid-template-rows:clamp(104px,17dvh,148px) minmax(0,1fr);gap:9px}.intro{border-radius:12px}.intro-copy{width:76%;padding:15px 18px}.eyebrow{font-size:6px;letter-spacing:1.3px}h1{font-size:clamp(25px,4dvh,33px);margin:10px 0 0;line-height:1.12}.intro-image{width:35%}.brands{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr));gap:9px}.brand{border-radius:12px}.brand-top{inset:9px 9px auto}.logo-plate{width:90px;height:37px;padding:5px 9px;border-radius:6px}.arrow{width:23px;height:23px;font-size:15px}.brand-bottom{left:12px;right:10px;bottom:12px}.brand-name{display:none}.brand h2{font-size:clamp(13px,1.9dvh,17px);max-width:155px;margin:0;letter-spacing:-.2px}.explore{display:none!important}.scene{object-position:50% 83%}.brand:after{background:linear-gradient(180deg,transparent 15%,#102c4915 35%,#0b2540ed 100%)}footer{gap:10px}.company{display:none}.footer-phone a{font-size:10px}.footer-phone>span{font-size:6px;letter-spacing:1px}.footer-phone small{display:none}.footer-contact{font-size:9px;padding:0}.footer-phone{min-width:0}.modal-dialog{margin:16px}.modal-title{font-size:25px}.contact-row{font-size:12px}}
@media(max-height:619px) and (min-width:601px){.screen{grid-template-rows:52px minmax(0,1fr) 48px;padding:0 12px}main{grid-template-columns:minmax(170px,.8fr) minmax(0,3fr);gap:9px}.brands{gap:9px}.home img{height:43px;width:102px}.intro-copy{padding:18px}.eyebrow{font-size:6px;letter-spacing:1px}h1{font-size:28px;margin:13px 0}.intro-copy>p{font-size:10px;line-height:1.5;margin-bottom:0}.intro-about,.intro-sign,.intro-image{display:none}.brand-top{inset:9px 9px auto}.logo-plate{width:85px;height:34px;padding:5px 8px}.arrow{height:22px;width:22px;font-size:15px}.brand-bottom{left:12px;bottom:11px}.brand-name{display:none}.brand h2{font-size:14px;max-width:150px}.explore{display:none!important}.company{font-size:7px}.footer-phone a{font-size:10px}.mail{font-size:9px}.intro,.brand{border-radius:10px}}
@media(max-height:499px) and (max-width:600px){.screen{grid-template-rows:46px minmax(0,1fr) 37px;padding:0 8px}header .home img{width:90px;height:40px}.header-note{display:none}.contact-toggle{font-size:9px;padding:6px 10px}main{grid-template-columns:1fr;grid-template-rows:50px minmax(0,1fr);gap:6px}.intro-copy{padding:8px 13px}.intro-copy .eyebrow,.intro-copy>p,.intro-about,.intro-sign,.intro-image{display:none}h1{font-size:22px;margin:0;line-height:1.5;letter-spacing:-.6px}h1 br{display:none}h1 em{margin-left:4px}.brands{gap:6px}.brand-top{inset:6px 6px auto}.logo-plate{width:65px;height:28px;padding:4px 6px}.arrow{width:19px;height:19px;font-size:13px}.brand-bottom{left:9px;bottom:9px}.brand h2{font-size:11px;margin:0;letter-spacing:0}.brand-name,.explore,.company,.mail{display:none!important}.intro,.brand{border-radius:8px}.footer-phone>span{font-size:6px}.footer-phone a{font-size:9px}.footer-phone small{display:none}.footer-contact{display:block;border:0;background:transparent;font-size:8px;padding:0}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}
@media(max-width:600px) and (min-height:500px){main{grid-template-columns:minmax(0,1fr)}.intro{display:block}.intro-image{position:absolute;right:0;top:0;bottom:0;height:100%}.intro-image:after{background:linear-gradient(90deg,var(--navy),transparent)}.image-label,.intro-copy>p,.intro-about,.intro-sign{display:none}h1 br{display:none}h1 em{display:block}.mail{display:none}.footer-contact{display:block;border:0;background:transparent}}
@media(max-width:600px) and (min-height:500px){.intro-copy{width:100%}h1{font-size:clamp(22px,6.6vw,28px);line-height:1.1;letter-spacing:-1px;margin-top:10px}.intro-image{opacity:.35;width:43%}.intro-image:after{background:linear-gradient(90deg,var(--navy),transparent)} }
@media(max-height:500px){.modal-dialog{max-width:600px;margin:10px auto;min-height:calc(100% - 20px)}.modal-content{padding:0}.modal-header{padding:14px 22px 4px}.modal-title{font-size:22px}.modal-body{padding:9px 22px 16px}.modal-company{margin-bottom:8px;max-width:100%;font-size:9px}.modal-body address{font-size:11px;line-height:1.5;margin-bottom:7px}.contact-row{padding:8px 0;font-size:12px}.contact-mail{margin-top:12px;font-size:12px}.socials{margin-top:12px;font-size:9px}}
/* Readable header and footer */
.screen{grid-template-rows:78px minmax(0,1fr) 98px}.header-note{font-size:16px;font-weight:500;letter-spacing:.1px;color:#315461}.header-note .dot{width:7px;height:7px}.header-socials{display:flex;align-items:center;gap:9px}.header-socials a{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ccd8d8;border-radius:50%;color:#264d5c;transition:background .2s,color .2s}.header-socials svg{width:17px;height:17px}.header-socials a:hover{background:var(--navy);color:white}footer{font-size:13px;gap:22px;color:#47616b}.company{font-size:11px;line-height:1.65;letter-spacing:.2px;max-width:240px}footer address{font-size:13px;line-height:1.65}.footer-phone>span{font-size:10px;letter-spacing:1px;color:#526e77;margin-bottom:4px}.footer-phone a{font-size:15px;font-weight:500;white-space:nowrap}.footer-phone small{font-size:9px}.mail{font-size:13px;white-space:nowrap}.footer-contact{font-size:13px;font-weight:500}
@media(min-width:1600px){.screen{grid-template-rows:95px minmax(0,1fr) 105px}.header-note{font-size:18px}.company{font-size:12px}footer address{font-size:14px}.footer-phone a{font-size:17px}.footer-phone>span{font-size:11px}.mail{font-size:14px}}
@media(max-width:1200px){footer{gap:16px}.company{max-width:190px;font-size:10px}footer address{font-size:12px}.footer-phone a{font-size:14px}.mail{font-size:12px}}
@media(max-width:900px) and (min-height:620px){.screen{grid-template-rows:70px minmax(0,1fr) 86px}.header-note{font-size:14px}.company{display:none}.footer-phone a{font-size:15px}.footer-phone>span{font-size:10px}.footer-contact{font-size:13px}}
@media(max-width:600px) and (min-height:500px){.screen{grid-template-rows:89px minmax(0,1fr) 83px}header{display:grid;grid-template-columns:1fr auto;grid-template-rows:53px 27px;column-gap:12px;row-gap:0;align-content:center}.home img{height:49px;width:108px}.header-socials{grid-column:2;grid-row:1;gap:7px}.header-socials a{height:31px;width:31px}.header-socials svg{height:15px;width:15px}.header-note{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;font-size:13px;letter-spacing:.1px}.header-note .dot{height:5px;width:5px}footer{display:grid;grid-template-columns:1fr 1fr;gap:0 12px;align-content:center;row-gap:5px}.company{display:none}.footer-phone>span{font-size:9px;letter-spacing:.8px;margin-bottom:0}.footer-phone a{font-size:13px}.footer-contact{grid-column:1/-1;justify-self:center;font-size:12px;padding:0}.mail{display:none}}
@media(max-height:619px) and (min-width:601px){.screen{grid-template-rows:56px minmax(0,1fr) 65px}.header-note{font-size:14px}.header-socials a{width:32px;height:32px}.header-socials svg{width:15px;height:15px}.company{font-size:10px;max-width:180px}.footer-phone>span{font-size:9px}.footer-phone a{font-size:13px}.mail{font-size:12px}footer{gap:15px}}
@media(max-height:499px) and (max-width:600px){.screen{grid-template-rows:66px minmax(0,1fr) 56px}header{display:grid;grid-template-columns:1fr auto;grid-template-rows:38px 23px;gap:0 10px;align-content:center}.header-note{display:flex;grid-column:1/-1;grid-row:2;justify-content:center;font-size:12px}.header-socials{grid-row:1;grid-column:2;gap:6px}.header-socials a{width:27px;height:27px}.header-socials svg{width:13px;height:13px}.footer-phone>span{font-size:8px}.footer-phone a{font-size:11px}.footer-contact{font-size:11px}}
@media(min-width:1201px){.header-note{font-size:18px}.company{font-size:13px;max-width:260px}footer address{font-size:14px}.footer-phone a{font-size:17px}.footer-phone>span{font-size:11px}.mail{font-size:14px}}
@media(min-width:901px) and (max-width:1200px){.company{font-size:12px}.footer-phone a{font-size:15px}.mail{font-size:13px}}
.intro-about{font-size:13px;line-height:1.7;color:#c2d5dc}.intro h1{font-size:clamp(30px,3vw,46px);margin-bottom:22px}.about-open{display:none}.about-modal p{font-size:15px;line-height:1.9;margin-bottom:0}
@media(min-width:901px) and (max-height:800px){.intro-image{height:18%}.intro-copy{padding-top:22px;padding-bottom:10px}.intro h1{font-size:30px;margin:16px 0}.intro-about{font-size:12px;line-height:1.6}.intro-sign{padding-top:8px}}
@media(max-width:1050px){}
@media(max-width:900px) and (min-height:620px){.about-open{display:block;position:absolute;right:18px;bottom:17px;border:0;background:none;color:#cde2f4;font-size:12px;padding:0}.intro h1{font-size:29px;margin:13px 0 0}}
@media(max-width:600px) and (min-height:500px){.about-open{display:block;position:absolute;right:15px;bottom:16px;border:0;background:none;color:#deebf6;font-size:11px;padding:0}.intro h1{font-size:clamp(22px,6.6vw,28px);margin:10px 0 0}}
@media(max-height:619px) and (min-width:601px){.intro h1{font-size:28px;margin:13px 0}.about-open{display:block;background:none;border:0;border-bottom:1px solid #6d9299;color:#cde2f4;padding:8px 0;margin-top:auto;align-self:flex-start;font-size:11px}}
@media(max-height:499px) and (max-width:600px){.intro h1{font-size:22px;margin:0}.about-open{display:none}}
/* Aerus: transparent logo on the same white plate as the other brands. */

@media(max-width:1050px){}
@media(max-width:600px) and (min-height:500px){}
@media(max-height:619px) and (min-width:601px){}
@media(max-height:499px) and (max-width:600px){}

/* Aerus inherits the shared logo plate dimensions at every breakpoint. */
.aerus .logo-plate{padding:3px}.aerus .logo-plate img{max-width:none;max-height:none;width:100%;height:100%;object-fit:contain}
/* Wider company copy and more room for the upper facade. */
@media(min-width:901px) and (min-height:620px){main{grid-template-columns:minmax(290px,1.12fr) minmax(0,3fr)}.intro-copy{padding:26px 22px 14px;flex:1;min-height:0}.intro h1{font-size:clamp(27px,2.25vw,36px);letter-spacing:-1.1px;line-height:1.12;margin:20px 0 19px}.intro-about{max-width:none;width:100%;font-size:13px;line-height:1.7}.intro-sign{padding-top:12px}.intro-image{display:block;flex:0 0 44%;height:44%}.intro-image>img{object-position:50% 50%;filter:saturate(.8)}.intro-image:after{background:linear-gradient(#102f4e33,transparent 23%,#102f4e66)} }
@media(min-width:901px) and (min-height:620px) and (max-height:780px){.intro-copy{padding:20px 20px 10px}.intro h1{font-size:27px;margin:15px 0}.intro-about{font-size:12px;line-height:1.65}.intro-image{flex-basis:38%;height:38%}.intro-sign{padding-top:8px}}
@media(min-width:1600px) and (min-height:781px){.intro-copy{padding:32px 27px 18px}.intro-about{font-size:14px}.intro-image{height:46%;flex-basis:46%}}
.rainsoft .scene,.delphin .scene{object-position:50% 50%}
.intro-image>img{object-position:50% 0%}
@media(min-width:901px) and (max-width:1100px) and (min-height:620px) and (max-height:700px){.intro-sign{display:none}}
/* Consistent framing for the coordinated product photography. */
.aerus .scene,.aquaphor .scene,.sialex .scene,.beam .scene{object-position:50% 50%}
/* Blend the company photograph seamlessly into the navy introduction. */
@media(min-width:901px) and (min-height:620px){.intro-image:after{background:linear-gradient(180deg,#102f4e 0%,#102f4ed9 10%,#102f4e66 26%,#102f4e00 48%,#102f4e18 75%,#102f4e80 100%)}.intro-image>img{filter:saturate(.85);object-position:50% 20%}}

/* Blue brand accents and clearer card typography. */
.brand-name{font-size:11px;font-weight:600;letter-spacing:1.3px;line-height:1.3;color:#e0ecf8}.brand h2{font-size:clamp(20px,1.65vw,27px);line-height:1.2;max-width:250px;letter-spacing:-.35px;margin-top:8px}
@media(min-width:1600px){.brand-name{font-size:12px}.brand h2{font-size:28px;max-width:300px}}
@media(max-width:900px) and (min-height:620px){.brand h2{font-size:20px;max-width:230px}.brand-name{font-size:10px}}
@media(max-width:600px) and (min-height:500px){.brand h2{font-size:clamp(15px,2.15dvh,18px);line-height:1.18;max-width:100%;margin-top:4px;letter-spacing:-.25px}.brand-name{display:none}.brand-bottom{left:12px;right:10px;bottom:12px}}
@media(max-width:600px) and (min-height:680px){.brand-name{display:block;font-size:9px;letter-spacing:1px}.brand h2{margin-top:4px}}
@media(max-height:619px) and (min-width:601px){.brand h2{font-size:16px;max-width:180px;margin-top:0}}
@media(max-height:499px) and (max-width:600px){.brand h2{font-size:12px;line-height:1.15;margin-top:0}}
@media(max-width:600px) and (min-height:500px) and (max-height:640px){.logo-plate{height:32px}.brand-bottom{bottom:8px}.brand h2{font-size:15px;line-height:1.12;margin-top:2px}}
/* One blue label style for Renksu and all six brands. */
:root{--brand-label-size:11px;--brand-label-color:#85bee6}.brand-name,.intro-copy>.eyebrow{font-size:var(--brand-label-size);font-weight:600;letter-spacing:1.3px;line-height:1.3;color:var(--brand-label-color)}.intro-sign{font-size:13px;line-height:1.4}
@media(min-width:1600px){:root{--brand-label-size:12px}.intro-sign{font-size:14px}}
@media(max-width:900px) and (min-height:620px){:root{--brand-label-size:10px}}
@media(max-width:600px) and (min-height:500px){:root{--brand-label-size:9px}.brand-name,.intro-copy>.eyebrow{letter-spacing:1px}}
@media(max-height:619px) and (min-width:601px){:root{--brand-label-size:10px}}
@media(max-height:499px) and (max-width:600px){:root{--brand-label-size:9px}}
/* Requested card headings and introduction spacing. */
.brand h2>span{display:block;white-space:nowrap}.brand h2{max-width:none}.intro-copy>h1{margin-top:0}.intro-sign{margin-top:1.2em;padding-top:0;flex-shrink:0}.header-note{font-size:21px;font-weight:700;letter-spacing:.25px;color:#1d5f91}
@media(min-width:1600px){.header-note{font-size:24px}}
@media(max-width:900px) and (min-height:620px){.header-note{font-size:18px}}
@media(max-width:600px) and (min-height:500px){.header-note{font-size:15px}.intro-copy>h1{margin-top:8px}}
@media(max-width:350px) and (min-height:500px){.brand h2{font-size:14px}}
@media(max-height:619px) and (min-width:601px){.header-note{font-size:17px}}
@media(max-height:499px) and (max-width:600px){.header-note{font-size:13px}}
/* More breathing room above the introduction title. */
.intro-copy>h1{margin-top:14px}
@media(max-width:900px) and (min-height:620px){.intro-copy>h1{margin-top:14px}}
@media(max-width:600px) and (min-height:500px){.intro-copy>h1{margin-top:12px}}
@media(max-height:499px) and (max-width:600px){.intro-copy>h1{margin-top:0}}
/* A soft blue-white glint passes through the header lettering. */
@supports ((background-clip:text) or (-webkit-background-clip:text)){
.header-note{background-image:linear-gradient(110deg,#1d5f91 0%,#1d5f91 39%,#4c9bce 46%,#d4edff 50%,#4c9bce 54%,#1d5f91 61%,#1d5f91 100%);background-size:260% 100%;background-position:150% 0;background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;animation:header-glint 7s ease-in-out infinite}
}
@keyframes header-glint{0%,35%{background-position:150% 0}75%,100%{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){.header-note{animation:none;background:none;color:#1d5f91;-webkit-text-fill-color:#1d5f91}}


/* Reveal more of the building's lower facade with a longer navy fade. */
@media(min-width:901px) and (min-height:781px){.intro-image{height:52%;flex-basis:52%}.intro-image>img{object-position:50% 65%}}
@media(min-width:1200px) and (min-height:620px) and (max-height:780px){.intro-image{height:46%;flex-basis:46%}.intro-image>img{object-position:50% 65%}}
@media(min-width:901px) and (max-width:1199px) and (min-height:620px) and (max-height:780px){.intro-image>img{object-position:50% 70%}}
@media(min-width:901px) and (min-height:620px){.intro-image:after{background:linear-gradient(180deg,#102f4e 0%,#102f4eeb 10%,#102f4eb3 24%,#102f4e73 40%,#102f4e33 55%,#102f4e0a 70%,#102f4e00 84%,#102f4e00 100%)}}
/* Start the blend directly below the closing line, before the roof. */
@media(min-width:901px) and (min-height:620px){
 .intro-copy{flex:0 0 auto;padding-bottom:0}
 .intro-image{flex:1 1 auto;height:auto;min-height:0;margin-top:10px;background:#98b8d6}
 .intro-image>img{object-fit:cover;object-position:center bottom}
 .intro-image:after{background:linear-gradient(180deg,#102f4e 0%,#102f4ef5 5%,#102f4edb 11%,#102f4eb3 18%,#102f4e80 25%,#102f4e4d 32%,#102f4e24 39%,#102f4e0a 45%,#102f4e00 50%,#102f4e00 100%)}
}

@media(min-width:901px) and (min-height:620px){.intro-image:after{background:linear-gradient(180deg,#102f4e 0%,#102f4efa 3%,#102f4ee6 7%,#102f4ebf 12%,#102f4e8c 18%,#102f4e52 24%,#102f4e1f 29%,#102f4e06 33%,#102f4e00 35%,#102f4e00 100%)}}
/* Preserve the added cloud area above the lower-framed building. */
@media(min-width:901px) and (min-height:620px){.intro-image>img{object-position:center top}}
@media(min-width:901px) and (min-height:620px){.intro-image:after{background:linear-gradient(180deg,#102f4e 0%,#102f4efa 3%,#102f4ee6 6%,#102f4ebf 10%,#102f4e8c 15%,#102f4e52 20%,#102f4e1f 25%,#102f4e06 28%,#102f4e00 30%,#102f4e00 100%)}}
/* Keep the roof 80px below the closing text, with full-width image coverage. */
@media(min-width:901px) and (min-height:620px){
 .intro-image>img{position:absolute;left:0;top:var(--building-top,0px);width:100%;height:var(--building-size,100%);transform:none;object-fit:cover;object-position:center top}
 .intro-image:after{background:linear-gradient(180deg,#102f4e 0px,#102f4efa 8px,#102f4edb 20px,#102f4e99 34px,#102f4e4d 48px,#102f4e14 60px,#102f4e00 70px,#102f4e00 100%)}
}

/* Keyboard navigation without changing the single-screen composition. */
.skip-link{position:fixed;top:8px;left:12px;z-index:2000;padding:10px 16px;background:#fff;color:#102f4e;border-radius:8px;transform:translateY(-160%)}
.skip-link:focus{transform:translateY(0)}
main:focus{outline:none}