/* Feedback reuses the homepage tokens, typography, header and dark panels. */
.feedback-hero { position:relative; z-index:1; padding-top:104px; padding-bottom:48px; }
.feedback-breadcrumbs { display:flex; align-items:center; margin-bottom:36px; color:var(--ink-2); font-size:13px; }
.feedback-breadcrumbs a { display:inline-flex; align-items:center; min-height:44px; }
.feedback-breadcrumbs span { margin-left:12px; }
.feedback-breadcrumbs a:hover { text-decoration:underline; text-underline-offset:4px; }
.feedback-hero h1 { max-width:1000px; font-size:46px; font-size:clamp(46px,7.7vw,104px); line-height:1.12; letter-spacing:-.04em; }
.feedback-hero h1 span { display:block; }
.feedback-hero-copy>p { margin-top:24px; font-size:17px; color:var(--ink-2); max-width:37rem; }
.feedback-hero-actions { display:grid; grid-template-columns:1fr; gap:12px; margin-top:28px; max-width:440px; }
.feedback-collection { position:relative; padding-top:36px; padding-bottom:44px; }
.feedback-collection .collection-heading { display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; border-bottom:1px solid var(--line-dark); padding-bottom:24px; }
.collection-heading h2 { font-family:var(--font-body); font-size:18px; font-weight:500; letter-spacing:0; line-height:1.6; }
.collection-heading p { color:var(--on-dark-2); font-size:13px; margin-top:8px; }
.collection-count { display:inline-block; padding:3px 10px; margin-right:10px; border:1px solid #4b4d52; border-radius:999px; font-variant-numeric:tabular-nums; font-size:14px; }
.feedback-collection .feedback-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin-top:24px; column-count:auto; }
.feedback-collection .feedback-item { margin:0; align-self:start; }
.feedback-collection .feedback-item img { transform:none; }
.feedback-collection .feedback-item:hover { border-color:#858991; }
.collection-status { color:var(--on-dark-2); font-size:14px; margin:0 auto 20px; }
.feedback-collection .feedback-bottom { margin-top:36px; }
.feedback-collection .feedback-bottom .button { min-width:240px; }
.feedback-next { padding-top:64px; padding-bottom:64px; }
.feedback-next h2 { max-width:44rem; }
.feedback-next p { color:var(--ink-2); margin-top:20px; font-size:17px; }
.feedback-next .button { margin-top:28px; }
.main-nav a[aria-current="page"] { color:var(--ink); text-decoration:underline; text-underline-offset:6px; }
.feedback-overview-link { display:inline-flex; align-items:center; justify-content:center; min-height:44px; margin-top:16px; color:var(--on-dark-2); font-size:14px; text-decoration:underline; text-underline-offset:5px; }
@media(min-width:480px) {
  .feedback-hero-actions { grid-template-columns:auto auto; max-width:none; justify-content:start; }
}
@media(min-width:768px) {
  .feedback-hero { padding-top:112px; padding-bottom:64px; }
  .feedback-breadcrumbs { margin-bottom:44px; }
  .feedback-hero-copy>p { font-size:19px; margin-top:28px; }
  .feedback-hero-actions { margin-top:32px; }
  .feedback-collection { padding-top:44px; padding-bottom:56px; }
  .collection-heading p { margin-top:0; margin-left:24px; }
  .feedback-collection .feedback-grid { grid-template-columns:repeat(3,minmax(0,1fr)); gap:16px; margin-top:32px; }
  .feedback-next { padding-top:88px; padding-bottom:88px; }
}
@media(min-width:1024px) {
  .feedback-hero { padding-top:120px; padding-bottom:72px; }
  .feedback-hero-copy { display:grid; grid-template-columns:3fr 2fr; column-gap:64px; align-items:end; }
  .feedback-hero-copy h1 { grid-row:span 2; }
  .feedback-hero-copy h1 { font-size:68px; font-size:clamp(64px,6.1vw,88px); }
  .feedback-hero-copy>p { margin-top:0; }
  .feedback-hero-actions { align-self:start; grid-template-columns:auto; margin-top:24px; justify-content:start; }
  .feedback-collection .feedback-grid { grid-template-columns:repeat(4,minmax(0,1fr)); }
  .feedback-collection { padding-top:48px; padding-bottom:64px; }
  .feedback-next { display:grid; grid-template-columns:3fr 2fr; column-gap:64px; }
  .feedback-next>div { padding-top:4px; }
}