.preview-access{box-sizing:border-box;background:var(--cc-cobalt);min-height:100dvh;color:var(--cc-ink);font-family:var(--cc-body);place-items:center;padding:32px 20px;display:grid}.preview-access-card{box-sizing:border-box;background:var(--cc-yellow);border-bottom:12px solid var(--cc-pink);border-radius:24px;width:min(100%,540px);padding:clamp(24px,5vw,48px)}.preview-access-brand{font:650 28px/1 var(--cc-display);letter-spacing:-.06em;margin:0 0 44px}.preview-access-eyebrow{margin:0 0 12px;font-size:15px;font-weight:600}.preview-access h1{font:650 clamp(34px,6vw,48px)/1.02 var(--cc-display);letter-spacing:-.045em;margin:0}.preview-access-intro{margin:22px 0 30px;font-size:17px;line-height:1.55}.preview-access form{gap:10px;display:grid}.preview-access label{font-size:16px;font-weight:600}.preview-access input[type=password]{box-sizing:border-box;border:2px solid var(--cc-ink);background:var(--cc-paper);width:100%;min-height:52px;color:var(--cc-ink);font:18px var(--cc-body);border-radius:8px;padding:12px 14px}.preview-access button{background:var(--cc-cobalt);min-height:54px;color:var(--cc-white);font:600 16px var(--cc-body);cursor:pointer;border:0;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin-top:6px;padding:14px 18px;display:flex}.preview-access button:hover{background:var(--cc-ink)}.preview-access :is(input,button):focus-visible{outline:3px solid var(--cc-ink);outline-offset:4px}.preview-access button:disabled{opacity:.6;cursor:default}.preview-access-error{color:#8a123e;margin:2px 0;font-size:16px;font-weight:600;line-height:1.5}@media (max-width:390px){.preview-access{padding:18px}.preview-access-brand{margin-bottom:32px}.preview-access-card{border-radius:18px}}