/* Le Court — Bien Sûr direction. Cream / ink-navy / claret / gold hairlines. */
:root{
  --paper:#FAF3E6; --card:#FFFDF7; --ink:#1F2A44; --claret:#7D2E3F; --gold:#C9A961;
  --gold40:rgba(201,169,97,.4); --gold50:rgba(201,169,97,.5); --claret09:rgba(125,46,63,.09); --claret06:rgba(125,46,63,.06);
  --ink75:rgba(31,42,68,.75); --ink65:rgba(31,42,68,.65); --ink55:rgba(31,42,68,.55);
  --acc-style:#7A2E33; --acc-places:#1F2A44; --acc-food:#8C5A2B; --acc-culture:#4A4A6A; --acc-artdevivre:#6E5A3B;
  --serif:'Young Serif',Georgia,serif; --sans:'Karla',system-ui,sans-serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:19px;line-height:1.65}
img{max-width:100%;display:block}
a{color:var(--claret)}a:hover{color:var(--ink)}
h1,h2,h3,h4{font-family:var(--serif);font-weight:400;line-height:1.15;margin:0;text-wrap:pretty}
p{text-wrap:pretty}
.wrap{max-width:1240px;margin-inline:auto;padding-inline:clamp(18px,4vw,48px)}

/* ---------- header ---------- */
.topstrip{border-bottom:1px solid var(--gold40);font-size:14.5px;color:var(--ink65);font-style:italic;padding:9px 0;text-align:center}
.masthead{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 0 16px;flex-wrap:wrap}
.logo{font-family:var(--serif);font-size:clamp(30px,4vw,38px);color:var(--ink);text-decoration:none;line-height:1}
.logo b{color:var(--claret);font-weight:400}
.tagline{font-style:italic;font-size:15px;color:var(--ink65);margin-top:4px}
.btn{display:inline-block;background:var(--claret);color:var(--paper);font-size:15px;font-weight:700;text-decoration:none;padding:12px 26px;border-radius:999px;border:none;cursor:pointer;font-family:var(--sans)}
.btn:hover{background:var(--ink);color:var(--paper)}
.nav{display:flex;flex-wrap:wrap;gap:10px;padding:4px 0 22px}
.nav a{font-size:14.5px;font-weight:700;text-decoration:none;color:var(--claret);background:var(--claret09);padding:9px 17px;border-radius:999px}
.nav a:hover,.nav a.on{background:var(--claret);color:var(--paper)}
.kicker{display:inline-block;background:var(--claret);color:var(--paper);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;padding:6px 14px;border-radius:999px}
.kicker.soft{background:var(--claret09);color:var(--claret)}

