/* LivoFleet / City in motion — photography-led edition */
:root{--ink:#182d3c;--blue:#173f5d;--muted:#677783;--cloud:#f3f5f6;--line:#dce3e8}
body{background:#fff}html{scroll-padding-top:108px}h1,h2,h3{font-weight:500}h2{letter-spacing:-.055em}.button{font-size:13px;padding:17px 24px;gap:30px;font-weight:500}.button-white{background:#fff;color:var(--ink)}.button-white:hover:not(:disabled){background:#eaf0f4}.eyebrow{font-size:10px;font-weight:550;letter-spacing:.15em}.page-width{max-width:1440px;padding-inline:6%;margin-inline:auto}
.header{position:fixed;top:18px;left:32px;right:32px;height:68px;border:1px solid #ffffff20;border-radius:12px;background:#12243340;color:#fff;backdrop-filter:blur(18px);transition:background .25s,color .25s,box-shadow .25s;max-width:1600px;margin:auto}.nav-shell{max-width:none;padding:0 25px;gap:24px}.header .brand img{filter:brightness(0) invert(1);width:146px;height:auto}.header nav{font-size:12px;gap:27px;font-weight:450}.header nav a:hover{color:#b9d8eb}.header .button{background:white;color:var(--blue);padding:11px 18px;font-size:11px}.header .menu-button span{background:white}.header.is-scrolled,.flow-mode .header{background:#fffffff2;color:var(--ink);border-color:#e3e9ed;box-shadow:0 4px 24px #18374b0a}.header.is-scrolled .brand img,.flow-mode .header .brand img{filter:none}.header.is-scrolled .button,.flow-mode .header .button{background:var(--blue);color:white}.header.is-scrolled .menu-button span,.flow-mode .header .menu-button span{background:var(--ink)}.header.is-scrolled nav a:hover,.flow-mode .header nav a:hover{color:#3d7194}.flow-mode main{padding-top:98px}.skip:focus{top:90px}
.cinema-hero{height:100svh;min-height:680px;max-height:1050px;position:relative;overflow:hidden;background:#122c3b;color:white}.hero-poster,.hero-film,.cinema-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-poster,.hero-film{object-position:62% 50%}.hero-film{opacity:0;transition:opacity .6s}.hero-film.is-playing{opacity:1}.cinema-shade{background:linear-gradient(90deg,rgba(8,24,33,.66),rgba(8,24,33,.12) 70%),linear-gradient(0deg,rgba(8,24,33,.7),transparent 48%)}.cinema-copy{position:absolute;left:6%;bottom:165px;z-index:2}.cinema-copy>.eyebrow{font-size:10px;letter-spacing:.2em;margin-bottom:26px;color:#e1e8ec}.cinema-copy h1{font-size:clamp(76px,8.2vw,126px);letter-spacing:-.068em;line-height:.99;font-weight:450}.hero-invite{font-size:16px;line-height:1.65;margin-top:26px;color:#f3f5f6}.cinema-actions{display:flex;align-items:center;gap:30px;margin-top:29px}.cinema-link{display:flex;align-items:center;gap:21px;font-size:12px}.cinema-link:hover{text-decoration:underline;text-underline-offset:6px}.cinema-bottom{position:absolute;bottom:0;left:6%;right:6%;height:86px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #ffffff40;z-index:3;font-size:11px}.cinema-bottom b{font-size:17px;font-weight:650;margin-left:5px}.hero-bottom-center{font-size:9px;letter-spacing:.17em}.film-toggle{display:flex;gap:16px;align-items:center;border:0;background:transparent;color:white;font-size:10px;padding:10px 0 10px 15px}.film-toggle span{border:1px solid #ffffff80;width:29px;height:29px;border-radius:50%;display:grid;place-items:center;font-size:9px}.quick-facts{min-height:76px;padding:16px 6%;background:var(--blue);color:#dfe8ed;display:flex;align-items:center;justify-content:space-between;font-size:12px;gap:20px}.quick-facts span{display:flex;align-items:center;gap:10px}.quick-facts i{width:6px;height:6px;background:#9cc7e3;border-radius:50%}
.editorial-intro{padding-block:106px 62px}.editorial-intro>.eyebrow{margin-bottom:28px}.intro-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:10%}.intro-grid h2{font-size:clamp(42px,4.6vw,68px);line-height:1.12}.intro-grid>div{max-width:370px;padding-top:5px}.intro-grid p{font-size:15px;line-height:1.8;color:var(--muted);margin-bottom:19px}.intro-grid p:first-child{color:var(--ink);font-size:18px;line-height:1.55}.intro-grid .text-link{margin-top:5px;font-size:12px}.photo-benefits{display:grid;grid-template-columns:1.35fr 1fr;gap:22px}.photo-card{position:relative;overflow:hidden;min-height:490px;border-radius:4px;color:white}.photo-card>img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .8s}.photo-card:hover>img{transform:scale(1.035)}.wide-photo>img{object-position:48% center}.narrow-photo>img{object-position:59% center}.photo-card-shade{position:absolute;inset:0;background:linear-gradient(0deg,#071b2be0,transparent 75%)}.photo-card-copy{position:absolute;bottom:37px;left:35px;right:26px}.photo-card-copy .eyebrow{font-size:8px;letter-spacing:.15em;margin-bottom:17px;color:#dfe8ee}.photo-card-copy h3{font-size:37px;letter-spacing:-.04em;line-height:1.15;font-weight:500}.photo-card-copy>p:last-child{font-size:12px;line-height:1.7;margin-top:17px;color:#e4eaef}.benefit-notes{display:grid;grid-template-columns:1.35fr 1fr;gap:22px;padding-block:29px 100px}.benefit-notes article{display:flex;align-items:flex-start;gap:18px;padding-top:23px;border-top:1px solid var(--line)}.note-icon{font-size:24px;color:var(--blue);line-height:1.3}.benefit-notes h3{font-size:18px;font-weight:600}.benefit-notes p{font-size:12px;color:var(--muted);margin-top:9px;line-height:1.8;max-width:340px}
.street-story{background:#eef2f4;display:grid;grid-template-columns:1.15fr 1fr;min-height:500px}.story-image{position:relative;min-height:500px;overflow:hidden;background:#213b4c}.story-image>img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:48% center}.story-image::after{content:'';position:absolute;inset:40% 0 0;background:linear-gradient(transparent,#102733a0);pointer-events:none}.play-film{position:absolute;left:9%;bottom:44px;display:flex;align-items:center;gap:17px;background:transparent;border:0;padding:0;text-align:left;color:#fff;z-index:2;font-size:14px}.play-film>span:first-child{width:52px;height:52px;border:1px solid #fff9;border-radius:50%;display:grid;place-items:center;font-size:13px;transition:background .2s}.play-film:hover>span:first-child{background:#fff;color:var(--ink)}.play-film small{display:block;font-size:9px;color:#e2e8eb;letter-spacing:.04em;margin-top:5px}.story-copy{padding:90px 13%;display:flex;justify-content:center;flex-direction:column}.story-copy .eyebrow{font-size:8px;margin-bottom:25px}.story-copy h2{font-size:47px;line-height:1.12}.story-copy>p:not(.eyebrow){font-size:14px;line-height:1.85;color:var(--muted);margin-top:24px;max-width:340px}.story-details{display:flex;gap:20px;flex-wrap:wrap;border-top:1px solid #cad5dc;padding-top:22px;margin-top:32px;font-size:10px;color:#5d737f}
.fee-editorial{padding-block:100px 80px}.fee-editorial-top{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:22px}.fee-editorial-top>span{font-size:8px;letter-spacing:.1em;color:var(--muted)}.fee-editorial-grid{display:grid;grid-template-columns:1fr 1fr;gap:10%;padding-block:50px 20px}.fee-editorial-grid h2{font-size:clamp(50px,5.2vw,74px)}.fee-editorial-grid>div:first-child>p{font-size:14px;line-height:1.8;color:var(--muted);max-width:330px;margin:26px 0}.commission-display{text-align:center;align-self:center;position:relative}.commission-big{font-family:var(--display);font-size:clamp(150px,17vw,240px);letter-spacing:-.095em;line-height:.9;font-weight:450;color:var(--blue)}.commission-big>span{font-size:.48em;letter-spacing:-.07em;margin-left:8px}.commission-display>p{font-size:21px;font-weight:400;margin-top:26px;letter-spacing:-.025em}.commission-display strong{font-weight:550}.commission-tag{display:inline-block;font-size:8px;letter-spacing:.15em;border:1px solid var(--line);border-radius:40px;padding:5px 13px;margin-top:17px}.commission-note{font-size:10px;color:var(--muted);line-height:1.8;border-top:1px solid var(--line);padding-top:23px;margin-top:32px}
.journey{padding-block:60px 110px}.journey-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px}.journey-heading .eyebrow{margin-bottom:23px}.journey-heading h2{font-size:58px}.journey-heading>p{font-size:14px;line-height:1.8;color:var(--muted);padding-bottom:5px}.journey .how-grid{gap:9%;grid-template-columns:1fr 1.1fr;margin-top:50px}.journey .step{padding:24px 0}.journey .step h3{font-weight:500;font-size:23px}.journey .step.active p{font-size:12px}.journey-cta{align-self:flex-start;margin-top:30px;font-size:12px}.journey-visual{position:relative;min-height:590px;border-radius:4px;overflow:hidden;background:#d5dde1;display:flex;align-items:flex-end;justify-content:flex-end;padding:27px}.journey-backdrop{position:absolute;width:100%;height:100%;inset:0;object-fit:cover;object-position:51% center}.journey-visual .mini-interface{position:relative;transform:none;border:1px solid #ffffffb0;background:#fffffff0;backdrop-filter:blur(10px);border-radius:12px;padding:24px;width:250px;min-height:0;box-shadow:0 10px 50px #18374425}.journey-visual .mini-interface h3{font-size:25px;margin-bottom:18px}.journey-visual .mini-interface>img{margin-bottom:13px}.journey-visual .preview-copy{font-size:11px}.journey-visual .mini-footer{margin-top:15px}
.people-band{position:relative;min-height:570px;background:#21382d;overflow:hidden;color:#fff}.people-band>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 40%}.people-band::after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#0b263bb5,transparent 75%)}.people-band>div{position:relative;z-index:1;padding:115px 6%}.people-band .eyebrow{font-size:9px;color:#e1e9ed;margin-bottom:25px}.people-band h2{font-size:70px;line-height:1.05;font-weight:450}.people-band .button{margin-top:33px}.photo-credit{position:absolute;right:25px;bottom:18px;z-index:2;color:#ffffffb0;font-size:8px}
.identity-section{display:grid;grid-template-columns:1.2fr 1fr;gap:10%;padding-block:100px}.identity-section .eyebrow{font-size:9px;margin-bottom:28px}.identity-section h2{font-size:49px}.identity-explanation>p{font-size:14px;line-height:1.9;color:var(--muted);margin-bottom:18px}.identity-explanation strong{color:var(--ink);font-weight:600}.identity-pair{gap:35px}.faq{max-width:1440px;padding:70px 6% 100px;background:var(--cloud);grid-template-columns:1fr 1.2fr;gap:10%}.faq h2{font-size:44px}.faq-contact{font-size:12px;line-height:1.8;color:var(--muted);margin-top:30px}.faq-contact button{padding:8px 0}.faq-list summary{font-size:14px;padding-block:24px}.final-invitation{display:grid;grid-template-columns:1fr 1fr;background:var(--blue);color:#fff;min-height:470px}.final-copy{padding:75px 12%}.final-copy .eyebrow{color:#becfdc;font-size:8px;margin-bottom:27px}.final-copy h2{font-size:90px;line-height:.98;letter-spacing:-.065em}.final-copy .button{margin-top:35px}.final-copy>p:last-child{color:#c5d7e2;font-size:10px;margin-top:23px}.final-photo{position:relative;overflow:hidden}.final-photo img{position:absolute;width:100%;height:100%;object-fit:cover;object-position:47% center}.footer{max-width:1440px;padding-inline:6%;padding-top:60px}.footer-bottom{color:#6e7d87}.footer-links{gap:13px}.footer .media-credit{font-size:9px;color:#72838f}.film-dialog{background:#102c3d;color:white;border:0;max-width:1050px;padding:22px;border-radius:12px}.film-dialog::backdrop{background:#04131de8}.film-dialog header{display:flex;justify-content:space-between;align-items:center;padding:4px 0 20px;font-size:12px}.film-dialog .close-film{background:transparent;border:0;color:#fff;font-size:28px;line-height:1;padding:0 4px}.film-dialog video{display:block;width:100%;max-height:75vh;border-radius:5px;background:black}.film-dialog p{font-size:11px;color:#b8c9d3;margin:15px 0 0}.film-dialog a{color:white;text-decoration:underline}.film-dialog:focus{outline:none}.onboarding{padding-top:30px}.brand-board{padding-top:70px}
@media(min-width:1600px){.street-story,.people-band,.final-invitation{max-width:1600px;margin-inline:auto}.cinema-copy{left:max(6%,calc((100vw - 1440px)/2))}.photo-card{min-height:540px}}
@media(max-width:1100px){.header{left:22px;right:22px}.nav-shell{padding-inline:19px;gap:20px}.header nav{gap:18px;font-size:11px}.header .brand img{width:125px}.header .button{font-size:10px;padding:11px 14px;gap:15px}.cinema-copy{bottom:145px}.cinema-copy h1{font-size:90px}.cinema-hero{min-height:700px}.intro-grid{gap:7%;grid-template-columns:1.3fr 1fr}.intro-grid h2{font-size:49px}.photo-card{min-height:430px}.photo-card-copy{left:27px;bottom:28px}.photo-card-copy h3{font-size:31px}.story-copy{padding:65px 10%}.story-copy h2{font-size:38px}.street-story,.story-image{min-height:450px}.journey-heading h2{font-size:49px}.journey .how-grid{gap:6%}.journey .step h3{font-size:21px}.journey-visual{min-height:550px}.people-band h2{font-size:61px}.identity-section h2{font-size:41px}.final-copy h2{font-size:77px}}
@media(max-width:800px){.header{left:15px;right:15px;top:12px;height:60px}.header nav{top:70px;left:0;right:0;border-radius:10px;padding:25px;background:#fff;color:var(--ink);font-size:15px;border:1px solid var(--line);box-shadow:0 10px 35px #10283820}.header nav a:hover{color:var(--blue)}.header .brand img{width:124px}.header .button{font-size:10px;padding:11px 15px;gap:14px}.nav-shell{padding-inline:17px}.cinema-copy h1{font-size:80px}.cinema-copy{bottom:150px}.cinema-hero{max-height:950px}.hero-invite{font-size:14px}.quick-facts{font-size:10px;padding-block:21px;gap:15px}.editorial-intro{padding-block:75px 42px}.intro-grid h2{font-size:41px}.intro-grid p{font-size:13px}.intro-grid p:first-child{font-size:16px}.photo-card{min-height:390px}.photo-benefits,.benefit-notes{gap:16px}.photo-card-copy h3{font-size:28px}.photo-card-copy>p:last-child{font-size:11px}.benefit-notes{padding-bottom:70px}.benefit-notes h3{font-size:16px}.benefit-notes p{font-size:11px}.street-story{grid-template-columns:1fr 1fr}.story-copy{padding:50px 9%}.story-copy h2{font-size:32px}.story-copy>p:not(.eyebrow){font-size:12px}.story-details{gap:12px;font-size:8px}.fee-editorial{padding-block:70px 40px}.fee-editorial-grid{gap:7%}.fee-editorial-grid h2{font-size:52px}.commission-display>p{font-size:17px}.journey{padding-block:60px 75px}.journey-heading h2{font-size:44px}.journey-heading>p{font-size:12px}.journey-visual{padding:17px}.journey-visual .mini-interface{width:225px;padding:20px}.people-band{min-height:460px}.people-band>div{padding-block:95px}.people-band h2{font-size:56px}.identity-section{padding-block:75px;gap:7%}.identity-section h2{font-size:34px}.identity-explanation>p{font-size:12px}.identity-pair{gap:20px}.faq{padding-block:55px 70px;gap:7%}.faq h2{font-size:34px}.faq-list summary{font-size:12px}.final-copy{padding:60px 10%}.final-copy h2{font-size:68px}.final-copy .button{font-size:11px;padding:15px 18px;gap:20px}.final-invitation{min-height:430px}}
@media(max-width:600px){.page-width{padding-inline:23px}.header{left:12px;right:12px;top:10px;height:58px}.nav-shell{padding-inline:14px;gap:8px}.header .brand img{width:110px}.header .button{font-size:9px;padding:10px 12px;gap:9px}.header .button span{font-size:14px}.menu-button{padding:7px}.cinema-hero{height:92svh;min-height:650px;max-height:900px}.hero-poster,.hero-film{object-position:57% 50%}.cinema-shade{background:linear-gradient(0deg,#0c2239d9,rgba(12,34,57,.12) 83%),linear-gradient(90deg,#0c223950,transparent)}.cinema-copy{left:24px;right:20px;bottom:130px}.cinema-copy>.eyebrow{font-size:8px;margin-bottom:22px;letter-spacing:.15em}.cinema-copy h1{font-size:clamp(54px,13.4vw,78px);line-height:1.02;letter-spacing:-.065em}.hero-invite{font-size:12px;line-height:1.8;margin-top:21px;max-width:290px}.cinema-actions{gap:22px;margin-top:25px;flex-wrap:wrap}.cinema-actions .button{font-size:11px;padding:15px 18px;gap:20px}.cinema-link{font-size:10px;gap:12px}.cinema-bottom{left:24px;right:24px;height:78px;font-size:9px}.cinema-bottom b{font-size:13px;display:block;margin:0}.hero-bottom-center{display:none}.film-toggle{font-size:9px;gap:9px}.quick-facts{display:grid;grid-template-columns:1fr 1fr;gap:16px 20px;padding:23px 24px;font-size:10px}.quick-facts span:nth-child(2){justify-self:end}.quick-facts span:nth-child(4){justify-self:end}.editorial-intro{padding-block:60px 32px}.editorial-intro>.eyebrow{font-size:8px;margin-bottom:22px}.intro-grid{grid-template-columns:1fr;gap:25px}.intro-grid h2{font-size:42px}.intro-grid>div{padding:0;max-width:none}.intro-grid p:first-child{font-size:17px;margin-bottom:15px}.intro-grid p{font-size:13px;max-width:350px}.photo-benefits{grid-template-columns:1fr;gap:18px}.photo-card{min-height:410px}.narrow-photo{min-height:360px}.photo-card-copy{left:25px;right:25px;bottom:27px}.photo-card-copy h3{font-size:33px}.photo-card-copy .eyebrow{font-size:8px}.photo-card-copy>p:last-child{font-size:12px}.photo-card>img{object-position:center}.narrow-photo>img{object-position:58% center}.benefit-notes{grid-template-columns:1fr;gap:20px;padding-block:12px 60px}.benefit-notes article{gap:15px;padding-top:22px}.benefit-notes h3{font-size:18px}.benefit-notes p{font-size:12px}.street-story{grid-template-columns:1fr}.story-image{min-height:340px}.play-film{left:24px;bottom:28px;font-size:13px}.play-film>span:first-child{width:45px;height:45px}.story-copy{padding:46px 25px 48px}.story-copy .eyebrow{margin-bottom:21px}.story-copy h2{font-size:38px}.story-copy>p:not(.eyebrow){font-size:13px;margin-top:20px;max-width:none}.story-details{font-size:10px;gap:28px;margin-top:24px}.fee-editorial{padding-block:60px 35px}.fee-editorial-top>.eyebrow{font-size:8px}.fee-editorial-top>span{display:none}.fee-editorial-grid{grid-template-columns:1fr;padding-top:30px;gap:40px}.fee-editorial-grid h2{font-size:51px}.fee-editorial-grid>div:first-child>p{font-size:13px;margin-block:21px}.commission-display{padding-block:8px}.commission-big{font-size:190px}.commission-display>p{font-size:19px}.commission-note{font-size:9px;margin-top:25px}.journey{padding-block:35px 60px}.journey-heading{display:block}.journey-heading .eyebrow{font-size:8px;margin-bottom:20px}.journey-heading h2{font-size:44px}.journey-heading>p{font-size:13px;margin-top:23px}.journey .how-grid{grid-template-columns:1fr;gap:30px;margin-top:22px}.journey .step{padding:21px 0}.journey .step h3{font-size:21px}.journey .step.active p{font-size:12px}.journey-cta{margin-top:25px}.journey-visual{min-height:460px;padding:22px}.journey-visual .mini-interface{width:237px;padding:23px}.journey-backdrop{object-position:45% center}.people-band{min-height:490px}.people-band>img{object-position:60% center}.people-band::after{background:linear-gradient(0deg,#0b263bdb,transparent 100%)}.people-band>div{padding:235px 25px 60px}.people-band .eyebrow{font-size:8px;margin-bottom:18px}.people-band h2{font-size:46px}.people-band .button{margin-top:24px;font-size:12px}.identity-section{grid-template-columns:1fr;gap:25px;padding-block:60px}.identity-section .eyebrow{font-size:8px;margin-bottom:22px}.identity-section h2{font-size:37px}.identity-explanation>p{font-size:13px;line-height:1.85}.identity-pair{gap:35px;margin-top:25px}.faq{display:block;padding:50px 25px 55px}.faq h2{font-size:36px}.faq .eyebrow{font-size:8px;margin-bottom:22px}.faq-contact{margin-top:20px}.faq-list{margin-top:25px}.faq-list summary{font-size:13px;line-height:1.7;padding-block:21px}.faq-list summary:after{top:18px}.final-invitation{grid-template-columns:1fr;position:relative;overflow:hidden;min-height:530px}.final-photo{position:absolute;inset:0;z-index:0}.final-photo:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#173f5dda,#173f5d33)}.final-photo img{object-position:55% center}.final-copy{position:relative;z-index:1;padding:65px 25px}.final-copy h2{font-size:80px}.final-copy .eyebrow{font-size:8px;max-width:240px}.final-copy>p:last-child{font-size:10px}.footer{padding-inline:25px;padding-top:45px}.footer-bottom{padding-bottom:85px}.film-dialog{padding:14px}.film-dialog header{font-size:10px}.film-dialog p{font-size:10px}.flow-mode main{padding-top:83px}}
@media(prefers-reduced-motion:reduce){.hero-film{display:none}.hero-film.user-playing{display:block}.photo-card:hover>img{transform:none}}