*{box-sizing:border-box}body{margin:0;background:#0c0d10;color:#f6f3ee;font:16px Arial,sans-serif}header{display:flex;justify-content:space-between;background:#111216;border-bottom:1px solid #333;padding:20px 5%}a{color:#fff;text-decoration:none}main{max-width:1400px;margin:auto;padding:50px 5%}h1{font:900 clamp(48px,7vw,105px)/.9 Impact,Arial,sans-serif;margin:12px 0}em{color:#ff0f45;font-style:normal}.heading{display:flex;justify-content:space-between;align-items:end;gap:25px}.heading span{color:#ff0f45;font-size:12px;letter-spacing:2px}.heading p,.cards p{color:#aaa}.filters{display:flex;gap:12px;margin:35px 0}input,select{background:#15161b;color:#fff;border:1px solid #49494f;padding:12px;max-width:100%}button{background:#202127;color:#fff;border:1px solid #555;padding:12px 17px;cursor:pointer}.primary{background:#ff0f45;border-color:#ff0f45;font-weight:800}.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:16px}.cards article{background:#18191d;border:1px solid #393a40;padding:20px}.cards h2{font-size:23px}.logo{height:110px;display:grid;place-items:center;background:#0b0c0f;color:#ff0f45;font-size:36px;font-weight:900}.logo img,#preview{max-width:100%;max-height:100%;object-fit:contain}dialog{width:min(520px,95vw);background:#18191d;color:#fff;border:1px solid #ff0f45;padding:30px}dialog::backdrop{background:#000b}dialog label{display:block;margin:18px 0}dialog input[name=name]{display:block;width:100%}fieldset{border:1px solid #444}fieldset label{display:inline-block;margin:12px}#preview{display:block;height:100px;margin:10px 0}.actions{display:flex;justify-content:flex-end;gap:10px}@media(max-width:600px){.heading{display:block}.heading button{margin-top:20px}.filters{display:block}.filters>*{width:100%;margin:5px 0}}
.staff-shell .heading{border-bottom:1px solid #333740;padding-bottom:30px}.staff-shell .heading h1{font:900 clamp(44px,5vw,72px)/.95 Impact,Arial,sans-serif;letter-spacing:.01em}.staff-shell .filters{display:flex;flex-wrap:wrap;margin:24px 0;gap:12px}.staff-shell .filters input{min-width:min(320px,100%)}.staff-shell .filters select{min-width:185px}.staff-shell .cards article{background:#14161b;border-color:#343842;padding:18px;transition:border-color .2s,transform .2s}.staff-shell .cards article:hover{border-color:#ff0f45;transform:translateY(-2px)}.staff-shell .cards .logo{height:135px;background:#0b0c10;border:1px solid #30343b}.staff-shell .cards h2{font-size:22px;margin:17px 0 5px}.staff-shell .cards p{min-height:26px;font-size:12px}.staff-shell .cards button{margin-right:8px}.staff-shell #status{color:#b7bdc9;min-height:22px}.staff-shell dialog{max-height:min(86vh,900px);overflow:auto;border-radius:4px;box-shadow:0 30px 90px #000c}.staff-shell dialog h2{font:900 34px Impact,Arial,sans-serif}.staff-shell dialog label{font-size:12px;font-weight:700;letter-spacing:.05em}.staff-shell dialog input[name=name]{margin-top:8px}.staff-shell dialog fieldset{padding:12px 18px}.staff-shell dialog fieldset label{font-weight:500;letter-spacing:0}.staff-shell dialog #preview{width:100%;height:130px;object-fit:contain;background:#0b0c10;border:1px solid #30343b;padding:12px}.staff-shell #form-status{min-height:22px;color:#ff6889}.staff-shell .actions{border-top:1px solid #353841;padding-top:18px;margin-top:18px}@media(max-width:600px){.staff-shell .filters>*{width:100%}.staff-shell dialog{padding:20px}.staff-shell .heading button{width:100%}}
.staff-shell .logo-comparison{position:relative;display:grid;place-items:center;height:190px;margin:12px 0;background:linear-gradient(45deg,#15171d 25%,#1d2027 25%,#1d2027 50%,#15171d 50%,#15171d 75%,#1d2027 75%);background-size:20px 20px;border:1px solid #414550;overflow:hidden}.staff-shell .logo-comparison img{grid-area:1/1;width:125px;height:125px;object-fit:contain}.staff-shell .logo-comparison .merc-reference{opacity:.24}.staff-shell .logo-comparison #preview{width:125px;height:125px;margin:0;padding:0;background:none;border:0;position:relative;transition:transform .12s}.staff-shell .logo-comparison #preview[hidden]{display:none}.staff-shell .comparison-label{position:absolute;left:12px;top:10px;color:#c4c6cd;font-size:10px;font-weight:800;letter-spacing:.08em}.staff-shell .logo-size-control{margin:14px 0}.staff-shell .logo-size-control output{float:right;color:#ff678b}.staff-shell .logo-size-control input{width:100%;margin-top:12px;padding:0;accent-color:#ff0f45}.staff-shell .logo-size-hint{font-size:12px;line-height:1.5;color:#aeb2bc;margin:4px 0 16px}.staff-shell .cards .logo img{transform:scale(var(--logo-scale,1))}
.staff-shell .cards .logo{overflow:hidden}
.staff-shell .cards .logo img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;padding:10px;object-fit:contain;transform:none}