/* ---------- home ---------- */
.hero{display:grid;grid-template-columns:1fr 1.1fr;gap:44px;align-items:center;padding:18px 0 56px}
.hero-hello{font-style:italic;font-size:18px;color:var(--claret);margin:0 0 10px}
.hero h1{font-size:clamp(34px,4.4vw,52px);margin:0 0 18px}
.hero .dek{font-size:20px;color:var(--ink75);margin:0 0 26px}
.hero-img img{border-radius:24px;aspect-ratio:16/11;object-fit:cover;width:100%}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px;padding-bottom:56px}
.card{background:var(--card);border:1px solid var(--gold40);border-radius:18px;box-shadow:0 3px 14px rgba(31,42,68,.06);overflow:hidden;display:flex;flex-direction:column;text-decoration:none;color:var(--ink)}
.card:hover h3{color:var(--claret)}
.card img{aspect-ratio:3/2;object-fit:cover;width:100%}
.card-body{padding:20px 22px 22px;display:flex;flex-direction:column;flex-grow:1;gap:8px}
.tag{font-size:12.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--claret)}
.card h3{font-size:23px;line-height:1.25;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.card p{font-size:15.5px;line-height:1.6;color:var(--ink75);margin:0}
.card .meta{margin-top:auto;padding-top:10px;font-size:14px;color:var(--ink55)}
.meta{font-size:14.5px;color:var(--ink55)}

/* capsule */
.capsule{background:var(--card);border:1px solid var(--gold);border-radius:24px;padding:clamp(24px,4vw,44px);margin-bottom:56px}
.capsule-head{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.capsule h2{font-size:clamp(24px,3vw,32px);margin-top:14px}
.capsule-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:20px;margin-top:28px}
.cap-item{background:var(--claret06);border-radius:14px;padding:18px}
.cap-num{width:30px;height:30px;border-radius:50%;background:var(--claret);color:var(--paper);font-size:14px;font-weight:700;display:flex;align-items:center;justify-content:center}
.cap-item h3{font-family:var(--sans);font-weight:700;font-size:16px;margin:12px 0 4px}
.cap-item p{font-size:14px;line-height:1.5;color:rgba(31,42,68,.68);margin:0}

/* teasers */
.teasers{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:18px;padding-bottom:56px}
.teaser{background:var(--card);border:1px solid var(--gold40);border-radius:14px;padding:18px;text-decoration:none;color:var(--ink);display:flex;flex-direction:column;gap:8px}
.teaser:hover{border-color:var(--claret)}
.teaser h3{font-size:18px;line-height:1.3}
.teaser .t-blurb{font-size:14px;color:var(--ink65);margin:0}

/* partenaires */
.partenaires{border-top:1px solid var(--gold50);padding:34px 0 46px}
.part-head{display:flex;align-items:baseline;gap:14px;flex-wrap:wrap;margin-bottom:6px}
.part-head h2{font-size:24px}
.part-note{font-style:italic;font-size:15px;color:var(--ink65);margin:4px 0 22px}
.sponsor-strip{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.sponsor{background:var(--ink);border-radius:12px;padding:16px 18px;display:flex;flex-direction:column;gap:8px;text-decoration:none;min-height:74px;justify-content:center}
.sponsor:hover{background:#2A3A5E}
.sponsor img{height:32px;width:100%;object-fit:contain}
.sponsor-blurb{font-size:13px;line-height:1.45;color:rgba(250,243,230,.75);text-align:center}
.sponsor-blurb:empty{display:none}

/* billet */
.billet{background:var(--claret);border-radius:24px;padding:clamp(26px,4vw,44px);display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap;margin-bottom:56px}
.billet h2{font-size:30px;color:var(--paper)}
.billet p{font-size:16px;line-height:1.6;color:rgba(250,243,230,.8);margin:8px 0 0;max-width:460px}
.billet-form{display:flex;gap:10px;flex-wrap:wrap}
.billet-form input{font-family:var(--sans);font-size:15px;padding:13px 20px;border:none;border-radius:999px;background:var(--paper);color:var(--ink);width:min(260px,100%);outline:none}
.billet-form .btn{background:var(--gold);color:var(--ink)}
.billet-form .btn:hover{background:var(--paper)}

/* footer */
footer{padding:26px 0 40px;border-top:1px solid var(--gold50);display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}
.foot-sig{font-style:italic;font-size:15px;color:var(--ink65)}
.foot-links{display:flex;gap:22px;font-size:14.5px;font-weight:700}
.foot-links a{text-decoration:none}

/* ---------- section / category pages ---------- */
.sec-head{padding:36px 0 8px}
.sec-hello{font-style:italic;font-size:17.5px;color:var(--claret);margin:0}
.sec-head h1{font-size:clamp(38px,5vw,54px);margin:8px 0 14px}
.sec-head .dek{font-size:19.5px;color:var(--ink75);max-width:640px;margin:0 0 28px}
.feature{background:var(--card);border:1px solid var(--gold40);border-radius:22px;box-shadow:0 3px 14px rgba(31,42,68,.06);overflow:hidden;display:grid;grid-template-columns:1.15fr 1fr;margin-bottom:40px;text-decoration:none;color:var(--ink)}
.feature img{width:100%;height:100%;min-height:300px;object-fit:cover}
.feature-body{padding:clamp(24px,3vw,40px);display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:14px}
.feature h2{font-size:clamp(26px,3vw,34px);line-height:1.18}
.feature p{font-size:16.5px;line-height:1.65;color:var(--ink75);margin:0}
.cat-list{list-style:none;margin:0 0 56px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:26px}

/* ---------- article ---------- */
.post-hero{padding-top:6px}
.post-hero img{border-radius:24px;width:100%;aspect-ratio:21/9;object-fit:cover}
.post-hero figcaption{font-style:italic;font-size:15px;color:var(--ink55);margin-top:10px}
.post-head{max-width:860px;padding:40px 0 26px}
.post-head h1{font-size:clamp(34px,4.6vw,50px);margin:18px 0 16px}
.post-head .dek{font-size:21px;line-height:1.6;color:var(--ink75);margin:0 0 16px}
.post-meta{font-size:15px;color:var(--ink55)}
.post-meta b{color:var(--claret);font-weight:700}
.article-body{max-width:740px;margin-left:clamp(0px,9vw,150px);padding:8px 0 30px;font-size:20px;line-height:1.75;counter-reset:section}
.article-body>p{margin:0 0 26px}
.article-body h2{font-size:29px;color:var(--claret);margin:44px 0 14px}
.article-body h2::before{counter-increment:section;content:counter(section,decimal-leading-zero)" — ";font-family:var(--sans);font-weight:800;font-size:15px;letter-spacing:.18em;color:var(--gold);display:block;margin-bottom:6px}
.lead{font-size:23px;line-height:1.6;color:var(--ink75)}
.has-dropcap:first-letter{font-family:var(--serif);font-size:3.1em;line-height:.82;color:var(--claret);float:left;margin:8px 12px 0 0}
.pullquote{margin:38px 0;padding:30px clamp(20px,3vw,36px);background:var(--claret06);border-radius:20px;display:flex;gap:18px}
.pullquote::before{content:"“";font-family:var(--serif);font-size:60px;line-height:.9;color:var(--claret)}
.pullquote p{font-family:var(--serif);font-size:clamp(21px,2.4vw,25px);line-height:1.45;color:var(--claret);margin:0}
.blockquote{margin:34px 0;padding:4px 0 4px 0}
.blockquote p{font-family:var(--serif);font-size:22px;line-height:1.5;margin:0 0 10px}
.blockquote cite{font-style:italic;font-size:15.5px;color:var(--ink65)}
.callout{background:#F3E7CD;border-radius:20px;padding:24px 30px;margin:34px 0}
.callout::before{content:"Bien noté !";display:block;font-size:12.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--claret);margin-bottom:10px}
.callout p{font-size:16.5px;line-height:1.6;margin:0}
.note{background:var(--claret06);border-radius:14px;padding:16px 22px;font-size:16px;color:var(--ink75)}
.note::before{content:"N.B. ";font-weight:800;color:var(--claret)}
.article-figure{margin:36px 0}
.article-figure img{border-radius:18px;width:100%;aspect-ratio:16/9;object-fit:cover}
.article-figure figcaption,.chart figcaption,.map-figure figcaption,.gallery figcaption{font-style:italic;font-size:15px;color:var(--ink55);margin-top:10px}
.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:14px;margin:36px 0}
.gallery figure{margin:0}
.gallery img{border-radius:14px;aspect-ratio:1;object-fit:cover}
.map-figure{margin:36px 0}
.map-slot{min-height:320px;border:1.5px dashed var(--gold);border-radius:18px;background:var(--card)}
/* data */
.versus,.datatable{width:100%;border-collapse:collapse;margin:34px 0;font-size:16.5px;background:var(--card);border:1px solid var(--gold40);border-radius:16px;overflow:hidden}
.versus th,.datatable th{font-family:var(--sans);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;text-align:left;padding:14px 18px;background:var(--ink);color:var(--paper)}
.versus th+th{background:var(--claret)}
.versus td,.datatable td{padding:13px 18px;border-top:1px solid var(--gold40);vertical-align:top;line-height:1.55}
.datatable tbody tr:nth-child(even){background:var(--claret06)}
.versus td:first-child,.datatable td:first-child{font-weight:700}
.statrow{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:16px;margin:34px 0}
.statblock{background:var(--card);border:1px solid var(--gold40);border-radius:16px;padding:20px;text-align:center}
.stat-num{display:block;font-family:var(--serif);font-size:42px;color:var(--claret);line-height:1}
.stat-label{display:block;font-size:14px;color:var(--ink65);margin-top:8px;line-height:1.4}
.timeline{list-style:none;margin:34px 0;padding:0 0 0 26px;border-left:2px solid var(--gold50)}
.timeline li{position:relative;padding:0 0 22px 22px}
.timeline li:last-child{padding-bottom:4px}
.timeline li::before{content:"";position:absolute;left:-33px;top:6px;width:12px;height:12px;border-radius:50%;background:var(--claret);border:3px solid var(--paper);box-shadow:0 0 0 1.5px var(--gold)}
.t-when{display:block;font-size:13.5px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;color:var(--claret);margin-bottom:3px}
.t-what{font-size:16.5px;line-height:1.55;color:var(--ink75)}
.chart{margin:34px 0;background:var(--card);border:1px solid var(--gold40);border-radius:16px;padding:22px}
.chart svg{width:100%;height:auto;display:block}
/* cards / refs */
.profile-grid,.org-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:18px;margin:34px 0}
.profile-card{background:var(--card);border:1px solid var(--gold40);border-radius:18px;padding:22px;font-size:15.5px;line-height:1.55}
.profile-card .p-photo{width:76px;height:76px;border-radius:50%;object-fit:cover;margin-bottom:12px}
.profile-card.no-photo::before{content:"◦";display:flex;align-items:center;justify-content:center;width:76px;height:76px;border-radius:50%;background:var(--claret09);color:var(--claret);font-size:30px;margin-bottom:12px}
.profile-card h3{font-size:20px;margin-bottom:2px}
.p-role{font-size:13.5px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--claret);margin:0 0 8px}
.profile-card p{margin:0 0 8px;color:var(--ink75)}
.p-links a{font-weight:700}
.p-attr{font-size:13px;color:var(--ink55)}
.org-card{background:var(--card);border:1px solid var(--gold40);border-radius:14px;padding:16px 18px;display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--ink)}
.org-card:hover{border-color:var(--claret)}
.org-logo{width:38px;height:38px;border-radius:9px;object-fit:cover;background:var(--ink)}
.org-card.no-logo .org-logo{display:none}
.org-name{font-weight:700;font-size:15.5px}
.org-host{font-size:13px;color:var(--ink55);margin-left:auto}
.entity-ref{font-weight:700;text-decoration-color:var(--gold)}
.further-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:30px 0}
.further-grid a{background:var(--card);border:1px solid var(--gold40);border-radius:14px;padding:16px 18px;text-decoration:none;color:var(--ink);font-family:var(--serif);font-size:17.5px;line-height:1.35}
.further-grid a:hover{border-color:var(--claret);color:var(--claret)}
/* related */
.related{border-top:1px solid var(--gold50);margin-top:20px;padding:30px 0 50px}
.related h2{font-size:15px;font-family:var(--sans);font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--ink55);margin-bottom:18px}
.related-links{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}
.related-links a{display:block;background:var(--card);border:1px solid var(--gold40);border-radius:14px;padding:18px 20px;text-decoration:none;color:var(--ink)}
.related-links a:hover{border-color:var(--claret)}
.related-links .tag{display:block;margin-bottom:6px}
.related-links b{font-family:var(--serif);font-weight:400;font-size:18.5px;line-height:1.3}
/* misc pages */
.page-body{max-width:720px;padding:30px 0 60px;font-size:20px;line-height:1.75}
.page-body h1{font-size:clamp(34px,4.6vw,48px);margin:14px 0 18px}
.page-body p{margin:0 0 24px}
.center{text-align:center;margin-inline:auto}
/* styleguide */
.sg-section{border-top:1px solid var(--gold50);padding:34px 0 10px;margin-top:24px}
.sg-section>h2{font-size:26px;margin-bottom:6px}
.sg-label{font-size:12.5px;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:var(--ink55);margin:26px 0 10px}

