/* Not Just a Goof: shared stats + button, homepage spotlight, Work feature card */

/* ── Shared stats ── */
.njag-feature-stats{
  display:flex;flex-direction:row;flex-wrap:nowrap;align-items:flex-start;
  gap:40px;width:100%;min-width:0;margin-top:32px;padding:0;background:none;border:0;box-shadow:none;
}
.njag-feature-stat{display:flex;flex-direction:column;flex:0 0 auto;width:max-content;min-width:0}
.njag-feature-stat-value{
  display:flex;align-items:center;gap:8px;height:36px;white-space:nowrap;color:#1d1d1f;
}
.njag-feature-stat-label{margin-top:4px;white-space:nowrap;color:#6e6e73}
main .njag-feature-stats img.njag-feature-tomato{
  height:1em;width:auto;max-width:none!important;flex:0 0 auto;border-radius:0!important;
}
[data-theme="dark"] .njag-feature-stat-value{color:#f5f5f7}
[data-theme="dark"] .njag-feature-stat-label{color:#a1a1a6}
@media(max-width:479.98px){
  .njag-feature-stats.is-stacked{flex-direction:column;gap:20px}
  .njag-feature-stat-value{height:30px}
}

/* Button appearance is owned by site-chrome.css; only component placement lives here. */
.njag-feature-button{align-self:flex-start;justify-self:start;margin-top:32px;white-space:nowrap}

/* ── Homepage spotlight ── */
.spotlight-section{background:#f5f5f7;padding:80px 0;border-top:0}
[data-theme="dark"] .spotlight-section{background:#2c2c2e}
.spotlight-inner{
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);
  grid-template-rows:auto auto auto auto;column-gap:64px;align-items:start;
}
.spotlight-text{display:contents}
.spotlight-text .section-label{grid-column:1;grid-row:1;margin:0 0 12px;color:#6e6e73!important;text-transform:none!important;letter-spacing:normal!important}
.spotlight-text h2{grid-column:1;grid-row:2;margin:0 0 20px;color:#1d1d1f}
.spotlight-copy{grid-column:1;grid-row:3}
.spotlight-copy p{margin:0 0 14px;color:#1d1d1f;line-height:1.7}
.spotlight-copy p:last-child{margin-bottom:0}
.spotlight-copy em{font-style:italic;color:inherit}
body :is(.spotlight-section,.wn-feature) h2 em{font-style:italic!important}
.spotlight-copy strong{color:inherit}
.spotlight-text .njag-feature-button{grid-column:1;grid-row:4}
.spotlight-image{grid-column:2;grid-row:2 / 5;display:grid;gap:24px;position:relative;min-width:0}
.spotlight-image .njag-feature-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-top:0;text-align:center}
.spotlight-image .njag-feature-stat{width:100%;align-items:center}
.spotlight-image .njag-feature-stat-value{justify-content:center;height:36px}
.spotlight-image .njag-feature-stat-label{color:#6e6e73}
.spotlight-image-link{display:block;overflow:hidden;border-radius:18px}
.spotlight-poster{display:block;width:100%;height:auto;border-radius:18px}
.spotlight-image-link .spotlight-poster{transition:transform .6s ease}
.spotlight-image-link:hover .spotlight-poster{transform:scale(1.02)}
[data-theme="dark"] .spotlight-text .section-label{color:#a1a1a6!important}
[data-theme="dark"] .spotlight-image .njag-feature-stat-label{color:#a1a1a6}
[data-theme="dark"] .spotlight-text h2,
[data-theme="dark"] .spotlight-copy p{color:#f5f5f7}
@media(max-width:767.98px){
  .spotlight-section{padding:56px 0}
  .spotlight-inner{grid-template-columns:minmax(0,1fr);grid-template-rows:none}
  .spotlight-text .section-label{grid-row:1}
  .spotlight-text h2{grid-row:2;margin-bottom:24px}
  .spotlight-image{grid-column:1;grid-row:3;margin-bottom:24px}
  .spotlight-copy{grid-row:4}
   .spotlight-text .njag-feature-button{grid-row:5}
  .spotlight-image-link,.spotlight-poster{border-radius:14px}
}
@media(max-width:369.98px){
  .spotlight-image .njag-feature-stats{width:calc(100vw - 8px);justify-self:center}
}

/* ── Work feature card ── */
.wn-feature{
  display:grid;grid-template-columns:minmax(0,1fr) minmax(430px,1fr);column-gap:40px;align-items:center;
  background:#fff;border-radius:18px;overflow:hidden;padding:32px;
  margin:0 40px 40px;color:inherit;
}
[data-theme="dark"] .wn-feature{background:#2c2c2e}
.wn-feature-img{display:block;overflow:hidden;border-radius:12px;min-width:0;align-self:center}
main .wn-feature .wn-feature-img img{display:block;width:100%;height:auto;border-radius:12px!important}
.wn-feature-body{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:0;background:none}
.wn-feature-type{margin:0 0 12px;color:#6e6e73}
.wn-feature-title{margin:0 0 16px;color:#1d1d1f}
.wn-feature-desc{margin:0;color:#1d1d1f;max-width:none}
.wn-feature-desc em{font-style:italic;color:inherit}
[data-theme="dark"] .wn-feature-type{color:#a1a1a6}
[data-theme="dark"] .wn-feature-title,
[data-theme="dark"] .wn-feature-desc{color:#f5f5f7}
@media(max-width:900px){
  .wn-feature{margin:0 24px 40px;column-gap:32px}
}
@media(max-width:767.98px){
  .wn-feature{grid-template-columns:minmax(0,1fr);border-radius:14px;row-gap:24px;margin:0 16px 24px}
  .wn-feature-body{width:100%}
}