/* ===================== Vexa Global Advisory — Themeable ===================== */
:root{
  /* Accent + neutrals (shared across all themes) */
  --gold:#C9A24B;
  --gold-light:#E2C77E;
  --ivory:#F7F5EF;
  --ivory-2:#EFEADD;
  --ink:#1C2733;
  --muted:#5B6573;
  --line:#E4DFD2;
  --white:#FFFFFF;

  /* Brand palette — Navy. --emerald* are token names; --rgb-* power translucent overlays/shadows. */
  --emerald:#14396B; --emerald-dark:#0E2A50; --emerald-deep:#081A33;
  --rgb-base:20,57,107; --rgb-dark:14,42,80; --rgb-deep:8,26,51;

  --shadow-sm:0 4px 18px rgba(var(--rgb-deep),.06);
  --shadow-md:0 18px 40px rgba(var(--rgb-deep),.10);
  --shadow-lg:0 30px 60px rgba(var(--rgb-deep),.14);
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
@media (prefers-reduced-motion:reduce){ html{ scroll-behavior:auto; } }
body{
  margin:0;
  font-family:'Manrope',system-ui,-apple-system,sans-serif;
  color:var(--ink);
  background:var(--ivory);
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{ display:block; max-width:100%; }
a{ color:inherit; }

.container{ width:100%; max-width:1180px; margin:0 auto; padding:0 28px; }
.serif{ font-family:'Cormorant Garamond',serif; }

/* ---------- reveal (subtle fade-up only) ---------- */
.reveal{ opacity:0; transform:translateY(18px); transition:opacity .7s ease, transform .7s ease; }
.reveal.is-in{ opacity:1; transform:none; }
@media (prefers-reduced-motion:reduce){ .reveal{ opacity:1 !important; transform:none !important; } }

/* ---------- shared bits ---------- */
.eyebrow{ font-size:12px; letter-spacing:.26em; font-weight:700; text-transform:uppercase; color:var(--gold); }
.eyebrow--ink{ color:var(--emerald); }
.section-head{ text-align:center; max-width:680px; margin:0 auto 54px; }
.display{ margin:.32em 0 0; font-family:'Cormorant Garamond',serif; font-weight:600; line-height:1.08; letter-spacing:-.01em; font-size:clamp(32px,4.6vw,50px); }
.rule{ width:56px; height:2px; margin:22px auto 0; background:linear-gradient(90deg,var(--gold),var(--gold-light)); border-radius:2px; }
.on-dark{ color:#fff; }
.on-dark .display{ color:#fff; }
.lede{ color:var(--muted); font-size:16px; line-height:1.7; }

/* ---------- buttons ---------- */
.btn{ display:inline-flex; align-items:center; gap:10px; cursor:pointer; text-decoration:none; font-weight:600; letter-spacing:.02em; border-radius:4px; border:1px solid transparent; transition:transform .25s ease, box-shadow .25s ease, background .25s ease, color .25s ease, border-color .25s ease; }
.btn svg{ width:17px; height:17px; }
.btn-gold{ padding:14px 26px; color:var(--emerald-deep); background:linear-gradient(135deg,var(--gold-light),var(--gold)); box-shadow:0 10px 26px rgba(201,162,75,.32); }
.btn-gold:hover{ transform:translateY(-2px); box-shadow:0 16px 34px rgba(201,162,75,.45); }
.btn-lg{ padding:16px 32px; font-size:15.5px; }
.btn-outline{ padding:14px 26px; color:#fff; border-color:rgba(255,255,255,.45); background:transparent; }
.btn-outline:hover{ background:rgba(255,255,255,.10); border-color:#fff; }
.btn-emerald{ padding:14px 26px; color:#fff; background:var(--emerald); box-shadow:var(--shadow-sm); }
.btn-emerald:hover{ transform:translateY(-2px); background:var(--emerald-dark); box-shadow:var(--shadow-md); }

/* ===================== NAV ===================== */
.nav{ position:fixed; inset:0 0 auto 0; z-index:60; height:74px; display:flex; align-items:center; transition:background .4s ease, box-shadow .4s ease, height .4s ease; }
.nav__bg{ position:absolute; inset:0; background:linear-gradient(180deg,var(--emerald),var(--emerald-dark)); box-shadow:0 10px 30px rgba(var(--rgb-deep),.28); opacity:0; transition:opacity .4s ease; }
.nav.is-scrolled .nav__bg{ opacity:1; }
.nav__inner{ position:relative; width:100%; max-width:1280px; margin:0 auto; padding:0 28px; display:flex; align-items:center; justify-content:space-between; gap:24px; }
.brand{ display:flex; align-items:center; gap:12px; text-decoration:none; }
.brand__badge{ display:flex; align-items:center; justify-content:center; background:#fff; border-radius:8px; padding:7px 10px; box-shadow:0 6px 18px rgba(var(--rgb-deep),.20); }
.brand__name{ display:flex; flex-direction:column; line-height:1; }
.brand__name b{ font-family:'Cormorant Garamond',serif; font-weight:700; font-size:24px; letter-spacing:.16em; color:#fff; }
.brand__name span{ font-size:8.5px; letter-spacing:.32em; color:var(--gold-light); margin-top:3px; font-weight:600; }
.nav__links{ display:flex; align-items:center; gap:32px; }
.nav__links a{ text-decoration:none; color:rgba(255,255,255,.85); font-size:14px; font-weight:500; letter-spacing:.01em; transition:color .25s; }
.nav__links a:hover{ color:var(--gold-light); }
.burger{ display:none; background:none; border:none; cursor:pointer; padding:8px; color:#fff; }

/* drawer */
.overlay{ position:fixed; inset:0; z-index:70; background:rgba(var(--rgb-deep),.55); backdrop-filter:blur(2px); opacity:0; pointer-events:none; transition:opacity .35s; }
.overlay.is-open{ opacity:1; pointer-events:auto; }
.drawer{ position:fixed; top:0; right:0; bottom:0; z-index:80; width:min(82vw,320px); background:linear-gradient(180deg,var(--emerald),var(--emerald-deep)); box-shadow:-20px 0 50px rgba(0,0,0,.4); transform:translateX(110%); transition:transform .4s cubic-bezier(.4,.1,.2,1); padding:24px; display:flex; flex-direction:column; }
.drawer.is-open{ transform:translateX(0); }
.drawer__top{ display:flex; justify-content:space-between; align-items:center; margin-bottom:30px; }
.drawer__top b{ font-family:'Cormorant Garamond',serif; font-weight:700; font-size:22px; letter-spacing:.16em; color:#fff; }
.drawer__close{ background:none; border:none; color:#fff; cursor:pointer; padding:6px; }
.drawer a.dl{ text-decoration:none; color:rgba(255,255,255,.86); font-family:'Cormorant Garamond',serif; font-size:22px; padding:12px 0; border-bottom:1px solid rgba(255,255,255,.10); transition:color .2s; }
.drawer a.dl:hover{ color:var(--gold-light); }

/* ===================== HERO ===================== */
.hero{ position:relative; min-height:100vh; display:flex; align-items:center; overflow:hidden; }
.hero__media{ position:absolute; inset:0; }
.hero__media img{ width:100%; height:100%; object-fit:cover; }
.hero__media::after{ content:""; position:absolute; inset:0;
  background:linear-gradient(105deg, rgba(var(--rgb-deep),.94) 0%, rgba(var(--rgb-dark),.86) 42%, rgba(var(--rgb-base),.55) 78%, rgba(var(--rgb-base),.28) 100%); }
.hero__inner{ position:relative; z-index:2; padding:130px 0 90px; }
.hero__tagrow{ display:inline-flex; align-items:center; gap:10px; margin-bottom:22px; }
.hero__tagrow span.line{ width:30px; height:1px; background:linear-gradient(90deg,transparent,var(--gold)); }
.hero h1{ margin:0; font-family:'Cormorant Garamond',serif; font-weight:600; color:#fff; font-size:clamp(40px,6.2vw,74px); line-height:1.05; letter-spacing:-.01em; max-width:13ch; }
.hero h1 em{ font-style:italic; color:var(--gold-light); }
.hero__sub{ margin:26px 0 0; max-width:580px; color:rgba(255,255,255,.82); font-size:clamp(16px,1.5vw,18.5px); line-height:1.65; font-weight:300; }
.hero__cta{ display:flex; flex-wrap:wrap; gap:14px; margin-top:34px; }
.hero__trust{ display:flex; flex-wrap:wrap; gap:12px 26px; margin-top:38px; }
.hero__trust span{ display:inline-flex; align-items:center; gap:8px; color:rgba(255,255,255,.85); font-size:13.5px; font-weight:500; }
.hero__trust svg{ width:17px; height:17px; color:var(--gold-light); }
.scrollcue{ position:absolute; bottom:24px; left:50%; transform:translateX(-50%); display:flex; flex-direction:column; align-items:center; gap:7px; opacity:.7; }
.scrollcue span{ font-size:10px; letter-spacing:.25em; color:var(--gold-light); }

/* ===================== STATS ===================== */
.stats{ background:linear-gradient(180deg,var(--emerald-deep),var(--emerald-dark)); padding:52px 0; }
.stats__grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:24px; }
.stat{ text-align:center; padding:12px 8px; border-left:1px solid rgba(226,199,126,.22); }
.stat b{ font-family:'Cormorant Garamond',serif; font-weight:700; color:#fff; font-size:clamp(34px,4.4vw,50px); line-height:1; }
.stat b i{ font-style:normal; color:var(--gold-light); }
.stat p{ margin:10px 0 0; color:rgba(255,255,255,.7); font-size:12.5px; letter-spacing:.06em; text-transform:uppercase; }
.note{ text-align:center; color:rgba(255,255,255,.42); font-size:11.5px; font-style:italic; margin:20px auto 0; }

/* ===================== SERVICES ===================== */
.section{ padding:96px 0; }
.bg-ivory{ background:var(--ivory); }
.bg-white{ background:#fff; }
.bg-ivory2{ background:var(--ivory-2); }
.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }
.card{ background:#fff; border:1px solid var(--line); border-radius:8px; padding:30px 26px; transition:transform .3s ease, box-shadow .3s ease, border-color .3s ease; }
.card:hover{ transform:translateY(-5px); box-shadow:var(--shadow-md); border-color:var(--gold); }
.card__icon{ width:54px; height:54px; border-radius:8px; display:flex; align-items:center; justify-content:center; background:linear-gradient(135deg,rgba(var(--rgb-base),.12),rgba(201,162,75,.12)); color:var(--emerald); margin-bottom:18px; }
.card__icon svg{ width:27px; height:27px; }
.card h3{ margin:0 0 9px; font-size:18px; font-weight:600; color:var(--ink); line-height:1.28; }
.card p{ margin:0; color:var(--muted); font-size:14px; line-height:1.6; }

/* ===================== DESTINATIONS (photo cards) ===================== */
.dest-grid{ display:grid; grid-template-columns:repeat(4,1fr); gap:20px; }
.dest{ position:relative; border-radius:10px; overflow:hidden; min-height:240px; display:flex; align-items:flex-end; text-decoration:none; box-shadow:var(--shadow-sm); transition:transform .3s ease, box-shadow .3s ease; }
.dest img{ position:absolute; inset:0; width:100%; height:100%; object-fit:cover; }
.dest::after{ content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(var(--rgb-deep),0) 28%, rgba(var(--rgb-deep),.55) 62%, rgba(var(--rgb-deep),.92) 100%); transition:background .3s ease; }
.dest:hover{ transform:translateY(-5px); box-shadow:var(--shadow-lg); }
.dest:hover::after{ background:linear-gradient(180deg, rgba(var(--rgb-deep),.10) 20%, rgba(var(--rgb-deep),.62) 58%, rgba(var(--rgb-deep),.95) 100%); }
.dest__body{ position:relative; z-index:2; padding:22px 22px 20px; }
.dest__body h3{ margin:0 0 5px; font-family:'Cormorant Garamond',serif; font-size:24px; font-weight:600; color:#fff; }
.dest__body p{ margin:0; color:rgba(255,255,255,.82); font-size:13px; line-height:1.5; }
.dest__flag{ position:absolute; top:14px; left:14px; z-index:2; display:inline-flex; align-items:center; gap:6px; padding:5px 11px; border-radius:30px; background:rgba(var(--rgb-deep),.55); backdrop-filter:blur(3px); color:var(--gold-light); font-size:11px; font-weight:600; letter-spacing:.08em; }

/* ===================== PROCESS ===================== */
.timeline{ max-width:920px; margin:0 auto; position:relative; padding-left:6px; }
.timeline__rail{ position:absolute; left:35px; top:14px; bottom:24px; width:2px; background:linear-gradient(180deg,var(--gold),var(--gold-light)); border-radius:2px; opacity:.5; }
.step{ position:relative; display:flex; gap:28px; padding-bottom:42px; }
.step:last-child{ padding-bottom:0; }
.step__num{ flex:none; width:72px; height:72px; border-radius:50%; background:#fff; border:2px solid var(--gold); display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-weight:700; font-size:24px; color:var(--emerald); box-shadow:var(--shadow-sm); z-index:1; }
.step__body{ padding-top:12px; }
.step__body h3{ margin:0 0 7px; font-size:21px; font-weight:600; color:var(--ink); }
.step__body p{ margin:0; color:var(--muted); font-size:15px; line-height:1.65; max-width:560px; }

/* ===================== WHY (image + list) ===================== */
.why-grid{ display:grid; grid-template-columns:0.95fr 1.05fr; gap:56px; align-items:center; }
.why-media{ position:relative; border-radius:12px; overflow:hidden; box-shadow:var(--shadow-lg); }
.why-media img{ width:100%; height:100%; object-fit:cover; aspect-ratio:4/5; }
.why-media__badge{ position:absolute; left:18px; bottom:18px; right:18px; background:rgba(var(--rgb-deep),.78); backdrop-filter:blur(4px); color:#fff; border-radius:10px; padding:16px 18px; display:flex; gap:13px; align-items:center; }
.why-media__badge svg{ width:30px; height:30px; color:var(--gold-light); flex:none; }
.why-media__badge b{ font-family:'Cormorant Garamond',serif; font-size:20px; display:block; }
.why-media__badge p{ margin:2px 0 0; font-size:12.5px; color:rgba(255,255,255,.78); }
.why-list{ display:grid; grid-template-columns:1fr 1fr; gap:22px 26px; }
.why-item{ display:flex; gap:14px; }
.why-item svg{ width:28px; height:28px; color:var(--emerald); flex:none; }
.why-item h4{ margin:2px 0 5px; font-size:16px; font-weight:600; color:var(--ink); }
.why-item p{ margin:0; color:var(--muted); font-size:13.5px; line-height:1.55; }

/* ===================== TESTIMONIALS ===================== */
.bg-emerald{ background:linear-gradient(180deg,var(--emerald-dark),var(--emerald-deep)); }
.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:22px; }
.tst{ background:rgba(255,255,255,.05); border:1px solid rgba(226,199,126,.18); border-radius:10px; padding:30px 28px; display:flex; flex-direction:column; }
.tst__quote{ width:34px; height:34px; color:var(--gold); margin-bottom:14px; }
.tst p{ margin:0 0 22px; color:rgba(255,255,255,.9); font-family:'Cormorant Garamond',serif; font-size:20px; line-height:1.45; font-style:italic; flex:1; }
.tst__who{ display:flex; align-items:center; gap:13px; border-top:1px solid rgba(226,199,126,.2); padding-top:16px; }
.tst__mono{ width:46px; height:46px; border-radius:50%; flex:none; display:flex; align-items:center; justify-content:center; font-family:'Cormorant Garamond',serif; font-weight:700; font-size:16px; letter-spacing:.02em; color:var(--emerald-deep); background:linear-gradient(135deg,var(--gold-light),var(--gold)); }
.tst__who b{ color:#fff; font-weight:600; font-size:14.5px; display:block; }
.tst__who span{ color:var(--gold-light); font-size:12px; letter-spacing:.03em; }

/* ===================== FAQ ===================== */
.faq{ max-width:820px; margin:0 auto; display:flex; flex-direction:column; gap:13px; }
.faq-item{ background:#fff; border:1px solid var(--line); border-radius:8px; overflow:hidden; }
.faq-btn{ width:100%; display:flex; align-items:center; justify-content:space-between; gap:18px; padding:22px 24px; background:none; border:none; cursor:pointer; text-align:left; font-family:inherit; }
.faq-btn span{ font-size:17px; font-weight:600; color:var(--ink); }
.faq-icon{ flex:none; color:var(--gold); transition:transform .3s ease; }
.faq-icon svg{ width:20px; height:20px; }
.faq-item.is-open .faq-icon{ transform:rotate(45deg); }
.faq-body{ overflow:hidden; max-height:0; opacity:0; transition:max-height .4s cubic-bezier(.3,.6,.2,1), opacity .35s; }
.faq-item.is-open .faq-body{ max-height:340px; opacity:1; }
.faq-body p{ margin:0; padding:0 24px 24px; color:var(--muted); font-size:15px; line-height:1.7; }

/* ===================== CTA BAND ===================== */
.ctaband{ position:relative; padding:96px 0; overflow:hidden; }
.ctaband__media{ position:absolute; inset:0; }
.ctaband__media img{ width:100%; height:100%; object-fit:cover; }
.ctaband__media::after{ content:""; position:absolute; inset:0; background:linear-gradient(120deg,rgba(var(--rgb-deep),.93),rgba(var(--rgb-dark),.82)); }
.ctaband__inner{ position:relative; z-index:2; text-align:center; max-width:760px; margin:0 auto; }
.ctaband h2{ margin:0; font-family:'Cormorant Garamond',serif; font-weight:600; color:#fff; font-size:clamp(30px,4.5vw,46px); line-height:1.12; }
.ctaband p{ margin:16px auto 0; max-width:540px; color:rgba(255,255,255,.84); font-size:17px; line-height:1.6; font-weight:300; }

/* ===================== CONTACT ===================== */
.contact-grid{ display:grid; grid-template-columns:0.9fr 1.1fr; gap:54px; align-items:start; }
.info-row{ display:flex; gap:15px; align-items:flex-start; margin-top:20px; }
.info-row .ic{ flex:none; width:44px; height:44px; border-radius:8px; background:var(--ivory); border:1px solid var(--line); display:flex; align-items:center; justify-content:center; color:var(--emerald); }
.info-row .ic svg{ width:21px; height:21px; }
.info-row .k{ font-size:12px; letter-spacing:.07em; text-transform:uppercase; color:#9aa49d; }
.info-row .v{ color:var(--ink); font-weight:600; font-size:15px; text-decoration:none; }
.form-card{ background:#fff; border:1px solid var(--line); border-radius:12px; padding:34px; box-shadow:var(--shadow-md); }
.form{ display:grid; grid-template-columns:1fr 1fr; gap:18px; }
.field{ display:flex; flex-direction:column; gap:7px; }
.field.full{ grid-column:span 2; }
.field label{ font-size:13px; font-weight:600; color:var(--ink); }
.field label i{ color:var(--gold); font-style:normal; }
.field input, .field select, .field textarea{ padding:13px 15px; border:1px solid var(--line); border-radius:6px; background:var(--ivory); font-family:inherit; font-size:14.5px; color:var(--ink); outline:none; transition:border-color .2s, box-shadow .2s, background .2s; }
.field input:focus, .field select:focus, .field textarea:focus{ border-color:var(--emerald); background:#fff; box-shadow:0 0 0 3px rgba(var(--rgb-base),.14); }
.field textarea{ resize:vertical; }
.consent{ grid-column:span 2; display:flex; gap:11px; align-items:flex-start; cursor:pointer; }
.consent input{ margin-top:3px; width:17px; height:17px; accent-color:var(--emerald); flex:none; }
.consent span{ font-size:13px; color:var(--muted); line-height:1.5; }
.form .btn-gold{ grid-column:span 2; justify-content:center; padding:16px; font-size:15px; }
.form-msg{ grid-column:span 2; padding:12px 15px; border-radius:6px; font-size:13.5px; display:none; }
.form-msg.err{ background:rgba(176,52,52,.08); border:1px solid rgba(176,52,52,.3); color:#9b2c2c; }
.form-hint{ grid-column:span 2; margin:2px 0 0; font-size:11.5px; color:#9aa49d; text-align:center; }
.form-success{ display:none; text-align:center; padding:36px 10px; }
.form-success .tick{ width:68px; height:68px; margin:0 auto 20px; border-radius:50%; background:linear-gradient(135deg,var(--emerald),var(--emerald-dark)); display:flex; align-items:center; justify-content:center; color:#fff; }
.form-success h3{ margin:0 0 10px; font-family:'Cormorant Garamond',serif; font-size:27px; color:var(--ink); }
.form-success p{ margin:0; color:var(--muted); font-size:15px; line-height:1.6; }
.spinner{ width:17px; height:17px; border:2px solid rgba(var(--rgb-deep),.25); border-top-color:var(--emerald-deep); border-radius:50%; display:inline-block; animation:spin .7s linear infinite; }
@keyframes spin{ to{ transform:rotate(360deg); } }

/* ===================== FOOTER ===================== */
.footer{ background:linear-gradient(180deg,var(--emerald-dark),var(--emerald-deep)); color:rgba(255,255,255,.72); padding:62px 0 28px; }
.footer__grid{ display:grid; grid-template-columns:1.6fr 1fr 1fr 1.2fr; gap:40px; }
.footer h4{ color:#fff; font-weight:600; font-size:14px; letter-spacing:.05em; margin:0 0 16px; }
.footer .col{ display:flex; flex-direction:column; gap:11px; }
.footer .col a, .footer .col span{ color:rgba(255,255,255,.64); text-decoration:none; font-size:13.5px; transition:color .2s; }
.footer .col a:hover{ color:var(--gold-light); }
.footer__about p{ margin:0 0 18px; font-size:13.5px; line-height:1.7; max-width:320px; color:rgba(255,255,255,.62); }
.socials{ display:flex; gap:11px; }
.socials a{ width:38px; height:38px; border-radius:8px; border:1px solid rgba(226,199,126,.3); display:flex; align-items:center; justify-content:center; color:var(--gold-light); transition:background .25s, border-color .25s; }
.socials a:hover{ background:rgba(226,199,126,.12); border-color:var(--gold-light); }
.footer__bottom{ margin-top:42px; padding-top:22px; border-top:1px solid rgba(255,255,255,.10); }
.footer__bottom p{ margin:0 0 9px; font-size:12px; color:rgba(255,255,255,.42); line-height:1.6; }
.footer__bottom .copy{ font-size:12.5px; color:rgba(255,255,255,.55); }

/* ===================== RESPONSIVE ===================== */
@media (max-width:1024px){ .grid-4, .dest-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:920px){
  .why-grid{ grid-template-columns:1fr; gap:36px; }
  .why-media img{ aspect-ratio:16/10; }
  .contact-grid{ grid-template-columns:1fr; }
  .footer__grid{ grid-template-columns:1fr 1fr; }
}
@media (max-width:860px){ .nav__links{ display:none; } .burger{ display:block; } }
@media (max-width:680px){
  .grid-4, .dest-grid, .grid-3, .why-list, .form{ grid-template-columns:1fr; }
  .stats__grid{ grid-template-columns:repeat(2,1fr); }
  .section{ padding:72px 0; }
  .step__num{ width:60px; height:60px; font-size:21px; }
  .timeline__rail{ left:29px; }
  /* Hero: portrait-friendly framing */
  .hero{ min-height:auto; }
  .hero__inner{ padding:118px 0 70px; }
  .hero__media img{ object-position:50% 22%; }
  .hero__media::after{
    background:linear-gradient(180deg, rgba(var(--rgb-deep),.80) 0%, rgba(var(--rgb-dark),.74) 40%, rgba(var(--rgb-dark),.80) 78%, rgba(var(--rgb-deep),.92) 100%); }
  .hero h1{ font-size:clamp(34px,8.8vw,46px); max-width:none; }
  .hero__sub{ margin-top:20px; font-size:16px; }
  .hero__cta{ gap:12px; margin-top:28px; }
  .hero__cta .btn{ flex:1 1 100%; justify-content:center; }
  .hero__trust{ gap:10px 20px; margin-top:30px; }
  .scrollcue{ display:none; }
}
@media (max-width:520px){ .footer__grid{ grid-template-columns:1fr; } }

/* Brand logo mark (real artwork) */
.brand__badge img{ display:block; height:27px; width:auto; }