.midnight.blue-variant{background:var(--hero-blue)}
.blue-variant .header{border-color:#ffffff2e}
.blue-variant .hero{--muted:#e0ecf7;--accent:#c4e4ff;--flow-bg:color-mix(in srgb,var(--hero-blue) 72%,#10223e);--flow-node:color-mix(in srgb,var(--hero-blue) 84%,#10223e);--flow-end:color-mix(in srgb,var(--hero-blue) 80%,#80b9e7);--flow-line:#b7d9f34d;--flow-muted:#e0ecf7;--flow-accent:#b9dfff;--flow-active:#c7e5ff26}
.blue-variant .hero h1 em{color:#c4e4ff}
.blue-variant .hero .button{background:#eff7ff;color:#173756}
.blue-variant .hero .location{color:#e0ecf7}
.blue-variant .hero .flow-canvas:before{opacity:.25}
.blue-variant .footer{background:#10223e;box-shadow:0 0 0 100vmax #10223e;clip-path:inset(0 -100vmax)}
.blue-variant .hero .tidal-flow{--radius:14px;--accent:#087d86;--flow-bg:#fff;--flow-ink:#183e54;--flow-muted:#567181;--flow-line:#d3e3e8;--flow-node:#f4f9fb;--flow-accent:#087d86;--flow-active:#dff2f2;--flow-end:#e9f5f3;box-shadow:0 14px 35px #16475908}
.blue-variant .hero .tidal-flow:before{opacity:.7}
.tidal-flow .engine-icon{color:white}
.blue-art[href="blue-denim.html"] .blue-mini-flow{background:#fff;color:#183e54;border-color:#d3e3e8}
.blue-art[href="blue-denim.html"] .blue-mini-flow>b,.blue-art[href="blue-denim.html"] .blue-mini-flow>span:nth-of-type(2){color:#087d86}
.blue-gallery{background:#f4f7fb;color:#173653}
.blue-gallery-main{padding-top:45px;padding-bottom:40px}
.blue-gallery-main>.eyebrow{color:#6b819c;font-size:9px}
.blue-gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:70px;margin-top:19px;margin-bottom:34px}
.blue-gallery-heading h1{font-size:55px;letter-spacing:-.05em;line-height:1.06}
.blue-gallery-heading h1 em{color:#3d6f9f;font-size:1.12em}
.blue-gallery-heading>p{font-size:12px;color:#607990;line-height:1.9;max-width:360px;margin-bottom:4px}
.blue-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:25px}
.blue-card{background:white;border:1px solid #dbe5f0;border-radius:7px;overflow:hidden}
.blue-art{display:block;background:var(--hero-blue);color:#f4f8ff;padding:23px 27px;transition:filter .15s}
.blue-art:hover{filter:brightness(1.05)}
.blue-art>div:first-child{display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.1em}
.blue-art>div:first-child>span:last-child{font-size:18px;line-height:1}
.blue-art h2{font-size:45px;letter-spacing:-.05em;margin-top:21px;line-height:1.03}
.blue-art h2 em{color:#c4e4ff;font-size:1.15em}
.blue-art>p{font-size:10px;line-height:1.8;color:#e0ecf7;margin-top:14px}
.blue-mini-button{display:inline-block;font-size:9px;background:#eff7ff;color:#173756;padding:8px 12px;margin-top:17px;border-radius:2px}
.blue-mini-flow{display:flex;gap:12px;align-items:center;justify-content:space-between;margin-top:22px;padding:13px 15px;background:color-mix(in srgb,var(--hero-blue) 72%,#10223e);border:1px solid #b7d9f34d;border-radius:3px;font-size:9px;color:#eef7ff}
.blue-mini-flow>b{font-weight:400;color:#b9dfff}.blue-mini-flow>span:nth-of-type(2){font-size:22px;color:#c4e4ff;line-height:1}
.blue-card-info{padding:17px 24px 4px}.blue-card-info h3{font-size:16px;font-weight:600;letter-spacing:-.025em;display:flex;align-items:center;justify-content:space-between;gap:15px}.blue-card-info h3>span{font-size:10px;color:#6d8298;font-weight:400;letter-spacing:.03em}
.blue-card-info>p{font-size:12px;color:#6b8095;margin-top:7px}.blue-card-info>div{display:flex;justify-content:space-between;gap:15px;margin-top:13px;border-top:1px solid #e1e9f3}.blue-card-info a{display:flex;align-items:center;min-height:46px;font-size:11px;font-weight:600;color:#335f89}
.blue-gallery-footer{display:flex;justify-content:space-between;gap:20px;margin-top:25px;border-top:1px solid #d9e4ee;padding-top:15px;font-size:11px;color:#59738f}.blue-gallery-footer a{display:flex;min-height:44px;align-items:center}
@media(min-width:1450px){.blue-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.blue-art{padding:22px 19px}.blue-art h2{font-size:37px}.blue-art>p{font-size:9px}.blue-mini-flow{gap:5px;padding:11px 8px;font-size:7px}.blue-card-info{padding-inline:19px}.blue-card-info>p{font-size:11px;min-height:38px}.blue-card-info h3{font-size:15px}.blue-card-info h3>span{font-size:8px}.blue-card-info a{font-size:10px}}
@media(max-width:800px){.blue-bar nav a{padding-inline:12px}.blue-gallery-heading{gap:30px}.blue-gallery-heading h1{font-size:47px}.blue-gallery-heading>p{font-size:11px;max-width:275px}.blue-art{padding:21px}.blue-art h2{font-size:39px}.blue-mini-flow{padding:12px 10px;gap:7px;font-size:8px}}
@media(max-width:600px){.blue-bar{padding-inline:9px;gap:5px}.blue-bar nav a{padding-inline:8px;font-size:9px;gap:4px}.blue-bar nav a span{font-size:6px}.blue-bar .phone-link{font-size:8px}.blue-gallery-main{padding-top:29px}.blue-gallery-main>.eyebrow{font-size:7px}.blue-gallery-heading{display:block;margin-top:17px;margin-bottom:27px}.blue-gallery-heading h1{font-size:39px}.blue-gallery-heading>p{font-size:13px;max-width:360px;margin-top:19px}.blue-grid{grid-template-columns:1fr;gap:22px}.blue-art{padding:23px}.blue-art h2{font-size:44px}.blue-art>p{font-size:11px}.blue-mini-button{font-size:10px;min-height:36px;padding:10px 13px}.blue-mini-flow{font-size:9px;padding:14px 12px}.blue-card-info{padding-inline:23px}.blue-card-info a{min-height:48px;font-size:12px}.blue-gallery-footer{font-size:10px;display:block}.blue-gallery-footer a{min-height:44px}.device-toolbar nav a{padding-inline:14px}}