/* Full-screen typographic brief, using the site's display and body typefaces. */
.brief-dialog{--vf-surface:var(--ink);inset:0;width:100%;max-width:none;height:100dvh;max-height:100dvh;margin:0;padding:0;border:0;border-radius:0;background:var(--vf-surface);color:var(--vf-cream);box-shadow:none;color-scheme:dark;overflow:auto;overscroll-behavior:contain;scroll-padding:24px}
.brief-dialog[open]{animation:none}
.brief-dialog::backdrop{background:var(--ink);backdrop-filter:none}
.brief-dialog .dialog-top{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;min-height:88px;padding:18px max(var(--vf-gutter),calc((100% - 1440px)/2));border:0;background:var(--vf-surface)}
.brief-brand{display:block;width:148px;height:auto;aspect-ratio:1320/340;object-fit:contain}
.brief-dialog .dialog-close{width:44px;height:44px;padding:0;font:300 30px/1 var(--vf-body);color:var(--vf-cream);background:none}
.brief-dialog .brief-body{width:100%;max-width:1440px;min-height:calc(100svh - 88px);margin:auto;padding:clamp(32px,7svh,88px) var(--vf-gutter) max(40px,env(safe-area-inset-bottom));display:grid;align-items:center}
.brief-dialog .brief-form{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);align-items:start;gap:clamp(48px,8vw,120px);width:100%}
.brief-introduction{padding-top:4px}
.brief-dialog .brief-body h2,.brief-dialog .brief-result h3{margin:0 0 22px;font-family:var(--vf-display);font-weight:900;font-size:clamp(56px,6vw,88px);line-height:.95;letter-spacing:var(--vf-headline-spacing);text-transform:uppercase}
.brief-title-line{display:block}
.brief-dialog .heading-dot{color:var(--vf-acid)}
.brief-dialog .brief-intro,.brief-dialog .brief-result>p{margin:0;max-width:360px;color:#c6cebd;font:400 14px/1.6 var(--vf-body)}
.brief-fields{display:grid;gap:22px;min-width:0}
.brief-dialog .field{margin:0;min-width:0}
.brief-dialog .field>span{display:block;margin-bottom:4px;font:500 12px/1.5 var(--vf-body);color:#dce3d4}
.brief-dialog .field small{font:400 11px/1.5 var(--vf-body);color:#a3af98;margin-left:5px}
.brief-dialog .field input,.brief-dialog .field textarea{width:100%;padding:10px 0;min-height:44px;border:0;border-bottom:1px solid #f1f2e83b;border-radius:0;background:transparent;color:var(--vf-cream);font:400 16px/1.5 var(--vf-body);box-shadow:none;transition:border-color 180ms ease}
.brief-dialog .field textarea{min-height:100px;max-height:40svh;resize:vertical}
.brief-dialog .field input::placeholder,.brief-dialog .field textarea::placeholder{color:#86927e;opacity:1}
.brief-dialog .field input:focus,.brief-dialog .field textarea:focus{border-bottom-color:var(--vf-acid);outline:0;box-shadow:0 1px 0 var(--vf-acid)}
.brief-dialog :focus-visible{outline:1px solid var(--vf-acid);outline-offset:3px}
.brief-dialog .btn{display:flex;align-items:center;justify-content:center;width:100%;min-height:54px;padding:15px 20px;border:1px solid transparent;background:var(--vf-acid);color:var(--vf-surface);font:600 14px/1.5 var(--vf-body);transition:background 180ms ease}
.brief-dialog .btn:hover{background:#e0ff7c;transform:none}
.brief-dialog .btn:disabled{opacity:.65;cursor:progress}
.brief-dialog .brief-submit{margin:2px 0 0}
.brief-dialog .form-error{margin:0;padding:12px 14px;border-left:2px solid #ffab91;background:#ffab9110;color:#ffd2c3;font:400 13px/1.5 var(--vf-body)}
.brief-dialog .lead-success-mark{display:none}
.brief-dialog .brief-result{width:100%;max-width:620px;padding:0}
.brief-dialog .brief-result .btn{margin-top:28px}
.brief-dialog .brief-form[hidden],.brief-dialog .brief-result[hidden]{display:none}

@media(max-width:700px){
 .brief-dialog .dialog-top{min-height:72px;padding:12px var(--vf-gutter)}
 .brief-brand{width:132px}
 .brief-dialog .brief-body{min-height:calc(100svh - 72px);padding:24px var(--vf-gutter) max(28px,env(safe-area-inset-bottom));align-items:start}
 .brief-dialog .brief-form{grid-template-columns:minmax(0,1fr);gap:26px}
 .brief-introduction{padding:0}
 .brief-dialog .brief-body h2,.brief-dialog .brief-result h3{font-size:clamp(36px,10.8vw,68px);line-height:1;margin-bottom:12px}
 .brief-title-line{display:inline}
 .brief-dialog .brief-intro{font-size:13px}
 .brief-fields{gap:18px}
 .brief-dialog .field textarea{min-height:80px}
}
@media(max-width:700px) and (max-height:650px){.brief-dialog .brief-body{padding-top:16px}.brief-dialog .brief-form{gap:20px}.brief-fields{gap:14px}}
@media(prefers-reduced-motion:reduce){.brief-dialog[open]{animation:none}.brief-dialog *{transition:none!important}}

/* The same chrome eye reveals the real form through a tilted aperture. */
.brief-surface{position:relative;min-height:100svh;background:var(--vf-surface)}
.brief-dialog:focus{outline:none}
.brief-portal{display:none;position:fixed;inset:0;z-index:5;overflow:hidden;pointer-events:none}
.brief-dialog.is-portal-opening{background:transparent;overflow:hidden}
.is-portal-opening .brief-portal{display:block}
.is-portal-opening .brief-surface{pointer-events:none}
.brief-portal-eye{position:absolute;left:50%;top:50%;display:block;max-width:none;width:68vw;height:auto;aspect-ratio:1;object-fit:contain;transform-origin:54.73% 52.42%;transform:translate(-54.73%,-52.42%);opacity:0;will-change:transform,opacity}
@media(prefers-reduced-motion:reduce){.brief-portal{display:none!important}}