@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#171717;--muted:#626262;--green:#087b5a;--line:#ddd;--cream:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;background:#111;color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea{font:inherit}h1,h2,h3,p{margin:0}h1,h2,h3{font-family:Manrope,Arial,sans-serif;line-height:1.1;letter-spacing:-.045em}h2{font-size:clamp(38px,4.7vw,67px);font-weight:700}h3{font-size:22px;letter-spacing:-.02em}p{color:var(--muted)}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #32b181;outline-offset:5px}.skip{position:fixed;left:15px;top:-90px;z-index:100;background:white;padding:12px}.skip:focus{top:10px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.header{position:sticky;top:0;z-index:50;background:#111;color:white;border-bottom:1px solid #ffffff26}.header-inner{max-width:1440px;margin:auto;padding:17px 5%;display:flex;align-items:center;gap:28px}.brand{background:white;display:inline-block;padding:7px 11px;border-radius:4px;flex-shrink:0}.brand img{width:145px;height:auto}#navigation{display:flex;gap:23px;align-items:center;justify-content:flex-end;flex:1;font-size:14px;line-height:1.4}.nav-cta{padding:11px 15px;border:1px solid #777;border-radius:5px}.mobile-apartment,.menu-toggle{display:none}.eyebrow{font-size:12px;letter-spacing:.14em;font-weight:600;line-height:1.5;margin-bottom:22px}.button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:50px;padding:15px 23px;border-radius:5px;font-size:15px;font-weight:700;border:0;cursor:pointer;line-height:1.4}.green{background:var(--green);color:white}.dark{background:#111;color:white}.outline{background:transparent;color:inherit;border:1px solid #ffffff80}.button:hover{filter:brightness(1.12)}.hero-actions{display:flex;gap:15px;flex-wrap:wrap}.street-hero{position:relative;min-height:670px;height:calc(100svh - 85px);max-height:950px;overflow:hidden;background:#222;color:white}.hero-picture{position:absolute;inset:0;display:block;width:100%;height:100%}.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center}.street-hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#000b 0%,#0007 40%,#0001 80%)}.hero-copy{position:relative;z-index:1;max-width:1440px;margin:auto;width:100%;height:100%;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:65px 7%}.hero-copy h1{font-size:clamp(50px,6.7vw,92px);max-width:750px}.hero-copy .eyebrow{color:white}.hero-copy>p:not(.eyebrow){font-size:18px;color:#ededed;max-width:480px;margin:26px 0 28px}.hero-copy .hero-hours{font-size:15px;font-weight:500;margin:25px 0 7px}.hero-copy .hero-order-note{font-size:14px;color:#ddd;margin:0}.visual-panel{position:relative;isolation:isolate;background-size:cover;background-position:center;min-height:calc(100svh - 85px);color:white;border-bottom:1px solid #ffffff22;scroll-margin-top:0;overflow:hidden}.visual-panel:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#000d,#0008 55%,#0004)}.panel-inner{max-width:1440px;width:100%;margin:auto;padding:85px 7%;min-height:inherit;display:flex;align-items:center}.panel-copy{width:54%;max-width:630px}.panel-copy>p:not(.eyebrow){font-size:17px;max-width:530px;color:#e2e2e2;margin-top:20px}.panel-copy .panel-lead{font-size:23px;color:white;margin-top:26px;font-weight:500}.panel-copy .panel-note{font-size:14px;color:#ccc;margin-top:22px}.panel-copy .button{margin-top:26px}.order-section{background-image:url('assets/locovo-city-connections-v31.webp');background-position:center}.order-section:before{background:linear-gradient(90deg,#000e,#000b 50%,#0008)}.order-layout{display:grid;grid-template-columns:1.2fr .8fr;gap:75px}.order-layout .panel-copy{width:100%}.ordering-phone{display:flex;justify-content:center;align-items:center}.ordering-phone img{width:min(100%,360px);height:auto;max-height:600px;object-fit:contain;filter:drop-shadow(0 25px 35px #0007);transform:rotate(4deg)}.order-methods{margin-top:25px;border-top:1px solid #ffffff45}.order-methods a{padding:18px 0;display:block;border-bottom:1px solid #ffffff45}.order-methods span{display:block;font-size:12px;letter-spacing:.12em;color:#c9c9c9}.order-methods strong{display:block;font-size:19px;font-weight:500;margin-top:3px}.order-methods a:hover strong{text-decoration:underline;text-underline-offset:5px}.team-section{background-image:url('assets/locovo-office-v41.webp');background-position:center}.team-section:before{background:linear-gradient(90deg,#000e,#000b 42%,#0002 75%)}.operations-steps{list-style:none;margin:28px 0 0;padding:0;max-width:520px}.operations-steps li{display:flex;gap:21px;align-items:flex-start;padding:18px 0;border-top:1px solid #ffffff40}.operations-steps li>span{font-size:14px;color:#aaa;margin-top:2px}.operations-steps h3{font-size:20px;letter-spacing:-.015em}.operations-steps p{font-size:16px;color:#ddd;margin-top:5px}.delivery-section{background-image:url('assets/locovo-door-wide-v23.webp');background-position:75% center}.delivery-section:before{background:linear-gradient(90deg,#000e,#000b 45%,#0003)}.delivery-facts{margin-top:28px;max-width:480px}.delivery-facts>div{padding:16px 0;border-top:1px solid #ffffff40}.delivery-facts span{font-size:12px;letter-spacing:.12em;color:#ccc}.delivery-facts strong{display:block;font-size:25px;color:#fff;margin-top:7px;font-weight:500}.delivery-facts p{font-size:16px;color:#eee;margin-top:7px}.section{max-width:none;margin:0;padding:80px max(7%,calc((100vw - 1240px)/2))}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:40px}.section-heading>p{max-width:280px;font-size:16px;color:#ddd}.essentials{display:flex;flex-direction:column;justify-content:center;background-image:url('assets/locovo-grocery-background.webp')}.essentials:before{background:#000c}.essentials-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.essentials-list>div{position:relative;isolation:isolate;overflow:hidden;padding:26px 22px;min-height:310px;display:flex;flex-direction:column;justify-content:flex-end;background-size:cover;background-position:center;border:1px solid #ffffff45;border-radius:6px}.essentials-list>div:before{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(#0001,#000d)}.essentials-list>div:nth-child(1){background-image:url('assets/locovo-category-groceries-v28.webp')}.essentials-list>div:nth-child(2){background-image:url('assets/locovo-category-produce-v28.webp')}.essentials-list>div:nth-child(3){background-image:url('assets/locovo-category-essentials-v28.webp')}.essentials-list>div:nth-child(4){background-image:url('assets/locovo-category-lastminute-v28.webp')}.essentials-list span{font-size:12px;color:#ddd;letter-spacing:.1em}.essentials-list h3{font-size:25px;margin:13px 0}.essentials-list p{font-size:15px;color:#eee}.community{background-image:url('assets/locovo-neighbourhood-v30.webp')}.community:before{background:linear-gradient(90deg,#000e,#000a 50%,#0006)}.community-card{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);gap:70px;background:none;border:0;border-radius:0}.community-copy>p:not(.eyebrow){font-size:18px;color:#eee;max-width:460px;margin:27px 0}.community-actions{display:flex;align-items:flex-start;flex-direction:column;gap:25px}.qr-frame{display:block;width:180px;background:white;padding:15px;border-radius:6px;color:#111;text-align:center;flex-shrink:0}.qr-frame img{width:100%;height:auto;filter:none;opacity:1}.qr-frame span{display:block;font-size:12px;line-height:1.4;letter-spacing:.04em;margin-top:10px;font-weight:600}.community-phone{display:flex;justify-content:center;align-items:center;min-width:0}.community-phone img{width:min(100%,410px);height:auto;max-height:640px;object-fit:contain;filter:drop-shadow(0 25px 40px #0008)}.apartment{background-image:url('assets/locovo-neighbourhood-v30.webp');display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.apartment:before{background:linear-gradient(90deg,#000d,#0008)}.apartment-intro>p:not(.eyebrow){max-width:400px;font-size:18px;color:#eee;margin-top:25px}.form-explainer{margin-top:35px;border-top:1px solid #ffffff45;padding-top:24px}.form-explainer span{font-size:12px;letter-spacing:.1em;color:#ddd}.form-explainer p{font-size:14px;max-width:370px;color:#ddd;margin-top:10px}#apartment-form{background:#fffffff5;color:#111;border:1px solid white;border-radius:8px;padding:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}.field.full{grid-column:1/-1}.field label{display:block;font-size:14px;font-weight:500;margin-bottom:7px}.field label span{font-weight:400;color:#666}input,textarea{width:100%;min-width:0;border:1px solid #ccc;border-radius:4px;background:white;padding:11px 12px;font-size:16px;color:#111}input:focus,textarea:focus{outline:2px solid #087b5a;outline-offset:1px}.form-error{font-size:14px;color:#a33224;margin:12px 0}.form-privacy,.form-result{font-size:14px;margin-top:15px;color:#555}.form-privacy a,.form-result a{text-decoration:underline}.contact{background-image:url('assets/locovo-pickup-wide-v23.webp');display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:35px;min-height:70svh}.contact:before{background:linear-gradient(90deg,#000e,#0008)}.contact-details{display:flex;align-items:flex-start;flex-direction:column;gap:25px}.contact-phone{font-size:clamp(27px,3.7vw,48px);line-height:1.2;letter-spacing:-.025em}.footer{background:#111;color:white;padding:45px 7% 25px}.footer-main{max-width:1240px;margin:auto;display:flex;gap:45px;align-items:flex-start}.footer-main p{color:#bbb;font-size:14px}.footer-main nav{display:grid;grid-template-columns:1fr 1fr;gap:10px 25px;font-size:14px;margin-left:auto}.footer-bottom{max-width:1240px;margin:30px auto 0;padding-top:22px;border-top:1px solid #444;color:#bbb;font-size:14px;display:flex;justify-content:space-between;gap:25px}.footer-bottom>div{display:flex;gap:20px}.mobile-order{display:none}.legal-main{background:white;max-width:900px;margin:auto;padding:65px 6%;color:#111}.legal-main h1{font-size:42px;margin-bottom:25px}.legal-main h2{font-size:25px;margin:30px 0 12px}.legal-main p,.legal-main ul{margin:15px 0}.legal-main a{text-decoration:underline}.reveal-item{transition:opacity .5s ease,transform .5s ease;transition-delay:var(--reveal-delay,0ms)}.reveal-pending{opacity:0;transform:translateX(-15px)}.reveal-pending.reveal-right{transform:translateX(15px)}
@media(max-width:1100px){.header-inner{gap:20px}#navigation{gap:16px;font-size:14px}.nav-cta{display:none}.brand img{width:125px}.hero-copy h1{font-size:68px}.panel-inner{padding:70px 6%}.panel-copy{width:60%}.order-layout{gap:40px}.community-card{grid-template-columns:1.1fr .9fr;gap:35px}.community-phone img{width:350px;max-height:580px}.section{padding:70px 6%}.essentials-list{gap:14px}.essentials-list h3{font-size:23px}.apartment{gap:35px}.team-section{background-position:60% center}}
@media(max-width:760px){html{scroll-padding-top:123px}body{padding-bottom:78px}.header-inner{display:grid;grid-template-columns:auto 1fr;padding:12px 6%;gap:12px}.brand img{width:120px}.mobile-apartment{display:block;justify-self:end;font-size:12px;line-height:1.3;border:1px solid #777;border-radius:4px;padding:7px 10px}#navigation{grid-column:1/-1;flex-wrap:wrap;justify-content:flex-start;gap:9px 17px;font-size:14px}#navigation a:nth-child(3){display:none}.street-hero{min-height:710px;height:calc(100svh - 125px);max-height:950px}.hero-picture img{object-position:center bottom}.street-hero:after{background:linear-gradient(180deg,#000b,#0006 45%,#0001 80%)}.hero-copy{justify-content:flex-start;padding:48px 7%}.hero-copy h1{font-size:clamp(43px,11vw,66px)}.hero-copy>p:not(.eyebrow){font-size:17px;max-width:340px;margin:23px 0}.hero-copy .hero-hours{font-size:14px;margin:23px 0 8px}.hero-copy .hero-order-note{font-size:14px;margin:0}.hero-actions{gap:11px}.hero-actions .button{font-size:14px;padding:14px 16px}.eyebrow{font-size:12px;margin-bottom:18px}h2{font-size:clamp(36px,9.3vw,49px)}.visual-panel{min-height:calc(100svh - 120px)}.panel-inner{padding:55px 7%;min-height:inherit}.panel-copy{width:100%;max-width:none}.panel-copy>p:not(.eyebrow){font-size:16px}.panel-copy .panel-lead{font-size:22px}.panel-copy .panel-note{font-size:14px}.order-layout{grid-template-columns:1fr;gap:35px}.ordering-phone img{width:230px;max-height:none;transform:rotate(3deg)}.order-section:before{background:#000c}.team-section{background-position:66% center}.team-section:before{background:linear-gradient(90deg,#000e,#000a),linear-gradient(0deg,#0007,transparent)}.operations-steps p{font-size:16px}.delivery-section{background-position:65% center}.delivery-section:before{background:#000b}.section{padding:55px 7%}.section-heading{display:block;margin-bottom:30px}.section-heading>p{font-size:16px;margin-top:20px}.essentials-list{grid-template-columns:1fr 1fr;gap:14px}.essentials-list>div{min-height:265px;padding:20px 15px}.essentials-list h3{font-size:22px;letter-spacing:-.02em}.essentials-list p{font-size:14px}.community-card{grid-template-columns:1fr;gap:35px}.community-copy>p:not(.eyebrow){font-size:17px}.community-actions{gap:24px}.community-actions .button{width:100%;font-size:15px}.community .qr-frame{width:190px}.community-phone{display:flex}.community-phone img{width:240px;max-height:none}.community:before{background:#000b}.apartment{display:block}.apartment-intro>p:not(.eyebrow){font-size:17px}.form-explainer{margin-bottom:30px}#apartment-form{padding:23px}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.contact{min-height:65svh}.footer-main{flex-wrap:wrap;gap:25px}.footer-main nav{width:100%;margin:0;gap:12px 20px}.footer-bottom{flex-direction:column;gap:15px}.mobile-order{position:fixed;display:flex;bottom:max(12px,env(safe-area-inset-bottom));left:6%;width:88%;z-index:60;background:#111;color:white;border:1px solid #555;border-radius:7px;overflow:hidden;box-shadow:0 8px 20px #0006}.mobile-order a{flex:1;text-align:center;font-size:14px;font-weight:600;padding:15px 10px;line-height:1.4}.mobile-order a:first-child{background:#087b5a}.mobile-order a:last-child{flex:0 0 28%}.reveal-pending{transform:translateX(-8px)}.reveal-pending.reveal-right{transform:translateX(8px)}}
@media(max-width:350px){.brand img{width:105px}#navigation{gap:8px 12px}.mobile-apartment{font-size:11px}.hero-copy h1{font-size:40px}.essentials-list{grid-template-columns:1fr}.essentials-list>div{min-height:260px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal-item{transition:none;opacity:1;transform:none}}

/* Compact single-screen sections and a persistent ordering bar on every device. */
:root{--header-height:82px;--order-clearance:76px;--screen-height:calc(100svh - var(--header-height) - var(--order-clearance))}
html{scroll-padding-top:var(--header-height);scroll-snap-type:y proximity}body{padding-bottom:var(--order-clearance)}.header{background:#111}.street-hero,.visual-panel{height:var(--screen-height);min-height:0;max-height:none;scroll-snap-align:start;overflow:auto;scroll-margin-top:0}.street-hero{min-height:0}.hero-copy{padding:35px 7%}.hero-copy h1{font-size:clamp(44px,5.8vw,78px)}.hero-copy>p:not(.eyebrow){margin:20px 0;font-size:17px}.hero-copy .hero-hours{margin:22px 0 7px}.hero-copy .hero-order-note{margin:0;font-size:14px}.section{padding:30px max(6%,calc((100vw - 1240px)/2))}.panel-inner{padding:30px 7%;min-height:100%;height:100%}.section-heading{margin-bottom:24px}.section-heading h2{font-size:clamp(33px,3.6vw,49px)}.section-heading .eyebrow{margin-bottom:10px}.essentials{background:#f8f8f8;color:#111}.essentials:before{background:linear-gradient(#ffffffee,#ffffffee),url('assets/locovo-category-produce-v28.webp') center/cover}.essentials .section-heading>p{color:#555}.essentials-list>div{min-height:0;height:clamp(200px,40svh,360px);padding:22px}.essentials-list h3{font-size:24px}.essentials-list p{font-size:15px}.services{background:#fff;color:#111;display:flex;flex-direction:column;justify-content:center}.services:before{background:none}.service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.service-card{background:#fff;border:1px solid #ddd;border-radius:6px;overflow:hidden;min-width:0}.card-image{height:clamp(120px,22svh,190px);background:#f4f4f4}.card-image img{width:100%;height:100%;object-fit:cover}.phone-card{background:#efefef}.phone-card img{object-fit:contain;padding:9px}.card-copy{padding:18px}.card-copy h3{font-size:21px;line-height:1.2;letter-spacing:-.025em}.card-copy p{font-size:15px;margin:11px 0 12px;min-height:49px;line-height:1.5}.know-more{border:0;border-bottom:1px solid #111;background:transparent;color:#111;font-size:14px;padding:8px 0;cursor:pointer;min-height:44px;font-weight:600}.image-caption{font-size:12px;color:#666;margin-top:16px;line-height:1.4}.detail-dialog{width:min(620px,92vw);max-height:85svh;overflow:auto;border:0;border-radius:9px;padding:38px;color:#111;box-shadow:0 20px 100px #0006}.detail-dialog::backdrop{background:#000b}.detail-dialog h2{font-size:31px;line-height:1.15;max-width:92%}.detail-dialog>p:not(.eyebrow){font-size:16px;line-height:1.75;margin-top:22px}.dialog-close{position:absolute;top:10px;right:12px;border:0;background:#eee;border-radius:50%;width:40px;height:40px;font-size:27px;cursor:pointer;line-height:1}.dialog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:25px}.dialog-community{display:inline-block;font-size:15px;margin-top:20px;text-decoration:underline}.panel-copy h2{font-size:clamp(36px,4vw,57px)}.panel-copy .panel-lead{font-size:20px;margin-top:22px}.panel-copy>p:not(.eyebrow){font-size:16px;margin-top:15px}.panel-copy .eyebrow{margin-bottom:14px}.delivery-facts{margin-top:18px}.delivery-facts>div{padding:12px 0}.delivery-facts strong{font-size:24px}.delivery-facts p{font-size:15px}.panel-copy .button{margin-top:18px}.panel-copy .panel-note{font-size:14px;margin-top:15px}.community-card{grid-template-columns:1.15fr .85fr;gap:45px}.community h2{font-size:clamp(36px,4vw,57px)}.community-copy .eyebrow{margin-bottom:14px}.community-copy>p:not(.eyebrow){font-size:16px;margin:18px 0;max-width:480px}.community-actions{display:flex;flex-direction:row;align-items:center;gap:25px;flex-wrap:wrap}.community-actions>.button{max-width:240px}.community .qr-frame{width:155px;padding:12px}.qr-frame span{font-size:12px}.community-phone img{width:min(100%,360px);max-height:calc(var(--screen-height) - 55px)}.apartment{grid-template-columns:1.15fr .85fr;gap:55px}.apartment h2{font-size:clamp(36px,4vw,57px)}.apartment-intro>p:not(.eyebrow){font-size:17px}.apartment-cta{padding:35px;background:#111b;border:1px solid #ffffff55;border-radius:8px}.apartment-cta p{font-size:22px;color:#fff;margin-bottom:25px;line-height:1.5}.apartment-cta .button{font-size:15px}.enquiry-dialog{width:min(720px,94vw)}.enquiry-dialog #apartment-form{padding:20px 0 0;border:0;background:white}.enquiry-dialog h2{font-size:29px}.contact{min-height:0}.contact h2{font-size:clamp(36px,4vw,57px)}.footer{padding-bottom:30px}.mobile-order{position:fixed;display:flex!important;bottom:max(14px,env(safe-area-inset-bottom));left:auto;right:4%;width:345px;max-width:92%;z-index:80;background:#111;color:white;border:1px solid #555;border-radius:7px;overflow:hidden;box-shadow:0 8px 24px #0005}.mobile-order a{flex:1;text-align:center;font-size:15px;font-weight:600;padding:15px 14px;line-height:1.4;min-height:50px}.mobile-order a:first-child{background:#087b5a}.mobile-order a:last-child{flex:0 0 28%}.legal-main{max-width:950px;padding-bottom:50px}.legal-main p{color:#555}.screen-hint{display:none}
@media(max-width:760px){.header-inner{display:flex;justify-content:space-between;padding:11px 6%;gap:13px}.brand img{width:115px}.mobile-apartment{margin-left:auto;font-size:12px}.menu-toggle{display:flex;flex-direction:column;gap:6px;justify-content:center;background:none;border:1px solid #666;border-radius:4px;min-width:42px;height:42px;padding:10px;color:white}.menu-toggle>span:not(.sr-only){display:block;width:20px;height:2px;background:white}#navigation{display:none;position:absolute;left:0;top:100%;width:100%;background:#111;box-shadow:0 15px 20px #0005;padding:20px 6%;font-size:16px}#navigation.is-open{display:flex;flex-direction:column;align-items:flex-start;gap:19px}#navigation a:nth-child(3){display:block}.street-hero,.visual-panel{height:var(--screen-height);min-height:0}.hero-copy{padding:30px 7%;justify-content:flex-start}.hero-copy h1{font-size:clamp(40px,10vw,57px)}.hero-copy>p:not(.eyebrow){font-size:16px;max-width:335px;margin:18px 0}.hero-copy .hero-hours,.hero-copy .hero-order-note{font-size:14px}.hero-copy .hero-hours{margin:20px 0 7px}.eyebrow{font-size:12px;margin-bottom:15px}.hero-actions .button{font-size:14px;padding:13px 14px;min-height:46px}.section{padding:24px 6%;justify-content:center}.section-heading{margin-bottom:18px}.section-heading h2{font-size:32px;line-height:1.1}.section-heading>p{font-size:14px;margin-top:12px}.essentials .section-heading>p{display:none}.essentials-list{gap:12px;grid-template-columns:1fr 1fr}.essentials-list>div{height:clamp(150px,24svh,205px);min-height:0;padding:15px}.essentials-list span{font-size:12px}.essentials-list h3{font-size:20px;margin:8px 0}.essentials-list p{font-size:14px;line-height:1.4}.service-grid{grid-template-columns:1fr 1fr;gap:12px}.card-image{height:clamp(65px,12svh,100px)}.card-copy{padding:12px}.card-copy h3{font-size:17px;line-height:1.2}.card-copy p{font-size:14px;margin:7px 0 2px;line-height:1.35;min-height:38px}.know-more{font-size:14px;min-height:44px;padding:8px 0}.image-caption{font-size:12px;margin-top:12px}.panel-inner{padding:25px 7%}.panel-copy h2{font-size:35px}.panel-copy .eyebrow{margin-bottom:15px}.panel-copy .panel-lead{font-size:19px;margin-top:19px}.panel-copy>p:not(.eyebrow){font-size:15px;margin-top:15px}.delivery-facts{margin-top:16px}.delivery-facts p{font-size:14px}.delivery-facts strong{font-size:22px}.delivery-facts>div{padding:12px 0}.panel-copy .button{margin-top:15px}.panel-copy .panel-note{font-size:14px}.community-card{grid-template-columns:minmax(0,1fr) minmax(110px,.55fr);gap:15px;align-items:center}.community h2{font-size:32px}.community-copy .eyebrow{font-size:12px}.community-copy>p:not(.eyebrow){font-size:15px;margin:16px 0}.community-actions{flex-direction:column;align-items:flex-start;gap:16px}.community-actions>.button{font-size:14px;padding:12px;min-height:46px;max-width:100%}.community .qr-frame{width:145px;max-width:100%;padding:10px}.community-phone img{width:100%;max-height:300px}.apartment{display:flex;flex-direction:column;align-items:stretch;justify-content:center;gap:22px}.apartment h2{font-size:35px}.apartment-intro>p:not(.eyebrow){font-size:15px;margin-top:17px}.form-explainer{margin:18px 0 0;padding-top:17px}.form-explainer span{font-size:12px}.form-explainer p{font-size:14px;margin-top:8px}.apartment-cta{padding:20px}.apartment-cta p{font-size:17px;margin-bottom:17px}.apartment-cta .button{width:100%;font-size:14px}.detail-dialog{padding:35px 23px 25px}.detail-dialog h2{font-size:27px}.dialog-actions{flex-direction:column}.contact{gap:25px}.contact h2{font-size:39px}.mobile-order{left:6%;right:auto;width:88%}.mobile-order a{font-size:14px;padding:15px 10px}.footer-main p,.footer-main nav,.footer-bottom{font-size:14px}.legal-main{padding:40px 6%}.legal-main .eyebrow{color:#555}}
@media(max-width:760px) and (max-height:650px){.hero-copy{padding-top:22px}.hero-copy h1{font-size:38px}.hero-copy .eyebrow{margin-bottom:10px}.hero-copy>p:not(.eyebrow){margin:14px 0}.hero-copy .hero-hours{margin:14px 0 5px}.section{padding-top:18px;padding-bottom:18px}.section-heading h2{font-size:29px}.service-grid,.essentials-list{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:9px}.service-card,.essentials-list>div{flex:0 0 82%;scroll-snap-align:center}.card-image{height:90px}.card-copy h3{font-size:19px}.card-copy p{min-height:0}.essentials-list>div{height:230px}.screen-hint{display:block;font-size:14px;margin-top:10px;color:#666}.community h2{font-size:28px}.community-copy>p:not(.eyebrow){font-size:14px}.community .qr-frame{width:120px}.community-phone img{max-height:230px}.panel-copy h2{font-size:31px}.panel-copy .panel-lead{margin-top:13px}.delivery-facts p{font-size:14px}.delivery-facts>div{padding:8px 0}.apartment-intro .form-explainer{display:none}.apartment h2{font-size:31px}.apartment-cta{padding:15px}.apartment-cta p{font-size:16px}}

/* LOCOVO's continuous city canvas and independently styled service cards. */
html{scroll-snap-type:none}body{position:relative;isolation:isolate;background:#101317}body:before{content:'';position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(#080c11aa,#080c118c),url('assets/locovo-city-connections-v31.webp') center/cover no-repeat}.street-hero{scroll-snap-align:none}.city-flow{position:relative}.city-flow .visual-panel{height:auto;min-height:0;max-height:none;overflow:visible;scroll-snap-align:none;background:none;border:0;color:white}.city-flow .visual-panel:before{display:none;background:none}.city-flow .section{max-width:1360px;margin:auto;padding:70px 7%}.city-flow .panel-inner{height:auto;min-height:0;max-width:1360px;padding:70px 7%}.city-flow h2{font-size:clamp(36px,4vw,56px)}.city-flow .eyebrow{color:#eee}.city-flow .section-heading{margin-bottom:30px}.city-flow .section-heading>p{color:#eee}.city-flow .essentials-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;overflow:visible;padding:0}.city-flow .essentials-list>div{height:300px;min-height:0;border:1px solid #ffffff50;border-radius:16px;flex:none}.city-flow .essentials-list h3{font-size:25px}.city-flow .essentials-list p{font-size:15px}.city-flow .services{display:block}.city-flow .service-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;overflow:visible;padding:0}.city-flow .service-card{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);background:#fffffff5;color:#171717;border:1px solid #ffffff90;border-radius:16px;min-height:225px;box-shadow:0 12px 35px #0003;flex:none}.city-flow .card-image{height:100%;min-height:225px;background:#e8e8e8}.city-flow .card-image img{height:100%;width:100%;object-fit:cover}.city-flow .phone-card img{object-fit:contain;padding:15px}.city-flow .card-copy{padding:23px 25px;display:flex;flex-direction:column;align-items:flex-start}.service-number{font-size:12px;font-weight:600;letter-spacing:.12em;color:#666;display:block;margin-bottom:15px}.city-flow .card-copy h3{font-size:23px;line-height:1.2}.city-flow .card-copy p{font-size:16px;line-height:1.5;min-height:0;margin:12px 0 14px;color:#555}.city-flow .know-more{font-size:14px;margin-top:auto;border-bottom:0;padding:9px 14px;background:#111;color:#fff;border-radius:5px;min-height:44px}.city-flow .image-caption{color:#ddd;font-size:12px;margin-top:17px}.city-flow .delivery-section .panel-copy{width:min(100%,630px);padding:35px 38px;background:#0b1013d9;border:1px solid #ffffff40;border-radius:16px;backdrop-filter:blur(8px)}.city-flow .delivery-section .panel-inner{justify-content:flex-start}.city-flow .panel-copy>p:not(.eyebrow){font-size:17px}.city-flow .community-card{grid-template-columns:1.15fr .85fr;gap:55px}.city-flow .community-copy{padding:30px 0}.city-flow .community-copy>p:not(.eyebrow){font-size:17px;line-height:1.7}.city-flow .community-phone img{width:min(100%,390px);max-height:590px}.city-flow .community-actions{gap:24px}.city-flow .qr-frame{width:170px;background:#fff}.city-flow .apartment{gap:55px}.city-flow .apartment-cta{background:#0b1013d9;border:1px solid #ffffff40;backdrop-filter:blur(8px);border-radius:16px;padding:35px}.city-flow .contact{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:45px;padding-top:75px;padding-bottom:90px}.city-flow .contact-details{gap:20px}.city-flow .contact-phone{font-size:36px}.footer{background:#111}.legal-main{background:white}
@media(max-width:1000px){.city-flow .service-card{grid-template-columns:.7fr 1.3fr}.city-flow .card-copy{padding:21px}.city-flow .card-copy h3{font-size:21px}.city-flow .essentials-list{gap:15px}.city-flow .essentials-list>div{height:280px;padding:18px}.city-flow .community-card{gap:35px}.city-flow .community-phone img{max-height:510px}}
@media(max-width:760px){.city-flow .section,.city-flow .panel-inner{padding:45px 6%}.city-flow h2{font-size:35px}.city-flow .section-heading{margin-bottom:23px}.city-flow .essentials-list{grid-template-columns:1fr 1fr;gap:14px}.city-flow .essentials-list>div{height:250px;padding:18px 15px}.city-flow .essentials-list h3{font-size:22px}.city-flow .essentials-list p{font-size:14px}.city-flow .service-grid{grid-template-columns:1fr;gap:18px}.city-flow .service-card{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);min-height:205px}.city-flow .card-image{min-height:205px}.city-flow .card-copy{padding:20px}.city-flow .card-copy h3{font-size:21px}.city-flow .card-copy p{font-size:15px;margin:10px 0 12px}.service-number{font-size:12px;margin-bottom:12px}.city-flow .know-more{font-size:14px}.city-flow .delivery-section .panel-copy{padding:25px 23px}.city-flow .panel-copy>p:not(.eyebrow){font-size:16px}.city-flow .community-card{grid-template-columns:minmax(0,1fr) minmax(110px,.55fr);gap:18px}.city-flow .community-copy{padding:0}.city-flow .community h2{font-size:32px}.city-flow .community-copy>p:not(.eyebrow){font-size:15px}.city-flow .community-phone img{max-height:320px;width:100%}.city-flow .community .qr-frame{width:155px}.city-flow .community-actions{gap:20px;flex-direction:column;align-items:flex-start}.city-flow .apartment{gap:27px}.city-flow .form-explainer{display:block}.city-flow .apartment-cta{padding:24px}.city-flow .contact{flex-direction:column;align-items:flex-start;gap:25px;padding-top:45px;padding-bottom:55px}.city-flow .contact-phone{font-size:29px}.city-flow .screen-hint{display:none}}
@media(max-width:350px){.city-flow .service-card{grid-template-columns:.7fr 1.3fr}.city-flow .card-copy{padding:17px 14px}.city-flow .card-copy h3{font-size:19px}.city-flow .essentials-list>div{height:260px}.city-flow .community-card{grid-template-columns:1fr}.city-flow .community-phone img{width:220px;max-height:none;margin:auto}}

/* The hero fills the first viewport; the black footer owns the bottom clearance. */
html{background:#111;overscroll-behavior-y:none}body{padding-bottom:0!important}.street-hero{height:calc(100svh - var(--header-height));min-height:0;overflow:hidden}.hero-copy{min-height:100%;justify-content:center}.footer{padding-bottom:calc(85px + env(safe-area-inset-bottom));background:#111}.service-number,.image-caption{display:none}.city-flow .essentials-list h3{margin-top:0}.city-flow .card-image img[src$="locovo-shop-home-connection-v44.svg"]{object-fit:contain;background:#151c27}.detail-dialog>.button{margin-top:24px}
@media(max-width:760px){.street-hero{height:calc(100svh - var(--header-height))}.hero-copy{justify-content:flex-start;padding-top:30px;padding-bottom:90px}.footer{padding-bottom:calc(100px + env(safe-area-inset-bottom))}}
@media(max-width:760px) and (max-height:650px){.hero-copy{padding-top:20px}.hero-copy h1{font-size:35px}.hero-copy>p:not(.eyebrow){font-size:15px;margin:12px 0}.hero-copy .hero-hours,.hero-copy .hero-order-note{font-size:14px}.hero-copy .hero-hours{margin:12px 0 5px}.hero-actions .button{font-size:14px;padding:11px 12px;min-height:44px}}

/* Consistent service dimensions and quieter, more practical presentation. */
h1,h2,h3{letter-spacing:-.025em}.city-flow .section,.city-flow .panel-inner{padding-top:50px;padding-bottom:50px}.city-flow .services{max-width:1180px;width:88%;margin:25px auto 35px;padding:36px;background:none;border:0;border-radius:0;color:#fff}.city-flow .services .eyebrow{color:#eee;letter-spacing:.08em}.city-flow .services h2{font-size:42px;line-height:1.15}.city-flow .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;grid-auto-rows:350px}.city-flow .service-card{display:flex;flex-direction:column;height:350px;min-height:0;max-height:350px;background:#e3e5e6;border:1px solid #ccd0d2;border-radius:7px;box-shadow:none;overflow:hidden}.city-flow .card-image{width:100%;height:155px;min-height:155px;max-height:155px;flex:0 0 155px;overflow:hidden;background:#dfe2e4}.city-flow .card-image img{width:100%;height:155px;min-height:0;max-height:155px;object-fit:cover;filter:saturate(.8) contrast(.97);border-radius:0}.city-flow .phone-card img{object-fit:contain;padding:9px}.city-flow .card-image img[src$="locovo-shop-home-connection-v44.svg"]{background:#e7ebee;object-fit:contain;padding:0;filter:none}.city-flow .card-copy{height:195px;flex:1;min-height:0;width:100%;padding:20px;display:flex;flex-direction:column;align-items:flex-start}.city-flow .card-copy h3{font-size:22px;line-height:1.2;letter-spacing:-.015em}.city-flow .card-copy p{font-size:15px;line-height:1.5;color:#575d61;margin:12px 0}.city-flow .know-more{margin-top:auto;font-size:14px;font-weight:500;min-height:44px;padding:10px 0;background:none;color:#222;border:0;border-bottom:1px solid #777;border-radius:0}.city-flow .know-more:hover{color:#087b5a}.city-flow .delivery-section .panel-inner{display:grid;grid-template-columns:1fr 1fr;gap:35px;align-items:stretch}.city-flow .delivery-section .panel-copy{width:100%;max-width:none;padding:30px;background:#101419e8;border:1px solid #ffffff35;border-radius:8px;backdrop-filter:none}.delivery-photo{width:100%;min-width:0;overflow:hidden;border-radius:8px;border:1px solid #ffffff35;position:relative;background:#151719}.delivery-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:65% center;filter:saturate(.78) contrast(.96)}.city-flow .community-card{gap:35px;grid-template-columns:1.15fr .85fr}.city-flow .community-copy{padding:25px;background:#101419d9;border:1px solid #ffffff35;border-radius:8px;align-self:center}.city-flow .community-phone img{width:min(100%,350px);max-height:520px;filter:drop-shadow(0 12px 22px #0005)}.city-flow .essentials-list>div{border-radius:8px}.city-flow .apartment-cta{border-radius:8px;backdrop-filter:none}.city-flow .contact{padding-top:40px;padding-bottom:55px}.city-flow .reveal-item{transition:none!important;opacity:1!important;transform:none!important}.city-flow .eyebrow{letter-spacing:.08em}.city-flow h2{font-size:clamp(34px,3.5vw,48px)}.city-flow .essentials-list>div{filter:saturate(.85)}.city-flow .essentials-list h3,.city-flow .essentials-list p{filter:none}.button{border-radius:5px;box-shadow:none}
@media(max-width:1000px){.city-flow .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.city-flow .services{padding:28px}.city-flow .delivery-section .panel-inner{gap:24px}.city-flow .community-card{gap:24px}.city-flow .community-copy{padding:22px}.city-flow .community-actions{flex-direction:column;align-items:flex-start}}
@media(max-width:760px){.city-flow .section,.city-flow .panel-inner{padding-top:35px;padding-bottom:35px}.city-flow .services{width:88%;padding:22px 18px;margin:15px auto 20px}.city-flow .services h2{font-size:31px}.city-flow .service-grid{grid-template-columns:1fr 1fr;grid-auto-rows:325px;gap:12px}.city-flow .service-card{height:325px;max-height:325px;min-height:0;display:flex;flex-direction:column}.city-flow .card-image{height:125px;min-height:125px;max-height:125px;flex-basis:125px}.city-flow .card-image img{height:125px;max-height:125px;width:100%;object-fit:cover}.city-flow .phone-card img{object-fit:contain}.city-flow .card-copy{height:200px;padding:14px 12px;min-height:0}.city-flow .card-copy h3{font-size:18px;line-height:1.2;overflow-wrap:normal}.city-flow .card-copy p{font-size:14px;line-height:1.4;margin:10px 0}.city-flow .know-more{font-size:14px;min-height:44px}.city-flow .delivery-section .panel-inner{grid-template-columns:1fr;gap:18px}.city-flow .delivery-section .panel-copy{padding:25px}.delivery-photo{height:230px}.city-flow .community-card{grid-template-columns:minmax(0,1fr) minmax(100px,.5fr);gap:14px}.city-flow .community-copy{padding:20px 17px}.city-flow .community h2{font-size:29px}.city-flow .community-copy>p:not(.eyebrow){font-size:15px}.city-flow .community-phone img{max-height:320px;width:100%}.city-flow .community .qr-frame{width:145px}.city-flow .community-actions>.button{font-size:14px}.city-flow .contact{padding-bottom:40px}}
@media(max-width:380px){.city-flow .service-grid{grid-template-columns:1fr;grid-auto-rows:320px}.city-flow .service-card{height:320px;max-height:320px}.city-flow .card-image,.city-flow .card-image img{height:150px;min-height:150px;max-height:150px;flex-basis:150px}.city-flow .card-copy{height:170px}.city-flow .card-copy h3{font-size:21px}.city-flow .card-copy p{font-size:15px}.city-flow .community-card{grid-template-columns:1fr}.city-flow .community-phone img{width:230px;max-height:none;margin:auto}}
/* Let the natural lighting and colours of the new delivery scenes show through. */
.city-flow .card-image img[src$="locovo-apartment-green-v47.webp"]{filter:none;object-position:50% 48%}.delivery-photo img[src$="locovo-apartment-single-bag-v48.webp"]{filter:none;object-position:center}

/* Grocery-first hero, with a portrait crop that retains the food on smaller screens. */
.hero-picture img{object-position:center}.hero-copy h1{font-size:clamp(38px,4.8vw,68px)}
@media(max-width:760px){.hero-picture img{object-position:center}.street-hero:after{background:linear-gradient(180deg,#000b 0%,#0008 48%,#0002 100%)}.hero-copy h1{font-size:clamp(32px,8vw,45px)}}

/* Visible apartment enquiry form and a compact delivery section without its photo. */
.city-flow .delivery-section .panel-inner{display:block}
.city-flow .delivery-section .panel-copy{max-width:950px;margin:auto}
.city-flow .apartment{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);align-items:start;gap:45px}
.city-flow #apartment-form{display:block;background:#e9ebed;color:#171717;padding:30px;border:1px solid #ccd0d2;border-radius:8px;width:100%;min-width:0}
.city-flow #apartment-form .form-grid{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.city-flow #apartment-form .field.full{grid-column:1/-1}
.city-flow #apartment-form .field input,.city-flow #apartment-form .field textarea{background:#fff;color:#171717;width:100%}
.city-flow #apartment-form .form-privacy{color:#555}
@media(max-width:760px){.city-flow .apartment{grid-template-columns:1fr;gap:25px}.city-flow #apartment-form{padding:23px}.city-flow #apartment-form .form-grid{grid-template-columns:1fr}.city-flow #apartment-form .field.full{grid-column:auto}}

/* Translucent service cards keep the city visible beneath the content. */
.city-flow .service-card{background:rgba(12,17,22,.72);color:#fff;border:1px solid #ffffff35;box-shadow:0 6px 20px #0002}
.city-flow .card-copy{background:transparent}
.city-flow .card-copy h3{color:#fff}
.city-flow .card-copy p{color:#e1e5e8}
.city-flow .know-more{color:#fff;border-bottom-color:#ffffff80}
.city-flow .know-more:hover{color:#90d9bc;border-bottom-color:#90d9bc}
.city-flow .card-image{background:#ffffff08}
.city-flow .phone-card img{background:transparent}
.city-flow .card-image img[src$="locovo-shop-home-connection-v44.svg"]{background:transparent}

/* Fill the current viewport below the measured header, including mobile browser chrome changes. */
.street-hero{height:calc(100vh - var(--header-height));height:calc(100dvh - var(--header-height));min-height:0;max-height:none;margin:0;overflow:hidden}
@media(max-width:760px){
.city-flow .service-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:20px}
.city-flow .service-card{height:auto;min-height:0;max-height:none;border-radius:18px;overflow:hidden}
.city-flow .card-image{height:190px;min-height:190px;max-height:190px;flex:0 0 190px}
.city-flow .card-image img{height:190px;min-height:0;max-height:190px}
.city-flow .card-copy{height:auto;min-height:180px;padding:22px}
.city-flow .card-copy h3{font-size:23px}
.city-flow .card-copy p{font-size:16px;margin:12px 0 18px}
.hero-copy{padding-top:26px;padding-bottom:85px}
.hero-copy .eyebrow{margin-bottom:14px}
.hero-copy h1{font-size:clamp(30px,7.8vw,43px)}
.hero-copy>p:not(.eyebrow){font-size:15px;margin:14px 0;line-height:1.5}
.hero-copy .hero-hours{font-size:13px;margin:15px 0 5px}
.hero-copy .hero-order-note{font-size:12px;margin:0}
}
@media(max-width:760px) and (max-height:650px){.hero-copy{padding-top:15px}.hero-copy h1{font-size:29px}.hero-copy .eyebrow{font-size:10px;margin-bottom:9px}.hero-copy>p:not(.eyebrow){margin:10px 0;font-size:14px}.hero-actions{gap:8px}.hero-actions .button{min-height:40px;padding:9px 12px;font-size:13px}.hero-copy .hero-hours{margin:10px 0 4px}}

/* Mobile cards read as horizontal rows; community copy gets the full width. */
@media(max-width:760px){
.city-flow .service-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:16px}
.city-flow .service-card{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);height:auto;min-height:220px;max-height:none;border-radius:17px}
.city-flow .card-image{width:100%;height:100%;min-height:220px;max-height:none;overflow:hidden}
.city-flow .card-image img{width:100%;height:100%;min-height:220px;max-height:none;object-fit:cover}
.city-flow .phone-card img{object-fit:contain;padding:9px}
.city-flow .card-copy{height:auto;min-height:220px;padding:19px 16px}
.city-flow .card-copy h3{font-size:20px;line-height:1.2}
.city-flow .card-copy p{font-size:14px;line-height:1.45;margin:10px 0 12px}
.city-flow .know-more{font-size:13px;min-height:40px}
.city-flow .community-card{grid-template-columns:minmax(0,1fr);gap:24px}
.city-flow .community-copy{width:100%;padding:25px;min-width:0}
.city-flow .community h2{font-size:34px}
.city-flow .community-copy>p:not(.eyebrow){font-size:16px}
.city-flow .community-phone{width:100%;display:flex;justify-content:center}
.city-flow .community-phone img{width:min(72%,300px);max-height:420px;object-fit:contain;margin:auto}
.city-flow .community-actions{flex-direction:row;flex-wrap:wrap;align-items:center;gap:20px}
}
@media(max-width:380px){.city-flow .card-copy{padding:16px 12px}.city-flow .card-copy h3{font-size:18px}.city-flow .card-copy p{font-size:13px}.city-flow .community-copy{padding:21px}.city-flow .community h2{font-size:30px}}

/* Keep the hero flush with the initial browser viewport. */
.street-hero{height:var(--hero-height,calc(100dvh - var(--header-height)));min-height:var(--hero-height,calc(100dvh - var(--header-height)));max-height:none;width:100%}
.hero-picture,.hero-picture img{position:absolute;inset:0;width:100%;height:100%;max-height:none;max-width:none}
.hero-picture img{object-fit:cover}
@media(min-width:761px){
.city-flow .services{width:88%;max-width:1180px;padding:30px 0;margin:20px auto}
.city-flow .service-grid{grid-template-columns:minmax(0,1fr);grid-auto-rows:auto;gap:18px;width:min(100%,650px);margin:0 auto}
.city-flow .service-card{display:grid;grid-template-columns:minmax(0,.42fr) minmax(0,.58fr);height:220px;min-height:220px;max-height:none;border-radius:17px}
.city-flow .card-image{height:220px;min-height:220px;max-height:220px;width:100%;overflow:hidden}
.city-flow .card-image img{height:220px;min-height:0;max-height:220px;width:100%;object-fit:cover}
.city-flow .phone-card img{object-fit:contain;padding:12px}
.city-flow .card-copy{height:220px;min-height:0;padding:23px}
.city-flow .card-copy h3{font-size:23px}
.city-flow .card-copy p{font-size:16px;margin:12px 0}
.city-flow .services .section-heading{width:min(100%,650px);margin:0 auto 25px}
}

/* Persistent delivery timing badge, below the navigation and above the page content. */
.delivery-badge{position:fixed;right:4%;top:calc(var(--header-height,82px) + 12px);z-index:45;padding:12px 17px;background:#0b1714ed;color:#fff;border:1px solid #7acba775;border-radius:12px;box-shadow:0 5px 18px #0004;pointer-events:none;line-height:1.3;text-align:center}
.delivery-badge strong{display:block;font-size:15px;font-weight:700}
.delivery-badge small{display:block;font-size:11px;color:#d0dfd8;margin-top:4px}
/* Image above copy on every service card, across screen sizes. */
.city-flow .service-card{display:flex;flex-direction:column;height:370px;min-height:370px;max-height:370px;border-radius:17px}
.city-flow .card-image{height:180px;min-height:180px;max-height:180px;flex:0 0 180px;width:100%}
.city-flow .card-image img{height:180px;min-height:0;max-height:180px;width:100%;object-fit:cover}
.city-flow .phone-card img{object-fit:contain;padding:10px}
.city-flow .card-copy{height:190px;min-height:190px;padding:22px;flex:1}
@media(min-width:761px){.city-flow .service-grid,.city-flow .services .section-heading{width:min(100%,520px)}}
@media(max-width:760px){
.delivery-badge{right:4%;top:calc(var(--header-height,82px) + 8px);padding:9px 12px;border-radius:9px}
.delivery-badge strong{font-size:12px}.delivery-badge small{font-size:9px;margin-top:3px}
.street-hero{height:max(100dvh,var(--hero-height));min-height:100dvh;max-height:none}
.hero-copy{padding-top:90px;padding-bottom:100px}
.city-flow .card-copy h3{font-size:22px}.city-flow .card-copy p{font-size:15px}
}
@media(max-width:760px) and (max-height:650px){.hero-copy{padding-top:75px}.hero-copy h1{font-size:28px}}

/* Keep kitchen pop-outs visible beneath the mobile hero heading. */
@media(max-width:760px){.hero-picture img{object-position:center}.street-hero:after{background:linear-gradient(180deg,#000b 0%,#0009 35%,#0003 65%,#0001 100%)}}

/* Sunset backdrop and progressive apartment kitchen windows. */
body:before{background:linear-gradient(#080c1166,#080c1199),url('assets/locovo-sunset-city-v56.webp') center/cover no-repeat}
@media(min-width:761px){
.street-hero{background:#20202a url('assets/locovo-sunset-city-v56.webp') center/cover no-repeat}
.hero-picture img{object-fit:contain;object-position:right center}
.hero-picture{width:100%;height:100%}
.city-flow .service-grid{width:100%;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:370px;gap:20px}
.city-flow .services .section-heading{width:100%;margin:0 0 28px}
.city-flow .services{max-width:1180px;width:88%;padding:30px 0}
}
@media(min-width:761px) and (max-width:1000px){.city-flow .service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.scroll-kitchens{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.kitchen-window{position:absolute;width:210px;height:160px;border:1px solid #ffffff90;border-radius:16px;background-image:url('assets/locovo-city-kitchens-hero-v55.webp');background-repeat:no-repeat;box-shadow:0 8px 30px #0005;opacity:0;transform:translateY(20px) scale(.96);transition:opacity .6s,transform .6s}
.kitchen-window.visible{opacity:.9;transform:none}
.kitchen-window:nth-child(1){top:24%;right:3%;background-size:980px 653px;background-position:-402px -55px}
.kitchen-window:nth-child(2){top:60%;left:2%;background-size:1040px 693px;background-position:-768px -76px}
.kitchen-window:nth-child(3){bottom:6%;right:9%;background-size:750px 500px;background-position:-438px -247px}
@media(max-width:760px){.kitchen-window{width:135px;height:105px;opacity:0;border-radius:12px}.kitchen-window.visible{opacity:.7}.kitchen-window:nth-child(1){right:-20px;background-size:640px 427px;background-position:-263px -36px}.kitchen-window:nth-child(2){left:-25px;background-size:680px 453px;background-position:-502px -49px}.kitchen-window:nth-child(3){right:-10px;background-size:490px 327px;background-position:-287px -162px}}
@media(prefers-reduced-motion:reduce){.kitchen-window{transition:none}}

/* Preserve the entire hero artwork instead of cropping the kitchen windows. */
.street-hero{background:#20202a url('assets/locovo-sunset-city-v56.webp') center/cover no-repeat}
.hero-picture img{object-fit:contain;object-position:right center}
@media(max-width:760px){.hero-picture img{object-fit:contain;object-position:center bottom}.street-hero:after{background:linear-gradient(180deg,#000b 0%,#0009 40%,#0003 60%,transparent 78%)}.hero-copy{padding-top:80px}.street-hero{min-height:max(100dvh,760px);height:max(100dvh,760px)}}

/* One hero image only, scaled to show the complete scene. */
.street-hero{background:#171a20!important}
.hero-picture img{object-fit:contain!important;object-position:center!important}
.scroll-kitchens{z-index:0}
.city-flow{position:relative;z-index:1}
.kitchen-window:nth-child(3n + 1){top:24%;right:3%;left:auto;bottom:auto;background-size:980px 653px;background-position:-402px -55px}
.kitchen-window:nth-child(3n + 2){top:60%;left:2%;right:auto;bottom:auto;background-size:1040px 693px;background-position:-768px -76px}
.kitchen-window:nth-child(3n){bottom:6%;right:9%;top:auto;left:auto;background-size:750px 500px;background-position:-438px -247px}
@media(max-width:760px){.hero-picture img{object-position:center bottom!important}.kitchen-window:nth-child(3n + 1){right:-20px;background-size:640px 427px;background-position:-263px -36px}.kitchen-window:nth-child(3n + 2){left:-25px;background-size:680px 453px;background-position:-502px -49px}.kitchen-window:nth-child(3n){right:-10px;background-size:490px 327px;background-position:-287px -162px}}

/* One edge-to-edge hero photo with copy over the image, on every device. */
.street-hero{height:var(--hero-height,calc(100dvh - var(--header-height)))!important;min-height:var(--hero-height,calc(100dvh - var(--header-height)))!important;max-height:none!important;background:#171a20!important}
.hero-picture{position:absolute;inset:0;width:100%;height:100%}
.hero-picture img{object-fit:cover!important;object-position:center!important;width:100%;height:100%}
.hero-copy{position:relative;z-index:1;height:100%;min-height:0}
.street-hero:after{background:linear-gradient(90deg,#000a,#0005 48%,#0001)!important}
/* Twelve independent windows occupy distinct apartment-floor positions. */
.kitchen-window{width:145px;height:110px}
.kitchen-window:nth-child(3n + 1){background-size:670px 447px;background-position:-275px -38px}
.kitchen-window:nth-child(3n + 2){background-size:710px 473px;background-position:-524px -52px}
.kitchen-window:nth-child(3n){background-size:510px 340px;background-position:-298px -168px}
.kitchen-window:nth-child(1){left:8%;top:20%;right:auto;bottom:auto}
.kitchen-window:nth-child(2){left:73%;top:26%;right:auto;bottom:auto}
.kitchen-window:nth-child(3){left:29%;top:41%;right:auto;bottom:auto}
.kitchen-window:nth-child(4){left:84%;top:51%;right:auto;bottom:auto}
.kitchen-window:nth-child(5){left:3%;top:65%;right:auto;bottom:auto}
.kitchen-window:nth-child(6){left:58%;top:72%;right:auto;bottom:auto}
.kitchen-window:nth-child(7){left:43%;top:18%;right:auto;bottom:auto}
.kitchen-window:nth-child(8){left:18%;top:79%;right:auto;bottom:auto}
.kitchen-window:nth-child(9){left:65%;top:45%;right:auto;bottom:auto}
.kitchen-window:nth-child(10){left:37%;top:63%;right:auto;bottom:auto}
.kitchen-window:nth-child(11){left:81%;top:81%;right:auto;bottom:auto}
.kitchen-window:nth-child(12){left:5%;top:44%;right:auto;bottom:auto}
@media(max-width:1000px){.hero-copy{padding-top:85px;padding-bottom:85px;justify-content:flex-start}.hero-copy h1{font-size:clamp(30px,6vw,48px)}.street-hero:after{background:linear-gradient(180deg,#0009,#0005 55%,#0002)!important}.kitchen-window{width:88px;height:67px}.kitchen-window:nth-child(3n + 1){background-size:411px 274px;background-position:-169px -23px}.kitchen-window:nth-child(3n + 2){background-size:434px 289px;background-position:-320px -32px}.kitchen-window:nth-child(3n){background-size:311px 207px;background-position:-182px -103px}}
@media(max-width:760px) and (max-height:650px){.hero-copy{padding-top:70px}.hero-copy h1{font-size:27px}.hero-copy>p:not(.eyebrow){font-size:13px;margin:9px 0}.hero-copy .eyebrow{margin-bottom:8px}.hero-actions .button{padding:9px 11px;font-size:12px;min-height:38px}}