/* Azizsniper site styles 1/3 - effects Webflow panels cannot express. Colors come from the Webflow variables (light theme). */
:root{--color-bg:var(--background,#f5f5f7);--color-bg-alt:var(--background-alt,#fff);--color-panel:var(--panel,#fff);--color-text:var(--text,#1d1d1f);--color-muted:var(--muted,#6e6e73);--color-accent:var(--accent,#59cbe8);--color-accent2:var(--accent-2,#00c7c7)}
*,:after,:before{box-sizing:border-box;border:0 solid #e5e7eb}
html{scroll-behavior:auto;-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent}
body{margin:0;font-family:var(--font-body,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif);font-size:16px;line-height:1.5;background:var(--color-bg);color:var(--color-text);overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}
h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit;line-height:inherit;margin:0}
.font-serif,h1,h2,h3{font-family:var(--font-heading,-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif)}
blockquote,figure,ol,p,ul{margin:0}
ol,ul{list-style:none;padding:0}
a{color:inherit;text-decoration:inherit}
img,svg{display:block;vertical-align:middle}
img{max-width:100%;height:auto}
button,input,select,textarea{font:inherit;color:inherit;letter-spacing:inherit;margin:0}
::-webkit-scrollbar{width:6px}
::-webkit-scrollbar-thumb{background:rgba(0,0,0,.25);border-radius:3px}
::-webkit-scrollbar-track{background:var(--color-bg)}
:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}
.masonry-item:focus-visible{outline-offset:4px}
html.az-js .reveal{opacity:0;transform:translateY(40px)}
html.az-js .masonry-item{opacity:0;transform:translateY(30px)}
html.az-js .mline{opacity:.12}
@media (prefers-reduced-motion:reduce){
.masonry-item,.mline,.reveal{opacity:1!important;transform:none!important;animation:none!important}
}
.masonry-item.visible{animation:.7s cubic-bezier(.22,1,.36,1) forwards masonryIn}
.masonry-item.hidden-filter{display:none}
@keyframes masonryIn{
to{opacity:1;transform:translateY(0)}
}
@keyframes ping{
75%,to{transform:scale(2);opacity:0}
}
.animate-ping{animation:1s cubic-bezier(0,0,.2,1) infinite ping}
.char{display:inline-block}
.full-width-flag{display:none}
#nav.scrolled{padding-top:1.1rem;padding-bottom:1.1rem}
#nav.menu-open{z-index:10001}
.nav-link.w--current{color:var(--color-accent)}
.group:hover .group-hover-translate-x-2{transform:translateX(.5rem)}
.hamburger{text-align:left;color:inherit}
.hamburger .line{position:absolute;left:50%;transform:translateX(-50%);width:22px;height:1.5px;background:currentColor;transition:.5s cubic-bezier(.77,0,.18,1);transform-origin:center}
.hamburger .line-1{top:11px}
.hamburger .line-2{top:15.5px;width:14px}
.hamburger .line-3{top:20px}
.hamburger.active .line-1{top:15.5px;transform:translateX(-50%) rotate(45deg)}
.hamburger.active .line-2{opacity:0;transform:translateX(-200%)}
.hamburger.active .line-3{top:15.5px;transform:translateX(-50%) rotate(-45deg)}
.mobile-menu.active{opacity:1;pointer-events:all}
.mobile-menu:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at 20% 30%,rgba(89,203,232,.08) 0,transparent 50%),radial-gradient(circle at 80% 70%,rgba(0,199,199,.06) 0,transparent 50%);pointer-events:none}
.mobile-menu-link .link-label{font-family:var(--font-heading,-apple-system,BlinkMacSystemFont,sans-serif);font-size:clamp(2rem,8vw,2.8rem);font-weight:600;letter-spacing:-.02em}
.mobile-menu-link .link-num{font-size:.7rem;letter-spacing:.2em;color:var(--color-muted);text-transform:uppercase}
.mobile-menu-footer .socials{display:flex;gap:1.5rem}
.mobile-menu-footer .socials a{color:var(--color-muted);transition:color .3s}
.mobile-menu-footer .socials a:hover{color:var(--color-accent)}
.filter-btn{text-align:center}
.filter-btn:hover{color:var(--color-text)}
.filter-btn.active{background-color:var(--color-text);color:#fff}
.masonry-item:hover .masonry-img{transform:scale(1.045);filter:brightness(.68)}
.masonry-item:focus-visible .masonry-tag,.masonry-item:hover .masonry-tag{opacity:1;transform:translateY(0)}
.masonry-item:focus-visible .masonry-desc,.masonry-item:hover .masonry-desc{max-height:60px;opacity:1}
.masonry-item:focus-visible .masonry-view,.masonry-item:hover .masonry-view{opacity:1;transform:translateX(0);border-color:#fff;color:#fff}
.masonry-caption{color:#fff}
.gallery-hero h2{font-size:clamp(2.5rem,7vw,6.5rem);line-height:.95;letter-spacing:-.03em;font-weight:600}
.gallery-hero .accent-line{width:80px;height:2px;background:linear-gradient(90deg,var(--color-accent),var(--color-accent2));margin-bottom:1.5rem}
.gallery-hero .gallery-counter-lux .big{font-size:3rem;color:var(--color-accent);font-weight:600}
.gallery-hero .gallery-counter-lux .small{font-size:1rem;color:var(--color-muted)}
.pill-cta .arrow{transition:transform .35s}
.pill-cta:hover .arrow{transform:translateX(4px)}
#galleryHero h1{font-size:clamp(3rem,9vw,7rem);line-height:.95;letter-spacing:-.03em;font-weight:600;margin:1.25rem 0 1.5rem}
#galleryHero .gallery-counter-lux .big{font-size:2.4rem;color:var(--color-accent);font-weight:600}
#galleryHero .gallery-counter-lux .small{font-size:.9rem;color:var(--color-muted)}
.breadcrumb a{color:var(--color-muted);transition:color .3s}
.breadcrumb a:hover{color:var(--color-accent)}
#galleryWrap .masonry-gallery{column-count:2;column-gap:1.75rem;padding:0}
#galleryWrap .masonry-item{margin-bottom:1.75rem;border-radius:14px}
#galleryWrap .masonry-item.feature{column-span:all}
#galleryWrap .masonry-tag{top:1.1rem;left:1.1rem}
#galleryWrap .masonry-caption{padding:1.25rem 1.35rem 1.15rem}
/* --- */
/* Azizsniper site styles 2/3 + phone layout (light theme) */
#galleryWrap .masonry-title{font-size:1.2rem}
#galleryWrap .masonry-desc{font-size:.75rem}
#galleryWrap .masonry-view{width:36px;height:36px}
#galleryWrap .masonry-item:hover .masonry-img{transform:scale(1.035)}
.lightbox{color:#fff}
.lightbox.active{opacity:1;pointer-events:all}
.lightbox.active .lightbox-img{transform:scale(1);opacity:1}
.lightbox-info h3{font-family:var(--font-heading,-apple-system,BlinkMacSystemFont,sans-serif);font-size:1.8rem;font-weight:600;color:#fff}
.lightbox-info span{color:var(--color-accent2);letter-spacing:.2em;text-transform:uppercase;font-size:.75rem}
.lightbox-close.w-button,.lightbox-nav.w-button{padding:0}
.mline .accent-word{color:var(--color-accent);font-style:italic}
.service-card-lux:before{content:'';position:absolute;inset:0;background-image:radial-gradient(circle at var(--mx,50%) var(--my,50%),rgba(89,203,232,.12) 0,transparent 45%);opacity:0;transition:opacity .6s;pointer-events:none;z-index:1}
.service-card-lux:after{content:'';position:absolute;inset:0;border-radius:inherit;background:linear-gradient(135deg,rgba(89,203,232,.04) 0,rgba(0,199,199,.02) 100%);opacity:0;transition:opacity .5s;pointer-events:none;z-index:1}
.service-card-lux:hover:after,.service-card-lux:hover:before{opacity:1}
.service-card-lux:hover .service-bg-image{opacity:.28;transform:scale(1.08) translate(-2%,-2%)}
.service-card-lux:hover .service-num{-webkit-text-stroke:1.2px var(--color-accent);color:rgba(89,203,232,.1);transform:translateX(-4px)}
.service-num{-webkit-text-stroke:1px rgba(0,0,0,.15)}
.service-card-lux:hover .service-icon{transform:scale(1.1) rotate(-6deg);box-shadow:0 15px 40px -10px rgba(89,203,232,.6)}
.service-bg-image{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 55%);mask-image:linear-gradient(180deg,transparent 0,#000 55%)}
.service-tag:before{content:'';width:22px;height:1px;background:var(--color-accent)}
.service-features li{display:flex;align-items:center;gap:.75rem;padding:.45rem 0;font-size:.85rem;color:var(--color-muted);font-weight:400;transition:color .3s}
.service-features li:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--color-accent2);flex-shrink:0;box-shadow:0 0 8px rgba(0,199,199,.6)}
.service-card-lux:hover .service-features li{color:var(--color-text)}
.service-cta svg{transition:transform .4s}
.service-card-lux:hover .service-cta{gap:1.2rem}
.service-card-lux:hover .service-cta svg{transform:translateX(2px)}
.service-bottom-cta:before{content:'';position:absolute;top:-50%;right:-10%;width:50%;height:200%;background:radial-gradient(circle,rgba(89,203,232,.08) 0,transparent 60%);pointer-events:none}
.service-bottom-cta h3{font-family:var(--font-heading,-apple-system,BlinkMacSystemFont,sans-serif);font-size:clamp(1.4rem,3vw,2rem);font-weight:600;letter-spacing:-.02em;position:relative;z-index:1}
.service-bottom-cta p{color:var(--color-muted);font-size:.9rem;margin-top:.5rem;font-weight:400;position:relative;z-index:1}
.service-bottom-cta-btn svg{transition:transform .35s}
.service-bottom-cta-btn:hover svg{transform:translateX(3px)}
.w-form{margin:0}
#contact form{display:flex;flex-direction:column;gap:2rem}
#contact .w-input{width:100%;height:auto;margin:0;font-size:1rem;line-height:1.5;padding:.75rem 0;background:0 0;color:var(--color-text);font-weight:400;border:0;border-bottom:1px solid rgba(0,0,0,.15);border-radius:0}
#contact .w-input::placeholder{color:rgba(0,0,0,.4)}
#contact .w-input:focus{outline:0;border-bottom-color:var(--color-accent)}
#contact textarea.w-input{resize:none;min-height:5.5rem}
#contact input.w-button{align-self:flex-start;background:var(--color-accent);border:1px solid var(--color-accent);color:#1f2224;padding:.75rem 2rem;border-radius:9999px;font-size:.875rem;line-height:1.25rem;letter-spacing:.1em;text-transform:uppercase;transition:background-color .15s,color .15s}
#contact input.w-button:hover{background:var(--color-accent2);border-color:var(--color-accent2);color:#1f2224}
#contact .w-form-done{background:rgba(89,203,232,.08);border:1px solid rgba(89,203,232,.35);border-radius:16px;padding:2rem;color:var(--color-text);text-align:left}
#contact .w-form-fail{background:rgba(255,59,48,.08);border:1px solid rgba(255,59,48,.35);border-radius:12px;padding:1rem 1.25rem;color:#b3261e;margin-top:1rem}
@media (max-width:768px){.hamburger{display:block}.lightbox-nav{width:40px!important;height:40px!important}.lightbox-prev{left:.75rem!important}.lightbox-next{right:.75rem!important}.lightbox-close{top:1rem;right:1rem;width:40px;height:40px}.lightbox-info h3{font-size:1.4rem}.filters-wrap{width:100%;justify-content:center;overflow-x:auto;white-space:nowrap;padding:.3rem}.filter-btn{padding:.5rem 1rem;font-size:.65rem}#heroWrap{height:150vh}#heroTitle{font-size:15vw!important}#heroContent{padding:0 1.25rem 3rem!important}#heroSub{font-size:.9rem}#heroTag{font-size:.7rem!important}.gallery-hero{flex-direction:column;align-items:flex-start;gap:2rem;padding:0 1.25rem;margin-bottom:2rem}.gallery-hero h2{font-size:clamp(2.2rem,10vw,3.5rem)!important;line-height:1!important}.gallery-hero .accent-line{width:50px;margin-bottom:1rem}.gallery-hero .gallery-counter-lux .big{font-size:2.5rem}.gallery-hero .gallery-counter-lux .small{font-size:.8rem}#gallery{padding-top:5rem!important;padding-bottom:4rem!important}.masonry-gallery{column-count:1!important;padding:0 1.25rem!important}#galleryWrap .masonry-gallery{padding:0!important}#about{grid-template-columns:1fr;padding:4rem 1.25rem;gap:2rem}#about>div:first-child{height:60vh}#aboutText h2{font-size:2rem}#aboutText>div:last-child{grid-template-columns:repeat(3,1fr);gap:.75rem}#aboutText .stat-num{font-size:1.8rem}#manifestoWrap{height:auto!important;padding:4rem 0}#manifestoSticky{position:relative!important;height:auto!important;padding:2rem 1.25rem!important}#manifestoSticky p{font-size:8vw!important}#services{padding:4rem 1.25rem!important}#services h2{font-size:2.5rem!important}.service-num{font-size:3rem!important}.service-title{font-size:1.75rem!important}.service-bottom-cta{flex-direction:column;text-align:center;padding:2rem!important}.service-bottom-cta>div{text-align:center}#contact{padding:4rem 1.25rem}#contact>div:first-child{grid-template-columns:1fr;gap:3rem}#contact h2{font-size:2.5rem}.filters-row-mobile{display:flex;flex-direction:column;gap:1.5rem;padding:0 1.25rem!important}.filters-row-mobile p{font-size:.85rem}#galleryHero{padding:8rem 1.25rem 3rem}#galleryWrap{padding:0 1.25rem 4rem}}@media (max-width:480px){#heroTitle{font-size:18vw!important}#manifestoSticky p{font-size:10vw!important}}
.photo-detail .breadcrumb a{color:var(--color-muted)}
@media (max-width:768px){.filters-wrap{flex-wrap:nowrap!important;justify-content:flex-start!important;scrollbar-width:none}.filters-wrap::-webkit-scrollbar{display:none}.filter-btn{flex-shrink:0}}@media (max-width:540px){.filters-wrap{display:grid!important;grid-template-columns:1fr 1fr;gap:.35rem;border-radius:22px!important;overflow:visible!important}.filter-btn{width:100%;padding:.6rem .5rem!important}}
/* --- */
/* Azizsniper styles 3/3: header, hero and services (light theme) */
/* Header: dark text on frosted light bar; white text only while over the home hero photo */
#nav{color:var(--color-text);transition:background-color .5s ease,color .3s ease,box-shadow .5s ease,padding .4s ease}
#nav.scrolled,body:has(#galleryHero) #nav,body:has(#photoDetail) #nav{background-color:rgba(245,245,247,.82);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 1px 0 rgba(0,0,0,.06)}
#nav .nav-logo{transition:opacity .3s,filter .3s;filter:brightness(0)}
body:has(#heroWrap) #nav:not(.scrolled):not(.menu-open){color:#fff;background-image:linear-gradient(180deg,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 100%)}
body:has(#heroWrap) #nav:not(.scrolled):not(.menu-open) .nav-logo{filter:none}
#nav .nav-logo-link:hover .nav-logo{opacity:.7}
#nav .nav-link-item{position:relative}
#nav .nav-link-item:hover{opacity:.7}
#nav .nav-link-item:after{content:'';position:absolute;left:0;right:0;bottom:-6px;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:right;transition:transform .45s cubic-bezier(.22,1,.36,1)}
#nav .nav-link-item.w--current:after{transform:scaleX(1);transform-origin:left}
#nav .nav-hire-btn{border-style:solid;border-color:currentColor;transition:background-color .3s,color .3s,border-color .3s}
#nav .nav-hire-btn:hover{background-color:var(--color-accent);border-color:var(--color-accent);color:#1f2224}
/* Hero: text sits on a photo, so it stays white */
#heroSticky .hero-overlay{background:linear-gradient(180deg,rgba(0,0,0,.35) 0,rgba(0,0,0,0) 20%,rgba(0,0,0,0) 42%,rgba(0,0,0,.45) 70%,rgba(0,0,0,.8) 100%),radial-gradient(ellipse at 10% 90%,rgba(0,0,0,.45) 0,rgba(0,0,0,0) 55%)}
#heroContent{color:#fff}
#heroContent .hero-title{letter-spacing:-.03em;font-weight:600}
#heroWrap{height:160vh}
#heroSticky{overflow:hidden;will-change:clip-path;background-color:#000}
#heroSticky .hero-bg-image{animation:azHeroIn 1.8s ease-out both;will-change:transform;transform-origin:50% 40%}
@keyframes azHeroIn{from{filter:brightness(.4)}to{filter:brightness(1)}}
#heroTag{display:flex;align-items:center;gap:.9rem;color:rgba(255,255,255,.9)}
#heroTag:before{content:'';width:40px;height:1px;background:var(--color-accent);flex-shrink:0}
#heroSub{color:rgba(255,255,255,.88);text-shadow:0 1px 14px rgba(0,0,0,.4);margin-right:auto}
#heroContent .hero-bottom-row{display:flex;align-items:center;flex-wrap:wrap;gap:1rem}
#heroCta{display:inline-flex;align-items:center;gap:.6rem;padding:.9rem 1.6rem;color:#fff;border:1px solid rgba(255,255,255,.55);border-radius:9999px;background-color:rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:.8rem;letter-spacing:.15em;text-transform:uppercase;transition:border-color .3s,color .3s,background-color .3s}
#heroCta:hover{border-color:var(--color-accent);color:var(--color-accent);background-color:rgba(89,203,232,.08)}
#heroCta2:hover{translate:0 -2px}
#heroSticky:after{content:'';position:absolute;left:50%;bottom:0;width:1px;height:64px;background:linear-gradient(180deg,rgba(89,203,232,0),var(--color-accent));animation:azScrollCue 2.4s ease-in-out infinite;z-index:3;pointer-events:none}
@keyframes azScrollCue{0%{transform:scaleY(0);transform-origin:top}45%{transform:scaleY(1);transform-origin:top}55%{transform:scaleY(1);transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
#heroCta,#heroCta2{line-height:1.25rem}
#galleryWrap .masonry-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;gap:1.5rem;column-count:auto}
#galleryWrap .masonry-item{margin:0}
#galleryHero,#galleryWrap{max-width:1440px;margin-left:auto;margin-right:auto;padding-left:clamp(1.25rem,4vw,3rem);padding-right:clamp(1.25rem,4vw,3rem)}
#galleryWrap .masonry-item.feature{grid-column:1/-1}
#galleryWrap .masonry-img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
#galleryWrap .masonry-item.feature .masonry-img{aspect-ratio:21/9}
@media (max-width:1100px){#galleryWrap .masonry-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* Services: white cards on the light grey page */
#services .services-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.5rem;align-items:stretch}
#services .service-card-lux{grid-column:auto;min-height:0;padding:0;display:flex;flex-direction:column;border-radius:22px;overflow:hidden;background:#fff;border:1px solid rgba(0,0,0,.06);box-shadow:0 2px 12px rgba(0,0,0,.04);transition:translate .6s cubic-bezier(.22,1,.36,1),border-color .4s,box-shadow .6s}
#services .service-card-lux:hover{translate:0 -8px;border-color:rgba(89,203,232,.45);box-shadow:0 30px 60px -30px rgba(0,0,0,.25)}
#services .service-bg-image,#services .service-card-lux:hover .service-bg-image{position:relative;top:auto;right:auto;bottom:auto;left:auto;inset:auto;width:100%;height:auto;max-width:none;aspect-ratio:4/3;flex:none;opacity:1;overflow:hidden;-webkit-mask-image:none;mask-image:none;transform:none;z-index:0}
#services .service-bg-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.35) 100%);pointer-events:none}
#services .service-bg-photo{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;opacity:1;filter:saturate(.95);transition:transform 1.2s cubic-bezier(.22,1,.36,1),filter .6s}
#services .service-card-lux:hover .service-bg-photo{transform:scale(1.06);filter:saturate(1.05)}
#services .service-card-content,#services .service-card-wide-grid{position:relative;z-index:2;padding:0 2rem 2rem;display:flex;flex-direction:column}
#services .service-card-wide-grid{flex:1;gap:0;align-items:stretch}
#services .service-card-wide-grid>div{display:flex;flex-direction:column;padding:0;margin:0;border:0;width:auto}
#services .service-card-wide-grid>div:last-child,#services .service-card-content:last-child{flex:1}
#services .service-card-content+.service-card-content{padding-top:0}
#services .service-card-content:has(+.service-card-content){padding-bottom:0}
#services .service-num{position:absolute;top:-4.6rem;right:1.5rem;margin:0;font-size:4rem;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.85);z-index:3;pointer-events:none}
#services .service-icon{margin-top:-28px;margin-bottom:1.25rem;width:56px;height:56px;box-shadow:0 12px 30px -8px rgba(89,203,232,.55)}
#services .service-tag{margin-bottom:.75rem}
#services .service-title{font-size:clamp(1.6rem,2.1vw,2rem);line-height:1.1;margin-bottom:.9rem;font-weight:600;letter-spacing:-.02em}
#services .service-desc{font-size:.92rem;line-height:1.65;color:var(--color-muted);min-height:6.6em}
#services .service-features{margin:1.5rem 0 0;padding-top:1.25rem;border-top:1px solid rgba(0,0,0,.08)}
#services .service-cta{margin-top:auto;padding-top:1.5rem;align-self:flex-start;color:var(--color-accent)}
@media (max-width:1100px){#services .services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#services .service-card-lux--wide{grid-column:1/-1}#services .service-card-lux--wide .service-bg-image{aspect-ratio:21/9}#services .service-card-lux--wide .service-desc{min-height:0}}
@media (max-width:768px){
#services .services-grid{grid-template-columns:1fr;gap:1.25rem}
#services .service-card-lux--wide{grid-column:auto}
#services .service-bg-image,#services .service-card-lux--wide .service-bg-image{aspect-ratio:16/10}
#services .service-card-content,#services .service-card-wide-grid{padding:0 1.5rem 1.75rem}
#services .service-num{font-size:3.2rem;top:-3.9rem}
#services .service-desc{min-height:0}
#heroContent .hero-bottom-row{flex-direction:row;align-items:center;gap:.75rem}
#heroSub{flex-basis:100%;margin-bottom:.75rem}
#heroCta,#heroCta2{padding:.8rem 1.3rem;font-size:.72rem}
#heroSticky:after{display:none}
#heroWrap{height:100vh;height:100svh}
body:has(#heroWrap) #nav:not(.scrolled):not(.menu-open){background-image:linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 100%)}
}
/* Phone experience */
section[id]{scroll-margin-top:72px}
@media (max-width:768px){
#nav .hamburger{width:44px;height:44px;margin-right:-6px}
#nav .hamburger .line-1{top:17.5px}#nav .hamburger .line-2{top:22px}#nav .hamburger .line-3{top:26.5px}
#nav .hamburger.active .line-1,#nav .hamburger.active .line-3{top:22px}
.filter-btn{min-height:42px;font-size:.72rem!important;display:flex;align-items:center;justify-content:center}
.masonry-gallery{display:grid!important;grid-template-columns:1fr 1fr;gap:.65rem;column-count:auto!important}
#gallery .masonry-gallery{padding:0 1rem!important}
.masonry-gallery .masonry-item{margin:0!important;border-radius:12px}
.masonry-gallery .masonry-item.feature{grid-column:1/-1}
.masonry-gallery .masonry-img,#galleryWrap .masonry-img{width:100%;height:auto;aspect-ratio:4/5;object-fit:cover}
.masonry-gallery .masonry-item.feature .masonry-img,#galleryWrap .masonry-item.feature .masonry-img{aspect-ratio:16/10}
#galleryWrap .masonry-gallery{grid-template-columns:1fr 1fr;gap:.65rem}
.masonry-gallery .masonry-tag,.masonry-gallery .masonry-desc,.masonry-gallery .masonry-view{display:none}
.masonry-gallery .masonry-caption,#galleryWrap .masonry-caption{padding:.7rem .75rem}
.masonry-gallery .masonry-title,#galleryWrap .masonry-title{font-size:.88rem;line-height:1.2}
.masonry-item:active{transform:scale(.97)}
.mobile-menu-footer .socials a,#contact .link-hover-accent{display:inline-block;padding:.6rem 0}
.breadcrumb a{display:inline-block;padding:.5rem 0}
#contact input.w-button{width:100%;align-self:stretch;padding:1rem 2rem}
.mobile-menu{padding:96px 1.75rem calc(1.75rem + env(safe-area-inset-bottom))}
.mobile-menu-links{gap:0}
.mobile-menu-link{padding:.8rem 0}
.mobile-menu-link .link-label{font-size:clamp(1.6rem,7.5vw,2.1rem)}
.mobile-menu-hire{margin-top:1.25rem}
.mobile-book-fab{display:inline-flex;left:1rem;bottom:calc(1rem + env(safe-area-inset-bottom));opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .35s,transform .35s cubic-bezier(.22,1,.36,1)}
.mobile-book-fab.is-visible{opacity:1;transform:none;pointer-events:auto}
}
@media (prefers-reduced-motion:reduce){.mobile-book-fab{transition:none}}
@media (prefers-reduced-motion:reduce){#heroSticky .hero-bg-image,#heroSticky:after{animation:none}}