@media(max-width:960px){
  .hero,.feature{grid-template-columns:1fr}
  .feature img{min-height:220px}
  .article-body{margin-left:0}
}
@media(max-width:560px){
  body{font-size:17.5px}
  .article-body{font-size:18.5px}
  .post-hero img{aspect-ratio:4/3}
  .billet{flex-direction:column;align-items:flex-start}
}

/* sp-roll-normalize: a logo roll keeps object-fit and loses its geometry.
   It used to set width:auto, height:46px, max-width:172px and min-width:30px, which let
   every plate in the roll shrink-wrap its own artwork — evbb measured 62px next to 204px
   in the SAME ROW. The operator's rule is that the dark ground is unified whatever the
   logo's size, so the plate cannot be sized by the logo. Geometry belongs to Design. */
[class~="roll"] .sponsor img,[class*="roll-"] .sponsor img,[class*="-roll"] .sponsor img{object-fit:contain;background:transparent}

/* op-strip-4up: auto-fit at minmax(160px,1fr) fitted seven marks into a 1240px row and the tiles
   were far smaller than they needed to be — operator asked for four per row, which is how the
   tiles get their size. Desktop only, so Design's auto-fit still decides the narrow layout. */
@media(min-width:900px){
  .sponsor-strip{grid-template-columns:repeat(4,1fr)}
  .sponsor img{height:44px}
}

