.brief-head>p{text-wrap:balance}.brief-head>h2{font-size:min(var(--text-5xl), 17vw);line-height:var(--text-5xl--line-height)}@media (min-width:48rem){.brief-head>h2{font-size:var(--text-7xl);line-height:var(--text-7xl--line-height)}}@media not (min-width:80rem){#brief{overflow-x:clip}}.brief-layout{gap:.75rem;display:grid}.brief-aside{align-content:start;gap:.75rem;display:grid}@media (min-width:48rem){.brief-layout,.brief-aside{gap:1.25rem}}@media (min-width:48rem) and (not (min-width:64rem)){.brief-aside{grid-template-columns:3fr 2fr;align-content:stretch}}@media (min-width:64rem){.brief-layout{grid-template-columns:5fr 7fr;align-items:start}}@media (min-width:64rem) and (min-height:46rem){.brief-aside{position:sticky;top:6rem}}.brief-cover{flex-direction:column;justify-content:space-between;gap:1rem;padding:.875rem;display:flex;container-type:inline-size}@media (min-width:48rem){.brief-cover{min-height:21rem;padding:1.25rem}}@media (min-width:64rem){.brief-cover{min-height:27rem}}.brief-cover-number{font-size:clamp(var(--text-4xl), 20cqi, var(--text-7xl));letter-spacing:.03em;line-height:.9}.brief-cover-logo{width:62%;height:clamp(2.5rem,13cqi,4.5rem);margin:-.25rem 0 0 .25rem}.brief-cover-figure{width:48%;height:66%;bottom:0;right:4%}.brief-cover-bubble{align-self:flex-start;width:min(68%,21rem);margin:0 0 1.75rem .25rem}@container not (min-width:21rem){.brief-cover-caption{align-self:flex-start;max-width:13rem}}.rough-ink{opacity:0}.brief-layout:has(.brief-success) .rough-ink{opacity:1;animation:rough-ink-in var(--frame) var(--hold) both}.brief-layout:has(.brief-success) .rough-ink-2{animation-delay:var(--frame)}.brief-layout:has(.brief-success) .rough-ink-3{animation-delay:calc(var(--frame) * 2)}.brief-layout:has(.brief-success) .rough-pencil{opacity:0;animation:rough-erase calc(var(--frame) * 3) var(--hold) both}@keyframes rough-ink-in{0%{opacity:0}to{opacity:1}}@keyframes rough-erase{0%{opacity:1}to{opacity:0}}.brief-promises{border:3px solid var(--color-ink);background:var(--color-panel-white);font-size:var(--text-base);align-content:center;gap:.75rem;padding:1rem 1.125rem;font-weight:700;line-height:1.3;display:grid}@media (min-width:30rem){.brief-promises{font-size:var(--text-lg)}}.brief-promises li+li{border-top:2px dotted var(--color-ink);padding-top:.75rem}.brief-panel{--pad:1rem;padding:var(--pad)}@media (min-width:25rem){.brief-panel{--pad:1.25rem}}@media (min-width:48rem){.brief-panel{--pad:2rem}}.brief-form{gap:1.75rem;display:grid;container-type:inline-size}.brief-form-head{width:fit-content;margin:calc(var(--pad,1rem) * -1) 0 0 calc(var(--pad,1rem) * -1);border-right:3px solid var(--color-ink);border-bottom:3px solid var(--color-ink);background:var(--color-pow-yellow);justify-self:start;padding:.625rem 1rem .5rem;display:grid}@media (min-width:48rem){.brief-form-head{border-width:0 4px 4px 0;padding:.875rem 1.5rem .75rem}}.brief-time{font-size:var(--text-xs);font-weight:800}.brief-pair{gap:1.5rem 1.25rem;display:grid}@container (min-width:28rem){.brief-pair{grid-template-columns:repeat(2,minmax(0,1fr))}}.brief-label{font-size:var(--text-base);margin-bottom:.5rem;font-weight:800;line-height:1.3;display:block}.brief-hint{text-wrap:pretty;max-width:60ch;font-size:var(--text-base);margin:-.25rem 0 .625rem;line-height:1.45}.brief-input{border:3px solid var(--color-ink);border-radius:var(--radius-field);background:var(--color-panel-white);width:100%;min-height:3.125rem;color:var(--color-ink);font:inherit;font-size:var(--text-base);padding:.625rem .875rem;font-weight:500;line-height:1.4;display:block}.brief-textarea{resize:vertical;min-height:8.5rem}.brief-input[aria-invalid=true]{box-shadow:4px 4px 0 0 var(--color-pow-red)}.brief-error{font-size:var(--text-base);align-items:flex-start;gap:.5rem;margin-top:.75rem;font-weight:700;line-height:1.35;display:flex}.brief-error>:last-child{text-wrap:pretty}.brief-bang{border:3px solid var(--color-ink);background:var(--color-pow-red);width:1.5rem;height:1.5rem;font-size:var(--text-lg);flex:none;place-items:center;line-height:1;display:inline-grid;rotate:-6deg}.brief-summary{border:3px solid var(--color-ink);background:var(--color-pulp);margin-top:0;padding:.75rem .875rem}.brief-group{min-width:0}.brief-chips{gap:.625rem;display:grid}@container (min-width:23rem){.brief-chips{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem}.brief-chips>:last-child:nth-child(odd){grid-column:1/-1}}.brief-tiles{grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem;display:grid}.brief-choice{border:3px solid var(--color-ink);border-radius:var(--radius-field);background:var(--color-panel-white);min-height:2.875rem;box-shadow:3px 3px 0 0 var(--color-ink);cursor:pointer;-webkit-tap-highlight-color:transparent;align-items:center;gap:.625rem;padding:.5rem .875rem .5rem .75rem;font-weight:700;line-height:1.2;display:flex;position:relative}.brief-tile{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.75rem}@container (min-width:30rem){.brief-tile{flex-direction:row;gap:.75rem;padding:.875rem 1rem}.brief-tile .brief-radio{margin-top:.125rem}}.brief-choice-text{flex-direction:column;gap:.25rem;min-width:0;display:flex}.brief-tile .brief-choice-label{font-size:var(--text-base);font-weight:900;line-height:1.15}@container (min-width:30rem){.brief-tile .brief-choice-label{font-size:var(--text-lg)}}.brief-choice-hint{font-size:var(--text-xs);font-weight:700}.brief-choice:has(:checked){background:var(--color-pow-yellow);box-shadow:0 0 0 0 var(--color-ink);transform:translate(3px,3px)}@media (hover:hover){.brief-choice:hover{background:var(--color-pulp)}.brief-choice:has(:checked):hover{background:var(--color-pow-yellow)}}.brief-group.is-invalid .brief-choice{box-shadow:3px 3px 0 0 var(--color-pow-red)}.brief-choice:has(:focus-visible){outline:4px solid var(--color-ink);outline-offset:3px}.brief-radio{appearance:none;border:3px solid var(--color-ink);background:var(--color-panel-white);cursor:pointer;border-radius:999px;flex:none;width:1.25rem;height:1.25rem;margin:0;scroll-margin-top:1.5rem}.brief-radio:checked{background:var(--color-ink);box-shadow:inset 0 0 0 3px var(--color-panel-white)}@media (forced-colors:active){.brief-radio:checked{forced-color-adjust:none;background:canvastext;border-color:canvastext;box-shadow:inset 0 0 0 3px canvas}.brief-choice:has(:checked){border-color:highlight}}.brief-radio:focus-visible{outline:none}.brief-send{flex-wrap:wrap;align-items:center;gap:.875rem 1.5rem;padding-top:.25rem;display:flex}.brief-submit{width:100%}@container (min-width:26rem){.brief-submit{width:auto;min-width:10.5rem}}.brief-send .brief-nudge{width:100%}@container (min-width:26rem){.brief-send .brief-nudge{width:auto}}.brief-submit[aria-disabled=true],.brief-submit[aria-disabled=true]:hover{box-shadow:0 0 0 0 var(--color-ink);cursor:progress;transform:translate(4px,4px)}.brief-dots{margin-left:-.5rem;display:inline-flex}.brief-dots>:first-child{animation:brief-dot-1 calc(var(--frame-2) * 4) var(--hold) infinite}.brief-dots>:nth-child(2){animation:brief-dot-2 calc(var(--frame-2) * 4) var(--hold) infinite}.brief-dots>:nth-child(3){animation:brief-dot-3 calc(var(--frame-2) * 4) var(--hold) infinite}@keyframes brief-dot-1{0%{opacity:0}25%,to{opacity:1}}@keyframes brief-dot-2{0%{opacity:0}50%,to{opacity:1}}@keyframes brief-dot-3{0%{opacity:0}75%,to{opacity:1}}.brief-alert{border:3px solid var(--color-ink);background:var(--color-pulp);box-shadow:4px 4px 0 0 var(--color-pow-red);gap:.875rem;padding:1rem;display:grid}.brief-alert>.brief-error{margin-top:0}.brief-trap{width:1px;height:1px;position:absolute;top:auto;left:-10000px;overflow:hidden}.brief-success{gap:1.25rem;scroll-margin:.5rem 0 1.5rem;display:grid}@media (min-width:48rem){.brief-success{grid-template-columns:minmax(14rem,2fr) 3fr;align-items:center;gap:2rem}}.brief-success-art{isolation:isolate;border:3px solid var(--color-ink);background:var(--color-zap-cyan);place-items:center;min-height:12rem;display:grid;position:relative;overflow:hidden}@media (min-width:48rem){.brief-success-art{align-self:stretch;min-height:17rem}}.brief-success-next{--paper-bg:var(--color-pow-yellow);--paper-shadow:var(--shadow-ink-sm);flex-direction:column;gap:.125rem;padding:.5rem .875rem;display:flex}.brief-nudge{animation:brief-nudge calc(var(--frame) * 76) var(--hold) calc(var(--frame) * 30) infinite;display:flex}.brief-form:valid .brief-nudge{animation-duration:calc(var(--frame) * 38)}.brief-nudge:hover,.brief-nudge:focus-within{animation:none}.brief-nudge:has([aria-disabled=true]){animation:none}@keyframes brief-nudge{0%{transform:translateY(-5px)}1.316%{transform:translateY(-2px)}2.632%{transform:translateY(1px)}3.947%{transform:translateY(-2px)}5.263%,to{transform:none}}.brief-radio:checked{animation:brief-tick calc(var(--frame) * 3) var(--hold) both}@keyframes brief-tick{0%{transform:scale(.4)}33.333%{transform:scale(1.35)}66.667%,to{transform:none}}.brief-pow{animation:brief-pow calc(var(--frame) * 64) var(--hold) calc(var(--frame) * 30) infinite}@keyframes brief-pow{0%{transform:scale(1.12)rotate(4deg)}1.5625%{transform:scale(.95)rotate(-2deg)}3.125%,to{transform:none}}@media (prefers-reduced-motion:reduce),print{.brief-nudge,.brief-radio:checked,.brief-pow{animation:none!important}}:root[data-motion=off] :is(.brief-nudge,.brief-radio:checked,.brief-pow){animation:none!important}
