/* Plugin homepage and standalone company pages, using the existing print palette. */
.brand-intro{display:grid;grid-template-columns:1fr;align-items:start;align-content:center;gap:32px;min-height:66svh;padding:clamp(48px,6svh,96px) var(--content-gutter);border-bottom:1px solid var(--b-sage)}
.brand-intro h1{font-size:clamp(3.4rem,min(7.6vw,14svh),11rem);font-weight:400;line-height:.98;letter-spacing:-.045em;margin:0;filter:url(#worn-ink)}
.brand-intro h1 strong{font-weight:700}
.brand-intro p{max-width:44ch;font-size:clamp(1.125rem,1.6vw,1.4rem);margin:0 0 6px}
.hero-support{min-width:0;max-width:620px}
.product-actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.product-actions button{cursor:pointer}
.product-actions .text-link{font-size:var(--type-note)}
.featured-copy .shop-preview-note{font:400 11px/1.5 var(--mono);margin:18px 0 0;color:var(--b-muted)}
.company-nav nav a[aria-current="page"]{border-bottom-color:var(--b-ink)}
.poster .company-footer nav{display:flex;flex-wrap:wrap;gap:16px 24px;font-size:var(--type-note)}
.plugins-page .company-footer::before,.story-page .company-footer::before,
.story-page #approach::before,.story-page #about::before{display:none}

.plugin-showcase{padding:clamp(64px,7vw,128px) var(--content-gutter)}
.featured-plugin{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.3fr);align-items:center;gap:40px clamp(32px,5vw,80px);padding-top:0}
.featured-copy h2{font-size:clamp(3rem,5vw,5rem);line-height:.95;letter-spacing:-.06em;margin:28px 0}
.featured-summary{max-width:42ch;margin:0 0 32px}
.featured-copy .product-type{margin:0;line-height:1.7}
.featured-copy .launch-button{display:inline-flex;justify-content:space-between;gap:28px;padding:18px 22px;white-space:normal}
.featured-image{display:block;min-width:0}
.plugin-facts{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-block:var(--p-hair);font-size:var(--type-label);text-transform:uppercase;letter-spacing:.1em}
.plugin-facts span{padding:18px 16px;border-left:var(--p-hair)}
.plugin-facts span:first-child{padding-left:0;border-left:0}
.plugin-coming{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:32px;padding:56px var(--content-gutter);background:var(--p-night);--b-ink:#e7dcc3;--b-muted:#b8b29a;--b-signal-text:var(--p-saffron);color:var(--b-ink)}
.plugin-coming h2{font-size:clamp(2rem,3.8vw,3.5rem);margin:16px 0 0}
.plugin-coming p{margin:0;max-width:48ch}
.coming-note{font-size:var(--type-note);color:var(--p-saffron)}

.story-page .company-section{min-height:calc(100svh - 88px);align-content:start}
.story-page #approach{--p-rule:var(--b-frame) solid #1d2620}
.story-page #approach .principles h2{font-size:var(--type-card);line-height:var(--leading-card);letter-spacing:var(--tracking-card);margin:0 0 12px;filter:none}
.story-page h1{font-size:clamp(3rem,6vw,6rem);line-height:.98;letter-spacing:-.05em;margin:0 0 40px;filter:url(#worn-ink)}
.story-page .company-section>.company-eyebrow{grid-row:1/span 5}
.story-page #approach>.company-eyebrow{grid-row:1/span 5}
.page-next{display:flex;align-items:flex-start;flex-wrap:wrap;gap:24px 40px;margin-top:48px}
.story-page #approach a:focus-visible{outline-color:var(--b-ink)}
.story-page #about>.text-link{justify-self:start}
.story-page #about .founder-portrait figcaption{color:var(--b-muted)}

@media(max-width:1000px){
  .featured-plugin{gap:32px}
  .plugin-coming{grid-template-columns:1fr 1.2fr}
  .coming-note{grid-column:2}
}
@media(max-width:800px){
  .brand-intro{grid-template-columns:1fr;gap:32px}
  .brand-intro p{max-width:40ch}
  .hero-support{max-width:440px}
    .featured-plugin{grid-template-columns:1fr}
  .featured-copy h2{font-size:clamp(3.4rem,10vw,5rem)}
  .featured-summary{max-width:48ch}
  .featured-image{margin-right:6px}
  .plugin-facts{grid-template-columns:repeat(2,1fr)}
  .plugin-facts span:nth-child(3){border-left:0;padding-left:0}
  .plugin-facts span:nth-child(n+3){border-top:var(--p-hair)}
  .plugin-coming{grid-template-columns:1fr;gap:24px}
  .coming-note{grid-column:auto}
  .poster .company-footer nav{grid-column:1/-1}
}
@media(max-width:480px){
  .featured-copy .launch-button{width:100%;padding-inline:14px;gap:12px;font-size:.75rem}
  .plugin-facts{font-size:.6875rem}
}