/* One compact studio spread. All rules stay inside the requested Blink section. */
#studio.blink-overview { background: #f4f1e9; color: #222620; }
#studio .blink-wrap { max-width: 1440px; margin: auto; padding: clamp(70px, 8vw, 120px) clamp(24px, 5vw, 80px); }
#studio .blink-masthead { display: flex; justify-content: space-between; gap: 20px; padding-bottom: 28px; border-bottom: 1px solid #22262026; font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .12em; text-transform: uppercase; }
#studio .blink-main { display: grid; grid-template-columns: .8fr 1.3fr; gap: clamp(32px, 4vw, 64px); align-items: center; padding: 58px 0 64px; }
#studio .blink-role, #studio .blink-small { font-family: 'JetBrains Mono', monospace; font-size: 10px; letter-spacing: .06em; text-transform: uppercase; color: #726e62; }
#studio .blink-copy h2 { margin: 18px 0 25px; font-family: var(--font-display); font-size: clamp(40px, 4.8vw, 70px); font-weight: 600; line-height: 1.02; letter-spacing: -.06em; }
#studio .blink-copy h2 em { font-family: var(--font-serif); font-weight: 400; color: #c1593d; letter-spacing: -.04em; }
#studio .blink-copy p:not(.blink-role) { max-width: 440px; font-size: 15px; line-height: 1.7; color: #5d6058; margin: 0 0 17px; }
#studio .blink-copy .blink-credit { color: #222620; }
#studio .blink-credit a { text-decoration: underline; text-underline-offset: 3px; color: inherit; }
#studio .blink-visit { display: inline-flex; align-items: center; justify-content: space-between; gap: 32px; margin-top: 12px; padding: 15px 0; color: #222620; border-bottom: 1px solid #222620; text-decoration: none; font-size: 13px; }
#studio .blink-site { margin: 0; min-width: 0; }
#studio .blink-site > a { display: block; border: 1px solid #22262030; background: #161613; text-decoration: none; color: #e9e5d9; }
#studio .blink-site-bar { display: flex; justify-content: space-between; align-items: center; padding: 12px 16px; font: 10px 'JetBrains Mono', monospace; background: #262721; }
#studio .blink-site-dots { color: #b4b2a4; letter-spacing: 3px; }
#studio .blink-site img { display: block; width: 100%; height: auto; }
#studio .blink-site figcaption { display: flex; justify-content: space-between; gap: 12px; padding-top: 12px; font: 10px/1.5 'JetBrains Mono', monospace; color: #726e62; }
#studio .blink-products { border-top: 1px solid #22262026; padding-top: 32px; }
#studio .blink-products-head { display: grid; grid-template-columns: .8fr 1.3fr; gap: 36px; align-items: center; margin-bottom: 32px; }
#studio .blink-products h3 { font-family: var(--font-display); font-size: 25px; line-height: 1.2; font-weight: 500; letter-spacing: -.04em; margin-top: 12px; }
#studio .blink-products p { font-size: 13px; line-height: 1.7; color: #5d6058; margin-bottom: 17px; max-width: 490px; }
#studio .blink-venture-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 0 28px; margin: 0 0 24px; padding: 0; list-style: none; }
#studio .blink-venture-grid li { padding: 22px 0 26px; border-top: 1px solid #22262026; }
#studio .blink-venture-no, #studio .blink-venture-state { font: 9px/1.6 'JetBrains Mono', monospace; color: #726e62; }
#studio .blink-venture-no { text-transform: uppercase; letter-spacing: .04em; }
#studio .blink-venture-grid h4 { margin: 10px 0 12px; font-family: var(--font-display); font-size: 20px; line-height: 1.25; font-weight: 600; letter-spacing: -.04em; }
#studio .blink-venture-grid h4 a { display: flex; align-items: baseline; justify-content: space-between; gap: 8px; color: inherit; text-decoration: none; }
#studio .blink-venture-grid h4 a span { font: 14px 'JetBrains Mono', monospace; color: #c1593d; }
#studio .blink-venture-grid p { margin: 0; font-size: 12px; line-height: 1.7; }
#studio .blink-venture-state { display: block; margin-top: 10px; }
#studio .blink-product-link { display: inline-block; color: #222620; font: 11px/1.6 'JetBrains Mono', monospace; text-decoration: none; border-bottom: 1px solid #22262050; padding-bottom: 7px; }
#studio .blink-product-link span { margin-left: 12px; }
#studio .blink-visit:focus-visible, #studio .blink-site a:focus-visible, #studio .blink-product-link:focus-visible, #studio .blink-venture-grid a:focus-visible { outline: 2px solid #c1593d; outline-offset: 5px; }
@media (max-width: 1000px) {
  #studio .blink-main { grid-template-columns: 1fr 1.15fr; gap: 28px; }
  #studio .blink-products-head { grid-template-columns: 1fr 1.4fr; gap: 24px; }
  #studio .blink-venture-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 700px) {
  #studio .blink-masthead { font-size: 9px; letter-spacing: .03em; }
  #studio .blink-main { grid-template-columns: 1fr; padding: 36px 0; gap: 22px; }
  #studio .blink-copy { display: contents; }
  #studio .blink-copy .blink-role { grid-row: 1; margin: 0; }
  #studio .blink-copy h2 { grid-row: 2; margin: 0 0 8px; }
  #studio .blink-site { grid-row: 3; margin-bottom: 8px; }
  #studio .blink-copy p:not(.blink-role) { margin: 0; }
  #studio .blink-visit { justify-self: start; margin-top: 0; }
  #studio .blink-copy h2 { font-size: 54px; }
  #studio .blink-products-head { grid-template-columns: 1fr; gap: 18px; }
  #studio .blink-products h3 br { display: none; }
  #studio .blink-venture-grid { gap: 0 20px; }
  #studio .blink-venture-grid h4 { font-size: 18px; }
  #studio .blink-venture-no { font-size: 8px; }
}