/* op-nav-collapse: this nav printed 172px of stacked links at 390 before any content
   (6 links), and the build shipped no control to close it. A disclosure cannot be
   built from CSS alone — :hover and :focus-within are unreachable on touch until a link has
   already been tapped — so a hidden checkbox and its label were injected immediately before
   the nav, and the nav collapses against the checked state. Exactly the mechanism the builds
   that DO have a burger already use.
   Treatment "right-tab", bold, seeded from the domain so 175 builds do not all ship the
   same hairline box in the same place; it inherits this build's font and colour, and where the
   nav's own parent has no inline padding (0px measured) the button carries the build's
   gutter (clamp(18px,4vw,48px)) so it cannot sit against the glass. The links are hidden,
   not removed: they stay in the markup. Desktop is untouched — every rule below is inside the
   phone breakpoint (940px here), where the button appears and the nav starts closed.
   Folded with the "height-clip" technique and marked with the "dots" icon — the mechanism
   is deliberately not identical across the fleet either. */
.nav-fold{display:none}
@media (max-width:940px){
  .nav-fold{align-items:center;justify-content:center;gap:9px;font:inherit;font-weight:700;font-size:13px;letter-spacing:.1em;text-transform:uppercase;color:inherit;cursor:pointer;min-height:44px;box-sizing:border-box;display:flex;width:fit-content;margin-left:auto;border:1px solid currentColor;border-radius:2px;padding:10px 16px;margin-right:clamp(18px,4vw,48px);margin-block:clamp(16px,4.5vw,26px) clamp(12px,3vw,18px)}

  .nav-fold-bars{width:13px;height:3px;flex:none;border-radius:99px;background:currentColor;box-shadow:5px 0 0 -0.5px currentColor,-5px 0 0 -0.5px currentColor}
  .nav{height:0;overflow:hidden;visibility:hidden;padding-block:0;margin-block:0;border-top-width:0;border-bottom-width:0}
  .nav-fold-c:checked ~ .nav{height:auto;overflow:visible;visibility:visible;padding-block:revert;margin-block:revert;border-top-width:revert;border-bottom-width:revert}
  header:has(> .nav-fold){display:flow-root}
  .nav-fold:not(:has(~ .nav)){display:none}
}

