/* Winew Transfer corrective layer — loaded after styles.css */
:root{
  --surface-light:#f3efe8;
}

/* Figma/brand uses light warm space rather than a hard #fff canvas. */
.about,.services,.routes,.packages,.reviews{background:var(--surface-light)!important}
.inline-arrows button{background:transparent!important}

/* Temporary transparent wordmark until the original vector export is available again. */
.brand>img,.manifesto__logo,.footer__logo{display:none!important}
.wt-wordmark{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;background:transparent!important;color:#fff;line-height:1;white-space:nowrap}
.wt-wordmark__main{font:400 42px/1 var(--serif);letter-spacing:.14em;color:var(--gold);text-transform:uppercase}
.wt-wordmark__sub{margin-top:9px;padding-left:.52em;font:600 13px/1 var(--sans);letter-spacing:.52em;color:#fff;text-transform:uppercase}
.manifesto__inner>.wt-wordmark{margin:0 auto 46px}
.manifesto__inner>.wt-wordmark .wt-wordmark__main{font-size:35px}
.manifesto__inner>.wt-wordmark .wt-wordmark__sub{font-size:11px}
.footer__inner>.wt-wordmark{align-items:flex-start;margin-bottom:52px}
.footer__inner>.wt-wordmark .wt-wordmark__main{font-size:38px}
.footer__inner>.wt-wordmark .wt-wordmark__sub{font-size:12px}

/* Messenger asset stays transparent but receives contrast on light sections. */
.messengers{background:transparent!important;border:0!important;box-shadow:none!important}
.messengers img{opacity:1!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.75)) drop-shadow(0 2px 8px rgba(0,0,0,.22));background:transparent!important}

/* Service details expand inside the same image, never in a popup. */
.service-card{isolation:isolate}
.service-card>h3{transition:opacity .18s ease}
.service-card__detail{position:absolute;inset:0;z-index:3;display:flex;flex-direction:column;justify-content:flex-end;padding:34px 96px 34px 34px;background:linear-gradient(180deg,rgba(0,0,0,.12) 5%,rgba(0,0,0,.46) 40%,rgba(0,0,0,.92) 100%);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .22s ease,transform .22s ease,visibility .22s;color:#fff;pointer-events:none}
.service-card__detail h4{margin:0 0 16px;font:400 29px/1.16 var(--serif);color:#fff}
.service-card__detail p{max-width:430px;margin:0;font:400 16px/1.55 var(--sans);color:#f3f3f3}
.service-card.is-expanded>h3{opacity:0}
.service-card.is-expanded .service-card__detail{opacity:1;visibility:visible;transform:none}
.service-card.is-expanded .plus{z-index:5;background:var(--gold);color:#111;transform:rotate(45deg)}
.service-card .plus{z-index:5;transition:transform .2s ease,background .2s ease,color .2s ease}

/* Keep the footer vehicle inside the visible canvas. */
.footer__car{right:0!important;bottom:70px!important;width:min(760px,46vw)!important;max-width:760px!important;height:300px!important;object-position:right bottom!important;opacity:.95!important}

/* Desktop adaptation: preserve the Figma composition without horizontal overflow. */
@media (max-width:1799px){
  .shell{width:calc(100% - 80px)!important;max-width:1520px}
  .topbar{grid-template-columns:minmax(0,1fr) clamp(220px,16vw,299px) minmax(0,1fr)!important;gap:clamp(16px,1.8vw,34px)!important}
  .brand{width:clamp(220px,16vw,299px)!important;height:96px!important}
  .wt-wordmark__main{font-size:clamp(32px,2.35vw,42px)}
  .wt-wordmark__sub{font-size:clamp(10px,.75vw,13px)}
  .nav{font-size:clamp(13px,1.05vw,18px)!important;gap:clamp(12px,1.55vw,28px)!important}
  .hero__content{width:calc(100% - 80px)!important}
  .hero h1{font-size:clamp(44px,3vw,52px)!important;line-height:1.14!important}
  .about__grid{grid-template-columns:minmax(0,1.18fr) minmax(0,.88fr)!important;gap:clamp(46px,5vw,88px)!important}
  .about__media{width:100%!important;height:auto!important;aspect-ratio:4/3}
  .about__copy{width:auto!important}
  .service-viewport{margin-right:0!important}
  .service-track{gap:18px!important}
  .service-card{flex:0 0 calc((100% - 36px)/3)!important;min-width:0;height:370px!important}
  .service-card__detail{padding:28px 76px 28px 28px}
  .services__details{grid-template-columns:240px minmax(0,1fr) minmax(0,1fr)!important;gap:36px!important}
  .fleet-grid{gap:24px!important}
  .car-visual{height:340px!important}
  .route-grid{gap:14px!important}
  .benefits{gap:36px!important}
  .standard-grid{gap:36px!important}
  .steps-grid{gap:28px!important}
  .footer-grid{grid-template-columns:1.35fr .75fr .7fr .5fr .35fr!important;gap:28px!important}
  .footer__car{right:0!important;width:min(690px,46vw)!important}
  .messengers{right:24px!important;top:50%!important;bottom:auto!important;transform:translateY(-50%)!important;width:58px!important;height:174px!important}
  .messengers img{width:58px!important;height:174px!important}
}

@media (max-width:1499px){
  .shell{width:calc(100% - 56px)!important}
  .hero__content{width:calc(100% - 56px)!important}
  .topbar{grid-template-columns:minmax(0,1fr) 210px minmax(0,1fr)!important}
  .brand{width:210px!important}
  .nav{font-size:13px!important;gap:14px!important}
  .about__grid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr)!important;gap:44px!important}
  .about__copy p{font-size:17px!important;line-height:1.5!important}
  .about__copy .lead{font-size:20px!important}
  .section-title--split{gap:32px!important}
  .service-card{height:350px!important}
  .service-card h3,.service-card__detail h4{font-size:24px!important}
  .service-card__detail p{font-size:14px!important}
  .services__details{grid-template-columns:210px minmax(0,1fr) minmax(0,1fr)!important;gap:28px!important}
  .car-visual{height:300px!important}
  .route-grid article{padding:22px 18px!important}
  .footer__car{width:min(620px,48vw)!important;right:8px!important}
}

@media (max-width:1199px){
  .shell{width:calc(100% - 40px)!important}
  .hero__content{width:calc(100% - 40px)!important}
  .topbar{display:flex!important;justify-content:space-between!important}
  .nav--left{display:none!important}
  .nav--right a:not(:last-child){display:none!important}
  .service-card{flex:0 0 calc((100% - 18px)/2)!important}
  .services__details{grid-template-columns:1fr 1fr!important}
  .details-title{grid-column:1/-1}
  .fleet-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .route-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .benefits,.standard-grid,.steps-grid{gap:22px!important}
  .footer-grid{grid-template-columns:1.2fr .8fr .8fr!important}
  .footer__car{width:54vw!important;opacity:.82!important}
}

@media (max-width:900px){
  .about,.services,.routes,.packages,.reviews{background:var(--surface-light)!important}
  .service-card{flex:0 0 84vw!important;height:330px!important}
  .service-card__detail{padding:26px 70px 26px 24px}
  .services__details{grid-template-columns:1fr!important}
  .fleet-grid{grid-template-columns:1fr!important}
  .footer__car{right:0!important;bottom:52px!important;width:76vw!important;height:230px!important;opacity:.72!important}
  .messengers{right:10px!important;width:48px!important;height:144px!important}
  .messengers img{width:48px!important;height:144px!important}
}
