@import url('https://fonts.googleapis.com/css2?family=Cormorant+Garamond:ital,wght@1,400&family=Geist:wght@400;500;600&family=Inter:wght@400;600;700&family=Manrope:wght@400;600&family=Outfit:wght@300;400;500;600;700&display=swap'); :root{ --ink:#0f0f11;--ink2:#18181b;--dark:#050506;--dark2:#0c0c0e;--dark3:#0e0e10; --gold:#c5a880;--gold2:#e2c496;--gold3:#b88f5e;--muted:#9a9a9e;--copy:#55534e; --paper:#fff;--paper2:#fcfcfa;--line:#eaeae6;--radius:16px;--page:1440px;--pad:79px; } *{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f5f5f3;color:var(--ink);font-family:Outfit,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}button{cursor:pointer}.page-shell{width:min(100%,var(--page));margin:0 auto;background:#fff;padding:10px;overflow:hidden}.page-shell.flush{padding:0}.section{position:relative;padding:80px var(--pad);background:#fff}.eyebrow{display:flex;align-items:center;gap:12px;text-transform:uppercase;font:700 12px Inter,sans-serif;color:var(--gold);letter-spacing:.01em}.eyebrow::before{content:"";width:24px;height:1px;background:var(--gold);display:block}.eyebrow.dark{color:var(--muted)}.title{font:300 63px/1.05 Outfit,sans-serif;letter-spacing:-1.1px;margin:0}.title .gold,.gold{color:var(--gold)}.lead{font:400 15px/1.65 Inter,sans-serif;color:var(--copy);margin:0}.muted{color:var(--muted)}.btn{border:0;border-radius:40px;padding:17px 31px;display:inline-flex;align-items:center;justify-content:center;gap:9px;font:600 14px Outfit,sans-serif;text-transform:uppercase;transition:.2s}.btn-gold{background:linear-gradient(90deg,var(--gold2),var(--gold3));color:#050506}.btn-gold:hover{transform:translateY(-1px);filter:brightness(1.04)}.btn-outline{border:1px solid #9a9a9e;color:#fff;background:transparent}.btn-dark{background:#222124;color:var(--gold);border-radius:8px;width:100%;padding:14px}.text-link{display:inline-flex;gap:8px;align-items:center;border-bottom:1px solid var(--gold);padding-bottom:4px;font:600 14px Inter,sans-serif}.icon{width:18px;height:18px;stroke-width:1.6}.icon-circle{width:44px;height:44px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)} /* nav */ .site-nav{position:absolute;z-index:30;top:18px;left:0;right:0;padding:0 var(--pad);height:78px;display:flex;align-items:center;justify-content:space-between;color:#fff}.brand{width:175px;height:58px;display:flex;align-items:center;overflow:hidden}.brand img{width:100%;height:100%;object-fit:contain}.nav-links{display:flex;align-items:center;gap:34px;font:500 12px Inter,sans-serif;text-transform:uppercase}.nav-links a{opacity:.88}.nav-links a:hover,.nav-links a.active{color:var(--gold);opacity:1}.nav-actions{display:flex;gap:16px;align-items:center}.quote-nav{border:1px solid rgba(197,168,128,.7);border-radius:25px;padding:12px 24px;font:600 11px Inter,sans-serif;text-transform:uppercase}.menu-btn{width:40px;height:40px;border:1px solid rgba(255,255,255,.12);background:#101014;color:white;border-radius:50%;display:grid;place-items:center}.mobile-menu{display:none;position:absolute;z-index:40;top:88px;left:20px;right:20px;background:rgba(6,6,8,.97);border:1px solid rgba(255,255,255,.1);padding:22px;border-radius:14px}.mobile-menu.open{display:grid;gap:16px}.mobile-menu a{color:#fff;text-transform:uppercase;font:600 13px Inter} /* home hero */ .hero-home{height:986px;border-radius:27px;overflow:hidden;background:#050506;color:#fff;position:relative}.hero-home::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,4,.93) 0%,rgba(3,3,4,.76) 38%,rgba(3,3,4,.25) 66%,rgba(3,3,4,.44) 100%),var(--hero) center/cover no-repeat}.hero-copy{position:absolute;left:var(--pad);top:158px;width:632px;z-index:2}.hero-copy .mini{display:flex;align-items:center;gap:10px;color:var(--muted);font:600 12px Outfit;text-transform:uppercase}.hero-copy .mini::before{content:"";width:8px;height:8px;border-radius:2px;background:var(--gold)}.hero-copy h1{font:300 63px/1.05 Outfit;margin:24px 0 18px;letter-spacing:-1.1px}.hero-copy p{font:400 15.5px/1.65 Manrope;color:#aaaab0;margin:0 0 36px}.hero-ctas{display:flex;gap:16px}.highlights{margin-top:32px;background:#0e0e10;border:1px solid rgba(255,255,255,.07);border-radius:8px;padding:17px 20px;display:grid;grid-template-columns:repeat(4,1fr);align-items:center}.highlight{display:flex;align-items:center;justify-content:center;gap:9px;font:500 12px Outfit;border-right:1px solid rgba(255,255,255,.09)}.highlight:last-child{border:0}.quick-quote{position:absolute;z-index:3;left:var(--pad);right:var(--pad);bottom:36px;background:rgba(10,10,12,.83);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:30px 32px;display:grid;grid-template-columns:255px 1fr;gap:38px}.quick-info .kicker{font:700 12px Outfit;color:var(--muted);text-transform:uppercase}.quick-info h3{font:300 28px Outfit;margin:10px 0}.quick-info p{font:400 12.5px/1.5 Manrope;color:var(--muted);margin:0}.quick-fields{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;align-items:end}.field label{display:block;font:600 10.5px Manrope;color:var(--muted);text-transform:uppercase;margin:0 0 6px}.control{height:42px;border:1px solid rgba(255,255,255,.08);background:#050506;border-radius:6px;color:#aaa;padding:0 12px;display:flex;align-items:center;gap:7px;font:400 12.5px Manrope}.control input,.control select{width:100%;background:transparent;border:0;color:inherit;outline:0}.quick-fields .btn{height:42px;padding:0 20px;font-size:11px} /* home services */ .services-home{padding-top:95px;min-height:1064px}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:60px}.section-head .left{max-width:672px}.section-head .left .title{margin-top:23px}.section-head .left .lead{margin-top:17px}.section-head .right{max-width:434px;padding-bottom:8px}.section-head .right .text-link{margin-top:23px}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:47px}.service-card{height:513px;border-radius:16px;overflow:hidden;padding:24px;position:relative;color:#fff;display:flex;flex-direction:column;justify-content:space-between;background-size:cover;background-position:center}.service-card::before{content:"";position:absolute;inset:0;background:linear-gradient(225deg,transparent 32%,rgba(0,0,0,.62) 66%,rgba(0,0,0,.98) 86%)}.service-card>*{position:relative;z-index:2}.service-card h3{font:500 20px Outfit;margin:0 0 8px}.service-card p{font:400 12.5px/1.5 Inter;color:rgba(255,255,255,.8);margin:0}.card-arrow{align-self:flex-end;margin-top:12px}.slogan{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:48px;color:var(--gold);font:600 11px Inter;text-transform:uppercase}.slogan-line{width:86%;height:1px;background:linear-gradient(90deg,transparent,var(--gold),transparent);position:relative}.slogan-line::after{content:"✈";position:absolute;left:50%;top:50%;transform:translate(-50%,-55%);background:#fff;padding:0 14px;font-size:16px} /* choose */ .choose{min-height:888px;padding-top:79px;overflow:hidden;background:#fff}.choose-bg{position:absolute;right:-35px;top:10px;width:80%;height:640px;background:linear-gradient(to bottom,#fff 0%,rgba(255,255,255,.05) 22%,rgba(255,255,255,.05) 62%,#fff 96%),linear-gradient(90deg,#fff 0%,rgba(255,255,255,.96) 25%,rgba(255,255,255,.15) 55%,rgba(255,255,255,0) 100%),var(--choose) center/cover no-repeat;opacity:.92}.choose .pitch{position:relative;z-index:2;width:520px}.choose .pitch .title{margin:30px 0 22px}.feature-six{position:relative;z-index:2;margin-top:94px;padding-top:34px;border-top:1px solid #ecece8;display:grid;grid-template-columns:repeat(6,1fr);gap:24px}.feature-six h4{font:600 14px Inter;margin:13px 0 7px}.feature-six p{font:400 12px/1.5 Inter;color:var(--muted);margin:0} /* fleet */ .fleet-home{min-height:811px}.fleet-tabs{display:flex;justify-content:space-between;align-items:center;margin-top:42px}.tabs{display:flex;gap:31px}.tab{background:transparent;border:0;border-bottom:2px solid transparent;padding:0 0 8px;color:var(--muted);font:600 12px Outfit;text-transform:uppercase}.tab.active{color:var(--ink);border-color:var(--gold)}.view-all{display:flex;gap:10px;align-items:center;font:700 12px Outfit;text-transform:uppercase}.vehicle-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.vehicle-card{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.vehicle-card .photo{height:217px;object-fit:cover;width:100%}.vehicle-card .body{padding:20px}.vehicle-title{display:flex;align-items:flex-start;justify-content:space-between}.vehicle-title h3{font:600 18px Outfit;margin:0 0 4px}.vehicle-title small{color:var(--gold);font:600 11px Outfit;text-transform:uppercase}.spec-row{display:flex;gap:20px;margin:18px 0 12px;color:var(--muted);font:400 12px Manrope}.spec-row span,.features-inline span{display:flex;gap:6px;align-items:center}.features-inline{padding-top:12px;border-top:1px solid var(--line);display:flex;gap:14px;flex-wrap:wrap;color:var(--muted);font:400 11px Manrope}.vehicle-card .footer{padding:0 20px 20px} /* how it works — matched to Figma frame 10:80 */ .how{min-height:887.671px;display:grid;grid-template-columns:minmax(0,670.685px) 19.726px minmax(0,512.877px);column-gap:29.589px;align-items:stretch;padding:78.904px}.how-left{min-width:0}.how .visual{margin-top:38px;height:483.288px;border-radius:15.781px;overflow:hidden}.how .visual img{width:100%;height:100%;object-fit:cover}.how-divider{align-self:center;justify-self:center;width:1px;height:98.63px;background:#e8e8e3}.steps{height:100%;min-width:0;display:flex;flex-direction:column;justify-content:space-between}.step{display:grid;grid-template-columns:43.397px 47.342px minmax(0,1fr);gap:23.671px;align-items:center;padding:15.781px 0;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:0}.step-num{font:300 31.562px/1 Outfit;color:#b4b4b4}.step:first-child .step-num{color:var(--gold)}.step-icon{width:47.342px;height:47.342px;border-radius:50%;background:#faf6f0;border:0.986px solid #e8e8e3;display:grid;place-items:center}.step-icon img{width:19.726px;height:19.726px;display:block}.step h4{font:500 19.726px/1.2 Outfit;margin:0 0 3.945px}.step p{font:400 12.822px/1.5 Outfit;color:var(--muted);margin:0}.how .eyebrow{font-size:11.836px}.how .title{font-size:63.123px;line-height:1.05}.how .lead{font:400 14.795px/1.6 Outfit,sans-serif} /* testimonials home — exact Figma composition + functional carousel */ .testimonials-band{height:715.507px;background:#060608;color:#fff;border-radius:13.808px;padding:71.014px 78.904px 63.123px;overflow:hidden;position:relative;display:flex;flex-direction:column;gap:43.397px}.testimonials-band::before{content:"";position:absolute;inset:0;background:#060608;border-radius:inherit}.testimonials-band::after{content:"";position:absolute;inset:0;background:var(--testimonials-bg) center/cover no-repeat;opacity:.12;border-radius:inherit;pointer-events:none}.testimonials-band>*{position:relative;z-index:1}.serif{font-family:'Cormorant Garamond',serif;font-style:italic}.testimonial-header{width:789.041px;height:135.562px;display:flex;flex-direction:column;gap:15.781px;flex:0 0 auto}.testimonial-eyebrow{height:14px;display:flex;align-items:center;gap:11.836px;color:var(--gold);font:600 10.849px/1 Outfit;text-transform:uppercase}.testimonial-eyebrow img{width:31.562px;height:1px}.testimonial-title{font-size:63.123px;line-height:1.05;color:#fafaf8;white-space:nowrap}.testimonial-title .serif{font-weight:400}.testimonial-subtext{margin:0;color:var(--muted);font:400 14.795px/1.6 Outfit,sans-serif}.testimonial-carousel{width:100%;height:315.616px;overflow:hidden;flex:0 0 auto}.testimonial-track{display:flex;gap:19.726px;height:315.616px;will-change:transform;transform:translate3d(0,0,0)}.video-card.figma-video-card{flex:0 0 calc((100% - 59.178px)/4);height:315.616px;border:0.986px solid rgba(255,255,255,.08);border-radius:15.781px;overflow:hidden;position:relative;padding:23.671px;display:flex;flex-direction:column;justify-content:space-between;background:transparent}.video-card.figma-video-card::before{content:"";position:absolute;inset:0;background:var(--card-bg) center/cover no-repeat;border-radius:inherit}.video-card.figma-video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to bottom,rgba(0,0,0,.06) 0%,rgba(0,0,0,.75) 60%,rgba(0,0,0,.97) 100%);border-radius:inherit}.video-card.figma-video-card>*{position:relative;z-index:2}.video-top-copy{display:flex;flex-direction:column;gap:11.836px;width:100%}.quote-svg{width:17.753px;height:13.808px}.video-top-copy p{margin:0;color:#fafaf8;font:300 12.822px/1.45 Outfit,sans-serif}.video-play{position:absolute;left:50%;top:calc(50% - 19.726px);transform:translate(-50%,-50%);width:47.342px;height:47.342px;border-radius:50%;border:.986px solid #fafaf8;background:rgba(0,0,0,.38);backdrop-filter:blur(1.973px);display:grid;place-items:center;padding:0}.video-play img{width:11.836px;height:11.836px}.video-meta{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px}.video-meta p{margin:0;color:var(--muted);font:400 11.836px/1 Outfit;white-space:nowrap}.video-meta b{color:var(--gold);font-weight:400}.video-time{background:rgba(0,0,0,.5);border:.986px solid var(--gold);border-radius:9.863px;color:var(--gold);font:600 9.863px/1 Outfit;padding:3.945px 7.89px;white-space:nowrap}.testimonial-footer{height:43.397px;display:flex;align-items:center;justify-content:space-between;flex:0 0 auto}.testimonial-brand-statement{height:28.973px;display:flex;gap:15.781px;align-items:center}.testimonial-brand-statement>img{width:1px;height:27.616px}.testimonial-brand-statement>div{display:flex;flex-direction:column;gap:1.973px;white-space:nowrap}.testimonial-brand-statement span{color:var(--muted);font:500 9.863px/1 Outfit;text-transform:uppercase}.testimonial-brand-statement strong{color:#fafaf8;font:700 11.836px/1 Outfit;text-transform:uppercase}.testimonial-controls{display:flex;gap:15.781px;align-items:center}.carousel-arrow{width:43.397px;height:43.397px;border-radius:50%;display:grid;place-items:center;background:transparent;padding:0}.carousel-arrow img{width:15.781px;height:15.781px}.carousel-prev{border:.986px solid rgba(255,255,255,.08)}.carousel-next{border:.986px solid var(--gold)}.carousel-counter{display:flex;align-items:center;gap:7px;color:var(--muted);font:500 11.836px/1 Outfit;min-width:42px;justify-content:center}.carousel-counter em{font-style:normal;color:#fafaf8}.carousel-arrow:hover{background:rgba(255,255,255,.045)} /* shared testimonial styles for testimonial page */ .testimonial-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:38px}.video-card{height:316px;border:1px solid rgba(255,255,255,.08);border-radius:14px;overflow:hidden;position:relative;background-size:cover;background-position:center}.testimonial-grid .video-card::after{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.92),rgba(0,0,0,.04) 65%)}.video-card .play{position:absolute;z-index:2;left:50%;top:48%;transform:translate(-50%,-50%);width:50px;height:50px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold)}.video-card .caption{position:absolute;z-index:2;left:18px;right:18px;bottom:18px}.video-card h4{font:500 15px Outfit;margin:0 0 3px}.video-card .caption p{font:400 11px Inter;color:#b7b7ba;margin:0} /* about/cta home */ .about-strip{min-height:513px;background:#fcfcfa;overflow:hidden}.about-strip .image{position:absolute;right:0;top:0;width:50%;height:100%;background:linear-gradient(90deg,#fcfcfa 0%,rgba(252,252,250,.9) 8%,rgba(252,252,250,0) 26%),var(--about) center/cover no-repeat}.about-strip .content{position:relative;z-index:2;width:56%}.about-strip .features{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:25px}.mini-feature h4{font:600 14px Outfit;margin:9px 0 5px}.mini-feature p{font:400 11.5px/1.45 Outfit;color:var(--muted);margin:0}.cta-banner{height:533px;background:#fff;overflow:hidden}.cta-banner .photo{position:absolute;inset:0;background:linear-gradient(130deg,rgba(255,255,255,0) 36%,rgba(255,255,255,.95) 54%,#fff 61%),var(--cta) left center/cover no-repeat}.cta-banner .content{position:absolute;right:79px;top:50%;transform:translateY(-50%);width:572px;text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.cta-features{display:grid;grid-template-columns:repeat(3,1fr);width:100%}.cta-features>div{padding:4px 20px;border-right:1px solid var(--line)}.cta-features>div:last-child{border:0}.cta-features h5{font:500 14px Outfit;margin:8px 0 0} /* footer */ .site-footer{background:#0c0c0e;color:#fff;padding:78px var(--pad) 38px}.footer-cols{display:grid;grid-template-columns:1.55fr .8fr .95fr 1.05fr;gap:70px}.footer-brand .brand{width:198px;height:66px}.footer-brand p{font:400 13.5px/1.6 Geist;color:var(--muted);max-width:330px}.socials{display:flex;gap:12px;margin-top:20px}.social{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:50%;display:grid;place-items:center;color:#bbb}.footer-col h4{font:600 16px Outfit;margin:0 0 19px}.footer-col a,.footer-col span{display:block;color:var(--muted);font:400 13.5px Geist;margin:0 0 11px}.contact-item{display:flex!important;align-items:center;gap:10px;color:#ececee!important}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);margin-top:58px;padding-top:22px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font:400 12px Geist}.legal{display:flex;gap:16px;align-items:center} /* inner hero */ .inner-hero{height:505px;border-radius:27px;overflow:hidden;position:relative;color:#fff;background:#050506}.inner-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,3,4,.92),rgba(3,3,4,.45),rgba(3,3,4,.7)),var(--bg) center/cover no-repeat}.inner-hero.center::before{background:linear-gradient(rgba(3,3,4,.55),rgba(3,3,4,.7)),var(--bg) center/cover no-repeat}.inner-copy{position:absolute;z-index:2;left:79px;bottom:70px;max-width:750px}.inner-copy.center{left:50%;bottom:74px;transform:translateX(-50%);text-align:center;width:820px}.breadcrumbs{font:400 11px Inter;color:#d1d1d1;margin-bottom:25px}.inner-copy .eyebrow{font-size:10px}.inner-copy h1{font:300 58px/1.08 Outfit;margin:16px 0 15px}.inner-copy p{font:400 14px/1.65 Inter;color:#bcbcc0;max-width:680px;margin:0 0 22px}.inner-copy.center p{margin-left:auto;margin-right:auto} /* services page */ .services-intro{padding-top:86px}.category-nav{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:48px}.category-nav a{padding:20px 0;display:flex;justify-content:space-between;font:600 12px Inter;text-transform:uppercase}.category-block{display:grid;grid-template-columns:1fr 1.35fr;gap:62px;align-items:stretch;padding:78px 0}.category-block.reverse{grid-template-columns:1.35fr 1fr;background:#0b0b0d;color:#fff;padding:44px;border-radius:16px}.category-photo{min-height:535px;border-radius:14px;overflow:hidden;position:relative;background-size:cover;background-position:center}.category-photo::before{content:"";position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.7),transparent 65%)}.category-photo .caption{position:absolute;left:26px;bottom:26px;color:#fff;font:400 30px/1.05 Outfit}.category-content{padding:22px 0}.category-content h2{font:400 34px Outfit;margin:8px 0 8px}.category-content>p{font:400 13px/1.55 Inter;color:var(--muted);margin:0 0 25px}.service-list{border-top:1px solid var(--line)}.reverse .service-list{border-color:rgba(255,255,255,.1)}.service-row{display:flex;justify-content:space-between;align-items:center;padding:18px 0;border-bottom:1px solid var(--line)}.reverse .service-row{border-color:rgba(255,255,255,.1)}.service-row h4{font:500 18px Outfit;margin:0 0 5px}.service-row p{font:400 11px Inter;color:var(--muted);margin:0}.circle-arrow{width:30px;height:30px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--gold)} /* fleet full */ .fleet-list-section{padding-top:80px}.fleet-filter{display:flex;gap:22px;margin:30px 0 40px;flex-wrap:wrap}.fleet-filter button{border:0;background:transparent;color:var(--muted);padding:8px 0;border-bottom:2px solid transparent;font:600 11px Outfit;text-transform:uppercase}.fleet-filter button.active{color:var(--ink);border-color:var(--gold)}.fleet-cards-full{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fleet-cards-full .vehicle-card .photo{height:230px}.comparison{margin-top:74px;background:#0b0b0d;color:#fff;border-radius:16px;padding:48px}.comparison h2{font:300 44px/1.05 Outfit;margin:0 0 30px}.comparison table{width:100%;border-collapse:collapse;font:400 11px Inter;color:#bbb}.comparison th,.comparison td{border-bottom:1px solid rgba(255,255,255,.07);padding:12px 8px;text-align:left}.comparison th{color:var(--gold);font-weight:600} /* forms */ .form-section{padding-top:78px}.form-title{font:300 50px Outfit;margin:12px 0 42px}.black-form{background:#050506;color:#fff;border-radius:16px;padding:42px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.form-col h3{font:500 20px Outfit;margin:0 0 25px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.field-light,.field-dark{margin-bottom:18px}.field-light label,.field-dark label{display:block;font:600 10.5px Inter;text-transform:uppercase;margin-bottom:7px}.field-light input,.field-light select,.field-light textarea,.field-dark input,.field-dark select,.field-dark textarea{width:100%;height:48px;border-radius:6px;padding:0 14px;outline:none}.field-light input,.field-light select,.field-light textarea{border:1px solid #e4e4e1;background:#fff;color:#2d2d2d}.field-dark input,.field-dark select,.field-dark textarea{border:1px solid #252528;background:#161618;color:#eee}.field-light textarea,.field-dark textarea{height:100px;padding-top:13px;resize:vertical}.submit-wide{width:100%;margin-top:18px}.benefit-strip{margin:78px 0 0;background:#050506;color:#fff;border-radius:14px;padding:38px 46px;display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.benefit-item{display:flex;gap:16px;align-items:center}.benefit-item h4{font:600 14px Outfit;margin:0 0 4px}.benefit-item p{font:400 11px Inter;color:var(--muted);margin:0}.direct-book{text-align:center;padding:78px var(--pad)}.direct-book h2{font:300 42px Outfit;margin:0 0 10px}.direct-book>p{font:400 13px Inter;color:var(--muted);margin:0 0 38px}.contact-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.contact-card{border:1px solid var(--line);border-radius:10px;padding:36px 20px}.contact-card h4{font:600 20px Outfit;margin:10px 0 3px}.contact-card small{color:var(--muted)} /* booking */ .booking-layout{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(300px,.75fr);gap:40px;align-items:start}.step-title{display:flex;gap:12px;align-items:center;font:500 27px Outfit;margin:24px 0}.step-badge{width:42px;height:42px;border:1px solid var(--gold);border-radius:50%;display:grid;place-items:center;color:var(--gold);font-size:12px}.choice-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.choice{border:1px solid var(--line);border-radius:8px;padding:20px 10px;text-align:center;background:#fff;font:500 12px Outfit}.choice.active{background:#fbf7f1;border-color:var(--gold)}.booking-divider{height:1px;background:var(--line);margin:34px 0}.booking-sidebar{position:sticky;top:20px}.summary{background:#0d0d10;color:#fff;border-radius:14px;padding:28px}.summary h3{font:400 25px Outfit;margin:8px 0 24px}.summary-line{border-top:1px solid rgba(255,255,255,.08);padding:16px 0;font:400 12px Inter;color:#ddd}.summary-line small{color:var(--muted);display:block;margin-bottom:5px}.side-card{border:1px solid var(--line);border-radius:12px;padding:24px;margin-top:18px}.side-card h3{font:500 21px Outfit;margin:0 0 18px}.next-step{display:grid;grid-template-columns:24px 1fr;gap:10px;margin:15px 0}.next-step strong{font:600 12px Inter}.next-step p{font:400 11px/1.5 Inter;color:var(--muted);margin:3px 0 0}.vehicle-choices{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.vehicle-choice{border:1px solid var(--line);border-radius:8px;overflow:hidden;background:#fff}.vehicle-choice.active{border-color:var(--gold);box-shadow:0 0 0 1px rgba(197,168,128,.2)}.vehicle-choice img{height:125px;width:100%;object-fit:cover}.vehicle-choice .vc-body{padding:12px}.vehicle-choice small{font:600 9px Outfit;color:var(--gold);text-transform:uppercase}.vehicle-choice h4{font:600 12px Outfit;margin:5px 0}.vehicle-choice p{font:400 9px Inter;color:var(--muted);margin:0} /* about */ .about-story{display:grid;grid-template-columns:1.05fr .95fr;gap:60px;align-items:center}.about-story .photo{height:520px;border-radius:16px;overflow:hidden}.about-story .photo img{width:100%;height:100%;object-fit:cover}.value-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:32px}.value-card{padding:26px;border:1px solid var(--line);border-radius:12px}.value-card h4{font:600 16px Outfit;margin:13px 0 7px}.value-card p{font:400 12px/1.6 Inter;color:var(--muted);margin:0}.dark-story{background:#0b0b0d;color:#fff;border-radius:16px;display:grid;grid-template-columns:1fr 1fr;overflow:hidden}.dark-story .copy{padding:70px}.dark-story .photo{min-height:500px;background-size:cover;background-position:center} /* testimonials page */ .testimonial-wall{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.quote-card{border:1px solid var(--line);border-radius:14px;padding:28px}.quote-card .stars{color:var(--gold);letter-spacing:3px}.quote-card blockquote{font:400 20px/1.5 Outfit;margin:18px 0;color:#2b2b2e}.quote-card .person{font:600 13px Inter}.quote-card .place{font:400 11px Inter;color:var(--muted)} /* contact */ .contact-layout{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact-info h2{font:300 48px Outfit;margin:16px 0}.contact-info p{font:400 14px/1.7 Inter;color:var(--muted)}.contact-list{margin-top:32px}.contact-list .row{display:flex;gap:16px;align-items:flex-start;padding:17px 0;border-bottom:1px solid var(--line)}.contact-list h4{font:600 14px Outfit;margin:0 0 4px}.contact-list span{font:400 13px Inter;color:var(--muted)}.contact-photo{height:360px;border-radius:14px;overflow:hidden;margin-top:30px}.contact-photo img{width:100%;height:100%;object-fit:cover} /* legal */ .legal-page{max-width:980px;margin:0 auto;padding:80px 0}.legal-page h2{font:500 28px Outfit;margin:42px 0 12px}.legal-page h3{font:600 18px Outfit;margin:28px 0 10px}.legal-page p,.legal-page li{font:400 14px/1.8 Inter;color:#55534e}.legal-page ul{padding-left:20px} /* service detail */ .detail-intro{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}.detail-intro img{height:500px;width:100%;object-fit:cover;border-radius:16px}.detail-points{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin-top:28px}.detail-point{border-top:1px solid var(--line);padding-top:14px}.detail-point h4{font:600 14px Outfit;margin:0 0 5px}.detail-point p{font:400 11.5px/1.5 Inter;color:var(--muted);margin:0}.detail-dark{background:#0b0b0d;color:#fff;border-radius:16px;padding:58px;display:grid;grid-template-columns:1fr 1fr;gap:55px}.detail-dark h2{font:300 44px Outfit;margin:0 0 18px}.detail-dark p{font:400 13px/1.65 Inter;color:#aaa} /* enquiry */ .enquiry-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:start}.enquiry-vehicle{position:sticky;top:24px}.enquiry-vehicle img{width:100%;height:410px;object-fit:cover;border-radius:15px}.enquiry-vehicle h2{font:400 34px Outfit;margin:22px 0 5px}.enquiry-vehicle .type{font:600 11px Outfit;color:var(--gold);text-transform:uppercase}.enquiry-specs{display:flex;gap:24px;margin-top:18px;color:var(--muted);font:400 12px Inter}.enquiry-form{border:1px solid var(--line);border-radius:14px;padding:34px}.enquiry-form h2{font:300 34px Outfit;margin:0 0 24px} /* utilities */ .hidden{display:none!important}.toast{position:fixed;z-index:100;right:22px;bottom:22px;background:#0d0d10;color:#fff;border:1px solid rgba(197,168,128,.4);border-radius:10px;padding:16px 18px;max-width:340px;box-shadow:0 12px 35px rgba(0,0,0,.25);font:400 13px Inter;display:none}.toast.show{display:block}.muted-note{font:400 11px/1.5 Inter;color:var(--muted)} @media(max-width:1100px){:root{--pad:44px}.nav-links{display:none}.section-head{align-items:flex-start;flex-direction:column}.section-head .right{max-width:680px}.service-grid,.vehicle-grid{grid-template-columns:repeat(2,1fr)}.feature-six{grid-template-columns:repeat(3,1fr)}.how{grid-template-columns:1fr;min-height:0;padding:70px var(--pad)}.how-divider{display:none}.how .visual{height:420px}.steps{margin-top:36px;gap:0}.video-card.figma-video-card{flex-basis:calc((100% - 19.726px)/2)}.testimonial-grid{grid-template-columns:repeat(2,1fr)}.footer-cols{grid-template-columns:1.4fr 1fr 1fr;gap:38px}.footer-contact{grid-column:2/4}.quick-quote{grid-template-columns:1fr}.quick-fields{grid-template-columns:repeat(3,1fr)}.cta-banner .content{right:30px;width:50%}.fleet-cards-full{grid-template-columns:repeat(2,1fr)}.booking-layout{grid-template-columns:1fr}.booking-sidebar{position:static}.contact-layout,.about-story,.detail-intro,.enquiry-layout{grid-template-columns:1fr}} @media(max-width:720px){:root{--pad:22px}.page-shell{padding:4px}.site-nav{padding:0 22px;top:8px;height:68px}.brand{width:142px}.quote-nav{display:none}.hero-home{height:auto;min-height:980px;border-radius:18px}.hero-copy{left:22px;right:22px;top:120px;width:auto}.hero-copy h1{font-size:46px}.title{font-size:44px}.hero-ctas{flex-direction:column;align-items:flex-start}.highlights{grid-template-columns:1fr 1fr;gap:15px}.highlight{border:0;justify-content:flex-start}.quick-quote{position:absolute;left:18px;right:18px;bottom:20px;padding:22px}.quick-fields{grid-template-columns:1fr 1fr}.quick-fields .btn{grid-column:1/-1}.section{padding:64px var(--pad)}.services-home,.choose,.fleet-home,.how{min-height:0}.service-grid,.vehicle-grid,.fleet-cards-full,.testimonial-grid,.value-grid,.contact-cards,.testimonial-wall{grid-template-columns:1fr}.service-card{height:430px}.feature-six{grid-template-columns:1fr 1fr;margin-top:55px}.choose .pitch{width:auto}.choose-bg{width:100%;opacity:.35}.how{display:block;padding:64px var(--pad)}.steps{margin-top:35px}.step{grid-template-columns:38px 44px minmax(0,1fr);gap:14px}.step-icon{width:44px;height:44px}.testimonial-header{width:100%;height:auto}.testimonial-title{font-size:44px;white-space:normal}.testimonials-band{height:auto;min-height:670px;padding:58px 22px 45px;gap:32px}.testimonial-carousel,.testimonial-track{height:315.616px}.video-card.figma-video-card{flex-basis:100%}.testimonial-brand-statement{display:none}.testimonial-footer{justify-content:flex-end}.about-strip .image{position:relative;width:100%;height:330px;background:var(--about) center/cover no-repeat}.about-strip .content{width:100%}.about-strip .features{grid-template-columns:1fr}.cta-banner{height:700px}.cta-banner .photo{background:linear-gradient(to bottom,rgba(255,255,255,0) 0%,#fff 52%),var(--cta) left top/auto 58% no-repeat}.cta-banner .content{left:22px;right:22px;top:auto;bottom:35px;transform:none;width:auto}.footer-cols{grid-template-columns:1fr}.footer-contact{grid-column:auto}.footer-bottom{align-items:flex-start;gap:18px;flex-direction:column}.inner-hero{height:520px;border-radius:18px}.inner-copy,.inner-copy.center{left:22px;right:22px;bottom:48px;transform:none;width:auto;text-align:left}.inner-copy h1{font-size:46px}.category-block,.category-block.reverse{grid-template-columns:1fr;padding:55px 0}.category-block.reverse{padding:26px}.category-photo{min-height:400px}.fleet-filter{gap:13px}.form-grid,.form-row{grid-template-columns:1fr}.black-form{padding:26px 20px}.benefit-strip{grid-template-columns:1fr 1fr;padding:28px 24px}.choice-grid,.vehicle-choices{grid-template-columns:1fr 1fr}.booking-layout{gap:25px}.cta-features{font-size:11px}.comparison{padding:28px;overflow:auto}.dark-story{grid-template-columns:1fr}.dark-story .copy{padding:38px}.detail-dark{grid-template-columns:1fr;padding:32px}.detail-points{grid-template-columns:1fr}.enquiry-vehicle{position:static}} /* ========================================================= Homepage hero — pixel matched to Figma node 2:4 ========================================================= */ .figma-home-hero{height:986.301px;border-radius:26.63px;overflow:hidden;position:relative;background:#050506;color:#fff} .figma-home-hero::before{display:none!important} .figma-hero-bg{position:absolute;inset:0;background:#050506;overflow:hidden;border-radius:26.63px;pointer-events:none} .figma-hero-bg img{position:absolute;display:block;max-width:none;width:164.89%;height:98.57%;left:-45.15%;top:-13.45%;opacity:.20;object-fit:fill} .home-site-nav{position:absolute;z-index:30;left:.137px;right:-.137px;top:.137px;height:98.63px;padding:23.671px 78.904px;background:rgba(0,0,0,.27);display:flex;align-items:center;justify-content:space-between;color:#fff} .home-brand{width:178.521px;height:53.878px;display:block;flex:0 0 auto} .home-brand-crop{position:relative;display:block;width:100%;height:100%;overflow:hidden} .home-brand-crop img{position:absolute;max-width:none;width:100%;height:165.67%;left:0;top:-32.84%;object-fit:fill} .home-nav-links{display:flex;align-items:center;gap:31.562px;height:32.781px;flex:0 0 auto} .home-nav-links a{display:flex;align-items:center;padding:7.89px 0;font:400 13.808px/normal Outfit,sans-serif;text-transform:uppercase;color:#9a9a9e;white-space:nowrap} .home-nav-links a.active{font-weight:600;color:#c5a880} .home-nav-links a:hover{color:#c5a880} .home-nav-actions{display:flex;gap:15.781px;align-items:center;flex:0 0 auto} .home-quote-nav{border:.986px solid #c5a880;border-radius:23.671px;padding:11.836px 23.671px;font:600 11.836px/normal Outfit,sans-serif;text-transform:uppercase;color:#fff;white-space:nowrap} .home-menu-btn{width:43.397px;height:43.397px;border:.986px solid rgba(255,255,255,.07);background:#0e0e10;border-radius:50%;display:grid;place-items:center;padding:0} .home-menu-btn img{width:17.753px;height:17.753px;display:block} .home-mobile-menu{top:98px} .figma-hero-body{position:absolute;z-index:2;left:0;right:0;top:0;height:685.479px;padding:157.808px 78.904px 39.452px;display:flex;align-items:flex-start;justify-content:space-between} .figma-hero-content{width:631.233px;height:484.932px;display:flex;flex-direction:column;gap:39.452px;align-items:flex-start} .figma-copy-stack{width:502px;height:302.233px;display:flex;flex-direction:column;gap:23.671px;align-items:flex-start} .figma-hero-eyebrow{height:15px;display:flex;align-items:center;gap:9.863px;font:600 11.836px/normal Outfit,sans-serif;color:#9a9a9e;text-transform:uppercase;white-space:nowrap} .figma-eyebrow-dot{width:7.89px;height:7.89px;border-radius:3.945px;background:#c5a880;flex:0 0 auto} .figma-hero-title{width:502px;height:139.89px;margin:0;display:flex;flex-direction:column;gap:7.89px;font:300 63.123px/1.05 Outfit,sans-serif;letter-spacing:0;white-space:nowrap} .figma-hero-title span{display:block} .figma-hero-title span:first-child{color:#fff} .figma-hero-title span:last-child{color:#c5a880} .figma-hero-description{width:502px;height:100px;margin:0;font:400 15.781px/1.6 Manrope,sans-serif;color:#9a9a9e} .figma-hero-ctas{height:52.507px;display:flex;align-items:center;gap:15.781px} .figma-primary-btn,.figma-secondary-btn{height:52.507px;border-radius:39.452px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font:600 13.808px/normal Outfit,sans-serif;text-transform:uppercase} .figma-primary-btn{width:201.795px;padding:17.753px 31.562px;background:linear-gradient(90deg,#e2c496 0%,#b88f5e 100%);color:#050506;gap:7.89px} .figma-primary-btn img{width:15.781px;height:15.781px;flex:0 0 auto} .figma-secondary-btn{width:190.123px;padding:17.753px 31.562px;border:.986px solid #9a9a9e;color:#fff;background:transparent} .figma-highlights{width:631.233px;height:51.288px;padding:15.781px 19.726px;border:.986px solid rgba(255,255,255,.07);border-radius:7.89px;background:#0e0e10;display:flex;align-items:center;justify-content:space-between} .figma-highlight-group{height:19.726px;display:flex;gap:23.671px;align-items:center;flex:0 0 auto} .figma-highlight{display:flex;align-items:center;gap:9.863px;white-space:nowrap;font:500 12.822px/normal Outfit,sans-serif;color:#fff} .figma-highlight img{width:15.781px;height:15.781px;display:block;flex:0 0 auto} .figma-highlight-divider{width:1px;height:19.726px;display:block;object-fit:fill;transform:none;flex:0 0 auto} .figma-highlight-group.last{gap:0} .figma-booking-container{position:absolute;z-index:3;left:0;right:0;top:685.479px;height:264.329px;padding:39.452px 78.904px 0} .figma-booking-panel{width:1262.466px;height:203.589px;margin:0;padding:31.562px;border:.986px solid rgba(255,255,255,.07);border-radius:15.781px;background:rgba(10,10,12,.8);backdrop-filter:blur(11.836px);-webkit-backdrop-filter:blur(11.836px);display:grid;grid-template-columns:256.438px 675.205px 188.795px;column-gap:39.452px;align-items:center;color:#fff} .figma-quick-info{width:256.438px;height:111.671px;display:flex;flex-direction:column;gap:11.836px;align-items:flex-start;justify-content:flex-start} .figma-quick-info strong{font:700 11.836px/normal Outfit,sans-serif;color:#9a9a9e;text-transform:uppercase;white-space:nowrap} .figma-quick-info h3{font:300 27.616px/normal Outfit,sans-serif;color:#fff;margin:0;white-space:nowrap} .figma-quick-info p{width:256.438px;margin:0;font:400 12.822px/1.5 Manrope,sans-serif;color:#9a9a9e} .figma-form-fields{width:675.205px;height:140.466px;display:flex;flex-direction:column;gap:15.781px;align-items:flex-start} .figma-form-row{width:100%;height:62.342px;display:flex;gap:15.781px;align-items:flex-start} .figma-hero-field{width:156.966px;min-width:0;height:62.342px;display:flex;flex-direction:column;gap:5.918px;align-items:flex-start} .figma-field-label{font:600 10.849px/normal Manrope,sans-serif;color:#9a9a9e;text-transform:uppercase;white-space:nowrap} .figma-field-control{width:100%;height:41.425px;padding:0 11.836px;border:.986px solid rgba(255,255,255,.07);border-radius:5.918px;background:#050506;display:flex;align-items:center;gap:7.89px;overflow:hidden} .figma-field-control>img{width:13.808px;height:13.808px;display:block;flex:0 0 auto} .figma-field-control input{display:block;width:100%;min-width:0;border:0;outline:0;background:transparent;color:#9a9a9e;padding:0;font:400 12.822px/normal Manrope,sans-serif;white-space:nowrap;text-overflow:ellipsis;overflow:hidden} .figma-field-control input::placeholder{color:#9a9a9e;opacity:1} .figma-booking-submit{width:188.795px;height:52.507px;padding:17.753px 31.562px;border:0;border-radius:39.452px;background:linear-gradient(90deg,#e2c496 0%,#b88f5e 100%);display:flex;align-items:center;justify-content:center;gap:7.89px;color:#050506;font:600 13.808px/normal Outfit,sans-serif;text-transform:uppercase;white-space:nowrap} .figma-booking-submit img{width:15.781px;height:15.781px;display:block;flex:0 0 auto} @media(max-width:1100px){ .home-site-nav{padding-left:44px;padding-right:44px}.home-nav-links{display:none} .figma-home-hero{height:1080px}.figma-hero-body{padding-left:44px;padding-right:44px}.figma-booking-container{top:680px;padding-left:44px;padding-right:44px;height:auto}.figma-booking-panel{width:100%;height:auto;grid-template-columns:1fr;gap:24px;align-items:start}.figma-quick-info,.figma-form-fields{width:100%;height:auto}.figma-form-fields{gap:16px}.figma-form-row{height:auto}.figma-booking-submit{justify-self:start} } @media(max-width:720px){ .figma-home-hero{height:1280px;min-height:0;border-radius:18px}.figma-hero-bg{border-radius:18px}.figma-hero-bg img{width:230%;height:70%;left:-95%;top:0;object-fit:cover;opacity:.22} .home-site-nav{top:0;left:0;right:0;height:82px;padding:14px 22px}.home-brand{width:142px;height:43px}.home-nav-actions{gap:10px}.home-quote-nav{display:none}.home-menu-btn{width:40px;height:40px}.home-mobile-menu{top:78px} .figma-hero-body{top:0;height:auto;padding:118px 22px 0}.figma-hero-content{width:100%;height:auto;gap:30px}.figma-copy-stack{width:100%;height:auto;gap:19px}.figma-hero-title{width:100%;height:auto;font-size:45px;white-space:normal}.figma-hero-description{width:100%;height:auto;font-size:14px}.figma-hero-ctas{height:auto;flex-wrap:wrap}.figma-primary-btn,.figma-secondary-btn{width:auto}.figma-highlights{width:100%;height:auto;padding:14px 16px;display:grid;grid-template-columns:1fr 1fr;gap:14px}.figma-highlight-group{height:auto;gap:0}.figma-highlight-divider{display:none}.figma-highlight{font-size:11.5px;white-space:normal} .figma-booking-container{top:650px;padding:22px;left:0;right:0}.figma-booking-panel{padding:22px;width:100%;height:auto;border-radius:14px;display:block}.figma-quick-info{margin-bottom:24px}.figma-form-fields{height:auto}.figma-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px;height:auto}.figma-hero-field{width:100%;height:auto}.figma-booking-submit{width:100%;margin-top:22px} } @media(max-width:480px){ .figma-home-hero{height:1450px}.figma-hero-title{font-size:40px}.figma-hero-ctas{flex-direction:column;align-items:flex-start}.figma-highlights{grid-template-columns:1fr}.figma-booking-container{top:700px}.figma-form-row{grid-template-columns:1fr}.figma-booking-submit{margin-top:24px} } /* ========================================================= Page banner image positioning — matched to Figma crops Only the media layer is adjusted; banner copy/layout is unchanged. ========================================================= */ .inner-hero{isolation:isolate} .inner-hero::before{z-index:1;background:linear-gradient(90deg,rgba(3,3,4,.92),rgba(3,3,4,.45),rgba(3,3,4,.7))} .inner-hero.center::before{background:linear-gradient(rgba(3,3,4,.55),rgba(3,3,4,.7))} .inner-hero-media{position:absolute;z-index:0;overflow:hidden;pointer-events:none;background:#050506} .inner-hero-media img{position:absolute;display:block;max-width:none} /* Services Figma: image fills the complete hero frame. Keep the top visible instead of recentering/cropping the photograph vertically. */ .inner-hero-media-services{inset:0} .inner-hero-media-services img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center top} /* Fleet Figma: the photograph starts 350px into a 1420px banner and uses the exact Figma CROP transform. */ .inner-hero-media-fleet{left:24.647887%;right:0;top:0;bottom:0} .inner-hero-media-fleet img{width:164.88%;height:99.01%;left:-45.14%;top:-13.5%;object-fit:fill} /* About / Contact / Testimonials Figma: photography occupies the right-hand 1070/1420 of the banner. Top anchoring prevents the hotel/interior details from being cut off by the shorter browser banner. */ .inner-hero-media-about, .inner-hero-media-contact, .inner-hero-media-testimonials{left:24.647887%;right:0;top:0;bottom:0} .inner-hero-media-about img, .inner-hero-media-contact img, .inner-hero-media-testimonials img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center top} /* Book Your Ride Figma CROP transform. */ .inner-hero-media-book{inset:0;opacity:.33} .inner-hero-media-book img{width:105.47%;height:151.27%;left:-.03%;top:-18.98%;object-fit:fill} /* Get a Quote Figma CROP transform. */ .inner-hero-media-quote{inset:0;opacity:.25} .inner-hero-media-quote img{width:256.51%;height:263.85%;left:-86.21%;top:-153.24%;object-fit:fill} /* Generated service / vehicle / legal banners do not have dedicated Figma crop nodes. Bias the crop upward so the subject/headroom stays visible. */ .inner-hero-media-generic{inset:0} .inner-hero-media-generic img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 34%} /* Bottom journey banners: keep the source photograph top-aligned so the chauffeur/vehicle subjects are not lost above the visible banner area. */ .cta-banner .photo{background-position:left top!important} @media(max-width:720px){ .inner-hero-media-fleet, .inner-hero-media-about, .inner-hero-media-contact, .inner-hero-media-testimonials{left:0} .inner-hero-media-fleet img{width:178%;height:100%;left:-48%;top:0;object-fit:cover;object-position:center top} .inner-hero-media-about img, .inner-hero-media-contact img, .inner-hero-media-testimonials img, .inner-hero-media-services img, .inner-hero-media-generic img{object-position:center top} .inner-hero-media-book img{width:132%;height:100%;left:-15%;top:0;object-fit:cover;object-position:center top} .inner-hero-media-quote img{width:190%;height:100%;left:-70%;top:0;object-fit:cover;object-position:center top} } /* V5 — video testimonial play controls: true card-center positioning */ .video-card.figma-video-card > .video-play{ position:absolute !important; left:50% !important; top:50% !important; right:auto !important; bottom:auto !important; transform:translate(-50%,-50%) !important; margin:0 !important; width:47.342px; height:47.342px; min-width:47.342px; min-height:47.342px; padding:0; border-radius:50%; display:grid; place-items:center; z-index:4; } .video-card.figma-video-card > .video-play > img{ position:static !important; display:block; width:11.836px; height:11.836px; margin:0; transform:none !important; } /* Keep testimonial-page play controls centered in their cards as well. */ .testimonial-grid .video-card > .play{ position:absolute !important; left:50% !important; top:50% !important; right:auto !important; bottom:auto !important; transform:translate(-50%,-50%) !important; margin:0 !important; } /* ========================================================= Airport Transfers — exact Figma frame 62:2659 ========================================================= */ .apt-page{padding:10px;background:#fff;overflow:hidden} .apt-page img{max-width:none} .apt-eyebrow{display:flex;align-items:center;gap:12px;height:14px;color:#c5a880;text-transform:uppercase;white-space:nowrap} .apt-eyebrow>span{width:32px;height:1px;background:#c5a880;flex:0 0 auto}.apt-eyebrow b{font:500 11px/normal Outfit,sans-serif;letter-spacing:0} .apt-btn{height:52px;padding:0 28px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font:600 12px/normal Outfit,sans-serif;text-transform:uppercase;white-space:nowrap} .apt-btn img{width:16px;height:16px;display:block}.apt-btn-gold{background:linear-gradient(90deg,#e2c496,#b88f5e);color:#0f0f11}.apt-btn-outline{border:1px solid #c5a880;color:#fafaf8;background:transparent} .apt-hero{height:730px;position:relative;border-radius:27px;overflow:hidden;background:#0c0c0e;color:#fafaf8} .apt-hero-photo{position:absolute;left:540px;top:0;width:880px;height:730px;overflow:hidden}.apt-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center center} .apt-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,6,0) 65%,rgba(5,5,6,.933) 100%),linear-gradient(90deg,#050506 0%,#050506 40%,rgba(5,5,6,.533) 60%,rgba(5,5,6,.133) 85%,rgba(5,5,6,.133) 100%)} .apt-header{position:relative;z-index:5;width:100%;height:98.63px;padding:23.671px 78.904px;display:flex;align-items:center;justify-content:space-between;background:rgba(0,0,0,.27)} .apt-logo{width:178.521px;height:53.878px;display:block}.apt-logo>span{position:relative;display:block;width:100%;height:100%;overflow:hidden}.apt-logo img{position:absolute;width:100%;height:165.67%;left:0;top:-32.84%} .apt-nav-links{display:flex;gap:31.562px;align-items:center}.apt-nav-links a{padding:7.89px 0;font:400 13.808px/normal Outfit,sans-serif;text-transform:uppercase;color:#9a9a9e}.apt-nav-links a:hover{color:#c5a880} .apt-nav-actions{display:flex;gap:15.781px;align-items:center}.apt-nav-quote{padding:11.836px 23.671px;border:.986px solid #c5a880;border-radius:23.671px;color:white;font:600 11.836px/normal Outfit,sans-serif;text-transform:uppercase}.apt-menu{width:43.397px;height:43.397px;border-radius:50%;border:.986px solid rgba(255,255,255,.07);background:#0e0e10;display:grid;place-items:center}.apt-menu img{width:17.753px;height:17.753px}.apt-mobile-menu{top:94px} .apt-hero-content{position:absolute;z-index:3;left:80px;top:138.63px;width:830px;display:flex;flex-direction:column;gap:24px;align-items:flex-start} .apt-breadcrumb{font:400 12px/normal Manrope,sans-serif;color:#9a9a9e}.apt-breadcrumb span{color:#fafaf8}.apt-hero-content h1{margin:0;font:300 72px/1.05 Outfit,sans-serif;letter-spacing:0;color:#fafaf8}.apt-hero-content h1 span{color:#c5a880}.apt-hero-content h3{margin:0;font:400 19px/normal Outfit,sans-serif;color:#c5a880}.apt-hero-content>p{width:565px;margin:0;font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9}.apt-hero-actions{display:flex;gap:16px;padding-top:8px} .apt-hero-highlights{position:absolute;z-index:3;left:80px;bottom:34px;width:1260px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:40px;align-items:flex-start}.apt-hero-highlights>div{display:flex;gap:10px;align-items:center;color:#fafaf8;font:400 13px/normal Outfit,sans-serif}.apt-hero-highlights img{width:18px;height:18px} .apt-included{height:792px;padding:80px;background:#fcfcfa;display:flex;flex-direction:column;gap:48px}.apt-section-head{display:flex;flex-direction:column;gap:20px;align-items:flex-start}.apt-section-head.narrow{width:680px}.apt-section-head.wide{width:710px}.apt-section-head h2,.apt-guidance-head h2,.apt-faq-intro h2{margin:0;font:300 56px/1.08 Outfit,sans-serif;color:#0f0f11}.apt-section-head h2 span,.apt-guidance-head h2 span,.apt-faq-intro h2 span{color:#c5a880}.apt-section-head>p{margin:0;font:400 15px/1.65 Manrope,sans-serif;color:#55534e}.apt-pillar-grid{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;flex:1}.apt-pillar{background:#fff;border:1px solid #eaeae6;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:20px;align-items:flex-start;overflow:hidden}.apt-icon-ring{width:52px;height:52px;border:1px solid #c5a880;border-radius:50%;display:grid;place-items:center}.apt-icon-ring img{width:22px;height:22px}.apt-pillar h3{margin:0 0 10px;font:400 22px/normal Outfit,sans-serif;color:#0f0f11}.apt-pillar p{margin:0;font:400 14px/1.65 Manrope,sans-serif;color:#55534e}.apt-pillar ul{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.apt-pillar li{position:relative;padding-left:15px;font:400 13px/normal Manrope,sans-serif;color:#55534e}.apt-pillar li:before{content:"";position:absolute;left:0;top:6px;width:5px;height:5px;border-radius:3px;background:#c5a880} .apt-coverage{height:827px;padding:80px;background:#0c0c0e;color:#fafaf8;display:flex;flex-direction:column;gap:48px}.apt-coverage .apt-section-head{width:660px;height:249px}.apt-section-head.dark h2{color:#fafaf8}.apt-section-head.dark>p{color:#9a9a9e}.apt-airport-grid{height:370px;display:grid;grid-template-columns:repeat(3,308px);grid-auto-rows:min-content;gap:16px;justify-content:center;align-content:start}.apt-airport-card{width:308px;min-height:155px;padding:28px;border-radius:14px;background:#161618;border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:14px}.apt-airport-top{display:flex;gap:12px;align-items:center}.apt-airport-icon{width:40px;height:40px;border:1px solid #c5a880;background:rgba(197,168,128,.09);border-radius:50%;display:grid;place-items:center}.apt-airport-icon img{width:18px;height:18px}.apt-airport-top b{padding:4px 10px;border-radius:6px;background:rgba(197,168,128,.13);color:#c5a880;font:700 12px/normal Outfit,sans-serif}.apt-airport-card h3{margin:0;font:500 18px/normal Outfit,sans-serif;color:#fafaf8}.apt-airport-card p{margin:4px 0 0;font:400 13px/normal Manrope,sans-serif;color:#9a9a9e}.apt-airport-other{min-height:199px;border-color:#c5a880}.apt-airport-other p{line-height:1.55} .apt-guidance{height:879px;padding:80px;display:flex;flex-direction:column;gap:40px;background:#fff}.apt-guidance-head{display:flex;align-items:flex-end;justify-content:space-between}.apt-guidance-head .apt-section-head{width:680px}.apt-guidance-head>p{width:580px;margin:0 0 2px;font:400 15px/1.65 Manrope,sans-serif;color:#55534e}.apt-guidance-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;flex:1}.apt-guidance-card{background:#fcfcfa;border:1px solid #eaeae6;border-radius:16px;padding:32px;display:flex;flex-direction:column;gap:24px}.apt-guidance-title{display:flex;gap:18px;align-items:center}.apt-guidance-title>span{width:48px;height:48px;border:1px solid #c5a880;border-radius:50%;display:grid;place-items:center}.apt-guidance-title img{width:20px;height:20px}.apt-guidance-title h3{margin:0 0 5px;font:400 28px/normal Outfit,sans-serif}.apt-guidance-title p{margin:0;font:400 13px/normal Manrope,sans-serif;color:#55534e}.apt-guidance-detail{padding-top:16px;border-top:1px solid #eaeae6}.apt-guidance-detail h4{margin:0 0 6px;font:400 18px/normal Outfit,sans-serif}.apt-guidance-detail p{margin:0;font:400 14px/1.65 Manrope,sans-serif;color:#55534e}.apt-info-note{display:flex;gap:12px;align-items:center;font:400 13px/normal Manrope,sans-serif;color:#55534e}.apt-info-note img{width:18px;height:18px} .apt-booking{height:686px;padding:64px;border-radius:16px;background:#0c0c0e;color:#fafaf8;display:flex;gap:64px;overflow:hidden}.apt-booking-left{width:560px;display:flex;flex-direction:column;gap:24px}.apt-booking-left h2{margin:0;font:300 52px/1.08 Outfit,sans-serif}.apt-booking-left h2 span{color:#c5a880}.apt-booking-left>p{margin:0;font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9}.apt-booking-photo{width:560px;height:280px;border-radius:16px;object-fit:cover}.apt-booking-steps{flex:1;display:flex;flex-direction:column;gap:4px}.apt-booking-step{display:flex;gap:22px;padding:23px 0;border-bottom:1px solid rgba(255,255,255,.08)}.apt-booking-step>b{width:38px;flex:0 0 auto;font:300 28px/normal Outfit,sans-serif;color:#c5a880}.apt-booking-step h3{margin:0 0 8px;font:400 22px/normal Outfit,sans-serif}.apt-booking-step p{margin:0;font:400 14px/1.65 Manrope,sans-serif;color:#c1bfb9}.apt-booking-action{padding-top:24px} .apt-vehicles{height:926px;padding:80px;background:#fff;display:flex;flex-direction:column;gap:32px}.apt-vehicles-top{display:flex;align-items:flex-end;justify-content:space-between}.apt-vehicles-top .apt-section-head{gap:20px}.apt-view-fleet{display:flex;gap:12px;align-items:center;font:500 12px/normal Outfit,sans-serif;text-transform:uppercase}.apt-view-fleet img{width:20px;height:20px}.apt-vehicles-copy{width:680px;margin:-12px 0 0;font:400 15px/1.65 Manrope,sans-serif;color:#55534e}.apt-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.apt-vehicle-card{border:1px solid #eaeae6;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.apt-vehicle-photo{width:100%;height:255px;object-fit:cover}.apt-vehicle-body{padding:24px;display:flex;flex-direction:column;gap:16px}.apt-vehicle-body small{font:400 11px/normal Outfit,sans-serif;color:#c5a880;text-transform:uppercase}.apt-vehicle-body h3{margin:0;font:400 23px/normal Outfit,sans-serif}.apt-capacity{display:flex;gap:20px;align-items:center}.apt-capacity span{display:flex;gap:6px;align-items:center;color:#9a9a9e;font:400 13px/normal Manrope,sans-serif}.apt-capacity img{width:14px;height:14px}.apt-vehicle-body>p{margin:0;font:400 14px/1.65 Manrope,sans-serif;color:#55534e}.apt-vehicle-body>a{padding-top:16px;border-top:1px solid #eaeae6;display:flex;align-items:center;justify-content:space-between;font:500 12px/normal Outfit,sans-serif;text-transform:uppercase}.apt-vehicle-body>a img{width:18px;height:18px}.apt-vehicle-note{margin:0;font:400 13px/normal Manrope,sans-serif;color:#55534e} .apt-faq{height:679px;padding:64px 80px 72px;background:#fcfcfa;display:flex;gap:70px;align-items:flex-start}.apt-faq-intro{width:430px;display:flex;flex-direction:column;gap:24px}.apt-faq-intro p{margin:0;font:400 15px/1.65 Manrope,sans-serif;color:#55534e}.apt-faq-intro>a{display:flex;gap:12px;align-items:center;font:600 12px/normal Outfit,sans-serif;text-transform:uppercase;color:#c5a880}.apt-faq-intro>a img{width:16px;height:16px}.apt-faq-list{flex:1}.apt-faq-item{padding:22px 0;border-top:1px solid #eaeae6}.apt-faq-q{display:flex;gap:18px;align-items:center}.apt-faq-q h3{flex:1;margin:0;font:400 20px/normal Outfit,sans-serif}.apt-faq-q img{width:18px;height:18px}.apt-faq-item>p{margin:14px 0 0;font:400 14px/1.65 Manrope,sans-serif;color:#55534e} .apt-cta{height:510px;position:relative;padding:64px 80px;display:flex;align-items:center;justify-content:flex-end;background:#fff;overflow:hidden}.apt-cta-photo{position:absolute;inset:0}.apt-cta-photo>img{width:100%;height:100%;object-fit:cover}.apt-cta-photo>span{position:absolute;inset:0;background:linear-gradient(-.5deg,rgba(255,255,255,0) 62.147%,rgba(255,255,255,.941) 94.708%,#fff 104.82%),linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.941) 59.5%,#fff 70%)}.apt-cta-content{position:relative;width:570px;display:flex;flex-direction:column;gap:24px;align-items:center;text-align:center}.apt-cta-content h2{margin:0;font:300 56px/1.08 Outfit,sans-serif}.apt-cta-content h2 span{color:#c5a880}.apt-cta-content>p{width:455px;margin:0;font:400 15px/1.65 Manrope,sans-serif;color:#55534e}.apt-assurances{display:flex;gap:40px;padding:4px 0}.apt-assurances>div{display:flex;flex-direction:column;align-items:center;gap:8px;font:400 11px/normal Outfit,sans-serif}.apt-assurances img{width:20px;height:20px}.apt-cta-buttons{display:flex;gap:16px}.apt-cta .apt-btn-outline{color:#0f0f11} .apt-footer{height:446px;padding:80px 80px 40px;background:#0c0c0e;color:#fafaf8;display:flex;flex-direction:column;gap:62px}.apt-footer-cols{display:flex;justify-content:space-between;align-items:flex-start}.apt-footer-brand{width:340px;display:flex;flex-direction:column;gap:28px}.apt-footer-logo{width:178.5px;height:54px;display:block}.apt-footer-logo>span{position:relative;width:100%;height:100%;display:block;overflow:hidden}.apt-footer-logo img{position:absolute;width:100%;height:165.67%;left:0;top:-32.84%}.apt-footer-brand>p{margin:0;font:400 14px/1.6 Manrope,sans-serif;color:#9a9a9e}.apt-socials{display:flex;gap:12px}.apt-socials a{width:32px;height:32px;border:1px solid rgba(255,255,255,.08);border-radius:50%;display:grid;place-items:center}.apt-socials img{width:14px;height:14px}.apt-footer-col{width:195px;display:flex;flex-direction:column;gap:13px}.apt-footer-col h4,.apt-footer-contact h4{margin:0 0 5px;font:500 16px/normal Outfit,sans-serif}.apt-footer-col a{font:400 14px/normal Manrope,sans-serif;color:#9a9a9e}.apt-footer-contact{width:238px;display:flex;flex-direction:column;gap:22px}.apt-footer-contact span{display:flex;gap:12px;align-items:center;font:400 14px/normal Manrope,sans-serif}.apt-footer-contact img{width:16px;height:16px}.apt-footer-legal{padding-top:26px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;font:400 12px/normal Manrope,sans-serif;color:#9a9a9e}.apt-footer-legal>div{display:flex;gap:22px;align-items:center}.apt-footer-legal i{width:1px;height:12px;background:rgba(255,255,255,.08)}.apt-footer-legal img{width:20px;height:20px} @media(max-width:1100px){ .apt-nav-links{display:none}.apt-header{padding-left:44px;padding-right:44px}.apt-hero-content{left:44px}.apt-hero-highlights{left:44px;width:calc(100% - 88px)} .apt-included,.apt-coverage,.apt-guidance,.apt-vehicles{height:auto;padding:64px 44px}.apt-pillar-grid,.apt-vehicle-grid{grid-template-columns:1fr}.apt-airport-grid{grid-template-columns:repeat(2,308px);height:auto}.apt-guidance-head{align-items:flex-start;gap:30px}.apt-guidance-head>p{width:45%}.apt-guidance-grid{grid-template-columns:1fr}.apt-booking{height:auto;padding:52px 44px;gap:44px}.apt-booking-left{width:45%}.apt-booking-photo{width:100%}.apt-faq{height:auto;padding:60px 44px;gap:44px}.apt-cta{padding-left:44px;padding-right:44px}.apt-footer{height:auto;padding:64px 44px 36px}.apt-footer-cols{gap:30px;flex-wrap:wrap}.apt-footer-brand{width:100%} } @media(max-width:720px){ .apt-page{padding:0}.apt-hero{height:840px;border-radius:0}.apt-hero-photo{left:0;width:100%;height:100%}.apt-hero-photo img{object-position:58% center}.apt-hero-scrim{background:linear-gradient(180deg,rgba(5,5,6,.4),#050506 78%),linear-gradient(90deg,rgba(5,5,6,.9),rgba(5,5,6,.35))}.apt-header{height:82px;padding:14px 22px}.apt-logo{width:142px;height:43px}.apt-nav-quote{display:none}.apt-menu{width:40px;height:40px}.apt-hero-content{left:22px;right:22px;top:116px;width:auto;gap:18px}.apt-breadcrumb{font-size:11px}.apt-hero-content h1{font-size:44px}.apt-hero-content h3{font-size:16px}.apt-hero-content>p{width:100%;font-size:14px}.apt-hero-actions{flex-wrap:wrap}.apt-hero-highlights{left:22px;right:22px;width:auto;bottom:25px;gap:14px;flex-direction:column;padding-top:16px} .apt-included,.apt-coverage,.apt-guidance,.apt-vehicles{padding:54px 22px}.apt-section-head.narrow,.apt-section-head.wide,.apt-section-head.dark{width:100%;height:auto}.apt-section-head h2,.apt-guidance-head h2,.apt-faq-intro h2{font-size:42px}.apt-pillar-grid{grid-template-columns:1fr}.apt-airport-grid{grid-template-columns:1fr;width:100%}.apt-airport-card{width:100%}.apt-guidance-head{display:block}.apt-guidance-head>p{width:100%;margin-top:22px}.apt-guidance-grid{grid-template-columns:1fr}.apt-guidance-card{padding:24px}.apt-booking{flex-direction:column;padding:50px 22px;gap:38px;border-radius:0}.apt-booking-left{width:100%}.apt-booking-left h2{font-size:42px}.apt-booking-photo{width:100%;height:auto;aspect-ratio:2/1}.apt-vehicles-top{align-items:flex-start;gap:25px;flex-direction:column}.apt-vehicles-copy{width:100%;margin:0}.apt-vehicle-grid{grid-template-columns:1fr}.apt-faq{padding:54px 22px;flex-direction:column;gap:40px}.apt-faq-intro{width:100%}.apt-cta{height:650px;padding:50px 22px;align-items:flex-end;justify-content:center}.apt-cta-photo>img{object-position:25% center}.apt-cta-photo>span{background:linear-gradient(180deg,rgba(255,255,255,0) 10%,rgba(255,255,255,.95) 58%,#fff 72%)}.apt-cta-content{width:100%}.apt-cta-content h2{font-size:42px}.apt-cta-content>p{width:100%}.apt-footer{padding:56px 22px 30px}.apt-footer-cols{display:grid;grid-template-columns:1fr 1fr}.apt-footer-brand{grid-column:1/-1}.apt-footer-contact{width:auto}.apt-footer-col{width:auto}.apt-footer-legal{gap:25px;align-items:flex-start;flex-direction:column}.apt-footer-legal>div{flex-wrap:wrap} } /* ===== Figma page families: service detail + vehicle enquiry ===== */ .figma-service-page,.figma-enquiry-page{background:#fff;color:#0f0f11} .fsp-hero{height:730px;border-radius:27px;overflow:hidden;position:relative;background:#0c0c0e;background-image:linear-gradient(180deg,rgba(5,5,6,0) 64%,rgba(5,5,6,.95) 100%),linear-gradient(90deg,#050506 0%,#050506 34%,rgba(5,5,6,.72) 55%,rgba(5,5,6,.16) 100%),var(--fsp-hero);background-position:center,center,right center;background-size:cover,cover,auto 100%;background-repeat:no-repeat} .fsp-hero .site-header{position:relative;z-index:5}.fsp-hero-copy{position:absolute;left:80px;top:138px;width:700px;z-index:3}.fsp-crumb{font:12px/1.4 Manrope,sans-serif;color:#9a9a9e;margin-bottom:26px}.fsp-kicker,.fsp-eyebrow,.fve-kicker{font:500 11px/1.3 Outfit,sans-serif;color:#c5a880;text-transform:uppercase;letter-spacing:.01em}.fsp-kicker:before,.fsp-eyebrow:before{content:"";display:inline-block;width:32px;height:1px;background:#c5a880;margin-right:12px;vertical-align:middle}.fsp-hero h1{font:300 64px/1.05 Outfit,sans-serif;color:#fafaf8;margin:20px 0}.fsp-hero h1 span,.fsp-section h2 span,.fsp-dark h2 span,.fsp-cta h2 span,.fve-section h2 span,.fve-perfect h2 span{color:#c5a880}.fsp-hero h3{font:400 19px/1.35 Outfit,sans-serif;color:#c5a880;margin:0 0 20px}.fsp-hero p{font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9;max-width:600px}.fsp-actions{display:flex;gap:16px;margin-top:28px}.fsp-highlights{position:absolute;left:80px;bottom:34px;width:1260px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:40px;color:#fafaf8;font:400 13px Outfit,sans-serif}.fsp-highlights>div{display:flex;align-items:center;gap:10px}.fsp-dot{width:7px;height:7px;border-radius:50%;background:#c5a880;display:inline-block} .fsp-section{padding:80px;background:#fcfcfa}.fsp-section h2,.fsp-dark h2,.fsp-cta h2{font:300 56px/1.08 Outfit,sans-serif;margin:18px 0 22px}.fsp-overview-grid{display:grid;grid-template-columns:1fr 560px;gap:64px;align-items:center}.fsp-overview p,.fsp-use-head p,.fsp-split-head>p,.fsp-book-left>p,.fsp-faq-intro>p,.fsp-cta-copy>p{font:400 15px/1.65 Manrope,sans-serif;color:#55534e}.fsp-overview p+p{margin-top:14px}.fsp-overview-photo{height:356px;border-radius:16px;overflow:hidden}.fsp-overview-photo img{width:100%;height:100%;object-fit:cover;object-position:center} .fsp-dark{background:#0c0c0e;color:#fafaf8;padding:80px}.fsp-dark p{color:#9a9a9e}.fsp-use-head{max-width:680px}.fsp-use-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:46px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px}.fsp-use-grid article{padding-right:18px}.fsp-use-grid span{color:#c5a880;font:500 12px Outfit,sans-serif}.fsp-use-grid h3{font:400 21px/1.3 Outfit,sans-serif;margin:10px 0}.fsp-use-grid p{font:400 13px/1.65 Manrope,sans-serif} .fsp-split-head{display:grid;grid-template-columns:680px 1fr;gap:64px;align-items:end}.fsp-plan-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.fsp-plan-grid article{border:1px solid #eaeae6;border-radius:16px;background:#fff;padding:30px}.fsp-icon-ring{width:46px;height:46px;border-radius:50%;border:1px solid #c5a880;display:flex;align-items:center;justify-content:center;color:#c5a880;font:500 12px Outfit,sans-serif;margin-bottom:18px}.fsp-plan-grid h3{font:400 20px Outfit,sans-serif;margin-bottom:10px}.fsp-plan-grid p,.fsp-intro,.fsp-footnote,.fsp-note{font:400 13px/1.65 Manrope,sans-serif;color:#55534e}.fsp-note{margin-top:22px} .fsp-booking{display:grid;grid-template-columns:560px 1fr;gap:64px;border-radius:16px}.fsp-book-left img{width:100%;height:280px;object-fit:cover;border-radius:16px;margin-top:24px}.fsp-step{display:grid;grid-template-columns:38px 1fr;gap:22px;padding:21px 0;border-bottom:1px solid rgba(255,255,255,.08)}.fsp-step>span{font:300 28px Outfit,sans-serif;color:#c5a880}.fsp-step h3{font:400 21px Outfit,sans-serif;margin:0 0 8px}.fsp-step p{font:400 13px/1.65 Manrope,sans-serif;color:#c1bfb9}.fsp-steps .btn{margin-top:24px} .fsp-text-link{color:#0f0f11;font:500 12px Outfit,sans-serif;text-transform:uppercase;display:flex;align-items:center;gap:10px}.fsp-intro{max-width:680px;margin:18px 0 30px}.fsp-vehicle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.fsp-vehicle-grid article{border:1px solid #eaeae6;border-radius:16px;overflow:hidden;background:#fff}.fsp-vehicle-grid article>img{width:100%;height:255px;object-fit:cover}.fsp-vehicle-body{padding:24px}.fsp-vehicle-body small{font:400 11px Outfit,sans-serif;color:#c5a880;text-transform:uppercase}.fsp-vehicle-body h3{font:400 23px Outfit,sans-serif;margin:13px 0}.fsp-cap{display:flex;gap:18px;color:#9a9a9e;font:400 13px Manrope,sans-serif}.fsp-vehicle-body p{font:400 14px/1.65 Manrope,sans-serif;color:#55534e;margin:14px 0}.fsp-vehicle-body a{border-top:1px solid #eaeae6;padding-top:16px;display:flex;justify-content:space-between;color:#0f0f11;font:500 12px Outfit,sans-serif;text-transform:uppercase}.fsp-footnote{margin-top:18px} .fsp-faq{display:grid;grid-template-columns:430px 1fr;gap:70px}.fsp-faq-intro a{display:inline-flex;gap:10px;color:#c5a880;font:600 12px Outfit,sans-serif;text-transform:uppercase;margin-top:18px}.fsp-faq-list details{border-top:1px solid #eaeae6;padding:21px 0}.fsp-faq-list summary{list-style:none;cursor:pointer;font:400 20px Outfit,sans-serif;display:flex;justify-content:space-between}.fsp-faq-list summary:after{content:'+';color:#c5a880}.fsp-faq-list details[open] summary:after{content:'−'}.fsp-faq-list p{font:400 14px/1.65 Manrope,sans-serif;color:#55534e;margin-top:14px}.fsp-cta{height:510px;padding:64px 80px;position:relative;display:flex;justify-content:flex-end;align-items:center;background-image:linear-gradient(90deg,rgba(255,255,255,0) 30%,rgba(255,255,255,.94) 60%,#fff 72%),var(--fsp-cta);background-position:center;background-size:cover}.fsp-cta-copy{width:570px;text-align:center}.fsp-cta h2{margin:15px 0}.fsp-assurances{display:flex;gap:34px;justify-content:center;margin:18px 0;font:400 11px Outfit,sans-serif}.fsp-cta .fsp-actions{justify-content:center} /* enquiry */ .fve-hero{height:730px;border-radius:27px;overflow:hidden;background:#0c0c0e;color:#fcfcfa;position:relative}.fve-hero-content{display:grid;grid-template-columns:568px 1fr;gap:36px;align-items:center;padding:36px 80px 0}.fve-crumb{font:400 12px Manrope,sans-serif;color:#9a9a9e}.fve-crumb span{color:#fcfcfa}.fve-kicker{margin-top:24px}.fve-intro h1{font:300 62px/1.05 Outfit,sans-serif;margin:20px 0}.fve-intro h3{font:400 19px/1.4 Outfit,sans-serif;color:#c5a880}.fve-intro p{font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9;margin-top:16px}.fve-actions{display:flex;gap:16px;margin-top:24px}.fve-hero-photo{height:420px;border-radius:16px;overflow:hidden}.fve-hero-photo img{width:100%;height:100%;object-fit:cover}.fve-highlights{position:absolute;left:80px;right:80px;bottom:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);font:400 13px Outfit,sans-serif}.fve-section{padding:72px 80px;background:#fcfcfa}.fve-split{display:grid;grid-template-columns:660px 1fr;gap:64px;align-items:end}.fve-split h2,.fve-perfect h2{font:300 56px/1.08 Outfit,sans-serif;margin-top:20px}.fve-split>p,.fve-perfect .fve-split>p{font:400 15px/1.65 Manrope,sans-serif;color:#55534e}.fve-spec-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;margin-top:36px}.fve-spec-grid article{border:1px solid #eaeae6;border-radius:16px;background:#fff;padding:28px}.fve-spec-grid small{display:block;color:#55534e;font:400 13px/1.8 Manrope,sans-serif}.fve-spec-grid strong{font:400 22px/1.55 Outfit,sans-serif}.fve-note{font:400 13px/1.6 Manrope,sans-serif;color:#55534e;margin-top:24px}.fve-amenity-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;border-top:1px solid #eaeae6;border-bottom:1px solid #eaeae6;padding:24px 0;margin-top:32px}.fve-amenity-grid b{color:#c5a880}.fve-amenity-grid h3{font:400 20px/1.4 Outfit,sans-serif;margin:4px 0}.fve-amenity-grid small{font:400 12px Manrope,sans-serif;color:#55534e}.fve-perfect{background:#0c0c0e;color:#fcfcfa;padding:80px}.fve-perfect .fve-split>p{color:#c1bfb9}.fve-perfect-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:24px;border-top:1px solid rgba(255,255,255,.08);padding-top:24px;margin-top:40px}.fve-perfect-grid h3{font:400 20px Outfit,sans-serif}.fve-perfect-grid p{font:400 13px/1.65 Manrope,sans-serif;color:#c1bfb9;margin-top:8px}.fve-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:32px}.fve-gallery-grid figure{margin:0}.fve-gallery-grid img{width:100%;height:300px;object-fit:cover;border-radius:16px}.fve-gallery-grid figcaption{font:400 18px Outfit,sans-serif;margin-top:14px}.fve-book{margin:0 0 10px;background:#0c0c0e;color:#fcfcfa;border-radius:16px;padding:64px;display:grid;grid-template-columns:450px 1fr;gap:64px}.fve-book-intro h2{font:300 52px/1.08 Outfit,sans-serif;margin:20px 0}.fve-book-intro p{font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9}.fve-form .field label{color:#9a9a9e}.fve-form .control,.fve-form input,.fve-form textarea{background:#111113;color:#fcfcfa;border-color:rgba(255,255,255,.08)}.fve-consent{display:block;color:#9a9a9e;font:400 12px Manrope,sans-serif;margin:14px 0 20px} @media(max-width:900px){.fsp-hero,.fve-hero{height:auto;min-height:720px}.fsp-hero-copy{position:relative;left:auto;top:auto;padding:70px 28px 130px;width:auto}.fsp-hero h1{font-size:46px}.fsp-highlights{left:28px;right:28px;width:auto;flex-wrap:wrap}.fsp-section,.fsp-dark,.fve-section,.fve-perfect{padding:56px 28px}.fsp-overview-grid,.fsp-split-head,.fsp-booking,.fsp-faq,.fve-split,.fve-book,.fve-hero-content{grid-template-columns:1fr}.fsp-overview-photo{height:300px}.fsp-use-grid,.fsp-plan-grid,.fsp-vehicle-grid,.fve-spec-grid,.fve-amenity-grid,.fve-perfect-grid,.fve-gallery-grid{grid-template-columns:1fr}.fsp-cta{padding:50px 28px;background-position:left center}.fsp-cta-copy{width:100%;background:rgba(255,255,255,.86);padding:24px;border-radius:14px}.fve-hero-content{padding:40px 28px 130px}.fve-hero-photo{height:320px}.fve-highlights{left:28px;right:28px}.fve-intro h1{font-size:48px}.fve-book{margin:0;padding:48px 28px}.fsp-section h2,.fsp-dark h2,.fsp-cta h2,.fve-split h2,.fve-perfect h2{font-size:42px}} /* ===== V9 exact Figma corrections: affected service pages + full fleet ===== */ .figma-service-page .fsp-hero{height:730px;background:#0c0c0e!important;background-image:none!important;position:relative;overflow:hidden;border-radius:27px} .fsp-hero-photo{position:absolute;left:var(--hero-left,360px);top:0;width:calc(1420px - var(--hero-left,360px));height:730px;object-fit:cover;object-position:center center;z-index:0;max-width:none} .fsp-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,6,0) 65%,rgba(5,5,6,.93) 100%),linear-gradient(90deg,#050506 0%,#050506 32%,rgba(5,5,6,.69) 58%,rgba(5,5,6,.14) 88%,rgba(5,5,6,.12) 100%)} .figma-service-page .fsp-hero .site-nav,.figma-service-page .fsp-hero .mobile-menu{position:relative;z-index:5} .figma-service-page .fsp-hero-copy{z-index:3;top:132px;left:80px;width:690px} .figma-service-page .fsp-hero h1{font-size:62px;line-height:1.05;margin:18px 0 16px} .figma-service-page .fsp-hero h3{font-size:18px;margin-bottom:17px} .figma-service-page .fsp-hero p{max-width:590px} .figma-service-page .fsp-actions{margin-top:24px} .figma-service-page .fsp-highlights{z-index:3} .figma-service-page .fsp-highlights>div{gap:10px} .figma-service-page .fsp-highlights svg{color:#c5a880;stroke:#c5a880} .fsp-overview-exact{display:grid;grid-template-columns:minmax(0,1fr) 520px;gap:70px;align-items:center;padding-top:72px;padding-bottom:72px} .fsp-overview-copy{max-width:670px} .fsp-overview-copy h2{margin-top:20px;margin-bottom:24px} .fsp-overview-copy>p{font:400 15px/1.65 Manrope,sans-serif;color:#55534e;margin:0} .fsp-overview-copy>p+p{margin-top:18px} .fsp-overview-card{border:1px solid #eaeae6;border-radius:16px;background:#fff;padding:28px 32px} .fsp-card-label{font:500 11px/1.3 Outfit,sans-serif;color:#c5a880;text-transform:uppercase;margin-bottom:18px} .fsp-overview-row{display:grid;grid-template-columns:42px 1fr;gap:16px;align-items:start;padding:14px 0} .fsp-overview-row+.fsp-overview-row{border-top:1px solid #eaeae6} .fsp-mini-icon{width:38px;height:38px;border:1px solid #c5a880;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c5a880} .fsp-overview-row h3{font:400 18px/1.3 Outfit,sans-serif;color:#0f0f11;margin:0 0 4px} .fsp-overview-row p{font:400 13px/1.55 Manrope,sans-serif;color:#55534e;margin:0} .fsp-overview-note{border-top:1px solid #eaeae6;margin-top:12px;padding-top:17px;font:400 12px/1.55 Manrope,sans-serif;color:#55534e} .fsp-usecases-exact{padding-top:70px;padding-bottom:72px} .fsp-use-top{display:grid;grid-template-columns:660px 1fr;gap:70px;align-items:end} .fsp-use-top>p{font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9;margin:0 0 4px} .fsp-use-top h2{margin-bottom:0} .fsp-use-bottom{display:grid;grid-template-columns:500px 1fr;gap:52px;margin-top:42px;align-items:stretch} .fsp-use-photo{height:385px;border-radius:16px;overflow:hidden;position:relative} .fsp-use-photo>img{width:100%;height:100%;object-fit:cover;object-position:center} .fsp-use-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.02) 22%,rgba(0,0,0,.86) 100%)} .fsp-use-caption{position:absolute;z-index:2;left:28px;right:28px;bottom:26px;color:#fff;display:flex;flex-direction:column;gap:8px} .fsp-use-caption strong{font:300 28px/1.12 Outfit,sans-serif;white-space:normal} .fsp-use-caption small{font:400 12px/1.5 Manrope,sans-serif;color:#c1bfb9} .fsp-use-list{display:flex;flex-direction:column;justify-content:center} .fsp-use-list article{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:20px 0;border-top:1px solid rgba(255,255,255,.08)} .fsp-use-list article:last-child{border-bottom:1px solid rgba(255,255,255,.08)} .fsp-use-icon{width:42px;height:42px;border:1px solid #c5a880;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c5a880} .fsp-use-list h3{font:400 19px/1.35 Outfit,sans-serif;color:#fafaf8;margin:0 0 6px} .fsp-use-list p{font:400 13px/1.55 Manrope,sans-serif;color:#9a9a9e;margin:0} .fsp-planning-exact{padding-top:72px;padding-bottom:72px} .fsp-plan-cols{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:38px} .fsp-plan-col{border:1px solid #eaeae6;border-radius:16px;background:#fff;padding:28px 32px} .fsp-plan-title{display:grid;grid-template-columns:48px 1fr;gap:16px;align-items:center;margin-bottom:14px} .fsp-plan-icon{width:46px;height:46px;border:1px solid #c5a880;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c5a880} .fsp-plan-title h3{font:400 24px/1.2 Outfit,sans-serif;color:#0f0f11;margin:0} .fsp-plan-title small{font:400 12px/1.4 Manrope,sans-serif;color:#77746f} .fsp-plan-detail{border-top:1px solid #eaeae6;padding:16px 0 2px} .fsp-plan-detail h4{font:400 17px/1.3 Outfit,sans-serif;color:#0f0f11;margin:0 0 7px} .fsp-plan-detail p{font:400 13px/1.6 Manrope,sans-serif;color:#55534e;margin:0} .fsp-planning-exact .fsp-note{display:flex;align-items:center;gap:8px;margin-top:20px;font-size:12px} .fsp-planning-exact .fsp-note:before{content:"i";width:17px;height:17px;border:1px solid #c5a880;color:#c5a880;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;font:600 10px Outfit,sans-serif;flex:none} .figma-service-page .fsp-booking{padding:64px;border-radius:16px;grid-template-columns:560px 1fr;gap:64px} .figma-service-page .fsp-book-left h2{font-size:52px;margin-top:18px} .figma-service-page .fsp-book-left img{height:280px;margin-top:22px;object-fit:cover;object-position:center} .figma-service-page .fsp-step{padding:20px 0} .figma-service-page .fsp-step h3{font-size:20px} .figma-service-page .fsp-step p{font-size:13px} .figma-service-page .fsp-fleet{padding-top:72px;padding-bottom:72px} .fsp-vehicle-grid.two{grid-template-columns:repeat(2,1fr);max-width:840px} .figma-service-page .fsp-vehicle-grid article>img{height:255px;object-position:center center} .figma-service-page .fsp-cap span{display:flex;align-items:center;gap:6px} .figma-service-page .fsp-faq{padding-top:64px;padding-bottom:72px} .figma-service-page .fsp-faq-list details{padding:20px 0} .figma-service-page .fsp-faq-list details:last-child{border-bottom:1px solid #eaeae6} .figma-service-page .fsp-cta{overflow:hidden} .figma-service-page .fsp-cta:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.94) 59.5%,#fff 70%);z-index:0} .figma-service-page .fsp-cta-copy{position:relative;z-index:1} .figma-service-page .fsp-cta .btn-outline{color:#0f0f11!important;border-color:#c5a880!important;background:transparent!important} /* Full fleet / View All Vehicles — Figma structure */ .figma-fleet-page{background:#fff} .ff-hero{height:690px;border-radius:27px;overflow:hidden;position:relative;background:#050506} .ff-hero-photo{position:absolute;left:350px;top:0;width:1070px;height:690px;overflow:hidden} .ff-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center} .ff-hero-scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,5,6,0) 60%,rgba(5,5,6,.93) 100%),linear-gradient(90deg,#050506 0%,#050506 32%,rgba(5,5,6,.53) 60%,rgba(5,5,6,.13) 100%);z-index:1} .ff-hero .site-nav{position:relative;z-index:5} .ff-hero-copy{position:absolute;z-index:3;left:80px;top:136px;width:680px;color:#fff} .ff-hero-copy h1{font:300 68px/1.05 Outfit,sans-serif;margin:18px 0 20px} .ff-hero-copy h1 span,.ff-intro h2 span,.ff-guide h2 span,.ff-use-head h2 span,.ff-faq h2 span,.ff-cta h2 span{color:#c5a880} .ff-hero-copy h3{font:400 19px/1.35 Outfit,sans-serif;color:#c5a880;margin:0 0 20px} .ff-hero-copy p{font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9;width:590px;margin:0} .ff-hero-highlights{position:absolute;z-index:3;left:80px;bottom:34px;width:1260px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:40px;color:#fafaf8;font:400 13px Outfit,sans-serif} .ff-hero-highlights span{display:flex;align-items:center;gap:10px}.ff-hero-highlights svg{color:#c5a880} .ff-catalogue{padding:80px;background:#fcfcfa} .ff-intro{display:grid;grid-template-columns:720px 390px;justify-content:space-between;align-items:end} .ff-intro h2,.ff-guide h2,.ff-use-head h2,.ff-faq h2,.ff-cta h2{font:300 56px/1.08 Outfit,sans-serif;margin:20px 0 0} .ff-intro>p,.ff-guide-head>p,.ff-use-head>p,.ff-faq-intro>p,.ff-cta-copy>p{font:400 15px/1.65 Manrope,sans-serif;color:#55534e;margin:0} .ff-filters{height:68px;border-top:1px solid #eaeae6;border-bottom:1px solid #eaeae6;margin-top:48px;display:flex;align-items:center;justify-content:space-between} .ff-filters>div{display:flex;gap:28px;height:100%}.ff-filters button{border:0;background:transparent;font:400 12px Outfit,sans-serif;color:#55534e;padding:0;cursor:pointer;border-bottom:2px solid transparent}.ff-filters button.active{font-weight:600;color:#c5a880;border-color:#c5a880}.ff-filters small{font:400 12px Manrope,sans-serif;color:#55534e} .ff-category{margin-top:38px}.ff-category-head{display:flex;align-items:center;gap:16px;margin-bottom:24px}.ff-category-head>span{width:32px;height:1px;background:#c5a880}.ff-category-head>b{font:500 11px Outfit,sans-serif;color:#c5a880;text-transform:uppercase}.ff-category-head>i{height:1px;background:#eaeae6;flex:1} .ff-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.ff-card{height:519px;border:1px solid #eaeae6;border-radius:16px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.ff-card>img{width:100%;height:240px;object-fit:cover}.ff-card-body{padding:24px;display:flex;flex-direction:column;gap:14px;flex:1}.ff-type{font:400 11px Outfit,sans-serif;color:#c5a880;text-transform:uppercase}.ff-card h3{font:400 24px/1.25 Outfit,sans-serif;margin:0;min-height:60px}.ff-cap{display:flex;gap:22px;font:400 13px Manrope,sans-serif;color:#55534e}.ff-cap span{display:flex;align-items:center;gap:7px}.ff-amenity{border-top:1px solid #eaeae6;border-bottom:1px solid #eaeae6;padding:12px 0;color:#55534e;font:400 12px Outfit,sans-serif;white-space:nowrap;overflow:hidden}.ff-actions{display:flex;align-items:center;justify-content:space-between;margin-top:auto}.ff-actions .btn{height:46px;padding:0 24px}.ff-actions>a:last-child{display:flex;align-items:center;gap:9px;font:600 11px Outfit,sans-serif;text-transform:uppercase;color:#c5a880} .ff-guide{background:#0c0c0e;color:#fff;padding:80px}.ff-guide-head{display:grid;grid-template-columns:660px 1fr;gap:64px;align-items:end}.ff-guide-head>p{color:#c1bfb9}.ff-table-wrap{margin-top:40px;overflow:auto;border:1px solid rgba(255,255,255,.08);border-radius:14px}.ff-guide table{width:100%;border-collapse:collapse;min-width:900px}.ff-guide th,.ff-guide td{text-align:left;padding:13px 18px;border-bottom:1px solid rgba(255,255,255,.08);font:400 12px/1.4 Manrope,sans-serif;color:#c1bfb9}.ff-guide th{font:600 11px Outfit,sans-serif;color:#c5a880;text-transform:uppercase;background:#151517}.ff-guide td:first-child{color:#fafaf8;font-family:Outfit,sans-serif}.ff-guide-note{font:400 12px/1.6 Manrope,sans-serif;color:#9a9a9e;margin:20px 0}.ff-guide .btn{margin-top:6px} .ff-usecases{padding:72px 80px;background:#fff}.ff-use-head{display:grid;grid-template-columns:670px 1fr;gap:64px;align-items:end}.ff-use-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:38px}.ff-use-card{height:390px;border-radius:16px;position:relative;overflow:hidden;padding:28px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background-image:linear-gradient(180deg,rgba(0,0,0,.06) 15%,rgba(0,0,0,.53) 61.75%,rgba(0,0,0,.96) 100%),var(--ff-bg);background-size:cover;background-position:center}.ff-use-icon{width:44px;height:44px;border:1px solid #c5a880;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#c5a880}.ff-use-card h3{font:300 27px Outfit,sans-serif;margin:0 0 12px}.ff-use-card p{font:400 13px/1.65 Manrope,sans-serif;color:#c1bfb9;margin:0 0 15px}.ff-use-card b{display:flex;align-items:center;justify-content:space-between;font:400 11px Outfit,sans-serif;color:#c5a880;text-transform:uppercase} .ff-faq{background:#fcfcfa;padding:64px 80px 72px;display:grid;grid-template-columns:430px 1fr;gap:70px}.ff-faq-intro a{display:inline-flex;gap:10px;align-items:center;color:#c5a880;font:600 12px Outfit,sans-serif;text-transform:uppercase;margin-top:18px}.ff-faq-list>div{border-top:1px solid #eaeae6;padding:22px 0}.ff-faq-list h3{font:400 19px Outfit,sans-serif;margin:0 0 12px}.ff-faq-list p{font:400 13px/1.65 Manrope,sans-serif;color:#55534e;margin:0} .ff-cta{height:510px;position:relative;display:flex;align-items:center;justify-content:flex-end;padding:64px 80px;overflow:hidden}.ff-cta-photo{position:absolute;inset:0}.ff-cta-photo img{position:absolute;width:111.97%;height:126.68%;left:-26.46%;top:0;object-fit:cover;max-width:none}.ff-cta-scrim{position:absolute;inset:0;background:linear-gradient(-.5deg,rgba(255,255,255,0) 62%,rgba(255,255,255,.94) 94.7%,#fff 104%),linear-gradient(90deg,rgba(255,255,255,0) 35%,rgba(255,255,255,.94) 59.5%,#fff 70%)}.ff-cta-copy{position:relative;z-index:1;width:570px;text-align:center}.ff-cta-copy>p{width:455px;margin:18px auto;color:#55534e}.ff-attrs{display:flex;gap:38px;justify-content:center;margin:22px 0}.ff-attrs span{font:400 11px Outfit,sans-serif;color:#0f0f11;display:flex;flex-direction:column;align-items:center;gap:7px}.ff-attrs svg{color:#c5a880}.ff-cta .fsp-actions{justify-content:center}.ff-cta .btn-outline{color:#0f0f11!important;border-color:#c5a880!important;background:transparent!important} @media(max-width:900px){ .fsp-hero-photo{left:0!important;width:100%;height:100%;opacity:.7}.fsp-hero-scrim{background:linear-gradient(90deg,rgba(5,5,6,.93),rgba(5,5,6,.48))}.fsp-overview-exact,.fsp-use-top,.fsp-use-bottom,.fsp-plan-cols{grid-template-columns:1fr}.fsp-use-photo{height:330px}.fsp-plan-cols{gap:18px}.figma-service-page .fsp-booking{padding:50px 28px}.ff-hero{height:auto;min-height:720px}.ff-hero-photo{left:0;width:100%;height:100%;opacity:.65}.ff-hero-scrim{background:linear-gradient(90deg,rgba(5,5,6,.95),rgba(5,5,6,.45))}.ff-hero-copy{position:relative;left:auto;top:auto;padding:70px 28px 130px;width:auto}.ff-hero-copy h1{font-size:48px}.ff-hero-copy p{width:auto}.ff-hero-highlights{left:28px;right:28px;width:auto;flex-wrap:wrap}.ff-catalogue,.ff-guide,.ff-usecases,.ff-faq{padding-left:28px;padding-right:28px}.ff-intro,.ff-guide-head,.ff-use-head,.ff-faq{grid-template-columns:1fr}.ff-filters{height:auto;align-items:flex-start;gap:10px;padding:10px 0}.ff-filters>div{flex-wrap:wrap;gap:16px}.ff-filters button{padding:8px 0}.ff-grid,.ff-use-grid{grid-template-columns:1fr}.ff-card{height:auto}.ff-card h3{min-height:0}.ff-cta{padding:45px 28px}.ff-cta-copy{width:100%;background:rgba(255,255,255,.88);padding:24px;border-radius:14px}.ff-cta-copy>p{width:auto} } /* ========================================================= V10 — service banners + About Us banner aligned closer to Figma ========================================================= */ /* ABOUT US HERO */ body[data-page="about"] .page-shell{padding:10px} body[data-page="about"] .inner-hero{ height:730px; border-radius:27px; background:#0c0c0e; } body[data-page="about"] .inner-hero::before{ background:linear-gradient(180deg,rgba(5,5,6,0) 65%,rgba(5,5,6,.93) 100%),linear-gradient(90deg,#050506 0%,#050506 33%,rgba(5,5,6,.68) 56%,rgba(5,5,6,.18) 88%,rgba(5,5,6,.12) 100%); } body[data-page="about"] .site-nav{ top:0; left:0; right:0; height:98.63px; padding:23.671px 78.904px; background:rgba(0,0,0,.27); } body[data-page="about"] .brand{width:159px;height:52px} body[data-page="about"] .quote-nav{padding:12px 22px;background:rgba(0,0,0,.18);border-color:rgba(197,168,128,.62)} body[data-page="about"] .menu-btn{background:#101014;border-color:rgba(255,255,255,.08)} body[data-page="about"] .inner-hero-media-about{left:350px;right:0;top:0;bottom:0} body[data-page="about"] .inner-hero-media-about img{ inset:0; width:100%; height:100%; object-fit:cover; object-position:center center; } body[data-page="about"] .inner-copy{ left:80px; top:138px; bottom:auto; max-width:760px; } body[data-page="about"] .breadcrumbs{ font:400 12px/normal Manrope,sans-serif; color:#9a9a9e; margin-bottom:22px; } body[data-page="about"] .inner-copy .eyebrow{font-size:11px} body[data-page="about"] .inner-copy h1{ font:300 72px/1.05 Outfit,sans-serif; letter-spacing:0; margin:18px 0 16px; } body[data-page="about"] .inner-copy p{ max-width:565px; font:400 15px/1.65 Manrope,sans-serif; color:#c1bfb9; margin:0 0 22px; } /* SERVICE HEROES */ .figma-service-page .fsp-hero{ box-shadow:none; } .figma-service-page .site-nav{ position:absolute; top:0; left:0; right:0; z-index:5; height:98.63px; padding:23.671px 78.904px; background:rgba(0,0,0,.27); } .figma-service-page .brand{width:159px;height:52px} .figma-service-page .nav-links{gap:34px} .figma-service-page .quote-nav{padding:12px 22px;background:rgba(0,0,0,.18);border-color:rgba(197,168,128,.62)} .figma-service-page .menu-btn{background:#101014;border-color:rgba(255,255,255,.08)} .figma-service-page .fsp-hero-photo{ object-fit:cover; object-position:center center; } .figma-service-page .fsp-hero-scrim{ background:linear-gradient(180deg,rgba(5,5,6,0) 65%,rgba(5,5,6,.933) 100%),linear-gradient(90deg,#050506 0%,#050506 34%,rgba(5,5,6,.69) 57%,rgba(5,5,6,.16) 88%,rgba(5,5,6,.12) 100%); } .figma-service-page .fsp-hero-copy{ top:138.63px; left:80px; width:830px; } .figma-service-page .fsp-crumb{ font:400 12px/normal Manrope,sans-serif; color:#9a9a9e; margin-bottom:22px; } .figma-service-page .fsp-kicker, .figma-service-page .fsp-eyebrow{font:500 11px/1.3 Outfit,sans-serif} .figma-service-page .fsp-hero h1{ font:300 72px/1.05 Outfit,sans-serif; margin:18px 0 16px; letter-spacing:0; } .figma-service-page .fsp-hero h3{ margin:0 0 20px; font:400 19px/normal Outfit,sans-serif; } .figma-service-page .fsp-hero p{ width:565px; max-width:565px; font:400 15px/1.65 Manrope,sans-serif; color:#c1bfb9; } .figma-service-page .fsp-highlights{ left:80px; bottom:34px; width:1260px; padding-top:22px; gap:40px; } .figma-service-page .fsp-highlights > div{font:400 13px/normal Outfit,sans-serif} /* Page-specific photo focus for service banners */ body[data-slug="long-distance-travel"] .fsp-hero-photo{object-position:center top} body[data-slug="corporate-transportation"] .fsp-hero-photo{object-position:56% center} body[data-slug="vip-transportation"] .fsp-hero-photo{object-position:58% center} body[data-slug="hourly-chauffeur"] .fsp-hero-photo{object-position:58% center} body[data-slug="executive-travel"] .fsp-hero-photo{object-position:60% center} body[data-slug="weddings-events"] .fsp-hero-photo{object-position:58% center} body[data-slug="special-occasions"] .fsp-hero-photo{object-position:58% center} body[data-slug="private-tours"] .fsp-hero-photo{object-position:60% center} body[data-slug="group-transportation"] .fsp-hero-photo{object-position:56% center} @media(max-width:1100px){ body[data-page="about"] .site-nav, .figma-service-page .site-nav{padding-left:44px;padding-right:44px} body[data-page="about"] .inner-copy{left:44px;right:44px;max-width:680px} .figma-service-page .fsp-hero-copy{left:44px;max-width:680px;width:auto} .figma-service-page .fsp-highlights{left:44px;right:44px;width:auto} } @media(max-width:720px){ body[data-page="about"] .page-shell{padding:4px} body[data-page="about"] .inner-hero{height:840px;border-radius:18px} body[data-page="about"] .site-nav, .figma-service-page .site-nav{ height:82px; padding:14px 22px; background:rgba(0,0,0,.22); } body[data-page="about"] .brand, .figma-service-page .brand{width:142px;height:43px} body[data-page="about"] .quote-nav, .figma-service-page .quote-nav{display:none} body[data-page="about"] .menu-btn, .figma-service-page .menu-btn{width:40px;height:40px} body[data-page="about"] .inner-hero-media-about{left:0} body[data-page="about"] .inner-hero-media-about img{object-position:60% center} body[data-page="about"] .inner-hero::before{ background:linear-gradient(180deg,rgba(5,5,6,.38),#050506 78%),linear-gradient(90deg,rgba(5,5,6,.9),rgba(5,5,6,.35)); } body[data-page="about"] .inner-copy{ left:22px; right:22px; top:116px; bottom:auto; max-width:none; } body[data-page="about"] .breadcrumbs{font-size:11px;margin-bottom:18px} body[data-page="about"] .inner-copy h1{font-size:44px;margin:14px 0 14px} body[data-page="about"] .inner-copy p{max-width:none;font-size:14px} .figma-service-page .fsp-hero{min-height:840px} .figma-service-page .fsp-hero-copy{ left:22px; right:22px; top:116px; width:auto; max-width:none; } .figma-service-page .fsp-hero h1{font-size:44px;margin:14px 0} .figma-service-page .fsp-hero h3{font-size:16px;margin-bottom:16px} .figma-service-page .fsp-hero p{width:auto;max-width:none;font-size:14px} .figma-service-page .fsp-highlights{left:22px;right:22px;bottom:25px;width:auto;gap:14px;flex-direction:column;padding-top:16px} } /* ========================================================================== V11 — "Get a Quote" visibility fix White-text / transparent quote buttons disappeared whenever the hero photo behind them was light or white. They now carry their own solid dark fill, gold border and soft shadow, so they stay readable on ANY background. Buttons that sit on white sections (bottom CTA banners) keep dark text. ========================================================================== */ /* 1) Header "Get a Quote" pill — every header variant */ .quote-nav, .home-quote-nav, .apt-nav-quote, body[data-page="about"] .quote-nav, .figma-service-page .quote-nav{ background:rgba(8,8,10,.88)!important; color:#fff!important; border:1px solid #c5a880!important; box-shadow:0 4px 16px rgba(0,0,0,.28); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); transition:background .2s,color .2s,border-color .2s; } .quote-nav:hover, .home-quote-nav:hover, .apt-nav-quote:hover, body[data-page="about"] .quote-nav:hover, .figma-service-page .quote-nav:hover{ background:linear-gradient(90deg,#e2c496,#b88f5e)!important; color:#050506!important; border-color:transparent!important; } /* 2) Hero "Get a Quote" / "Get a Free Quote" outline buttons (white text) */ .inner-hero .btn-outline, .fsp-hero .btn-outline, .ff-hero .btn-outline, .apt-hero .apt-btn-outline, .figma-secondary-btn{ background:rgba(8,8,10,.82)!important; color:#fff!important; border-color:#c5a880!important; box-shadow:0 4px 16px rgba(0,0,0,.25); -webkit-backdrop-filter:blur(6px); backdrop-filter:blur(6px); } .inner-hero .btn-outline:hover, .fsp-hero .btn-outline:hover, .ff-hero .btn-outline:hover, .apt-hero .apt-btn-outline:hover, .figma-secondary-btn:hover{ background:linear-gradient(90deg,#e2c496,#b88f5e)!important; color:#050506!important; border-color:transparent!important; } /* 3) Bottom CTA banners (white area): dark text, solid white fill, gold border */ .fsp-cta .btn-outline, .ff-cta .btn-outline, .apt-cta .apt-btn-outline, .cta-banner .btn-outline{ background:#fff!important; color:#0f0f11!important; border:1.5px solid #c5a880!important; box-shadow:none; } .fsp-cta .btn-outline:hover, .ff-cta .btn-outline:hover, .apt-cta .apt-btn-outline:hover, .cta-banner .btn-outline:hover{ background:linear-gradient(90deg,#e2c496,#b88f5e)!important; color:#050506!important; border-color:transparent!important; } /* 4) Safety net: any other outline button on a white section stays readable */ .section .btn-outline, .page-shell > section:not([class*="hero"]) .btn-outline{ color:#0f0f11; border-color:#c5a880; } /* ========================================================================== V12 — Vehicle enquiry pages: hero banner matched to Figma Figma (1440 canvas): 98.63px header band (rgba(0,0,0,.27) over #0c0c0e), then 568px copy column + 656x420 photo card (16px radius) starting at y=144, 730px hero, divider + highlight row at the bottom. The header used to be position:absolute, so the copy/photo slid up under the nav and the layout never matched. It now sits in normal flow. ========================================================================== */ .fve-hero{height:730px;background:#0c0c0e;border-radius:27px;overflow:hidden;position:relative} .fve-hero .site-nav{ position:relative;top:0;left:0;right:0;z-index:30; height:98.63px;padding:23.671px 78.904px; background:rgba(0,0,0,.27); } .fve-hero .brand{width:175px;height:58px} .fve-hero .nav-links{gap:31.562px;font:400 13.808px/normal Outfit,sans-serif;color:#9a9a9e} .fve-hero .nav-links a{opacity:1;padding:7.89px 0;color:#9a9a9e} .fve-hero .nav-links a:hover,.fve-hero .nav-links a.active{color:#c5a880} .fve-hero .nav-actions{gap:15.781px} .fve-hero .quote-nav{padding:11.836px 23.671px;font:600 11.836px/normal Outfit,sans-serif} .fve-hero .menu-btn{width:43.397px;height:43.397px;background:#0e0e10;border:.986px solid rgba(255,255,255,.07)} .fve-hero .mobile-menu{top:94px} .fve-hero-content{ display:grid;grid-template-columns:568px 1fr;gap:36px;align-items:center; padding:36px 80px 0; } .fve-intro{min-width:0} .fve-intro h1{font:300 62px/1.05 Outfit,sans-serif;margin:20px 0;overflow-wrap:break-word} .fve-hero-kicker{margin-top:24px} .fve-hero-kicker::before{content:"—";margin-right:10px;letter-spacing:0} .fve-hero-photo{width:100%;height:420px;border-radius:16px;overflow:hidden;background:#151517} .fve-hero-photo img{width:100%;height:100%;object-fit:cover;object-position:center} .fve-highlights{ position:absolute;left:80px;right:80px;bottom:34px;padding-top:22px; border-top:1px solid rgba(255,255,255,.08); display:flex;align-items:center;gap:24px; font:400 13px/1.3 Outfit,sans-serif;color:#fcfcfa; } .fve-highlights i{width:3px;height:3px;border-radius:50%;background:#fcfcfa;display:block;flex:0 0 auto} @media(max-width:1100px){ .fve-hero .site-nav{padding-left:44px;padding-right:44px} .fve-hero-content{padding-left:44px;padding-right:44px} .fve-highlights{left:44px;right:44px} } @media(max-width:900px){ .fve-hero{height:auto;min-height:0;padding-bottom:110px} .fve-hero-content{grid-template-columns:1fr;padding:32px 28px 0;gap:28px} .fve-hero-photo{height:320px;order:-1} .fve-intro h1{font-size:46px} .fve-highlights{left:28px;right:28px;flex-wrap:wrap;gap:12px 18px} } @media(max-width:720px){ .fve-hero .site-nav{height:82px;padding:14px 22px;top:0} .fve-hero .brand{width:142px} .fve-hero .quote-nav{display:none} .fve-hero .menu-btn{width:40px;height:40px} .fve-hero .mobile-menu{top:78px} } /* V12 (cont.) — hero buttons exactly as Figma: sentence case, no arrow, 52.5px tall */ .fve-intro h1 .nb{white-space:nowrap} .fve-actions{display:flex;gap:16px;margin-top:24px} .fve-btn{height:52.5px;border-radius:40px;display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;font:600 12px/1 Outfit,sans-serif;text-transform:none;letter-spacing:0;transition:.2s} .fve-btn-gold{width:150px;background:linear-gradient(90deg,#e2c496,#b88f5e);color:#0f0f11} .fve-btn-gold:hover{transform:translateY(-1px);filter:brightness(1.05)} .fve-btn-outline{width:147px;border:1px solid #c5a880;color:#fcfcfa;background:transparent} .fve-btn-outline:hover{background:linear-gradient(90deg,#e2c496,#b88f5e);color:#0f0f11;border-color:transparent} @media(max-width:720px){.fve-actions{flex-wrap:wrap}} /* ========================================================================== V13 — Services + Contact banners use the exact Hotel Transfers banner Same photo (valet + black S-Class), same placement as .fsp-hero-photo: starts 360px into the 1420px banner, 1060px wide, anchored from the top, with the same dark left-to-right scrim and bottom fade. ========================================================================== */ .inner-hero-media-hotel{left:25.352113%;right:0;top:0;bottom:0} .inner-hero-media-hotel img{inset:0;width:100%;height:100%;object-fit:cover;object-position:center 62%} .inner-hero.banner-hotel::before{ z-index:1; background: linear-gradient(180deg,rgba(5,5,6,0) 65%,rgba(5,5,6,.93) 100%), linear-gradient(90deg,#050506 0%,#050506 32%,rgba(5,5,6,.69) 58%,rgba(5,5,6,.14) 88%,rgba(5,5,6,.12) 100%); } @media(max-width:900px){ .inner-hero-media-hotel{left:0} .inner-hero-media-hotel img{opacity:.7} .inner-hero.banner-hotel::before{background:linear-gradient(90deg,rgba(5,5,6,.93),rgba(5,5,6,.48))} } /* ========================================================================== V14 — Terms of Service, Privacy Policy and Testimonials (Figma rebuild) ========================================================================== */ .figma-legal-page,.figma-tt-page{background:#fff;color:#0f0f11} /* ---- shared hero bits ---- */ .lg-hero,.tt-hero{position:relative;overflow:hidden;background:#0c0c0e;color:#fcfcfa} .lg-hero .site-nav,.tt-hero .site-nav{ position:absolute;top:0;left:0;right:0;z-index:30;height:98.63px;padding:23.671px 78.904px; background:rgba(0,0,0,.27); } .lg-hero .brand,.tt-hero .brand{width:175px;height:58px} .lg-hero .nav-links,.tt-hero .nav-links{gap:31.562px;font:400 13.808px/normal Outfit,sans-serif;color:#9a9a9e} .lg-hero .nav-links a,.tt-hero .nav-links a{opacity:1;padding:7.89px 0;color:#9a9a9e} .lg-hero .nav-links a:hover,.lg-hero .nav-links a.active,.tt-hero .nav-links a:hover,.tt-hero .nav-links a.active{color:#c5a880} .tt-hero .nav-links a.active{font-weight:600} .lg-hero .nav-actions,.tt-hero .nav-actions{gap:15.781px} .lg-hero .quote-nav,.tt-hero .quote-nav{padding:11.836px 23.671px;font:600 11.836px/normal Outfit,sans-serif} .lg-hero .menu-btn,.tt-hero .menu-btn{width:43.397px;height:43.397px;background:#0e0e10;border:.986px solid rgba(255,255,255,.07)} .lg-hero .mobile-menu,.tt-hero .mobile-menu{top:94px} .lg-crumb{font:400 12px/1.4 Manrope,sans-serif;color:#9a9a9e} .lg-crumb a{color:#9a9a9e}.lg-crumb span{color:#fcfcfa} .lg-kicker{display:flex;align-items:center;gap:12px;margin-top:20px;font:500 11px/1.3 Outfit,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#c5a880} .lg-kicker::before{content:"";width:32px;height:1px;background:#c5a880;display:block} /* ---- legal hero ---- */ .lg-hero{height:473px;border-radius:27px} .lg-copy{position:absolute;left:80px;top:127px;width:780px;z-index:3} .lg-copy h1{font:300 72px/1.08 Outfit,sans-serif;color:#fcfcfa;margin:22px 0 0} .lg-copy p{font:400 16px/1.65 Manrope,sans-serif;color:#c1bfb9;margin:20px 0 0;max-width:770px} .lg-meta{position:absolute;left:80px;right:80px;bottom:45px;padding-top:21px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;z-index:3} .lg-pill{display:inline-flex;align-items:center;height:32px;padding:0 14px;border:1px solid #c5a880;border-radius:999px;color:#c5a880;font:400 13px/1 Outfit,sans-serif} .lg-updated{font:400 13px/1 Manrope,sans-serif;color:#c1bfb9} /* ---- legal body ---- */ .lg-body{display:grid;grid-template-columns:280px minmax(0,884px);gap:96px;padding:64px 80px 80px;background:#fff;align-items:start} .lg-side{position:sticky;top:24px} .lg-side-label{font:500 12px/1.3 Manrope,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#896b43;padding-bottom:20px;border-bottom:1px solid #f2f2ef} .lg-toc{display:flex;flex-direction:column;margin-top:11px} .lg-toc a{display:grid;grid-template-columns:31px 1fr;column-gap:0;padding:9px 0;font:400 14px/20px Manrope,sans-serif;color:#55534e;transition:color .2s} .lg-toc a b{font:500 12px/20px Outfit,sans-serif;color:#896b43} .lg-toc a:hover{color:#0f0f11} .lg-draft-card{margin-top:46px;border:1px solid #eaeae6;border-radius:16px;background:#fcfcfa;padding:26px 22px 26px} .lg-draft-card h4{font:400 19px/1.3 Outfit,sans-serif;color:#0f0f11;margin:0 0 10px} .lg-draft-card p{font:400 13.5px/1.75 Manrope,sans-serif;color:#7f7d79;margin:0} .lg-related{margin-top:32px;padding-top:24px;border-top:1px solid #f2f2ef} .lg-related small{display:block;font:500 11px/1.3 Manrope,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#896b43;margin-bottom:16px} .lg-related a{display:inline-flex;align-items:center;gap:8px;font:400 18px/1.3 Outfit,sans-serif;color:#0f0f11} .lg-related a i{width:15px;height:15px} .lg-content{min-width:0} .lg-sec{padding:35px 0 30px;border-bottom:1px solid #f2f2ef;scroll-margin-top:24px} .lg-sec:first-child{padding-top:0} .lg-sec h2{display:flex;align-items:baseline;gap:25px;font:400 28px/1.25 Outfit,sans-serif;color:#0f0f11;margin:0 0 17px} .lg-sec h2 b{font:300 18px/1 Outfit,sans-serif;color:#896b43;min-width:17px} .lg-sec p{font:400 16px/1.8 Manrope,sans-serif;color:#55534e;margin:0 0 16px} .lg-note{margin-top:0;background:#f5f0e8;border-left:2px solid #c5a880;padding:14px 18px;font:400 13px/1.75 Manrope,sans-serif;color:#896b43} .lg-sec .lg-note{margin-top:16px} .lg-sec p:last-child{margin-bottom:0} .lg-contact{margin-top:30px;border:1px solid #eaeae6;border-radius:20px;background:#fcfcfa;padding:32px 28px 30px} .lg-contact h3{font:300 28px/1.25 Outfit,sans-serif;color:#0f0f11;margin:0 0 14px} .lg-contact p{font:400 14px/1.8 Manrope,sans-serif;color:#55534e;margin:0 0 16px;max-width:790px} .lg-mail{display:inline-block;font:400 22px/1.3 Outfit,sans-serif;color:#896b43;margin-bottom:8px} .lg-phone{font:400 14px/1.6 Manrope,sans-serif;color:#55534e;margin-bottom:18px} .lg-note-sm{background:transparent;border:0;padding:0;font-size:13px;color:#896b43} /* ---- footer (legal variant: no icons, gold tagline, plain links) ---- */ .footer-plain .footer-tag{font:500 15px/1.5 Outfit,sans-serif;color:#c5a880;margin-top:22px} .footer-plain .contact-item{display:block!important} .footer-plain .legal{gap:24px} .footer-plain .legal a{color:#9a9a9e}.footer-plain .legal a.on{color:#c5a880} /* ---- testimonials hero ---- */ .tt-hero{height:610px;border-radius:27px 27px 0 0} .tt-hero-photo{position:absolute;left:24.647887%;right:0;top:0;width:75.352113%;height:100%;object-fit:cover;object-position:center;z-index:0;max-width:none} .tt-hero-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(5,5,6,0) 60%,rgba(5,5,6,.9) 100%),linear-gradient(90deg,#050506 0%,#050506 30%,rgba(5,5,6,.72) 55%,rgba(5,5,6,.2) 88%,rgba(5,5,6,.14) 100%)} .tt-copy{position:absolute;left:80px;top:134px;width:760px;z-index:3} .tt-copy h1{font:300 72px/1.08 Outfit,sans-serif;color:#fcfcfa;margin:24px 0 0} .tt-copy h1 em{font-style:normal;color:#c5a880} .tt-copy h3{font:400 18px/1.4 Outfit,sans-serif;color:#c5a880;margin:22px 0 0} .tt-copy p{font:400 15px/1.65 Manrope,sans-serif;color:#c1bfb9;margin:20px 0 0;max-width:560px} .tt-highlights{position:absolute;left:80px;right:80px;bottom:34px;padding-top:22px;border-top:1px solid rgba(255,255,255,.08);display:flex;gap:40px;z-index:3;font:400 13px/1.3 Outfit,sans-serif;color:#fcfcfa} .tt-highlights>div{display:flex;align-items:center;gap:10px} .tt-highlights i{color:#c5a880} /* ---- testimonials: shared section header ---- */ .tt-split{display:grid;grid-template-columns:minmax(0,1fr) 522px;align-items:end;gap:24px} .tt-eyebrow{display:flex;align-items:center;gap:12px;font:500 11px/1.3 Outfit,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#c5a880;margin-bottom:22px} .tt-eyebrow::before{content:"";width:26px;height:1px;background:#c5a880;display:block} .tt-split h2{font:300 56px/1.08 Outfit,sans-serif;margin:0} .tt-split h2 span{color:#c5a880} .tt-split>p{font:400 15px/1.65 Manrope,sans-serif;margin:0 0 6px} /* ---- video testimonials ---- */ .tt-videos{background:#0c0c0e;color:#fcfcfa;padding:80px 80px 80px;border-radius:0 0 27px 27px} .tt-videos h2 i{font:italic 400 60px/1 'Cormorant Garamond',Georgia,serif;margin-right:2px} .tt-videos .tt-split>p{color:#a9a7a2} .tt-video-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px} .tt-video{border:1px solid rgba(255,255,255,.07);border-radius:16px;overflow:hidden;background:#161618} .tt-video-photo{position:relative;height:300px;background-size:cover;background-position:center} .tt-video-photo::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 55%,rgba(0,0,0,.5) 100%)} .tt-badge{position:absolute;z-index:2;left:24px;top:24px;height:29px;display:inline-flex;align-items:center;padding:0 14px;border-radius:999px;background:rgba(10,10,12,.6);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);font:400 11px/1 Manrope,sans-serif;color:#e6e4df} .tt-play{position:absolute;z-index:2;left:50%;top:50%;width:64px;height:64px;margin:-32px 0 0 -32px;border-radius:50%;border:1px solid #c5a880;background:rgba(10,10,12,.45);display:grid;place-items:center;color:#d9c3a0} .tt-play i{width:22px;height:22px;fill:currentColor;margin-left:3px} .tt-cat{position:absolute;z-index:2;left:24px;bottom:22px;font:500 12px/1.3 Outfit,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#fff} .tt-video-body{padding:24px 24px 22px} .tt-video-body h3{font:300 22px/1.3 Outfit,sans-serif;color:#fcfcfa;margin:0 0 14px} .tt-video-meta{display:flex;align-items:center;justify-content:space-between;font:400 12px/1.4 Manrope,sans-serif;color:#9a9a9e} .tt-video-meta i{width:16px;height:16px;color:#c5a880} .tt-disclaimer{margin-top:40px;padding-top:21px;border-top:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:12px;font:400 12.5px/1.4 Manrope,sans-serif;color:#9a9a9e} .tt-disclaimer i{width:15px;height:15px;color:#c5a880;flex:0 0 auto} /* ---- written testimonials ---- */ .tt-written{background:#fcfcfa;padding:80px 80px 80px} .tt-written .tt-eyebrow{margin-bottom:22px} .tt-written h2{color:#0f0f11} .tt-written .tt-split>p{color:#55534e} .tt-quote-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-top:40px} .tt-quote{background:#fff;border:1px solid #eaeae6;border-radius:20px;height:310px;padding:28px 32px 0;display:flex;flex-direction:column} .tt-quote-top{display:flex;align-items:flex-start;justify-content:space-between} .tt-mark{font:400 44px/1 'Cormorant Garamond',Georgia,serif;color:#c5a880;height:24px;overflow:hidden} .tt-quote-top small{font:500 11px/1.3 Outfit,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#c5a880;margin-top:10px} .tt-quote blockquote{margin:22px 0 0;font:300 24px/1.42 Outfit,sans-serif;color:#0f0f11;flex:1} .tt-quote-foot{border-top:1px solid #eaeae6;padding:20px 0 28px} .tt-quote-foot b{display:block;font:500 16px/1.3 Outfit,sans-serif;color:#0f0f11} .tt-quote-foot span{display:block;font:400 12px/1.4 Manrope,sans-serif;color:#7f7d79;margin-top:6px} .tt-more{text-align:center;margin-top:58px;font:500 11px/1.3 Outfit,sans-serif;letter-spacing:.01em;text-transform:uppercase;color:#c5a880} /* ---- testimonials CTA ---- */ .tt-cta{height:510px} /* ---- responsive ---- */ @media(max-width:1100px){ .lg-hero .site-nav,.tt-hero .site-nav{padding-left:44px;padding-right:44px} .lg-copy,.tt-copy,.lg-meta,.tt-highlights{left:44px} .lg-meta,.tt-highlights{right:44px} .lg-body{grid-template-columns:240px minmax(0,1fr);gap:48px;padding-left:44px;padding-right:44px} .tt-videos,.tt-written{padding-left:44px;padding-right:44px} .tt-split{grid-template-columns:1fr} .tt-split>p{max-width:600px} } @media(max-width:900px){ .lg-hero{height:auto;padding-bottom:40px} .lg-copy{position:relative;left:auto;top:auto;width:auto;padding:128px 28px 0} .lg-copy h1{font-size:48px} .lg-meta{position:relative;left:auto;right:auto;bottom:auto;margin:36px 28px 0;flex-wrap:wrap;gap:14px} .lg-body{grid-template-columns:1fr;padding:40px 28px 56px} .lg-side{position:static} .lg-toc{display:none} .lg-draft-card{margin-top:24px} .lg-sec h2{font-size:24px;gap:16px} .tt-hero{height:auto;min-height:610px;padding-bottom:140px} .tt-hero-photo{left:0;width:100%;opacity:.6} .tt-copy{position:relative;left:auto;top:auto;width:auto;padding:128px 28px 0} .tt-copy h1{font-size:46px} .tt-highlights{left:28px;right:28px;flex-wrap:wrap;gap:12px 24px} .tt-videos,.tt-written{padding:56px 28px} .tt-split h2{font-size:40px} .tt-videos h2 i{font-size:44px} .tt-video-grid,.tt-quote-grid{grid-template-columns:1fr} .tt-quote{height:auto;padding-bottom:0} .tt-quote blockquote{font-size:21px;margin-bottom:24px} } @media(max-width:720px){ .lg-hero .site-nav,.tt-hero .site-nav{height:82px;padding:14px 22px} .lg-hero .brand,.tt-hero .brand{width:142px} .lg-hero .quote-nav,.tt-hero .quote-nav{display:none} .lg-hero .menu-btn,.tt-hero .menu-btn{width:40px;height:40px} .lg-hero .mobile-menu,.tt-hero .mobile-menu{top:78px} .tt-cta{height:700px} } /* V14 calibration */ .lg-hero .nav-links,.tt-hero .nav-links{font-size:13.2px;gap:35px} .lg-copy p{margin-top:22px} .lg-pill{padding:0 12px;font-size:12.5px} .lg-body{padding-top:62px} .lg-sec{padding-top:31px} .lg-sec:first-child{padding-top:0} .lg-note{font-family:Outfit,sans-serif;font-size:13px;line-height:1.7;padding:14px 18px 15px} .lg-note-sm{font-family:Outfit,sans-serif} .lg-side{margin-top:2px} .lg-side-label{padding-bottom:17px} .lg-toc{margin-top:8px} .lg-toc a{grid-template-columns:35px 1fr;font-size:13px} .lg-draft-card{margin-top:36px;padding:22px 22px 22px} .lg-draft-card h4{font-size:18px;margin-bottom:8px} .lg-draft-card p{font-size:13px;line-height:1.7} .lg-related small{margin-bottom:12px} .lg-related a{font-size:17px} .lg-draft-card{margin-top:24px;padding:24px 22px} .lg-related{padding-top:22px} /* V14 — legal footer geometry (Figma: columns at x=90/527/820/1112, 37px link pitch) */ .lg-contact .lg-note-sm{padding:0;border:0;background:transparent;margin-top:0} .footer-plain{padding-top:78px} .footer-plain .footer-cols{grid-template-columns:437px 293px 292px 1fr;gap:0} .footer-plain .footer-brand p{max-width:290px;font:400 13.5px/1.6 Manrope,sans-serif} .footer-plain .footer-brand .footer-tag{max-width:260px} .footer-plain .footer-col h4{margin-bottom:26px} .footer-plain .footer-col a,.footer-plain .footer-col span{margin:0 0 20px;font-family:Manrope,sans-serif} .footer-plain .footer-contact .contact-item{margin:0 0 25px} .footer-plain .footer-bottom{margin-top:62px} @media(max-width:1100px){.footer-plain .footer-cols{grid-template-columns:1fr 1fr;gap:36px}} @media(max-width:720px){.footer-plain .footer-cols{grid-template-columns:1fr}} /* V14 — note boxes are Manrope 12.5px in Figma (wraps only when text exceeds the box) */ .lg-note,.lg-note-sm,.lg-contact .lg-note-sm{font-family:Manrope,sans-serif;font-size:12.5px;line-height:22px} .lg-note{padding:14px 16px 15px} /* V14 — Figma note boxes use Geist 13px (text width 842px in Terms §1) */ .lg-note,.lg-note-sm,.lg-contact .lg-note-sm{font-family:Geist,Manrope,sans-serif;font-size:13px;line-height:22px} .lg-body{padding-bottom:68px} .footer-plain{padding-top:80px} .footer-plain .footer-col h4{margin-bottom:17px} .footer-plain .footer-col a,.footer-plain .footer-col span{margin-bottom:19px} .footer-plain .footer-contact .contact-item{margin-bottom:23px} .footer-plain .footer-bottom{margin-top:44px} .footer-plain .footer-bottom{margin-top:54px} .footer-plain{padding-bottom:48px} .footer-plain .footer-contact h4{margin-bottom:22px} .footer-plain .footer-brand .socials{margin-top:26px} .tt-cta{position:relative;background:#fff} .tt-cta .eyebrow{color:#c5a880} .tt-video-body{padding-bottom:25px} .figma-tt-page .site-footer{padding-top:88px;padding-bottom:47px} @media(max-width:900px){.lg-side-label{display:none}.lg-side{margin-top:0}}