/* op-blurb-rows: money blurbs ran to 6 rows at 390, 1086px of tier across
   11 tiles. Operator: blurbs should show "2-3 rows max" on mobile —
   a blurb that long eats the screen and, in a two-column grid, rewraps into more height than
   the columns save. Held to three rows at phone width; the copy stays in the markup and
   desktop is untouched. Only the tier(s) measured past three rows are clamped. */
@media (max-width:640px){
  .sponsor-strip .sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:3!important;-webkit-box-orient:vertical;max-height:57px!important;min-height:0!important;overflow:hidden!important}
}

/* op-odd-tier-lead: .sponsor-strip (11 tiles) lay out two per row with an ODD tile count, so the
   block ended on a lone tile beside an empty cell. The lead tile takes the whole row instead —
   operator: "the 1st item in such rows to be 100% width, then split" — so the grid reads as
   complete. These tiers were already two-per-row, which is why the column pass never wrote the
   rule for them. Checked before writing: no new horizontal overflow, block not more than 15%
   taller. Phone widths only; desktop keeps Design's layout. */
@media (max-width:640px){
  .sponsor-strip:has(> *:nth-child(odd):last-child) > *:first-child{grid-column:1 / -1!important}
}

/* op-article-width: the article column was capped at 740px (84 characters per line) at every desktop width. Operator: "it should utilize more space". Widened through max-width 740px (declared in .article-body) to ~102 characters per line in this build's own prose font, never past the edge Design's own content already reaches beside it. Above 1600 the column and the prose type grow together (up to 1.2x). Nothing below 1024 changes. Originals: migration/_backups/article_width/. */
@media (min-width:1024px){
  div.article-body{max-width:min(901px, 100%)!important}
}
@media (min-width:1600px){
  div.article-body{max-width:min(clamp(901px, 62.569vw, 1081px), 100%)!important}
  div.article-body > :is(p, p:not([class])){font-size:clamp(20px,1.3889vw,24.0px)!important}
}
/* op-article-width:end */

