
:root{
  --bg:#051118;
  --bg2:#091b23;
  --surface:#0d2029;
  --surface2:#102834;
  --text:#edf3f4;
  --muted:#a6b5b9;
  --gold:#d7b37a;
  --line:rgba(255,255,255,.12);
  --card:rgba(255,255,255,.03);
  --shadow:0 24px 80px rgba(0,0,0,.35);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at top right, rgba(45,93,105,.18), transparent 28%), radial-gradient(circle at 20% 0%, rgba(215,179,122,.08), transparent 22%), var(--bg); color:var(--text); font-family:Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; line-height:1.55;}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.wrap{width:min(1240px, calc(100% - 40px)); margin:auto}
header.top{position:sticky; top:0; z-index:100; background:rgba(5,17,24,.72); backdrop-filter:blur(18px); border-bottom:1px solid rgba(255,255,255,.08)}
.nav{height:90px; display:flex; gap:28px; align-items:center}
.brand{display:flex; align-items:center; margin-right:auto}
.brand img{width:180px; height:auto; display:block}
.navlinks{display:flex; gap:28px; align-items:center; font-size:15px; font-weight:650}
.navlinks a{opacity:.95}
.navlinks a:hover{color:var(--gold)}
.navcta,.btn{display:inline-flex; align-items:center; justify-content:center; gap:8px; padding:14px 22px; border-radius:999px; background:var(--gold); color:#07141a; font-weight:800; border:1px solid var(--gold); transition:.2s ease; text-transform:none}
.btn.alt{background:transparent; color:var(--text); border-color:rgba(255,255,255,.25)}
.navcta:hover,.btn:hover{transform:translateY(-2px)}
.hamb{display:none; background:none; border:0; color:white; font-size:28px}
.hero{position:relative; min-height:calc(100vh - 90px); display:grid; align-items:end; overflow:hidden; background:#08161d}
.hero-media{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; object-position:center; filter:saturate(.9) contrast(1.05) brightness(.78)}
.hero::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(3,10,15,.9) 0%, rgba(3,10,15,.76) 35%, rgba(3,10,15,.35) 70%, rgba(3,10,15,.18) 100%), linear-gradient(0deg, rgba(3,10,15,.65) 0%, transparent 35%)}
.hero-shell{position:relative; z-index:1; padding:120px 0 54px}
.hero-grid{display:grid; grid-template-columns:minmax(0,780px) 1fr; gap:24px; align-items:end}
.eyebrow{display:inline-block; font-size:12px; text-transform:uppercase; letter-spacing:.24em; color:var(--gold); font-weight:800; margin-bottom:22px}
.hero h1,.page-hero h1,.section h2{font-family:Georgia, 'Times New Roman', serif; font-weight:500; letter-spacing:-.05em; line-height:.92; margin:0}
.hero h1{font-size:clamp(64px, 8vw, 132px); max-width:9ch; margin-bottom:20px}
.hero p{max-width:660px; font-size:20px; color:#e7ecec; margin:0 0 28px}
.actions{display:flex; gap:14px; flex-wrap:wrap}
.hero-panel{justify-self:end; width:min(380px,100%); border:1px solid var(--line); background:linear-gradient(180deg, rgba(255,255,255,.09), rgba(255,255,255,.04)); backdrop-filter:blur(12px); border-radius:var(--radius); padding:24px; box-shadow:var(--shadow)}
.hero-panel h3{margin:0 0 10px; font-size:18px}
.hero-panel p{font-size:14px; color:var(--muted); margin:0 0 16px}
.hero-list{display:grid; gap:12px}
.hero-list div{padding-top:12px; border-top:1px solid rgba(255,255,255,.12); font-size:15px}
.hero-list strong{display:block; color:white; font-size:16px}
.trust{display:grid; grid-template-columns:repeat(4,1fr); gap:18px; margin-top:34px}
.trust div{padding-top:14px; border-top:1px solid rgba(255,255,255,.16); color:var(--muted); font-size:14px}
.trust strong{display:block; color:#f8f6ef; margin-bottom:4px}
.section{padding:96px 0}
.section.tight{padding:72px 0}
.kicker{display:block; text-transform:uppercase; letter-spacing:.22em; color:var(--gold); font-size:12px; font-weight:800; margin-bottom:18px}
.section h2{font-size:clamp(40px, 5vw, 76px); max-width:12ch; margin-bottom:16px}
.lead{color:var(--muted); font-size:19px; max-width:760px}
.offer-grid{display:grid; grid-template-columns:repeat(3, 1fr); gap:18px; margin-top:32px}
.offer{position:relative; min-height:480px; border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)}
.offer img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.72) saturate(.92)}
.offer::after{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(5,17,24,.08) 0%, rgba(5,17,24,.35) 38%, rgba(5,17,24,.95) 100%)}
.offer .copy{position:absolute; inset:auto 24px 24px; z-index:1}
.offer .copy h3{font-family:Georgia, 'Times New Roman', serif; font-size:34px; font-weight:500; margin:0 0 10px}
.offer .copy p{color:#d6dede; margin:0 0 14px; font-size:15px}
.offer .copy a{font-weight:800; color:#fff}
.split{display:grid; grid-template-columns:1.05fr .95fr; gap:26px; align-items:center}
.image-panel{min-height:620px; border-radius:18px; overflow:hidden; border:1px solid rgba(255,255,255,.08); box-shadow:var(--shadow)}
.image-panel img{width:100%; height:100%; object-fit:cover}
.text-panel{padding:42px; border-radius:18px; border:1px solid rgba(255,255,255,.08); background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)); box-shadow:var(--shadow)}
.text-panel h2{font-size:clamp(42px,5vw,76px); max-width:10ch}
.text-panel p{font-size:18px; color:var(--muted)}
.bullets{display:grid; grid-template-columns:1fr 1fr; gap:14px 26px; margin:28px 0}
.bullets div{padding-top:14px; border-top:1px solid rgba(255,255,255,.1); color:#dce5e6}
.quote-band{padding:28px 0; border-top:1px solid rgba(255,255,255,.08); border-bottom:1px solid rgba(255,255,255,.08); display:grid; grid-template-columns:1.2fr .8fr; gap:26px; align-items:center}
.quote-band blockquote{margin:0; font-family:Georgia, 'Times New Roman', serif; font-size:clamp(30px,4vw,54px); line-height:1.1; letter-spacing:-.03em}
.metrics{display:grid; grid-template-columns:repeat(3,1fr); gap:18px}
.metric{padding:24px; background:var(--card); border:1px solid rgba(255,255,255,.08); border-radius:18px}
.metric strong{display:block; font-family:Georgia, 'Times New Roman', serif; font-size:40px; font-weight:500; color:#fff; margin-bottom:8px}
.cta-band{padding:34px; display:grid; grid-template-columns:1fr auto; gap:20px; align-items:center; border-radius:18px; background:linear-gradient(90deg, rgba(215,179,122,.16), rgba(23,50,60,.7)); border:1px solid rgba(215,179,122,.32)}
.cta-band h2{font-size:clamp(36px, 4vw, 58px); max-width:none; margin-bottom:8px}
.page-hero{position:relative; min-height:58vh; display:grid; align-items:end; overflow:hidden; background:#08161d}
.page-hero img{position:absolute; inset:0; width:100%; height:100%; object-fit:cover; filter:brightness(.72)}
.page-hero::before{content:""; position:absolute; inset:0; background:linear-gradient(90deg, rgba(3,10,15,.92) 0%, rgba(3,10,15,.68) 44%, rgba(3,10,15,.24) 100%), linear-gradient(0deg, rgba(3,10,15,.68), transparent 50%)}
.page-hero .inner{position:relative; z-index:1; padding:140px 0 54px}
.page-hero h1{font-size:clamp(54px,7vw,112px); max-width:11ch; margin-bottom:18px}
.page-hero p{font-size:20px; color:#dbe5e6; max-width:760px; margin:0}
.rows{display:grid; gap:18px; margin-top:24px}
.row{display:grid; grid-template-columns:.7fr 1.3fr; gap:20px; padding:24px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02))}
.row h3{margin:0; font-size:24px}
.row p{margin:0; color:var(--muted)}
.side-by-side{display:grid; grid-template-columns:1fr 1fr; gap:18px}
.card{padding:26px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:var(--card)}
.card h3{margin-top:0; font-size:22px}
.card p, .card li{color:var(--muted)}
.teamline{display:grid; grid-template-columns:1fr 1fr; gap:22px; margin-top:24px}
.contact-grid{display:grid; grid-template-columns:.92fr 1.08fr; gap:22px}
.contactbox,.form{padding:30px; border:1px solid rgba(255,255,255,.08); border-radius:18px; background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.02))}
.contactbox p,.form p{color:var(--muted)}
.field{display:grid; gap:8px; margin-bottom:16px}
.field input,.field textarea,.field select{width:100%; padding:14px 16px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:#08161d; color:#fff}
.field textarea{min-height:160px; resize:vertical}
.status{margin-top:10px; color:var(--muted)}
footer{padding:44px 0 24px; border-top:1px solid rgba(255,255,255,.08); background:#040d12}
.foot{display:grid; grid-template-columns:1.1fr .7fr .7fr .8fr; gap:24px}
footer h4{margin:0 0 10px}
footer p, footer a, .legal{color:#9fb0b4}
.footer-brand img{width:200px; margin-bottom:14px}
.footer-col{display:grid; gap:10px; align-content:start}
.legal{display:flex; justify-content:space-between; gap:18px; flex-wrap:wrap; padding-top:18px; margin-top:18px; border-top:1px solid rgba(255,255,255,.08); font-size:13px}
.reveal{opacity:0; transform:translateY(16px); transition:opacity .55s ease, transform .55s ease}.reveal.show{opacity:1; transform:none}
.visually-hidden{position:absolute !important; width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:1020px){
  .hero-grid,.split,.quote-band,.contact-grid,.foot{grid-template-columns:1fr}
  .offer-grid,.metrics,.teamline,.side-by-side{grid-template-columns:1fr 1fr}
  .bullets{grid-template-columns:1fr}
  .trust{grid-template-columns:1fr 1fr}
  .hero-panel{justify-self:start; width:100%}
}
@media(max-width:860px){
  .hamb{display:block; margin-left:auto}
  .nav{height:78px}
  .brand img{width:150px}
  .navlinks{display:none; position:absolute; top:78px; left:0; right:0; background:#07141a; padding:18px 20px; flex-direction:column; border-bottom:1px solid rgba(255,255,255,.08)}
  .navlinks.open{display:flex}
  .navcta{display:none}
  .offer-grid,.metrics,.teamline,.side-by-side{grid-template-columns:1fr}
  .rows .row{grid-template-columns:1fr}
}
@media(max-width:640px){
  .wrap{width:min(100% - 24px, 1240px)}
  .hero-shell{padding-top:108px}
  .hero h1{font-size:58px}
  .hero p,.page-hero p,.lead,.text-panel p{font-size:17px}
  .trust{grid-template-columns:1fr}
  .section{padding:74px 0}
  .offer{min-height:380px}
  .image-panel{min-height:380px}
  .text-panel{padding:28px}
  .cta-band{grid-template-columns:1fr}
  .btn,.navcta{width:100%}
  .actions{display:grid; grid-template-columns:1fr}
}

/* v4.1 — supplied DBT logo + hero eyebrow readability */
.brand img{width:210px;height:auto;object-fit:contain;display:block}
.footer-brand img{width:220px;height:auto}
.hero .eyebrow{color:#f0c987;font-weight:900;text-shadow:0 2px 12px rgba(0,0,0,.78),0 1px 2px rgba(0,0,0,.85);letter-spacing:.22em}
@media(max-width:860px){.brand img{width:170px}}


/* v4.3 — contact-first, multilingual, clearer services */
.utility{background:#030b10;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}
.utility .wrap{min-height:36px;display:flex;align-items:center;gap:18px;justify-content:flex-end;color:#b7c4c7}
.utility a{color:#eef3f4;font-weight:700}
.utility .urgent{color:var(--gold);margin-right:auto}
.langs{display:flex;gap:7px;align-items:center}
.langs a{padding:4px 7px;border-radius:999px;border:1px solid transparent;color:#b7c4c7;font-size:12px}
.langs a.active,.langs a:hover{border-color:rgba(215,179,122,.45);color:var(--gold)}
.top{top:0}
.top.with-utility{top:0}
.phone-nav{display:inline-flex;align-items:center;justify-content:center;padding:12px 17px;border-radius:999px;border:1px solid rgba(255,255,255,.18);font-weight:800;white-space:nowrap}
.phone-nav:hover{border-color:var(--gold);color:var(--gold)}
.nav{gap:20px}
.navlinks{gap:23px}
.quick-contact{position:fixed;right:20px;bottom:20px;z-index:120;display:flex;gap:10px;align-items:center}
.quick-contact a,.to-top{display:flex;align-items:center;justify-content:center;min-height:48px;border-radius:999px;box-shadow:0 12px 35px rgba(0,0,0,.28)}
.quick-contact .call{padding:0 18px;background:var(--gold);color:#07141a;font-weight:900}
.quick-contact .mail{width:48px;background:#0d2029;border:1px solid rgba(255,255,255,.14);color:#fff;font-size:19px}
.to-top{position:fixed;right:20px;bottom:78px;z-index:119;width:48px;border:1px solid rgba(255,255,255,.16);background:rgba(7,20,26,.9);color:#fff;cursor:pointer;opacity:0;pointer-events:none;transform:translateY(8px);transition:.2s}
.to-top.visible{opacity:1;pointer-events:auto;transform:none}
.contact-strip{display:grid;grid-template-columns:1fr auto auto;gap:14px;align-items:center;padding:22px 24px;margin-top:26px;border-radius:18px;background:linear-gradient(90deg,rgba(215,179,122,.13),rgba(255,255,255,.035));border:1px solid rgba(215,179,122,.25)}
.contact-strip p{margin:4px 0 0;color:var(--muted)}
.contact-strip strong{font-size:18px}
.service-accordion{display:grid;gap:12px;margin-top:30px}
.service-accordion details{border:1px solid rgba(255,255,255,.09);background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018));border-radius:18px;overflow:hidden}
.service-accordion summary{list-style:none;cursor:pointer;padding:22px 58px 22px 24px;position:relative;font-size:20px;font-weight:800;color:#fff}
.service-accordion summary::-webkit-details-marker{display:none}
.service-accordion summary:after{content:"+";position:absolute;right:24px;top:50%;transform:translateY(-50%);font-size:28px;color:var(--gold);font-weight:400}
.service-accordion details[open] summary:after{content:"–"}
.service-accordion .detail-body{padding:0 24px 24px;color:var(--muted);max-width:980px}
.service-accordion .detail-body ul{margin:10px 0 0;padding-left:20px}
.service-accordion .detail-body li{margin:6px 0}
.logo-band{padding:26px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:#f5f4ef;color:#07141a}
.logo-band .logo-intro{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:18px}
.logo-band h3{margin:0;font-size:22px}
.logo-band p{margin:0;color:#536168;font-size:13px;max-width:640px}
.logo-row{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;align-items:center}
.logo-row figure{margin:0;min-height:72px;display:flex;align-items:center;justify-content:center;padding:10px;background:white;border-radius:12px;border:1px solid #e1e2df}
.logo-row img{max-height:42px;max-width:120px;object-fit:contain}
.clarity-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:28px}
.clarity{padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.clarity h3{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:500;margin:0 0 10px}
.clarity p{color:var(--muted);margin:0}
.mobile-dock{display:none}
@media(max-width:1100px){.phone-nav{display:none}.logo-row{grid-template-columns:repeat(3,1fr)}}
@media(max-width:860px){
  .utility .wrap{justify-content:center;flex-wrap:wrap;padding:6px 12px;gap:8px 14px}
  .utility .urgent{margin-right:0;width:100%;text-align:center}
  .top.with-utility{top:0}
  .quick-contact{display:none}
  .mobile-dock{position:fixed;display:grid;grid-template-columns:1fr 1fr;left:10px;right:10px;bottom:10px;z-index:130;background:#06141b;border:1px solid rgba(255,255,255,.12);border-radius:16px;overflow:hidden;box-shadow:0 18px 50px rgba(0,0,0,.4)}
  .mobile-dock a{padding:13px 10px;text-align:center;font-weight:900}
  .mobile-dock a:first-child{background:var(--gold);color:#07141a}
  .contact-strip{grid-template-columns:1fr}
  .contact-strip .btn{width:100%}
  .clarity-grid{grid-template-columns:1fr}
}
@media(max-width:640px){.logo-row{grid-template-columns:repeat(2,1fr)}.logo-band .logo-intro{display:block}.logo-band p{margin-top:8px}}


/* v4.5 production polish */
.top.with-utility{top:0!important}

/* Use the supplied DBT logo as an image asset, not a reconstructed SVG. */
.brand img{
  width:218px;
  height:auto;
  max-height:66px;
  object-fit:contain;
  object-position:left center;
}
.footer-brand img{
  width:218px;
  height:auto;
  max-height:none;
  object-fit:contain;
}

/* Footer navigation must always remain visible and legible. */
footer .footer-col{
  display:flex!important;
  flex-direction:column;
  align-items:flex-start;
  gap:11px;
}
footer .footer-col h4{
  display:block;
  color:#f4f6f5;
  margin:0 0 8px;
}
footer .footer-col a{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#a9bcc1!important;
  line-height:1.45;
}
footer .footer-col a:hover{
  color:#d7b37a!important;
}

/* Direct contact anchors should stop below the sticky navigation. */
#reisaanvraag,#trip-request,#reiseanfrage{
  scroll-margin-top:118px;
}

/* Trust-strip copy starts as proper sentences. */
.trust div{
  text-wrap:pretty;
}

@media(max-width:860px){
  .brand img{width:178px;max-height:56px}
  .footer-brand img{width:195px}
  .top.with-utility{top:0!important}
}


/* v5 complete — compact premium copy */
html{scroll-padding-top:118px}
.top.with-utility{top:0!important}

.brand img{
  width:224px!important;
  height:auto!important;
  max-height:72px!important;
  object-fit:contain!important;
  object-position:left center!important;
  border-radius:0!important;
}
.footer-brand img{
  width:208px!important;
  height:auto!important;
  max-height:none!important;
  object-fit:contain!important;
}

footer .footer-col{
  display:flex!important;
  flex-direction:column!important;
  align-items:flex-start!important;
  gap:10px!important;
}
footer .footer-col h4{
  display:block!important;
  color:#f5f6f4!important;
  margin:0 0 8px!important;
}
footer .footer-col a{
  display:block!important;
  visibility:visible!important;
  opacity:1!important;
  color:#a9bcc1!important;
}
footer .footer-col a:hover{color:#d7b37a!important}

#reisaanvraag,#trip-request,#reiseanfrage{scroll-margin-top:122px}

.service-accordion details[id]{scroll-margin-top:122px}
.service-accordion .detail-body{max-width:820px}
.service-accordion .detail-body p{margin:0}
.detail-actions{margin-top:16px}
.text-link{color:#edca8e;font-weight:800}

.compact-intro{max-width:680px}
.compact-intro p{font-size:18px;color:#a9bcc1}
.mini-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:24px}
.mini-card{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(255,255,255,.025)}
.mini-card strong{display:block;color:#fff;font-size:18px;margin-bottom:6px}
.mini-card span{color:#a9bcc1}

.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:24px}
.person-card{padding:26px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:rgba(255,255,255,.025)}
.person-card h3{font-family:Georgia,'Times New Roman',serif;font-size:30px;font-weight:500;margin:0 0 4px}
.person-card .role{color:#d7b37a;font-weight:800;font-size:12px;letter-spacing:.12em;text-transform:uppercase;margin-bottom:12px}
.person-card p{margin:0;color:#a9bcc1}

.logo-band .logo-intro p{max-width:520px}

@media(max-width:900px){
  .mini-grid,.people-grid{grid-template-columns:1fr}
}


/* v5.1 footer + hero polish */

/* Same readable cinematic shadow on all page hero copy. */
.page-hero .eyebrow,
.hero .eyebrow{
  text-shadow:0 2px 10px rgba(0,0,0,.68),0 1px 2px rgba(0,0,0,.65);
}
.page-hero h1{
  text-shadow:0 3px 18px rgba(0,0,0,.34);
}
.page-hero p{
  text-shadow:0 2px 10px rgba(0,0,0,.40);
}

/* Footer is now 3 main columns; legal links live in the bottom line. */
.foot{
  grid-template-columns:1.25fr .75fr .75fr!important;
  gap:36px!important;
}
.legal{
  align-items:center;
}
.legal-left,
.legal-right{
  display:flex;
  align-items:center;
  gap:16px;
  flex-wrap:wrap;
}
.legal a{
  color:#93a8ad;
  font-size:12px;
}
.legal a:hover{color:#d7b37a}
.footer-top-link{
  display:inline-flex;
  align-items:center;
  gap:6px;
  font-weight:800;
  color:#d7b37a!important;
  cursor:pointer;
}

/* Don't let fixed controls sit on top of footer content. */
body.footer-visible .quick-contact,
body.footer-visible .to-top{
  opacity:0!important;
  pointer-events:none!important;
  transform:translateY(10px)!important;
}
.quick-contact,.to-top{
  transition:opacity .2s ease,transform .2s ease;
}

@media(max-width:1020px){
  .foot{grid-template-columns:1fr 1fr!important}
  .footer-brand{grid-column:1/-1}
}
@media(max-width:640px){
  .foot{grid-template-columns:1fr!important}
  .footer-brand{grid-column:auto}
  .legal{align-items:flex-start}
}


/* v5.2 — stronger hero readability + clean concise copy */
.hero .eyebrow,
.page-hero .eyebrow{
  color:#e4bd7a!important;
  font-weight:900!important;
  text-shadow:
    0 2px 3px rgba(0,0,0,.95),
    0 4px 14px rgba(0,0,0,.85)!important;
}
.hero h1,
.page-hero h1{
  text-shadow:
    0 3px 4px rgba(0,0,0,.75),
    0 8px 26px rgba(0,0,0,.56)!important;
}
.hero p,
.page-hero p{
  max-width:660px;
  text-shadow:
    0 2px 3px rgba(0,0,0,.92),
    0 5px 16px rgba(0,0,0,.68)!important;
}
.page-hero::before{
  background:
    linear-gradient(90deg,rgba(2,9,13,.95) 0%,rgba(2,9,13,.76) 38%,rgba(2,9,13,.28) 76%,rgba(2,9,13,.13) 100%),
    linear-gradient(0deg,rgba(2,9,13,.62),transparent 55%)!important;
}

/* Clickable external logo strip */
.logo-row a{
  min-height:72px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:10px;
  background:white;
  border-radius:12px;
  border:1px solid #e1e2df;
  transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;
}
.logo-row a:hover{
  transform:translateY(-2px);
  border-color:#cbb48b;
  box-shadow:0 10px 25px rgba(0,0,0,.10);
}
.logo-row a img{
  max-height:42px;
  max-width:120px;
  object-fit:contain;
}
.logo-row figure{display:none!important}

.external-note{
  font-size:12px;
  color:#65747a;
  margin-top:12px;
}


/* v5.3 copy polish */
.clarity h3,
.offer .copy h3,
.hero-panel h3{
  letter-spacing:-.02em;
}
.clarity p,
.offer .copy p,
.hero-panel p{
  text-wrap:balance;
}


/* v5.4 — compact private hero, integrated partner strip */
.logo-band{
  background:linear-gradient(145deg,#0b2028,#08171d)!important;
  color:#eef3f4!important;
  border:1px solid rgba(255,255,255,.09)!important;
  box-shadow:none!important;
  padding:26px!important;
}
.logo-band h3{color:#f5f6f3!important}
.logo-band .logo-intro p{color:#9fb0b4!important}
.logo-row{
  gap:12px!important;
}
.logo-row a{
  background:rgba(255,255,255,.96)!important;
  min-height:68px!important;
  border:1px solid rgba(255,255,255,.12)!important;
  box-shadow:none!important;
}
.logo-row a:hover{
  transform:translateY(-2px);
  box-shadow:0 10px 28px rgba(0,0,0,.22)!important;
}
.external-note{display:none!important}

/* Keep sub-page hero headlines strong without becoming oversized. */
.page-hero h1{
  max-width:9.5ch;
}
@media(max-width:640px){
  .page-hero h1{max-width:11ch}
}


/* v5.7 — supplied premium DBT logo */
.brand img{
  width:258px!important;
  max-height:74px!important;
  height:auto!important;
  object-fit:contain!important;
  object-position:left center!important;
}
.footer-brand img{
  width:270px!important;
  max-height:none!important;
  height:auto!important;
  object-fit:contain!important;
}
@media(max-width:860px){
  .brand img{width:205px!important;max-height:58px!important}
  .footer-brand img{width:225px!important}
}
@media(max-width:480px){
  .brand img{width:178px!important}
}

/* v5.8 — travel briefing form */
.form > h2{
  font-family:Georgia,'Times New Roman',serif;
  font-size:clamp(34px,3vw,48px);
  line-height:1.02;
  letter-spacing:-.035em;
  font-weight:500;
  margin:0 0 10px;
}
.form > .kicker{margin-bottom:12px}
.form > p{margin:0 0 24px;color:#a9bcc1;max-width:560px}


/* v5.9 — favicon + hide mobile bottom dock */
@media (max-width: 860px){
  .mobile-dock,
  .quick-contact,
  .floating-cta,
  .sticky-contact{
    display:none !important;
  }
}


/* v6.7 — page-specific mobile hero focus */
@media (max-width: 860px) {
  /* Home: keep traveler + aircraft visible */
  .hero img[src*="hero-jet"] {
    object-position: 67% center;
  }

  /* Business travel: center on the seated traveler */
  .page-hero img[src*="business-lounge"] {
    object-position: 55% center;
  }

  /* Private travel: keep villa / pool in view */
  .page-hero img[src*="private-resort"] {
    object-position: 72% center;
  }

  /* Services: focus on chauffeur and open car door */
  .page-hero img[src*="chauffeur-hotel"] {
    object-position: 58% center;
  }

  /* Contact: keep departing traveler and suitcase visible */
  .page-hero img[src*="contact-departure"] {
    object-position: 73% center;
  }

  /* Over DBT: show the travel-planning details, not only the dark left edge */
  .page-hero img[src*="over-dbt-travel-service"] {
    object-position: 66% center;
  }
}
