:root{
  --bg:#050609; --panel:#0b0c10eb; --panel2:#101116; --text:#eee8dc; --muted:#948f88;
  --orange:#ff7a32; --lime:#9cff39; --pink:#f35cff; --violet:#a65cff; --cyan:#5fdcff; --gold:#d7a35a;
  --line:#ffffff14;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;background:#050609;color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden;background-image:radial-gradient(circle at 18% 28%,#6f163713,transparent 30%),radial-gradient(circle at 80% 52%,#4a137014,transparent 34%)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:80;opacity:.09;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.25'/%3E%3C/svg%3E");mix-blend-mode:soft-light}
a{color:inherit}
.site-header{height:60px;padding:0 4vw;display:flex;align-items:center;justify-content:space-between;position:fixed;top:0;left:0;right:0;z-index:60;background:#050609c8;backdrop-filter:blur(15px);border-bottom:1px solid var(--line)}
.brand{font-size:14px;font-weight:800;letter-spacing:.09em;text-decoration:none;color:#f4d6b1;text-shadow:0 0 14px #ff743955}
nav{display:flex;gap:26px} nav a{font-size:9px;letter-spacing:.18em;text-decoration:none;color:#aba39a;padding:22px 0 17px;border-bottom:1px solid transparent} nav a:hover,nav .active{color:#f7c4fa;border-color:var(--pink);text-shadow:0 0 9px #f35cffaa}
.submit{border:1px solid #a65cff55;background:#120d17;color:#e9bfff;font-size:8px;letter-spacing:.14em;padding:9px 12px;border-radius:4px;cursor:pointer;box-shadow:0 0 12px #a65cff18}
.hero-bar{height:670px;position:relative;overflow:hidden;background:url('assets/bar-hill-hero.jpg') center 43%/cover no-repeat;border-bottom:1px solid #ffffff12}
.hero-bar:after{content:"";position:absolute;inset:auto 0 0;height:190px;background:linear-gradient(transparent,#050609 92%)}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#050609dc 0%,#0506095c 33%,#0506091c 58%,#0506098d 100%),linear-gradient(180deg,#02030888 0%,transparent 35%,#05060966 100%)}
.hero-neon{position:absolute;z-index:3;left:4vw;top:94px;font-family:Georgia,serif;font-style:italic;letter-spacing:.03em;line-height:.78;transform:rotate(-2deg)}
.hero-neon span{display:block;font-size:clamp(46px,6vw,82px);font-weight:400}.hero-neon span:first-child{color:#ff9a59;text-shadow:0 0 3px #fff,0 0 8px #ff6a21,0 0 20px #ff4e00}.hero-neon span:nth-child(2){color:#a9ff64;text-shadow:0 0 3px #fff,0 0 8px #74ff2f,0 0 20px #5eff00}.hero-neon b{display:block;font-size:47px;color:#db6aff;font-style:normal;margin:24px 0 0 45px;text-shadow:0 0 4px #fff,0 0 10px #d244ff,0 0 26px #b100ff}
.hero-sign{position:absolute;z-index:3;border:1px solid #f35cff8c;background:#09070aaf;padding:16px 18px;font:italic 16px/1.55 Georgia,serif;letter-spacing:.06em;box-shadow:0 0 4px #f35cff,0 0 18px #f35cff55;color:#ff9d68;text-shadow:0 0 9px #ff643d66}.hero-sign small{color:var(--cyan);margin-left:7px}.left-sign{left:4vw;top:333px;transform:rotate(-3deg)}.right-sign{right:4vw;top:95px;color:var(--lime);text-align:center;line-height:1.62}.right-sign i{color:#ff77ec;font-style:normal}.right-sign em{color:#73ddff;font-style:normal}
.hero-caption{position:absolute;z-index:5;right:5vw;bottom:78px;width:min(410px,38vw);padding:18px 20px;background:#07080bae;border:1px solid #ffffff16;backdrop-filter:blur(10px);box-shadow:0 18px 55px #0008}.hero-caption h1{font:400 clamp(30px,3.8vw,52px)/.98 Georgia,serif;margin:12px 0;color:#f2e8da}.hero-caption h1 em{color:#ff9adf;font-weight:400}.hero-caption p{font:13px/1.55 Georgia,serif;color:#c2b8ad;margin:0 0 15px}.enter{font-size:8px;letter-spacing:.2em;text-decoration:none;color:#8ce6ff}
.tiny-label{font-size:9px;letter-spacing:.22em;color:#b3e9ff;font-weight:700}.neon-pink{color:#f694ff;text-shadow:0 0 8px #f35cffaa}
.section-wrap{padding:68px 4vw}.featured-section{padding-top:36px}.gallery-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:22px}.gallery-heading h2{font:400 clamp(26px,3vw,40px)/1 Georgia,serif;font-style:italic;margin:7px 0 0;color:#e9dfd2}.gallery-heading p{max-width:480px;margin:0;color:#8f8982;font:12px/1.65 Georgia,serif}.gallery-heading strong{color:#d7b5e9;font-weight:400}.line-heading{position:relative;padding-bottom:12px}.line-heading:after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:linear-gradient(90deg,#a65cff99,#f35cffaa 35%,transparent 82%);box-shadow:0 0 10px #bb3dff55}
.featured-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:11px}.feature-card{background:#07080b;border:1px solid #a9703f78;border-radius:5px;overflow:hidden;cursor:pointer;box-shadow:0 12px 35px #0008;transition:.2s}.feature-card:hover{transform:translateY(-2px);border-color:#d99c5c}.feature-card .feature-img{height:360px;background:#020305}.feature-card img{width:100%;height:100%;object-fit:contain;display:block;filter:saturate(.94) contrast(1.02)}.feature-meta{padding:12px 13px 13px}.feature-meta h3{font:italic 18px/1.05 Georgia,serif;font-weight:400;color:#e3b77f;margin:0 0 5px}.feature-meta small{display:block;color:#77716a;font-size:8px;margin-bottom:10px}.history,.like{border:1px solid #f35cff73;background:#0d0810;color:#e9b9ec;font-size:7px;letter-spacing:.14em;padding:8px 9px;border-radius:2px;cursor:pointer}.history:hover{box-shadow:0 0 11px #f35cff44;color:#fff}
.archive{padding-top:42px;background:linear-gradient(180deg,#050609,#07080d 55%,#050609)}.filters{display:flex;gap:10px;flex-wrap:wrap}.filters button{background:#09080d;color:#8e8780;border:1px solid transparent;padding:8px 11px;font-size:8px;letter-spacing:.14em;cursor:pointer}.filters .on{color:#d6ff8c;border-color:#83ff4d75;box-shadow:0 0 10px #62ff3d25}
.art-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}.art-card{background:#08090c;border:1px solid #ffffff14;border-radius:3px;overflow:hidden;cursor:pointer;transition:.2s}.art-card:hover{border-color:#af6cff58;transform:translateY(-2px)}.art-card .art-img{height:205px;background:#020305}.art-card img{width:100%;height:100%;object-fit:contain;display:block}.art-meta{padding:10px 10px 11px}.art-meta h3{font:400 14px/1.05 Georgia,serif;margin:0;color:#d2c7b9}.art-meta span{display:block;margin-top:6px;color:#6e6a65;font-size:7px;letter-spacing:.13em}
.open-wall-title{margin:54px 0 18px;display:flex;justify-content:space-between;align-items:end;gap:30px}.open-wall-title h3{font:italic 26px/1 Georgia,serif;font-weight:400;margin:8px 0 0;color:#ddd1c5}.open-wall-title p{margin:0;color:#77716b;font:11px Georgia,serif}.open-wall{display:grid;grid-template-columns:repeat(5,1fr);grid-auto-rows:140px;gap:10px}.empty-card{border:1px dashed #a65cff3a;background:radial-gradient(circle at 50% 45%,#732a821b,transparent 55%),#08090c;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.empty-card:after{content:"✦";position:absolute;color:#ff5df52b;font-size:32px}.empty-card span{position:relative;z-index:1;color:#7e7184;font-size:7px;letter-spacing:.2em}.tall-empty{grid-row:span 2}.wide-empty{grid-column:span 2}
footer{padding:30px 4vw 34px;border-top:1px solid #ffffff11;display:grid;grid-template-columns:1fr 1.5fr 1fr;gap:26px;align-items:center;background:#050609}.footer-neon{border:1px solid #6ca9ff9e;padding:12px 14px;font:italic 14px/1.5 Georgia,serif;color:#8bc7ff;box-shadow:0 0 13px #216dff31;text-shadow:0 0 7px #3c83ff7a}.footer-neon span{color:#a6ff53;margin-left:8px}.footer-neon.green{color:#b6ff64;border-color:#ff5ac696;box-shadow:0 0 13px #ff3cac31;text-shadow:0 0 7px #7aff317a}.footer-center{text-align:center}.footer-center b{font:italic 14px/1.45 Georgia,serif;color:#ff7e68;font-weight:400}.footer-center small{display:block;margin-top:10px;font-size:7px;letter-spacing:.16em;color:#706a66}
.modal{position:fixed;inset:0;z-index:90;background:#030305f2;backdrop-filter:blur(15px);display:none;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:3vw;padding:5vw;align-items:center}.modal.open{display:grid}.modal-art{height:82vh;display:flex;align-items:center;justify-content:center;background:#07080b;border:1px solid #ffffff15;padding:15px}.modal-art img{max-width:100%;max-height:100%;object-fit:contain}.modal-copy>span{font-size:8px;letter-spacing:.18em;color:#d77cff}.modal h2{font:italic 38px/1 Georgia,serif;font-weight:400;color:#e5b77a;margin:11px 0}.creator{color:#77716b;font-size:11px}.modal-actions{display:flex;gap:8px;margin-top:16px}.close{position:absolute;right:28px;top:18px;background:none;border:0;color:#d0c7be;font-size:31px;cursor:pointer}.history-box{display:none;margin-top:22px;padding:19px;background:#0c0b10;border:1px solid #f35cff3a}.history-box.show{display:block}.history-box small{font-size:7px;letter-spacing:.2em;color:#f19cff}.history-box h3{font:italic 21px/1 Georgia,serif;font-weight:400;margin:8px 0 10px;color:#e7d9c8}.history-box p{font:14px/1.7 Georgia,serif;color:#bcb3aa;margin:0}
@media(max-width:1050px){nav{gap:15px}.featured-wall{grid-template-columns:repeat(3,1fr)}.featured-wall .feature-card:nth-child(n+4){margin-top:4px}.art-grid{grid-template-columns:repeat(4,1fr)}.open-wall{grid-template-columns:repeat(4,1fr)}.right-sign{display:none}.hero-caption{width:46vw}}
@media(max-width:760px){.site-header{padding:0 4vw}.site-header nav{display:none}.hero-bar{height:690px;background-position:58% 45%}.hero-neon{top:88px}.hero-neon span{font-size:50px}.left-sign{top:290px;font-size:13px}.hero-caption{left:4vw;right:4vw;bottom:40px;width:auto}.featured-wall{grid-template-columns:1fr 1fr}.feature-card .feature-img{height:300px}.featured-wall .feature-card:first-child{grid-column:span 2}.art-grid{grid-template-columns:repeat(2,1fr)}.art-card .art-img{height:220px}.open-wall{grid-template-columns:1fr 1fr}.wide-empty{grid-column:span 2}.gallery-heading,.open-wall-title{align-items:flex-start;flex-direction:column}.section-wrap{padding:54px 4vw}.modal{grid-template-columns:1fr;padding:56px 14px 20px;overflow:auto;align-items:start}.modal-art{height:auto;max-height:56vh}.modal-art img{max-height:51vh}footer{grid-template-columns:1fr;text-align:center}.footer-neon{text-align:center}}

/* V5 — softer psychedelic lettering */
:root{
  --dream-lavender:#c9a7ff;
  --dream-pink:#f3a6d8;
  --dream-blue:#8fd7e8;
  --dream-sage:#b8d89a;
  --dream-amber:#e5bd82;
}
.brand,.gallery-heading h2,.open-wall-title h3,.feature-meta h3,.art-meta h3,.modal h2,.history-box h3{
  font-family:Georgia,'Times New Roman',serif;
  font-weight:400;
}
.brand{
  color:#e6d7ff;
  letter-spacing:.14em;
  text-shadow:0 0 8px #b982ff66,0 0 22px #5e4da833;
}
nav a{color:#aaa5b3;transition:color .25s ease,text-shadow .25s ease,border-color .25s ease}
nav a:hover,nav .active{color:#e8d2ff;border-color:#b995dc;text-shadow:0 0 7px #c59cff77,0 0 16px #8ccfe744}
.hero-neon{filter:saturate(.72)}
.hero-neon span:first-child{color:#f3bd94;text-shadow:0 0 3px #fff5e9,0 0 8px #d99674,0 0 22px #a95f6b88}
.hero-neon span:nth-child(2){color:#c2df9f;text-shadow:0 0 3px #f3ffe8,0 0 8px #9fc58c,0 0 22px #719e8277}
.hero-neon b{color:#d4b2e8;text-shadow:0 0 4px #fff,0 0 10px #b88bd1,0 0 25px #7c64b077}
.hero-sign{border-color:#b89ac777;color:#e3b89f;box-shadow:0 0 5px #b28bc055,0 0 20px #6e527744;text-shadow:0 0 8px #d59b8b44;background:#09080ca8}
.right-sign{color:#bcd8a6}.right-sign i{color:#ddb0d4}.right-sign em{color:#a9cfda}
.tiny-label{color:#9fcbd5}.neon-pink{color:#d7a9dd;text-shadow:0 0 8px #b58dc477}
.gallery-heading h2,.open-wall-title h3{
  color:#ddd4e7;
  letter-spacing:.015em;
  text-shadow:0 0 16px #7c65913d;
}
.line-heading:after{background:linear-gradient(90deg,#8fc9d177,#b18cc988 34%,#d6a2bc55 62%,transparent 88%);box-shadow:0 0 12px #8d78a844}
.feature-meta h3{color:#d9bd9d}.art-meta h3{color:#cbc3d2}
.history,.like{border-color:#a982ba66;color:#d9c3e0;background:#0d0a10;box-shadow:0 0 10px #7d5d8e16}
.filters .on{color:#c5dcae;border-color:#91b88866;box-shadow:0 0 10px #72946f22}
.footer-neon{color:#a9cfdf;border-color:#779cb677;text-shadow:0 0 8px #6ea6c266;box-shadow:0 0 15px #51718c22}
.footer-neon.green{color:#bdd6a4;border-color:#a88ba877;text-shadow:0 0 8px #91b07755;box-shadow:0 0 15px #8a628322}
.footer-center b{color:#d8a69f;text-shadow:0 0 10px #a66f7844}
body{background-image:radial-gradient(circle at 18% 28%,#725b8b12,transparent 31%),radial-gradient(circle at 82% 48%,#3f758013,transparent 35%),radial-gradient(circle at 50% 78%,#78643b0d,transparent 30%)}

/* V6 — keep hero copy off the people */
.hero-caption{
  left:4vw;
  right:auto;
  bottom:72px;
  width:min(360px,31vw);
  padding:16px 18px;
  background:linear-gradient(135deg,#08090cb8,#0b0810a8);
  border:1px solid #b89ac72e;
  box-shadow:0 14px 42px #0007,0 0 24px #8f75a51c;
}
.hero-caption h1{font-size:clamp(27px,3vw,42px)}
.hero-caption p{font-size:12px;color:#bdb4bd}
@media(max-width:1050px){.hero-caption{left:4vw;right:auto;width:min(360px,40vw)}}
@media(max-width:760px){.hero-caption{left:4vw;right:4vw;bottom:36px;width:auto}}


/* ===== HOOD HIPPIE POLISH PASS 1 ===== */

/* Navigation — easier to read without getting bulky */
.site-header {
  min-height: 68px;
}

.brand {
  font-size: 16px;
}

nav {
  gap: 28px;
}

nav a {
  font-size: 11px;
  letter-spacing: .16em;
  padding: 24px 2px;
}

/* Hero message — stronger but still stays out of the faces */
.hero-caption {
  left: 4vw;
  right: auto;
  width: min(390px, 30vw);
  padding: 22px 24px;
  bottom: 70px;
}

.hero-caption h1 {
  font-size: clamp(34px, 3.4vw, 50px);
  line-height: .98;
}

.hero-caption p {
  font-size: 14px;
  line-height: 1.6;
}

/* Gallery gets more breathing room */
.featured-section,
.art-archive {
  padding-left: 4vw;
  padding-right: 4vw;
}

.gallery-heading {
  margin-bottom: 30px;
}

.gallery-heading h2 {
  font-size: clamp(30px, 3vw, 44px);
}

.gallery-heading p {
  font-size: 14px;
  line-height: 1.65;
  max-width: 620px;
}

/* Artwork cards — cleaner gallery presentation */
.art-grid {
  gap: 16px;
}

.art-card {
  border-radius: 8px;
}

.art-card .art-img {
  height: 260px;
  padding: 10px;
}

.art-card .art-meta {
  padding: 14px 14px 16px;
}

.art-card .art-meta h3 {
  font-size: 17px;
  line-height: 1.2;
  margin-bottom: 7px;
}

.art-card .art-meta span {
  font-size: 10px;
  line-height: 1.5;
}

/* Slightly brighter hover without losing the dark vibe */
.art-card:hover {
  transform: translateY(-4px);
  box-shadow:
    0 16px 40px #0009,
    0 0 22px #a65cff26;
}

/* Chromebook / smaller desktop */
@media (max-width: 1050px) {
  nav {
    gap: 18px;
  }

  nav a {
    font-size: 10px;
  }

  .hero-caption {
    width: min(370px, 36vw);
  }
}

/* ===== HOOD HIPPIE POLISH PASS 2 — HERO ===== */

/* Give the hero photo a little more life */
.hero-bar {
  filter: contrast(1.06) saturate(1.06);
}

/* Softer cinematic darkness instead of a heavy black veil */
.hero-shade {
  background:
    linear-gradient(
      90deg,
      rgba(5, 6, 9, .72) 0%,
      rgba(5, 6, 9, .22) 34%,
      rgba(5, 6, 9, .08) 62%,
      rgba(5, 6, 9, .38) 100%
    ),
    linear-gradient(
      180deg,
      rgba(5, 6, 9, .10) 0%,
      rgba(5, 6, 9, .02) 60%,
      rgba(5, 6, 9, .58) 100%
    );
}

/* Caption becomes more like a physical card/poster */
.hero-caption {
  background:
    linear-gradient(
      135deg,
      rgba(8, 9, 12, .94),
      rgba(16, 12, 20, .88)
    );
  border: 1px solid rgba(201, 167, 255, .28);
  box-shadow:
    0 18px 55px rgba(0, 0, 0, .48),
    0 0 30px rgba(166, 92, 255, .08);
  backdrop-filter: blur(8px);
}

/* Small label gets a little more personality */
.hero-caption .enter {
  color: #9fe7df;
  letter-spacing: .22em;
}

/* Keep the pink phrase special without screaming neon */
.hero-caption h1 em {
  color: #f3a0d8;
  text-shadow:
    0 0 14px rgba(243, 160, 216, .16);
}

/* Right-side mantra becomes part of the environment */
.right-sign {
  background:
    linear-gradient(
      145deg,
      rgba(8, 9, 12, .72),
      rgba(25, 14, 29, .48)
    );
  border: 1px solid rgba(201, 167, 255, .25);
  box-shadow:
    0 12px 35px rgba(0, 0, 0, .38),
    inset 0 0 24px rgba(166, 92, 255, .035);
  backdrop-filter: blur(4px);
}

/* Calm the digital glow slightly */
.hero-neon {
  filter: saturate(.88);
}

.hero-neon span {
  text-shadow:
    0 2px 0 rgba(255,255,255,.15),
    0 0 10px rgba(255,255,255,.20),
    0 0 22px rgba(166,92,255,.16);
}

/* ===== HOOD HIPPIE POLISH PASS 3 — ART GALLERY ===== */

/* More space around the gallery */
.featured-section {
  padding-top: 58px;
  padding-bottom: 72px;
}

/* Stronger gallery heading */
.gallery-heading {
  padding-bottom: 18px;
  border-bottom: 1px solid rgba(201, 167, 255, .16);
}

.gallery-heading h2 {
  font-size: clamp(34px, 3.2vw, 48px);
  letter-spacing: .01em;
}

/* Artwork grid */
.featured-wall {
  gap: 18px;
  align-items: stretch;
}

/* Make each piece feel framed instead of boxed */
.feature-card {
  background:
    linear-gradient(
      180deg,
      rgba(16, 13, 18, .92),
      rgba(7, 8, 11, .98)
    );

  border: 1px solid rgba(215, 163, 90, .35);
  border-radius: 5px;

  overflow: hidden;

  box-shadow:
    0 14px 35px rgba(0,0,0,.38);

  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

/* Dark mat around the actual artwork */
.feature-card .feature-img {
  height: 380px;
  padding: 12px;
  background:
    radial-gradient(
      circle at 50% 30%,
      rgba(35, 30, 40, .65),
      rgba(3, 4, 6, .98) 72%
    );
}

/* IMPORTANT: show the WHOLE artwork */
.feature-card .feature-img img {
  width: 100%;
  height: 100%;
  object-fit: contain;
  display: block;
}

/* Information under each artwork */
.feature-meta {
  padding: 15px 14px 14px;
  border-top: 1px solid rgba(201, 167, 255, .10);
}

.feature-meta h3 {
  font-size: 18px;
  line-height: 1.2;
  margin: 0 0 6px;
  color: #ead8c7;
}

.feature-meta small {
  font-size: 10px;
  letter-spacing: .04em;
  opacity: .68;
}

/* Meaning & History button */
.history {
  margin-top: 11px;
  padding: 8px 11px;

  font-size: 9px;
  letter-spacing: .16em;

  border: 1px solid rgba(201, 167, 255, .35);
  background: rgba(166, 92, 255, .04);
}

/* Gallery-like hover */
.feature-card:hover {
  transform: translateY(-6px);

  border-color: rgba(201, 167, 255, .62);

  box-shadow:
    0 20px 45px rgba(0,0,0,.55),
    0 0 26px rgba(166,92,255,.12);
}

.feature-card:hover .feature-img img {
  filter: saturate(1.05) contrast(1.03);
}

/* Keep it responsive */
@media (max-width: 1050px) {
  .featured-wall {
    grid-template-columns: repeat(3, 1fr);
  }

  .feature-card .feature-img {
    height: 340px;
  }
}

@media (max-width: 760px) {
  .featured-wall {
    grid-template-columns: 1fr;
  }

  .feature-card .feature-img {
    height: 440px;
  }
}

/* ===== HOOD HIPPIE POLISH PASS 4 — GALLERY LABELS ===== */

/* Slightly shorter art window so the title area stays visible */
.feature-card .feature-img {
  height: 330px;
  padding: 10px;
}

/* Make the card feel more complete at a glance */
.feature-meta {
  padding: 13px 14px 15px;
  min-height: 92px;
}

/* Museum-label style title */
.feature-meta h3 {
  font-size: 17px;
  line-height: 1.15;
  margin: 0 0 5px;
  color: #ead8c7;
  letter-spacing: .01em;
}

/* Creator / presentation info */
.feature-meta small {
  display: block;
  font-size: 9px;
  line-height: 1.4;
  letter-spacing: .05em;
  color: rgba(238, 232, 220, .58);
}

/* Tighten the history button */
.history {
  margin-top: 9px;
  padding: 7px 10px;
  font-size: 8px;
  letter-spacing: .15em;
}

/* Reduce dead space while keeping full artwork visible */
.feature-card .feature-img img {
  max-width: 100%;
  max-height: 100%;
  object-fit: contain;
}

/* Slightly more elegant card proportions */
.feature-card {
  display: flex;
  flex-direction: column;
}

.feature-card .feature-img {
  flex: 0 0 auto;
}

.feature-meta {
  flex: 1;
}

/* Chromebook size */
@media (max-width: 1050px) {
  .feature-card .feature-img {
    height: 310px;
  }

  .feature-meta h3 {
    font-size: 16px;
  }
}

/* Mobile */
@media (max-width: 760px) {
  .feature-card .feature-img {
    height: 390px;
  }

  .feature-meta {
    min-height: auto;
  }
}