/* op-blurb-two-rows: money blurbs ran FIVE rows or more (desk: .sponsor-strip 6 rows at 768). Operator: "we should probably limit that to display only 2" — held to two rows in that width band only; the copy stays in the markup. */
@media (min-width:641px){
  .sponsor-strip .sponsor-blurb{display:-webkit-box!important;-webkit-line-clamp:2!important;-webkit-box-orient:vertical!important;max-height:2lh!important;min-height:0!important;overflow:hidden!important}
}
/* op-blurb-two-rows:end */
/* op-heading-levels */
h2:where(.rt-h3){font-family: var(--serif); font-weight: 400; line-height: 1.15; margin: 0px; text-wrap: pretty;}
.card:hover h2:where(.rt-h3){color: var(--claret);}
.card h2:where(.rt-h3){font-size: 23px; line-height: 1.25; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cap-item h2:where(.rt-h3){font-family: var(--sans); font-weight: 700; font-size: 16px; margin: 12px 0px 4px;}
.teaser h2:where(.rt-h3){font-size: 18px; line-height: 1.3;}
/* op-heading-levels:end */

/* op-img-dims — intrinsic width/height reserve image space; the proven height:auto guard (zero specificity) */
:where(article > figure.post-hero > img,
  div.article-body > figure.article-figure > img,
  li > a.card > img,
  main > a.feature > img,
  section.cards > a.card > img,
  section.hero > div.hero-img > img){height:auto}
/* op-img-dims:end */