.preference-gate{
  position:fixed;
  inset:0;
  z-index:1000;
  display:grid;
  place-items:center;
  padding:20px;
  overflow:auto;
  background:rgba(4,5,4,.86);
  color:#f3f2ed;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.preference-gate[hidden]{display:none!important}
html.js[data-preference-pending="true"] .preference-gate[hidden]{display:grid!important}
html.js:not([data-preference-saved="true"]),html.js:not([data-preference-saved="true"]) body{overflow:hidden}

.preference-dialog{
  width:min(1040px,100%);
  max-height:calc(100dvh - 40px);
  overflow:auto;
  padding:24px 28px 26px;
  border:1px solid #4a4e47;
  border-radius:8px;
  background:
    linear-gradient(135deg,rgba(216,255,79,.055),transparent 28%),
    #111310;
  box-shadow:0 28px 90px rgba(0,0,0,.48);
}

.preference-topline{display:flex;align-items:center;justify-content:space-between;padding-bottom:18px;border-bottom:1px solid #343833;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.1em;color:#b8bcb4}.preference-topline>span{display:flex;align-items:center;gap:9px}.preference-topline i{width:7px;height:7px;border-radius:50%;background:#d8ff4f;box-shadow:0 0 0 4px rgba(216,255,79,.1)}.preference-close{display:grid;place-items:center;width:34px;height:34px;border:1px solid #484d45;border-radius:50%;background:transparent;color:#f3f2ed;font:300 22px/1 Manrope;cursor:pointer}.preference-close:hover{border-color:#d8ff4f;color:#d8ff4f}
.preference-close[hidden]{display:none!important}

.preference-intro{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(260px,.65fr);gap:50px;align-items:end;padding:28px 0 26px}.preference-kicker{grid-column:1/-1;margin:0 0 -31px;font:500 10px DM Mono,monospace;text-transform:uppercase;letter-spacing:.12em;color:#d8ff4f}.preference-intro h2{margin:0;font-size:clamp(42px,5.5vw,70px);line-height:.94;letter-spacing:-.055em}.preference-intro>p:last-child{margin:0;color:#b5b9b1;font-size:14px;line-height:1.65}

.preference-form{display:grid;gap:22px}.preference-form fieldset{min-width:0;margin:0;padding:0;border:0}.preference-form legend{display:flex;align-items:center;gap:10px;width:100%;margin-bottom:12px;font-size:12px;font-weight:700}.preference-form legend span{font:500 9px DM Mono,monospace;color:#d8ff4f}.preference-options{display:grid;gap:9px}.audience-options{grid-template-columns:repeat(4,minmax(0,1fr))}.role-options{grid-template-columns:repeat(3,minmax(0,1fr))}

.preference-option{position:relative;display:block;min-width:0;cursor:pointer}.preference-option input{position:absolute;opacity:0;pointer-events:none}.option-copy{display:flex;min-height:91px;flex-direction:column;padding:14px 36px 13px 14px;border:1px solid #3e433c;border-radius:4px;background:#171a16;transition:border-color .18s,background .18s,transform .18s}.option-copy:after{content:"";position:absolute;top:15px;right:14px;width:12px;height:12px;border:1px solid #60665c;border-radius:50%;transition:background .18s,border-color .18s,box-shadow .18s}.option-copy small{margin-bottom:8px;font:500 8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.08em;color:#8f958b}.option-copy strong{font-size:12px;line-height:1.25}.option-copy em{margin-top:6px;color:#9ea39a;font-size:10px;line-height:1.35;font-style:normal}.preference-option:hover .option-copy{transform:translateY(-2px);border-color:#70776b}.preference-option input:focus-visible+.option-copy{outline:2px solid #ff6942;outline-offset:3px}.preference-option input:checked+.option-copy{border-color:#d8ff4f;background:rgba(216,255,79,.09)}.preference-option input:checked+.option-copy:after{border-color:#d8ff4f;background:#d8ff4f;box-shadow:inset 0 0 0 3px #171a16}.preference-option input:checked+.option-copy small{color:#d8ff4f}

.preference-actions{display:flex;align-items:center;gap:16px;padding-top:2px}.preference-continue{display:inline-flex;align-items:center;justify-content:space-between;gap:48px;min-width:310px;padding:15px 17px;border:1px solid #d8ff4f;border-radius:3px;background:#d8ff4f;color:#0b0d0c;font:700 12px Manrope;cursor:pointer}.preference-continue span{font-size:18px}.preference-continue:disabled{border-color:#42463f;background:#292d27;color:#767c72;cursor:not-allowed}.preference-general{padding:12px 0;border:0;border-bottom:1px solid #666b63;background:transparent;color:#d0d3cd;font:600 11px Manrope;cursor:pointer}.preference-general:hover{color:#fff;border-color:#fff}.preference-privacy{margin:0;font:500 8px DM Mono,monospace;text-transform:uppercase;letter-spacing:.06em;color:#7f857b}.preference-privacy span{color:#58a93c}.preference-status{min-height:0;margin:0;color:#ff8f72;font-size:11px}

.preference-trigger{height:38px;display:flex;align-items:center;gap:8px;padding:0 13px;border:1px solid var(--line);border-radius:99px;background:transparent;color:var(--ink);font:600 11px Manrope;cursor:pointer}.preference-trigger:hover{background:rgba(127,127,127,.1)}.preference-trigger span:last-child{font-size:12px}.personalization-note{max-width:700px;margin:18px 0 0;padding-left:13px;border-left:2px solid var(--orange);color:var(--muted);font:500 10px/1.55 DM Mono,monospace}.role-match-badge{display:inline-flex;align-items:center;margin-left:8px;padding:4px 6px;border-radius:99px;background:var(--lime);color:#0b0d0c;font:600 7px DM Mono,monospace;letter-spacing:.03em;vertical-align:middle}.role-match-badge[hidden]{display:none}.project.role-match{border-top-color:var(--orange)}

html[data-theme="dark"] .preference-trigger{border-color:#50534d}html[data-theme="dark"] .personalization-note{color:#b9bcb5}

@media(min-width:901px){
  .preference-dialog{width:min(1180px,100%);padding:18px 24px 20px}
  .preference-topline{padding-bottom:12px}
  .preference-intro{grid-template-columns:minmax(0,1.1fr) minmax(260px,.7fr);gap:38px;padding:18px 0}
  .preference-kicker{margin:0 0 -21px}
  .preference-intro h2{font-size:clamp(42px,4.6vw,58px)}
  .preference-form{gap:14px}
  .preference-form legend{margin-bottom:8px}
  .role-options{grid-template-columns:repeat(4,minmax(0,1fr))}
  .option-copy{min-height:76px;padding:10px 34px 10px 12px}
  .option-copy:after{top:12px;right:12px}
  .option-copy small{margin-bottom:5px}
  .option-copy em{margin-top:4px}
}
@media(max-width:900px){.preference-dialog{padding:22px}.preference-intro{grid-template-columns:1fr;gap:18px}.preference-kicker{grid-column:auto;margin:0 0 -6px}.audience-options,.role-options{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:620px){.preference-gate{padding:0;place-items:stretch}.preference-dialog{width:100%;max-height:100dvh;min-height:100dvh;padding:18px 16px 22px;border:0;border-radius:0}.preference-topline{padding-bottom:14px}.preference-intro{padding:22px 0 20px}.preference-intro h2{font-size:43px}.preference-intro>p:last-child{font-size:12px}.preference-form{gap:19px}.audience-options,.role-options{grid-template-columns:1fr 1fr;gap:7px}.option-copy{min-height:100px;padding:12px 30px 11px 11px}.option-copy strong{font-size:11px}.option-copy em{font-size:9px}.preference-actions{align-items:stretch;flex-direction:column;gap:12px}.preference-continue{width:100%;min-width:0}.preference-general{align-self:flex-start}.preference-trigger{width:38px;padding:0;justify-content:center}.preference-trigger-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.personalization-note{font-size:9px}}
@media(max-width:340px){.preference-intro h2{font-size:38px}.audience-options,.role-options{grid-template-columns:1fr}.option-copy{min-height:0}.preference-dialog{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){.option-copy{transition:none}}