/* VLI project system - theme controlled. No HTML editing necessary. */
body.single-vli_project #secondary{display:none!important}
body.single-vli_project #primary,body.single-vli_project .site-content>.ast-container,body.single-vli_project .site-content,body.single-vli_project #main{width:100%!important;max-width:none!important;margin:0!important;padding:0!important;display:block!important;float:none!important}
body.single-vli_project{background:#faf9f6}
.vli-case{font-family:Arial,Helvetica,sans-serif;color:#172f3a}
.vli-case *{box-sizing:border-box}
.vli-case-container{max-width:1240px;margin:auto;padding:0 32px}
.vli-case-hero{height:min(790px,88svh);min-height:610px;position:relative;background:#102b3a;color:#fff;overflow:hidden}
.vli-case-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}
.vli-case-hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,25,36,.87),rgba(7,25,36,.34) 70%,rgba(7,25,36,.1)),linear-gradient(0deg,rgba(7,25,36,.63),transparent 70%)}
.vli-case-hero-inner{height:100%;display:flex;flex-direction:column;position:relative;z-index:2}
.vli-case-back{align-self:flex-start;text-decoration:none!important;border-bottom:1px solid #ffffff70;color:#fff!important;margin-top:38px;padding-bottom:7px;text-transform:uppercase;font-size:11px;letter-spacing:.14em}
.vli-case-hero-copy{margin:auto 0 100px;max-width:890px}
.vli-case-kicker{text-transform:uppercase;font-size:11px;letter-spacing:.2em;font-weight:700;color:#bfa779}
.vli-case-hero h1{color:#fff;font:400 clamp(47px,6.4vw,94px)/1.04 Georgia,serif;letter-spacing:-.04em;margin:24px 0}
.vli-case-hero-copy>p{font-size:18px;line-height:1.7;max-width:630px;color:#edf0ee}
.vli-case-intro{padding:112px 0}
.vli-case-intro-grid{display:grid;grid-template-columns:270px 1fr;gap:12%}
.vli-case-facts{font-size:14px;color:#69777b}
.vli-case-facts p{border-bottom:1px solid #dde1de;margin:15px 0 0;padding:0 0 15px}
.vli-case-facts strong{display:block;color:#152c37;font-size:10px;letter-spacing:.15em;text-transform:uppercase;margin-bottom:4px}
.vli-case-facts span{font-size:15px}
.vli-case h2{font:400 clamp(36px,4.4vw,62px)/1.14 Georgia,serif;letter-spacing:-.034em;color:#142f3c;margin:15px 0 22px}
.vli-case-intro-text>p{font-size:17px;line-height:1.85;color:#526267;max-width:680px}
.vli-case-transformation{padding:0 0 120px}
.vli-case-section-head{text-align:center;margin-bottom:40px}
.vli-case-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;max-width:1050px;margin:0 auto}
.vli-case-pair figure,.vli-case-gallery figure{margin:0}
.vli-case-pair img{width:100%;height:clamp(350px,34vw,520px);object-fit:cover;display:block}
.vli-case-pair figcaption{padding:15px 0;color:#455b60;text-transform:uppercase;letter-spacing:.15em;font-size:11px}
.vli-case-gallery-section{padding:105px 0;background:#f0f1ed}
.vli-case-gallery{display:grid;grid-template-columns:1.15fr 1.15fr .8fr;gap:18px;align-items:stretch}
.vli-case-gallery-item img{display:block;width:100%;height:370px;object-fit:cover}
.vli-case-cta{background:#112d3b;padding:100px 0}
.vli-case-cta-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}
.vli-case-cta h2{color:#fff;margin-bottom:0}
.vli-case-btn{display:inline-flex;gap:30px;align-items:center;white-space:nowrap;background:#d5bd8d;color:#102b3b!important;text-decoration:none!important;padding:18px 24px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:700;transition:background .2s}
.vli-case-btn:hover{background:#fff}
@media(max-width:800px){.vli-case-container{padding:0 22px}.vli-case-intro{padding:80px 0}.vli-case-intro-grid{grid-template-columns:1fr;gap:38px}.vli-case-gallery{grid-template-columns:1fr 1fr}.vli-case-gallery figure:last-child:nth-child(odd){grid-column:span 2}.vli-case-cta-grid{display:block}.vli-case-btn{margin-top:35px}}
@media(max-width:600px){.vli-case-hero{min-height:570px;height:80svh}.vli-case-hero-copy{margin-bottom:65px}.vli-case-hero-copy>p{font-size:16px}.vli-case-pair{grid-template-columns:1fr}.vli-case-pair img{height:380px}.vli-case-transformation{padding-bottom:80px}.vli-case-gallery-section{padding:80px 0}.vli-case-gallery{grid-template-columns:1fr}.vli-case-gallery figure:last-child:nth-child(odd){grid-column:auto}.vli-case-gallery-item img{height:300px}}

body.single-vli_project #masthead,body.single-vli_project #colophon{display:none!important}
.vli-case-nav{position:absolute;top:0;left:0;width:100%;z-index:10;border-bottom:1px solid #ffffff50;padding:27px 0}.vli-case-nav .vli-case-container{display:flex;justify-content:space-between;align-items:center}.vli-case-nav a{color:white!important;text-decoration:none!important;font-size:11px;text-transform:uppercase;letter-spacing:.15em}.vli-case-nav a:first-child{font-size:16px;font-weight:700}
.vli-case-hero .vli-case-back{margin-top:106px}.vli-case-footer{background:#0b202c;color:#d1d9da;padding:35px 0;font-size:12px}.vli-case-footer .vli-case-container{display:flex;justify-content:space-between;gap:15px}.vli-case-footer a{color:#d1d9da!important;text-decoration:none!important}


/* v1.4 premium portfolio alignment */
body.single-vli_project .vli-case-container{max-width:1240px;width:100%;margin-inline:auto;padding-inline:clamp(22px,4.2vw,52px)}
body.single-vli_project .vli-case-intro{padding:clamp(90px,10vw,140px) 0}
body.single-vli_project .vli-case-overview{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(48px,8vw,125px);align-items:start}
body.single-vli_project .vli-case-overview-heading .vli-case-kicker{display:block;margin-bottom:24px}
body.single-vli_project .vli-case-overview-heading h2{font-size:clamp(46px,5vw,74px);line-height:1.07;letter-spacing:-.05em;margin:0}
body.single-vli_project .vli-case-intro-text{max-width:540px;padding-top:42px}
body.single-vli_project .vli-case-long-description{font-size:17px;line-height:1.85;color:#52646b}
body.single-vli_project .vli-case-long-description p{margin:0 0 20px}
body.single-vli_project .vli-case-project-specs{display:flex;flex-wrap:wrap;gap:30px;border-top:1px solid #d5dcda;margin:28px 0 0;padding:22px 0 0}
body.single-vli_project .vli-case-project-specs dt{text-transform:uppercase;font-size:10px;letter-spacing:.14em;color:#9b8662;font-weight:700}
body.single-vli_project .vli-case-project-specs dd{margin:8px 0 0;font-size:15px;color:#1a3541}
body.single-vli_project .vli-case-transformation{padding:0 0 130px}
body.single-vli_project .vli-case-section-head{margin-bottom:45px}
body.single-vli_project .vli-case-section-head h2{font-size:clamp(44px,5vw,66px);margin:13px 0 0}
body.single-vli_project .vli-case-pair{max-width:none;width:100%;margin:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
body.single-vli_project .vli-case-photo-frame{position:relative;overflow:hidden;background:#e5e7e5}
body.single-vli_project .vli-case-pair img{width:100%;height:clamp(350px,39vw,550px);object-fit:cover;display:block;transition:transform .45s ease}
body.single-vli_project .vli-case-photo-frame:hover img{transform:scale(1.025)}
body.single-vli_project .vli-case-photo-label{position:absolute;bottom:0;left:0;background:#102b3bea;color:#fff;padding:17px 23px;font-size:11px;text-transform:uppercase;letter-spacing:.14em;display:flex;gap:15px;align-items:center;font-weight:700}
body.single-vli_project .vli-case-photo-label b{color:#d7bd90;font-size:10px}
body.single-vli_project .vli-case-gallery-section{padding:110px 0;background:#eff1ee}
body.single-vli_project .vli-case-gallery{grid-template-columns:1.1fr 1.1fr .82fr;gap:18px}
body.single-vli_project .vli-case-gallery-item{background:transparent;border:none;box-shadow:none;overflow:hidden}
body.single-vli_project .vli-case-gallery-item img{height:390px;object-fit:cover;width:100%;transition:transform .45s ease}
body.single-vli_project .vli-case-gallery-item:hover img{transform:scale(1.02)}
@media(max-width:800px){body.single-vli_project .vli-case-overview{grid-template-columns:1fr;gap:24px}body.single-vli_project .vli-case-intro-text{padding-top:0;max-width:700px}body.single-vli_project .vli-case-pair{gap:14px}body.single-vli_project .vli-case-gallery{grid-template-columns:1fr 1fr}body.single-vli_project .vli-case-gallery-item img{height:310px}}
@media(max-width:600px){body.single-vli_project .vli-case-pair{grid-template-columns:1fr;gap:20px}body.single-vli_project .vli-case-pair img{height:365px}body.single-vli_project .vli-case-gallery{grid-template-columns:1fr}body.single-vli_project .vli-case-gallery-item img{height:300px}body.single-vli_project .vli-case-gallery-section{padding:80px 0}}
