/* round 10: end (owned by the end design pass; overrides site.css) */
/* lab notes: the title sits on the gutter like every other scene, the polaroids form a wall under it */
@media (min-width: 901px) {
  .lab__title { left: var(--gutter); transform: none; top: 12vh; font-size: clamp(56px, 8.4vw, 150px); letter-spacing: -.045em; }
  .lab__bug { top: calc(12vh - 34px); }
  .polaroid { width: 21vw; }
}
.polaroid:nth-child(5n+1)::before { background: rgba(255, 122, 184, .72); }
.polaroid:nth-child(5n+2)::before { background: rgba(143, 240, 164, .78); }
.polaroid:nth-child(5n+3)::before { background: rgba(185, 162, 255, .75); }
.polaroid:nth-child(5n+4)::before { background: rgba(255, 226, 61, .8); }
.polaroid:nth-child(5n+5)::before { background: rgba(124, 200, 255, .75); }
@media (max-width: 900px) {
  .lab__deck { gap: 0; }
  .polaroid { width: 76vw; margin: 0 auto; }
  .polaroid + .polaroid { margin-top: -3vw; }
  .polaroid:nth-child(odd) { transform: translateX(-6vw) rotate(var(--r)); }
  .polaroid:nth-child(even) { transform: translateX(6vw) rotate(var(--r)); }
}

/* the brief: a chosen chip is unmistakable, and sending feels like slapping a sticker */
.chips input:checked + .sticker { transform: rotate(-3deg) scale(1.07); box-shadow: 0 0 0 3px var(--ink), 0 6px 0 var(--ink); }
.brief__send .btn--big { border-radius: 10px; transform: rotate(-1.5deg); box-shadow: 0 6px 0 #000; transition: transform var(--fast), box-shadow var(--fast); }
.brief__send .btn--big:hover { transform: rotate(0deg) translateY(-2px); box-shadow: 0 8px 0 #000; }
.brief__send .btn--big:active { transform: translateY(4px); box-shadow: 0 2px 0 #000; }

/* the footer mark: the same outline weight as the hero's */
.footer__mark .o { -webkit-text-stroke-width: .03em; }
@media (max-width: 900px) {
  .brief { padding-bottom: clamp(96px, 22vw, 140px); }
  .brief__send .btn--big { width: 100%; justify-content: center; min-height: 56px; }
  .footer__markwrap { padding-bottom: calc(12px + env(safe-area-inset-bottom, 0px)); }
}

/* live site: a bot trap nobody sees, a privacy line, the contact links */
.hp { position: absolute; left: -9999px; width: 1px; height: 1px; overflow: hidden; }
.brief__privacy { color: var(--ink-2); }
.brief__err a, .brief__or a { color: var(--ink); border-bottom: 1px solid currentColor; }
.btn[disabled] { opacity: .6; cursor: progress; }
.footer__mail .lnk { font-size: 22px; }
.footer__col--right { gap: 10px; }
.footer__col--right .footer__copy { margin-top: 14px; }
.menu__foot a { color: inherit; border-bottom: 1px solid currentColor; }
.nw, .brief__or a, .footer__soc .lnk__txt { white-space: nowrap; }
.brief__done-sub a { color: var(--ink); border-bottom: 1px solid currentColor; }
.brief.is-sent .brief__privacy { display: none; }