/* Selected direction. Keep this file identical in the campaign and mural. */
@font-face{font-family:'OpenAI Sans';src:url('/assets/fonts/OpenAISans-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'OpenAI Sans';src:url('/assets/fonts/OpenAISans-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
:root{--ink:#100d0a;--cream:#e5dac5;--yellow:#f6ce3c;--type:'OpenAI Sans',Arial,sans-serif;--muted:#c8bfae;--line:#e5dac54d;--focus:var(--yellow);--action-bg:var(--yellow);--action-ink:var(--ink);--control-time:180ms;--object-time:480ms;--page-gutter:4.5vw;color-scheme:dark}
*{box-sizing:border-box}body{font-family:var(--type);font-weight:400}button,input,textarea{font:inherit}button,a,input,textarea,summary{-webkit-tap-highlight-color:transparent}button,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible,textarea:focus-visible,canvas:focus-visible{outline:2px solid var(--focus);outline-offset:5px}h1,h2,h3{font-family:var(--type);font-weight:400;letter-spacing:-.03em}input,textarea{color:inherit;background:transparent;border:0;border-bottom:1px solid var(--line);border-radius:0;font-size:16px;line-height:1.5;padding:12px 0;width:100%;box-shadow:none}input::placeholder,textarea::placeholder{color:var(--muted);opacity:1}textarea{resize:vertical;min-height:110px}input:focus,textarea:focus{border-bottom-color:var(--focus)}form label{display:grid;gap:8px;font-size:14px;line-height:1.45;margin-bottom:24px}form label:focus-within{color:var(--cream)}
/* The selected clipped corner echoes a garment label; the focus ring remains uncut. */
.solid-button,.class-cta,.primary{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 24px;border:0;border-radius:0;background:transparent;color:var(--action-ink);font:500 16px/1.4 var(--type);letter-spacing:0;text-transform:none;text-shadow:none;box-shadow:none;transition:color var(--control-time),transform var(--control-time)}
.solid-button::before,.class-cta::before,.primary::before{content:'';position:absolute;inset:0;z-index:-1;background:var(--action-bg);clip-path:polygon(0 0,calc(100% - 12px) 0,100% 12px,100% 100%,0 100%);transition:filter var(--control-time)}
@media(hover:hover){.solid-button:hover::before,.class-cta:hover::before,.primary:hover::before{filter:brightness(1.1)}.solid-button:hover,.class-cta:hover,.primary:hover{transform:translateY(-2px)}}
.solid-button:active,.class-cta:active,.primary:active{transform:translateY(1px)}
dialog{color-scheme:dark;color:var(--cream);background:var(--ink);border:1px solid var(--line);border-radius:0;box-shadow:0 24px 90px #0006;max-height:calc(100svh - 32px);overflow:auto;overscroll-behavior:contain}dialog::backdrop{background:#080603bb;backdrop-filter:blur(8px)}
.form-disclosure,.credit{font-size:14px;line-height:1.55;color:var(--muted)}.form-disclosure a{text-decoration:underline;text-underline-offset:3px}.form-result{font-size:14px;line-height:1.5;margin:16px 0 0}.form-result:empty{display:none}.form-result.error{color:#ffb7a0}[hidden]{display:none!important}
@media(max-width:760px){:root{--page-gutter:24px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}