/* ---------- self-hosted type ----------
   Inter and Inter Tight, latin subset, served from our own origin so no
   request leaves the domain to render text. Weights match what the
   stylesheet actually uses: 300, 400, 500, 600. font-display:swap shows
   the fallback immediately rather than holding the page blank. */
@font-face{font-family:'Inter';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/inter-300.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-400.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-500.woff2') format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-600.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:300;font-display:swap;src:url('/assets/fonts/inter-tight-300.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:400;font-display:swap;src:url('/assets/fonts/inter-tight-400.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:500;font-display:swap;src:url('/assets/fonts/inter-tight-500.woff2') format('woff2')}
@font-face{font-family:'Inter Tight';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-tight-600.woff2') format('woff2')}

:root{
  --navy:#0E1A3D;
  --navy-2:#16244D;
  --gold:#B79A4F;
  --gold-lt:#D4BC81;
  --paper:#F7F6F3;
  --paper-2:#EFEDE7;
  --ink:#15171C;
  --muted:#5A6072;
  --line:#D9D6CE;
  --s1:80px;
  --s2:160px;
  --maxw:1280px;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{
  font-family:'Inter',-apple-system,'Segoe UI',sans-serif;
  color:var(--ink);background:#fff;
  font-size:17px;line-height:1.65;font-weight:400;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 32px}
.wide{max-width:1600px;margin:0 auto;padding:0 32px}

/* ---------- type ---------- */
h1,h2,h3,h4,h5,.display{font-family:'Inter Tight',sans-serif;font-weight:600;letter-spacing:-0.022em;line-height:1.03}
h1{font-size:clamp(42px,6.4vw,86px)}
h2{font-size:clamp(30px,3.7vw,52px);line-height:1.08}
.display{font-size:clamp(34px,5vw,68px)}
h4{font-size:22px;letter-spacing:-0.01em;line-height:1.25}
.eyebrow{
  font-family:'Inter',sans-serif;font-size:11px;font-weight:600;
  text-transform:uppercase;letter-spacing:.18em;color:var(--gold);
  display:block;margin-bottom:22px;
}
.eyebrow.on-dark{color:var(--gold-lt)}
.lead{font-size:clamp(20px,2.1vw,27px);line-height:1.5;font-weight:300;letter-spacing:-0.011em;color:#2A2E38}
.small-caps{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.15em}
p+p{margin-top:1.1em}
.muted{color:var(--muted)}
.rule-gold{width:56px;height:2px;background:var(--gold);margin-bottom:26px}

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;
  padding:15px 28px;border:1px solid var(--navy);color:var(--navy);
  background:transparent;transition:all .35s cubic-bezier(.2,.7,.3,1);cursor:pointer;
}
.btn:hover{background:var(--navy);color:#fff}
.btn .ar{transition:transform .35s cubic-bezier(.2,.7,.3,1)}
.btn:hover .ar{transform:translateX(5px)}
.btn.light{border-color:rgba(255,255,255,.55);color:#fff}
.btn.light:hover{background:#fff;color:var(--navy);border-color:#fff}
.btn.gold{border-color:var(--gold);color:var(--gold)}
.btn.gold:hover{background:var(--gold);color:var(--navy);border-color:var(--gold)}
.btn.solid{background:var(--navy);color:#fff}
.btn.solid:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}

/* ---------- header ---------- */
header{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .4s ease,box-shadow .4s ease,padding .4s ease;
  padding:22px 0;
}
header.solid{background:#fff;box-shadow:0 1px 0 rgba(0,0,0,.08);padding:14px 0}
/* Nav sits to the right, next to Investor Login, rather than centred. */
.hdr{display:flex;align-items:center;gap:30px}
.hdr nav{margin-left:auto}
.hdr .hdr-cta{margin-left:26px}
nav ul{display:flex;gap:30px;list-style:none;align-items:center}
nav a{
  font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;
  color:rgba(255,255,255,.92);position:relative;padding:6px 0;transition:color .4s;
}
header.solid nav a{color:var(--navy)}
nav a::after{content:'';position:absolute;left:0;bottom:0;width:0;height:1.5px;background:var(--gold);transition:width .35s}
nav a:hover::after,nav a.active::after{width:100%}
.hdr-cta{display:flex;align-items:center;gap:18px}
.portal{
  font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;
  border:1px solid rgba(255,255,255,.5);padding:10px 18px;color:#fff;transition:all .35s;
}
header.solid .portal{border-color:var(--navy);color:var(--navy)}
.portal:hover{background:var(--gold);border-color:var(--gold);color:var(--navy)}
.burger{display:none;flex-direction:column;gap:5px;background:none;border:0;cursor:pointer;padding:8px}
.burger span{width:24px;height:1.8px;background:#fff;transition:background .4s}
header.solid .burger span{background:var(--navy)}

/* mobile nav */
.mnav{
  position:fixed;inset:0;background:var(--navy);z-index:99;
  display:flex;flex-direction:column;justify-content:center;padding:0 32px;
  transform:translateY(-100%);transition:transform .5s cubic-bezier(.7,0,.2,1);
}
.mnav.open{transform:translateY(0)}
.mnav a{display:block;font-family:'Inter Tight';font-size:34px;font-weight:600;color:#fff;padding:11px 0;letter-spacing:-.02em}
.mnav a:hover{color:var(--gold-lt)}

/* ---------- hero ---------- */
.hero{position:relative;height:100vh;min-height:640px;overflow:hidden;display:flex;align-items:flex-end}
.hero-media{position:absolute;inset:0}
.hero-media img{width:100%;height:100%;object-fit:cover;animation:kb 22s ease-out infinite alternate}
@keyframes kb{from{transform:scale(1)}to{transform:scale(1.09)}}
.scrim{position:absolute;inset:0;background:linear-gradient(180deg,rgba(14,26,61,.62) 0%,rgba(14,26,61,.22) 38%,rgba(14,26,61,.86) 100%)}
.hero-content{position:relative;z-index:2;width:100%;padding-bottom:88px;color:#fff}
.hero h1{color:#fff;max-width:15ch}
.hero .sub{margin-top:26px;max-width:52ch;font-size:19px;font-weight:300;color:rgba(255,255,255,.88);line-height:1.6}
.scroll-cue{
  position:absolute;right:32px;bottom:88px;z-index:2;color:rgba(255,255,255,.7);
  font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;
  writing-mode:vertical-rl;display:flex;align-items:center;gap:14px;
}
.scroll-cue::after{content:'';width:1px;height:60px;background:rgba(255,255,255,.45);animation:cue 2.2s ease-in-out infinite}
@keyframes cue{0%,100%{transform:scaleY(.3);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}}

/* page hero (interior) */
.phero{position:relative;height:62vh;min-height:440px;display:flex;align-items:flex-end;overflow:hidden}
.phero .hero-media img{animation:none;transform:scale(1.02)}
.phero .hero-content{padding-bottom:64px}
.phero h1{font-size:clamp(38px,5vw,68px)}

/* ---------- spacing ---------- */
.s1{height:var(--s1)}
.s2{height:var(--s2)}
section{position:relative}

/* ---------- stats ---------- */
.stats{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:52px 0}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}
.stat .n{font-family:'Inter Tight';font-size:clamp(34px,3.6vw,50px);font-weight:600;letter-spacing:-.03em;color:var(--navy);line-height:1}
.stat .l{margin-top:10px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--muted)}

/* ---------- image + cta rows ---------- */
.row2{display:grid;grid-template-columns:7fr 5fr;gap:60px;align-items:center}
.duo{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}
.duo h3{font-size:26px;margin-bottom:14px}
.row2.rev .cta-col{order:-1}
.hoverimg{position:relative;overflow:hidden;background:var(--navy)}
.hoverimg img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:opacity .7s ease,transform 1.2s cubic-bezier(.2,.7,.3,1)}
.hoverimg .back{position:absolute;inset:0;opacity:0;transition:opacity .7s ease}
.hoverimg:hover .back{opacity:1}
.hoverimg:hover img{transform:scale(1.045)}
.tagrow{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}
.tag{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;padding:6px 11px;border:1px solid var(--line);color:var(--muted)}
.tag.gold{border-color:var(--gold);color:#8C7433}

/* featured offset card */
.featured{position:relative}
.featured .fimg{width:76%;height:640px;overflow:hidden;background:var(--navy)}
.featured .fimg img{width:100%;height:100%;object-fit:cover;transition:transform 1.4s cubic-bezier(.2,.7,.3,1)}
.featured:hover .fimg img{transform:scale(1.05)}
.featured .fcard{
  position:absolute;right:32px;top:50%;transform:translateY(-50%);
  width:420px;background:var(--navy);color:#fff;padding:52px 46px;
}
.featured .fcard h2{color:#fff;font-size:36px}
.featured .fcard p{color:rgba(255,255,255,.76);font-size:16px;margin-top:16px}
.featured .fcard .loc{margin-top:14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.16em;color:var(--gold-lt)}

/* ---------- dark band ---------- */
.dark{background:var(--navy);color:#fff}
.dark h2,.dark h4{color:#fff}
.dark p{color:rgba(255,255,255,.75)}
.dark .rule-gold{background:var(--gold)}

/* ---------- capital grid ---------- */
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.14);margin-top:56px}
/* Column-count variants must stay ABOVE the responsive media queries. They are
   compound selectors, so at equal specificity the later rule wins. Moving them
   below would let a five-column desktop grid survive on a phone. */
.cap-grid.three{grid-template-columns:repeat(3,1fr)}
.cap-grid.five{grid-template-columns:repeat(5,1fr)}
.cap{background:var(--navy);padding:38px 34px;transition:background .4s}
.cap:hover{background:var(--navy-2)}
.cap .k{font-family:'Inter Tight';font-size:15px;font-weight:600;color:var(--gold-lt);letter-spacing:.02em}
.cap .d{margin-top:10px;font-size:14.5px;color:rgba(255,255,255,.68);line-height:1.55}

/* ---------- services ---------- */
.svc-list{list-style:none;margin-top:34px;border-top:1px solid var(--line)}
.svc-list li{border-bottom:1px solid var(--line)}
.svc-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:22px 0;transition:padding .35s,color .35s}
.svc-list a:hover{padding-left:12px;color:var(--gold)}
.svc-list .t{font-family:'Inter Tight';font-size:21px;font-weight:600;letter-spacing:-.015em}
.svc-list .ar{color:var(--gold);transition:transform .35s}
.svc-list a:hover .ar{transform:translateX(6px)}

/* ---------- portfolio grid ---------- */
.pgrid{display:grid;grid-template-columns:repeat(2,1fr);gap:56px 40px}
.pcard{display:block;cursor:pointer}
.pcard .im{position:relative;overflow:hidden;aspect-ratio:16/10;background:var(--navy)}
.pcard .im img{width:100%;height:100%;object-fit:cover;transition:transform 1.2s cubic-bezier(.2,.7,.3,1)}
.pcard:hover .im img{transform:scale(1.055)}
.pcard .ov{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(14,26,61,.55));opacity:.55;transition:opacity .5s}
.pcard:hover .ov{opacity:.85}
.pcard .info{padding-top:20px;display:flex;justify-content:space-between;align-items:flex-start;gap:18px}
.pcard h4{transition:color .35s}
.pcard:hover h4{color:var(--gold)}
.pcard .loc{margin-top:6px;font-size:13px;color:var(--muted)}
.pcard .st{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.13em;color:var(--muted);border:1px solid var(--line);padding:5px 10px;white-space:nowrap}
.pcard .st.live{color:#8C7433;border-color:var(--gold)}

/* placeholder panel */
.ph{
  width:100%;height:100%;position:absolute;inset:0;
  background:
    repeating-linear-gradient(135deg,rgba(183,154,79,.10) 0 1px,transparent 1px 14px),
    linear-gradient(150deg,#16244D 0%,#0E1A3D 60%,#0A1330 100%);
  display:flex;align-items:center;justify-content:center;flex-direction:column;gap:14px;text-align:center;padding:24px;
}
.ph .pn{font-family:'Inter Tight';font-size:20px;font-weight:600;color:rgba(255,255,255,.9);letter-spacing:-.015em}
.ph .pl{font-size:9.5px;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--gold-lt)}
.ph svg{width:34px;height:34px;opacity:.85}

/* ---------- logos ---------- */
.logo-wall{display:grid;grid-template-columns:repeat(6,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.logo-wall .lw{background:#fff;aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;padding:22px}
.logo-wall img{max-height:46px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .4s,opacity .4s}
.logo-wall .lw:hover img{filter:grayscale(0);opacity:1}

/* ---------- news ---------- */
.newsband{background:var(--paper)}
.ngrid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:52px}
.ncard .nim{aspect-ratio:16/10;overflow:hidden;background:var(--navy);position:relative}
.ncard .nim img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.ncard:hover .nim img{transform:scale(1.06)}
.ncard .cat{margin-top:18px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}
.ncard h4{margin-top:9px;font-size:19px;transition:color .35s}
.ncard:hover h4{color:var(--gold)}
.ncard .dt{margin-top:9px;font-size:13px;color:var(--muted)}

/* ---------- team ---------- */
.tgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px}
.tcard{cursor:pointer}
.tcard .por{aspect-ratio:1;overflow:hidden;background:var(--navy);position:relative}
.tcard .por img{width:100%;height:100%;object-fit:cover;filter:grayscale(.85);transition:filter .5s,transform 1.1s cubic-bezier(.2,.7,.3,1)}
.tcard:hover .por img{filter:grayscale(0);transform:scale(1.05)}
.tcard h5{margin-top:18px;font-family:'Inter Tight';font-size:19px;font-weight:600;letter-spacing:-.015em}
.tcard .ti{margin-top:5px;font-size:14px;color:var(--muted)}
.tcard .dp{margin-top:8px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}

/* ---------- pre-footer ---------- */
.prefoot{position:relative;overflow:hidden;background:var(--navy)}
.prefoot .bg{position:absolute;inset:0;opacity:.26}
.prefoot .bg img{width:100%;height:100%;object-fit:cover}
.prefoot .inner{position:relative;z-index:2;padding:110px 0;display:flex;justify-content:space-between;align-items:center;gap:40px;flex-wrap:wrap}
.prefoot h2{color:#fff;font-size:clamp(34px,4.6vw,62px)}

/* ---------- footer ---------- */
footer{background:#0A1330;color:rgba(255,255,255,.62);padding:76px 0 34px;font-size:14.5px}
.fgrid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:44px}
footer h6{font-family:'Inter';font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.18em;color:var(--gold);margin-bottom:20px}
footer ul{list-style:none}
footer li{margin-bottom:11px}
footer a:hover{color:#fff}


.fbar{margin-top:56px;padding-top:26px;border-top:1px solid rgba(255,255,255,.13);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:12.5px}

/* ---------- project detail ---------- */
.spec{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line)}
.spec .sc{background:#fff;padding:28px 24px}
.spec .sk{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--muted)}
.spec .sv{margin-top:9px;font-family:'Inter Tight';font-size:22px;font-weight:600;letter-spacing:-.02em;color:var(--navy)}
.gal{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.gal .g{aspect-ratio:4/3;overflow:hidden;background:var(--navy);position:relative}
.gal .g img{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.2,.7,.3,1)}
.gal .g:hover img{transform:scale(1.06)}
.gal .g.span2{grid-column:span 2;aspect-ratio:8/3}

/* ---------- forms ---------- */
.formwrap{background:var(--paper);padding:52px 46px}
.field{margin-bottom:20px}
.field label{display:block;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--muted);margin-bottom:8px}
.field input,.field select,.field textarea{
  width:100%;padding:14px 16px;border:1px solid var(--line);background:#fff;
  font-family:'Inter';font-size:15px;color:var(--ink);
}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--gold)}
.f2{display:grid;grid-template-columns:1fr 1fr;gap:20px}

/* ---------- reveal ---------- */
.rv{opacity:0;transform:translateY(26px);transition:opacity .8s cubic-bezier(.2,.7,.3,1),transform .8s cubic-bezier(.2,.7,.3,1)}
.rv.in{opacity:1;transform:none}

/* ---------- page routing ---------- */

@media(max-width:1024px){
  :root{--s1:64px;--s2:96px}
  .row2{grid-template-columns:1fr;gap:32px}
  .duo{grid-template-columns:1fr;gap:44px}
  .row2.rev .cta-col{order:0}
  .featured .fimg{width:100%;height:460px}
  .featured .fcard{position:static;transform:none;width:100%;padding:38px 30px}
  .cap-grid,.cap-grid.three,.cap-grid.five{grid-template-columns:repeat(2,1fr)}
  .tgrid{grid-template-columns:repeat(2,1fr)}
  .logo-wall{grid-template-columns:repeat(4,1fr)}
  .spec{grid-template-columns:repeat(2,1fr)}
  .fgrid{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  body{font-size:16px}
  .container,.wide{padding:0 20px}
  nav,.portal{display:none}
  .burger{display:flex}
  .hdr .hdr-cta{margin-left:auto}   /* nav is hidden, so the burger takes the right edge */
  .stats-grid{grid-template-columns:repeat(2,1fr);gap:28px}
  .pgrid,.ngrid,.gal{grid-template-columns:1fr}
  .gal .g.span2{grid-column:span 1;aspect-ratio:4/3}
  .cap-grid,.cap-grid.three,.cap-grid.five{grid-template-columns:1fr}
  .tgrid{grid-template-columns:1fr 1fr}
  .logo-wall{grid-template-columns:repeat(3,1fr)}
  .spec{grid-template-columns:1fr 1fr}
  .fgrid{grid-template-columns:1fr}
  .f2{grid-template-columns:1fr}
  .formwrap{padding:32px 22px}
  .scroll-cue{display:none}
  .prefoot .inner{padding:70px 0}
}

/* ---------- multi-page additions ---------- */
.skip{position:absolute;left:-9999px;top:0;z-index:200;background:var(--navy);color:#fff;padding:12px 20px;font-size:13px}
.skip:focus{left:12px;top:12px}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--gold);outline-offset:3px}

.crumbs{padding-top:26px;font-size:12.5px;color:var(--muted)}
/* The header nav rule paints every "nav a" white for the hero. Breadcrumbs are
   also a <nav>, but they sit on white, so they need their own colour. */
.crumbs a{color:var(--muted);border-bottom:1px solid var(--line)}
.crumbs a:hover{border-color:var(--gold);color:var(--gold)}
.crumbs span{margin:0 8px;color:var(--line)}
.crumbs span:last-child{margin:0;color:var(--muted)}

.sechead{display:flex;justify-content:space-between;align-items:baseline;gap:24px;flex-wrap:wrap;
  margin-bottom:44px;padding-bottom:20px;border-bottom:1px solid var(--line)}
.sechead h2{font-size:34px}

.notebox{margin-top:52px;padding:32px;border:1px solid var(--line);background:var(--paper)}
.row2.contact{grid-template-columns:5fr 7fr;align-items:start}
.ul{border-bottom:1px solid var(--gold)}
.ul:hover{color:var(--gold)}
.plain{padding:200px 0 120px}
.plain h1{font-size:clamp(34px,4.4vw,58px)}
.hp{position:absolute;left:-9999px}

/* team cards as native disclosure */
.tcard details{border:0}
.tcard summary{list-style:none;cursor:pointer;display:block}
.tcard summary::-webkit-details-marker{display:none}
.tcard summary::after{content:'Read bio  +';display:block;margin-top:12px;font-size:10px;font-weight:600;
  text-transform:uppercase;letter-spacing:.15em;color:var(--gold)}
.tcard details[open] summary::after{content:'Close  \2212'}
.tcard .biobox{margin-top:20px;padding-top:20px;border-top:2px solid var(--gold)}
.tcard .biobox p{font-size:15px}

.formwrap form{margin-top:8px}
.formwrap button.btn{border:1px solid var(--navy);font-family:'Inter',sans-serif}
.prefoot .bg img{filter:saturate(.7)}
/* Navy under photos while they load. Never under logos or partner marks. */
.hero-media img,.pcard .im img,.hoverimg img,.gal .g img,
.featured .fimg img,.prefoot .bg img,.ncard .nim img,.tcard .por img{background-color:#0E1A3D}


/* ---------- <picture> wrappers ---------- */
picture{display:block;width:100%}
.hero-media picture,.pcard .im picture,.featured .fimg picture,.gal .g picture,
.prefoot .bg picture,.ncard .nim picture,.tcard .por picture,.hoverimg .back picture{height:100%}
.hero-media picture img,.pcard .im picture img,.featured .fimg picture img,
.gal .g picture img,.prefoot .bg picture img,.hoverimg .back picture img{height:100%}


/* ---------- brand lockup ---------- */
.logo{display:block;position:relative;line-height:0;flex:none}
.logo img{height:34px;width:auto;display:block;transition:opacity .4s ease}
.logo .ln{position:absolute;left:0;top:0;opacity:0}
header.solid .logo .lw{opacity:0}
header.solid .logo .ln{opacity:1}
.flogo{line-height:0;margin-bottom:22px}
.flogo img{height:30px;width:auto;display:block}
@media(max-width:760px){.logo img{height:28px}}