html{scroll-behavior:smooth}body{overflow-x:hidden}.navbar-container{background:#090b0d}.navbar-nav-container{display:flex;align-items:center;gap:2rem;width:100%;justify-content:space-between}.logo-container img{max-width:135px;max-height:72px;object-fit:contain}.nav-link-container .navbar-nav{display:flex;flex-direction:row;align-items:center;gap:1.1rem;list-style:none;padding:0;margin:0}.nav-link-container .nav-link{white-space:nowrap}.section-banner-home{background:linear-gradient(90deg,rgba(7,8,11,.90),rgba(8,9,12,.58)),var(--hero-image) center 38%/cover!important}.section-banner-home:before{content:none!important}.banner-home-video{min-height:650px;display:flex;align-items:center}.banner-home-content{padding:6rem 0 5rem}.home-title-container h1{font-size:clamp(4rem,10vw,10rem);line-height:.9;max-width:950px;overflow-wrap:anywhere}.home-avatar-container{max-width:330px}.hero-portrait{width:84px;height:84px;border-radius:50%;object-fit:cover;margin-bottom:1rem;border:2px solid #e8b968}.home-avatar-container p{max-width:330px}.core-service-image img{object-fit:cover}.core-service-card-container .card-core-service{min-height:250px}.service-glyph{font-size:2.7rem;color:#c6a66a}.work-intro{color:#c8c8c8;font-size:1.2rem;max-width:680px;margin:1rem 0 2rem}.work-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem}.work-gallery figure{margin:0}.work-gallery figure:first-child{grid-row:span 2}.work-gallery img{width:100%;height:400px;object-fit:cover;border-radius:4px}.work-gallery figure:first-child img{height:calc(800px + 2rem)}.work-gallery figcaption{font-family:Anton,sans-serif;text-transform:uppercase;font-size:1.4rem;margin:.8rem 0}.services-simple{text-align:center}.services-simple h2{font-size:clamp(3rem,7vw,6rem);text-transform:uppercase;margin:1rem 0 3rem}.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;text-align:left}.services-grid article{border:1px solid #444;padding:2rem;background:#16191b}.services-grid i{font-size:2.4rem;color:#c6a66a}.services-grid h3{margin:2rem 0 1rem}.contact-panel{display:grid;grid-template-columns:1.2fr .8fr;gap:3rem;align-items:center;padding:6rem 0}.contact-panel h2{font-size:clamp(3rem,6vw,6rem);text-transform:uppercase}.contact-panel img{width:100%;max-height:560px;object-fit:cover}.cta-links{display:flex;gap:1rem;flex-wrap:wrap;margin-top:2rem}.nolly-hero{background:linear-gradient(90deg,rgba(7,8,11,.9),rgba(8,9,12,.6)),url('/assets/blue-vintage/john-blue.jpg') center/cover!important}.nolly-intro{max-width:700px;font-size:1.35rem}.nolly-gallery{display:grid;grid-template-columns:1fr 1fr;gap:2rem;align-items:start}.nolly-gallery img{width:100%;height:auto;object-fit:contain}.section-footer .footer-title{font-size:clamp(4rem,10vw,9rem)}@media(max-width:1100px){.navbar-cta-container{display:none}.nav-link-container .navbar-nav{gap:.45rem;flex-wrap:wrap}.nav-link-container .nav-link{font-size:.85rem}}@media(max-width:767px){.navbar-nav-container{display:block}.logo-container{margin-bottom:.5rem}.nav-link-container .navbar-nav{display:flex;flex-wrap:wrap;gap:.25rem .75rem}.navbar{padding:1rem 0}.banner-home-video{min-height:560px}.banner-home-content{padding:5rem 0}.home-title-container h1{font-size:clamp(3.2rem,14vw,6rem)}.core-service-heading{font-size:clamp(2.5rem,10vw,5rem)}.core-service-image{position:relative!important;width:100%!important;max-width:350px}.work-gallery,.services-grid,.nolly-gallery,.contact-panel{grid-template-columns:1fr}.work-gallery figure:first-child{grid-row:auto}.work-gallery figure:first-child img,.work-gallery img{height:360px}.services-grid{gap:1rem}.contact-panel{padding:4rem 0}}

/* Keep the Montra typography, with a normal reading flow for Blue Vintage copy. */
body{overflow-x:hidden}
h1,h2,h3,h4,h5,h6{overflow-wrap:normal;word-break:normal;line-height:1.12}
p{overflow:visible;line-height:1.6;font-size:clamp(1rem,1.15vw,1.125rem)}
.navbar-container{position:relative;left:auto;transform:none;padding:0;background:#090b0d}
.navbar-nav-container{padding:1rem 1.25rem;gap:1.5rem}
.navbar .logo-container{width:auto;flex:0 0 130px}
.navbar .nav-link-container{width:auto;flex:1;min-width:0}
.nav-link-container .navbar-nav{display:flex!important;gap:.1rem .5rem}
.nav-link-container .nav-link{padding:.65rem .45rem;font-size:clamp(.875rem,1.1vw,1rem);line-height:1.3}
.navbar-cta-container{width:auto;flex:0 0 auto}
.banner-home-video{min-height:0;padding:0}
.banner-home-content{height:auto;padding:clamp(4rem,8vw,8rem) 0 clamp(3rem,6vw,6rem);gap:2rem}
.section-banner-home:not(.nolly-hero) .banner-home-content>.d-flex>.d-flex:first-child{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(230px,1fr);align-items:end;gap:2.5rem;width:100%}
.home-title-container{width:100%;max-width:none;min-width:0;height:auto}
.home-title-container h1{font-size:clamp(3.5rem,7.3vw,7.5rem);line-height:1.08;overflow-wrap:normal;word-break:normal;letter-spacing:.005em}
.home-avatar-container{width:100%;max-width:340px;align-self:end;gap:1rem}
.home-avatar-container p{max-width:none}
.home-divider{margin:1rem 0 0}
.section-core-service{padding:clamp(4rem,7vw,7rem) 1.25rem}
.section-core-service>.hero-container>.d-flex{display:grid!important;grid-template-columns:minmax(0,1.6fr) minmax(250px,.8fr);gap:2.5rem 3.5rem;align-items:start}
.core-service-heading-container{grid-column:1/-1;display:block}
.core-heading-container{display:block;max-width:100%;width:100%;flex:none}
.core-service-heading{font-size:clamp(2.8rem,6.5vw,6.5rem);line-height:1.12;max-width:1100px}
.core-service-heading.heading-stroke{display:none!important}
.section-core-service>.hero-container>.d-flex>.d-flex{grid-column:1;gap:2rem!important;min-width:0}
.core-service-description{width:100%;align-self:auto;text-align:left}
.core-service-card-container{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;align-self:auto}
.card-core-service{width:100%;min-height:0!important;gap:1.25rem;padding:1.5rem}
.card-core-service:nth-child(even){margin-bottom:0}
.card-core-service p{text-align:left!important}
.core-service-image{position:relative;grid-column:2;grid-row:2;width:100%;left:auto;bottom:auto;max-width:none}
.core-service-image img{display:block;width:100%;height:auto;max-height:700px;object-fit:cover}
.project-heading-container{margin:0 0 1.5rem!important}
.project-section-heading{font-size:clamp(3.2rem,7vw,7rem);line-height:1.12;text-align:left;overflow-wrap:normal;color:#fff}
.work-intro{margin:0 0 2rem;line-height:1.6}
.services-simple h2,.contact-panel h2{line-height:1.12}
.services-grid article h3{font-size:clamp(1.6rem,2.2vw,2.5rem);line-height:1.16}
.section-cta-contact{padding:0 1.25rem}
.section-footer .footer-title-container{min-height:0;overflow:visible;padding-bottom:.5rem}
.section-footer .footer-title{font-size:clamp(3.2rem,8vw,8rem);line-height:1.15;margin:0;overflow-wrap:anywhere}
.section-footer .footer-container{gap:3.5rem}
.nolly-hero .home-title-container{width:100%}
.nolly-hero .home-title-container h1{font-size:clamp(3.5rem,9vw,8rem)}
@media(max-width:1100px){.navbar-cta-container{display:none}.nav-link-container .navbar-nav{display:flex!important}}
@media(max-width:900px){
 .navbar-nav-container{flex-wrap:wrap;justify-content:center;text-align:center;gap:.5rem}
 .navbar .logo-container{flex:0 0 100%;align-items:center}
 .navbar .logo-container img{max-width:110px}
 .navbar .nav-link-container{flex:0 0 100%;width:100%}
 .nav-link-container .navbar-nav{justify-content:center;flex-wrap:wrap}
 .section-core-service>.hero-container>.d-flex{grid-template-columns:minmax(0,1fr) minmax(200px,.7fr);gap:2rem}
 .core-service-image{left:auto!important;width:100%!important}
}
@media(max-width:767px){
 .navbar .logo-container{width:100%}
 .nav-link-container .nav-link{font-size:.875rem;padding:.45rem .35rem}
 .banner-home-video{min-height:0;padding:0}
 .banner-home-content{padding:3.5rem 0 3rem}
 .section-banner-home:not(.nolly-hero) .banner-home-content>.d-flex>.d-flex:first-child{grid-template-columns:1fr;gap:2rem}
 .home-title-container{width:100%;align-items:flex-start;text-align:left}
 .home-title-container h1{font-size:clamp(3.1rem,11vw,5.5rem);line-height:1.08}
 .home-avatar-container{width:100%;max-width:600px;flex-direction:row;text-align:left;align-items:flex-start}
 .hero-portrait{flex:0 0 72px;width:72px;height:72px;margin:0}
 .section-core-service{padding:4rem 1.25rem}
 .section-core-service>.hero-container>.d-flex{grid-template-columns:1fr;gap:2rem}
 .section-core-service>.hero-container>.d-flex>.d-flex,.core-service-image{grid-column:1;grid-row:auto}
 .core-service-heading{font-size:clamp(2.7rem,9vw,4.5rem)}
 .core-service-card-container{grid-template-columns:1fr 1fr}
 .card-core-service{gap:1rem;padding:1.25rem}
 .core-service-image{max-width:500px!important}
 .project-section-heading{font-size:clamp(3rem,9vw,5rem)}
 .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .contact-panel{grid-template-columns:1fr}
 .nolly-hero .home-title-container h1{font-size:clamp(3.2rem,11vw,6rem)}
}
@media(max-width:540px){
 .nav-link-container .navbar-nav{gap:.1rem .35rem}
 .home-title-container h1{font-size:clamp(2.8rem,11vw,4.2rem)}
 .home-avatar-container{display:flex;flex-direction:column;gap:.75rem}
 .core-service-card-container,.services-grid,.work-gallery,.nolly-gallery{grid-template-columns:1fr}
 .work-gallery figure:first-child img,.work-gallery img{height:auto;max-height:500px;aspect-ratio:4/3}
 .section-footer{padding:4rem 1.25rem 1rem}
 .section-footer .footer-title{font-size:clamp(3rem,12vw,5rem)}
 .footer-copyright-container{padding:1rem;flex-wrap:wrap}
}

/* The Work Behind the Story stays in the page flow while scrolling. */
#work .project-heading-container{position:static;top:auto;z-index:auto;pointer-events:auto}
#work .project-section-heading,
#work .project-section-heading.is-hidden{opacity:1;transform:none;transition:none;will-change:auto}
#work .work-gallery figure,
#work .work-gallery img{position:static;transform:none;transition:none;animation:none}