.fc-collabs{background:#fff;color:#16140f;font-family:var(--fc-sans);padding:44px 0 52px}
.fc-collabs__intro{display:grid;grid-template-columns:1.15fr 1fr;align-items:end;gap:8%;padding-bottom:48px}
.fc-collabs__eyebrow{font:400 12px/1.4 var(--fc-sans);margin:0 0 14px;color:#666}
.fc-collabs__intro h1{font:700 clamp(36px,4.8vw,68px)/1.02 var(--fc-mono);letter-spacing:-.065em;max-width:12ch;margin:0}
.fc-collabs__lead{font:400 clamp(17px,1.6vw,21px)/1.5 var(--fc-sans);max-width:42ch;margin:0}
.fc-collab{display:grid;grid-template-columns:minmax(200px,1fr) minmax(240px,1.3fr) minmax(180px,.75fr);gap:32px;align-items:center;padding:28px 0;border-top:1px solid #c9c7c3}
.fc-collab__visual{aspect-ratio:16/10;overflow:hidden;background:#f3f3f1}
.fc-collab__visual img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}
.fc-collab:hover .fc-collab__visual img{transform:scale(1.025)}
.fc-collab__visual--type{display:flex;flex-direction:column;justify-content:space-between;padding:22px;background:var(--collab-accent)}
.fc-collab__poster{font:700 clamp(25px,3vw,44px)/.96 var(--fc-mono);letter-spacing:-.075em}
.fc-collab__poster-note{font:400 10px/1.3 var(--fc-sans);margin-top:14px}
.fc-collab__copy h2{font:700 clamp(27px,2.7vw,39px)/1.06 var(--fc-sans);letter-spacing:-.045em;margin:0 0 15px}
.fc-collab__copy>p:last-child{font:400 16px/1.45 var(--fc-sans);max-width:40ch;margin:0}
.fc-collab__copy .fc-collabs__eyebrow{margin-bottom:9px}
.fc-collab__action{justify-self:end;width:100%;max-width:245px}
.fc-collab__button{display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid #16140f;color:#16140f;background:#fff;padding:16px 17px;font:700 13px/1.35 var(--fc-mono);text-decoration:none;transition:background .2s}
.fc-collab__button span{font:400 23px/1 var(--fc-sans);transition:transform .25s}
.fc-collab__button:hover{background:var(--collab-accent)}
.fc-collab__button:hover span{transform:rotate(45deg)}
.fc-collab__button:focus-visible,.fc-collab-dialog button:focus-visible{outline:2px solid #7a4fb0;outline-offset:4px}
.fc-collab__action>p{font:400 12px/1.4 var(--fc-sans);color:#666;margin:10px 0 0}
.fc-collabs__outro{border-top:1px solid #c9c7c3;padding-top:26px;margin:0;font:400 16px/1.5 var(--fc-sans)}
.fc-collabs__outro a{margin-left:12px;text-decoration:underline;text-underline-offset:4px}
.fc-collab-dialog{position:fixed;inset:0;margin:auto;width:min(540px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:36px;border:1px solid #16140f;background:#fff;color:#16140f;box-shadow:0 24px 80px #0002}
.fc-collab-dialog:not([open]){display:none}
.fc-collab-dialog::backdrop{background:rgba(22,20,15,.44);backdrop-filter:blur(3px)}
.fc-collab-dialog__close{position:absolute;top:14px;right:16px;width:32px;height:32px;background:none;border:0;font:400 30px/1 var(--fc-sans);cursor:pointer}
.fc-collab-dialog h2{font:700 29px/1.08 var(--fc-mono);letter-spacing:-.05em;margin:0 25px 25px 0}
.fc-collab-dialog label{display:block;font:400 13px/1.4 var(--fc-sans);margin:0 0 16px}
.fc-collab-dialog input:not([type=hidden]),.fc-collab-dialog textarea{display:block;box-sizing:border-box;width:100%;border:1px solid #aaa;padding:12px;background:#fff;color:#16140f;border-radius:0;margin-top:6px;font:400 16px/1.4 var(--fc-sans)}
.fc-collab-dialog textarea{resize:vertical;min-height:95px}
.fc-collab-dialog input:focus,.fc-collab-dialog textarea:focus{outline:2px solid #7a4fb0;outline-offset:2px}
.fc-collab__submit{display:flex;justify-content:space-between;width:100%;padding:16px 18px;border:1px solid #16140f;background:#16140f;color:#fff;font:700 14px/1.3 var(--fc-mono);cursor:pointer}
.fc-collab-dialog__privacy{font:400 11px/1.45 var(--fc-sans);color:#666;margin:14px 0 0}
.fc-collab-dialog__privacy a{text-decoration:underline}
.fc-collab-dialog__status{padding:14px;background:#f4f4f1;margin-bottom:18px}
html.fc-collab-modal-open{overflow:hidden}
@media(max-width:999px){.fc-collab{grid-template-columns:minmax(170px,.9fr) minmax(200px,1.2fr) minmax(160px,.8fr);gap:22px}.fc-collab__button{font-size:12px;padding:13px}.fc-collab__copy>p:last-child{font-size:15px}.fc-collab__visual--type{padding:16px}}
@media(max-width:740px){.fc-collabs{padding:24px 0 36px}.fc-collabs__intro{grid-template-columns:1fr;gap:22px;padding-bottom:30px}.fc-collabs__intro h1{font-size:42px}.fc-collabs__lead{font-size:17px}.fc-collab{grid-template-columns:1fr;gap:20px;padding:24px 0 30px}.fc-collab__visual{aspect-ratio:16/9}.fc-collab__visual--type{padding:24px}.fc-collab__poster{font-size:42px}.fc-collab__copy h2{font-size:31px;margin-bottom:10px}.fc-collab__copy>p:last-child{font-size:16px}.fc-collab__action{justify-self:start;max-width:none}.fc-collab__button{font-size:14px;padding:16px 18px}.fc-collabs__outro a{display:block;margin:8px 0 0}.fc-collab-dialog{padding:28px 24px;max-height:calc(100dvh - 24px)}.fc-collab-dialog h2{font-size:26px}}
@media(prefers-reduced-motion:reduce){.fc-collabs *{transition:none!important;scroll-behavior:auto!important}}


@media(min-width:741px){
 .fc-collab{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);column-gap:clamp(28px,5vw,80px);row-gap:20px;padding:48px 0}
 .fc-collab__visual{grid-column:1;grid-row:1 / span 2;aspect-ratio:4/3}
 .fc-collab__copy{grid-column:2;grid-row:1;align-self:end}
 .fc-collab__action{grid-column:2;grid-row:2;align-self:start;justify-self:start}
 .fc-collab:nth-of-type(even){grid-template-columns:minmax(0,1fr) minmax(0,1.35fr)}
 .fc-collab:nth-of-type(even) .fc-collab__visual{grid-column:2}
 .fc-collab:nth-of-type(even) .fc-collab__copy,.fc-collab:nth-of-type(even) .fc-collab__action{grid-column:1}
}
