:root { --paper:#e9dec5; --paper-light:#f7efde; --ink:#2a2117; --muted:#695c48; --gold:#806021; --gold-light:#c39a4a; --line:rgba(76,56,22,.38); --serif:"Playfair Display", Georgia, serif; --sans:"DM Sans", Arial, sans-serif; --mono:"DM Mono", monospace; }
* { box-sizing:border-box; } html,body { min-width:320px; margin:0; } body { background:linear-gradient(90deg, #c9b993, #ebdfc7 10%, #e6d9be 90%, #c9b993); color:var(--ink); font-family:var(--sans); }
a:focus-visible { outline:2px solid var(--gold); outline-offset:3px; }.file-shell { width:min(1220px, 100%); min-height:100vh; margin:0 auto; padding:clamp(22px,4vw,55px); background:repeating-linear-gradient(0deg, rgba(86,61,26,.025) 0 1px, transparent 1px 5px), var(--paper); box-shadow:0 0 80px rgba(45,31,10,.23); }.file-header { display:flex; justify-content:space-between; align-items:flex-start; gap:30px; padding-bottom:21px; border-bottom:2px solid var(--gold); }.official-logo { display:block; width:min(285px, 57vw); height:auto; max-width:100%; /* Deliberately unframed: the official art remains unaltered. */ }.file-status { display:grid; gap:7px; padding-top:6px; color:var(--gold); text-align:right; font:500 9px/1.4 var(--mono); letter-spacing:.14em; }.file-status strong { color:var(--ink); font-size:8px; }.pre-mission { padding:clamp(43px,7vw,86px) 0 42px; }.file-label { margin:0 0 13px; color:var(--gold); font:500 9px var(--mono); letter-spacing:.17em; }h1,h2,h3,p { margin-top:0; } h1 { margin-bottom:25px; font:500 clamp(49px,7.5vw,88px)/.91 var(--serif); letter-spacing:-.055em; } h1 em { color:var(--gold); font-style:italic; }.brief-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(25px,6vw,100px); max-width:1000px; }.brief-grid p { margin:0; color:#4f4534; font-size:15px; line-height:1.85; }.brief-grid .opening { color:var(--ink); font:500 clamp(22px,2.3vw,30px)/1.3 var(--serif); }.readiness-strip { display:flex; flex-wrap:wrap; justify-content:space-between; gap:14px 26px; margin-top:46px; padding:16px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:var(--gold); font:500 9px var(--mono); letter-spacing:.13em; }.readiness-strip strong { color:var(--ink); font-weight:500; }.dossier-list { padding-top:22px; }.section-heading { display:flex; justify-content:space-between; align-items:end; gap:20px; margin-bottom:26px; }.section-heading .file-label { margin:0; }.section-heading h2 { margin:0; font:500 clamp(33px,5vw,54px)/1 var(--serif); letter-spacing:-.04em; }.dossier-card { position:relative; min-height:222px; display:flex; flex-direction:column; justify-content:flex-end; overflow:hidden; margin:0 0 16px; padding:27px 30px; border:1px solid var(--line); color:#f6eddb; background:#131413; isolation:isolate; box-shadow:4px 5px 0 rgba(111,82,32,.14); }.dossier-card::before { position:absolute; z-index:-2; inset:0; content:""; background-image:linear-gradient(90deg, rgba(7,9,9,.97) 0%, rgba(7,9,9,.88) 48%, rgba(7,9,9,.15) 100%), var(--art); background-position:center; background-size:cover; filter:saturate(.8) contrast(1.04); }.dossier-card::after { position:absolute; z-index:-1; inset:0; content:""; background:linear-gradient(135deg, transparent 0 48%, rgba(218,183,106,.08)); }.dossier-card span { margin-bottom:14px; color:#dec180; font:500 9px var(--mono); letter-spacing:.15em; }.dossier-card h3 { margin:0 0 7px; font:500 clamp(30px,4vw,47px)/1 var(--serif); letter-spacing:-.035em; }.dossier-card p { max-width:505px; margin:0 0 12px; color:#ddd5c6; font-size:14px; line-height:1.6; }.dossier-card div { display:flex; flex-wrap:wrap; gap:18px 27px; }.dossier-card a { padding:7px 0 3px; border-bottom:1px solid transparent; color:#f0ce85; font:500 9px var(--mono); letter-spacing:.12em; text-decoration:none; }.dossier-card a:hover { border-color:#f0ce85; }.file-footer { display:flex; flex-wrap:wrap; justify-content:space-between; gap:12px 25px; margin-top:38px; padding-top:18px; border-top:2px solid var(--gold); color:var(--muted); font:500 8px var(--mono); letter-spacing:.12em; }
.clearance-form-section { margin-top:52px; padding:32px; border:1px solid var(--line); background:rgba(247,239,222,.47); box-shadow:4px 5px 0 rgba(111,82,32,.1); }.form-routing { margin:0; color:var(--gold); font:500 9px/1.5 var(--mono); letter-spacing:.12em; text-align:right; }.form-intro { max-width:700px; color:#4f4534; font-size:14px; line-height:1.7; }.clearance-form { display:grid; gap:18px; margin-top:25px; }.clearance-form > fieldset, .choice-grid fieldset { min-width:0; margin:0; padding:20px; border:1px solid var(--line); }.clearance-form legend, .choice-grid legend { padding:0 7px; color:var(--gold); font:500 9px var(--mono); letter-spacing:.13em; }.form-grid { display:grid; grid-template-columns:1fr 1fr; gap:17px; }.clearance-form label { display:grid; gap:7px; color:var(--ink); font:600 10px var(--mono); letter-spacing:.08em; }.clearance-form input:not([type="radio"]), .clearance-form textarea { width:100%; border:1px solid rgba(89,63,22,.55); border-radius:0; background:var(--paper-light); color:var(--ink); font:400 15px var(--sans); outline:none; }.clearance-form input:not([type="radio"]) { min-height:43px; padding:9px 11px; }.clearance-form textarea { resize:vertical; padding:11px; }.clearance-form input:focus, .clearance-form textarea:focus { border-color:var(--gold); box-shadow:0 0 0 2px rgba(128,96,33,.16); }.clearance-form small { color:var(--muted); font-size:8px; }.choice-grid { display:grid; grid-template-columns:1fr 1fr; gap:13px; margin-top:19px; }.choice-grid fieldset { display:flex; flex-wrap:wrap; gap:11px 20px; padding:14px; }.choice-grid label { display:flex; align-items:center; gap:7px; color:#4f4534; font:400 12px var(--sans); letter-spacing:0; }.choice-grid input[type="radio"] { accent-color:var(--gold); }.notes-label { margin-top:1px; }.form-submit-row { display:flex; align-items:center; gap:20px; flex-wrap:wrap; }.form-submit-row button { padding:14px 17px; border:1px solid var(--gold); background:var(--ink); color:var(--paper-light); cursor:pointer; font:500 10px var(--mono); letter-spacing:.11em; }.form-submit-row button:hover { background:var(--gold); color:#17130e; }.form-submit-row p { flex:1 1 280px; margin:0; color:var(--muted); font-size:12px; line-height:1.5; }
@media(max-width:680px) { .file-shell { padding:22px 20px; }.file-header { flex-direction:column; gap:15px; }.file-status { text-align:left; }.brief-grid { grid-template-columns:1fr; gap:18px; }.readiness-strip { display:grid; }.dossier-card { min-height:244px; padding:24px 21px; }.dossier-card::before { background-image:linear-gradient(90deg, rgba(7,9,9,.95), rgba(7,9,9,.58)), var(--art); }.clearance-form-section { margin-top:35px; padding:22px 17px; }.section-heading { align-items:start; flex-direction:column; }.form-routing { text-align:left; }.form-grid, .choice-grid { grid-template-columns:1fr; }.file-footer { display:grid; gap:10px; } }
