:root{--red:#e31b23;--blue:#06163a;--cream:#f5f1e8;--ink:#111827;--muted:#677083}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:radial-gradient(circle at 12% 4%,#fff 0,#f5f1e8 35%,#eee8dc 100%);color:var(--ink)}a{text-decoration:none;color:inherit}.top{height:7px;background:linear-gradient(90deg,var(--blue) 0 46%,#fff 46% 55%,var(--red) 55%)}.wrap{width:min(1100px,92vw);margin:auto}.brand{display:flex;align-items:center;justify-content:space-between;padding:22px 0}.brand img{width:235px;max-width:55vw;height:auto}.home{font-size:12px;letter-spacing:.15em;text-transform:uppercase;color:#596071}.card{display:grid;grid-template-columns:minmax(280px,42%) 1fr;overflow:hidden;min-height:650px;background:#fff;border-radius:30px;box-shadow:0 24px 70px #06163a24;margin:6px auto 40px}.portrait{position:relative;background:var(--blue);min-height:520px;overflow:hidden}.portrait>img.agent{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.92) contrast(1.02)}.portrait:after{content:"";position:absolute;inset:auto 0 0;height:52%;background:linear-gradient(transparent,#06163adf)}.balloon{position:absolute;z-index:2;width:92px;left:25px;top:25px;filter:drop-shadow(0 8px 12px #0005)}.photo-name{position:absolute;z-index:3;left:30px;right:30px;bottom:28px;color:white}.photo-name small{letter-spacing:.22em;text-transform:uppercase;font-weight:700}.details{padding:56px 56px 42px;position:relative}.slash{color:var(--red);font-size:38px;font-weight:900;letter-spacing:4px}.details h1{font-size:clamp(34px,5vw,58px);line-height:.94;margin:18px 0 12px;letter-spacing:-.045em}.role{font-size:14px;text-transform:uppercase;letter-spacing:.14em;font-weight:800;color:var(--red);line-height:1.5}.divider{height:1px;background:#e7e1d7;margin:28px 0}.actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn{display:flex;align-items:center;justify-content:center;min-height:54px;border-radius:15px;padding:12px 15px;font-weight:800;font-size:14px;border:1px solid #d7dbe2;background:#fff}.btn.primary{background:var(--red);color:#fff;border-color:var(--red)}.btn.dark{background:var(--blue);color:#fff;border-color:var(--blue)}.btn.wide{grid-column:1/-1}.qr-area{display:flex;align-items:center;gap:22px;margin-top:24px;background:var(--cream);padding:18px;border-radius:20px}.qr-area img{width:112px;height:112px;border-radius:12px}.qr-area strong{display:block;font-size:17px}.qr-area span{display:block;color:var(--muted);font-size:13px;line-height:1.45;margin-top:6px}.directory h1{font-size:clamp(34px,5vw,62px);margin:40px 0 8px;letter-spacing:-.04em}.directory p{color:var(--muted);font-size:17px}.search{width:100%;border:1px solid #d9d2c6;padding:17px 20px;border-radius:15px;font-size:16px;margin:25px 0}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(245px,1fr));gap:18px;padding-bottom:45px}.tile{background:#fff;border-radius:20px;padding:17px;box-shadow:0 10px 30px #06163a12;display:flex;align-items:center;gap:15px}.tile img{width:68px;height:68px;object-fit:cover;border-radius:50%;border:3px solid #f1ede5}.tile strong{display:block}.tile small{color:#6a7180;line-height:1.35;display:block;margin-top:4px}.footer{text-align:center;color:#777;font-size:12px;padding:15px 0 30px}@media(max-width:720px){.card{grid-template-columns:1fr}.portrait{min-height:420px}.details{padding:35px 25px}.actions{grid-template-columns:1fr}.btn.wide{grid-column:auto}.qr-area{align-items:flex-start}.brand{padding:16px 0}.brand img{width:190px}}