:root{
    --ink:#14161b;
    --ink-2:#1c1f26;
    --ivory:#f3efe6;
    --ivory-dim:#a9a397;
    --brass:#c69a4c;
    --brass-soft:#e0c489;
    --line:#2c2f38;
    --white:#ffffff;
    --disp:'Fraunces',Georgia,serif;
    --sans:'Archivo',system-ui,sans-serif;
    --narrow:'Archivo Narrow','Archivo',sans-serif;
  }
  *{box-sizing:border-box;margin:0;padding:0}
  html{scroll-behavior:smooth}
  body{background:var(--ink);color:var(--ivory);font-family:var(--sans);line-height:1.6;-webkit-font-smoothing:antialiased}
  img{display:block;max-width:100%}
  a{color:inherit;text-decoration:none}
  ::selection{background:var(--brass);color:var(--ink)}

  .topbar{position:fixed;top:0;left:0;right:0;z-index:60;display:flex;align-items:center;justify-content:space-between;
    padding:16px 32px;background:linear-gradient(var(--ink),rgba(20,22,27,0))}
  .topbar .mark{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.34em;font-size:12px;color:var(--ivory);font-weight:600}
  .topbar .mark b{color:var(--brass);font-weight:600}
  .topbar .loc{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.22em;font-size:11px;color:var(--ivory-dim)}

  .shell{display:grid;grid-template-columns:44% 56%;min-height:100vh}
  .visual{position:relative;background:#000}
  .visual .frame{position:sticky;top:0;height:100vh;overflow:hidden}
  .visual .frame img{width:100%;height:100%;object-fit:cover;filter:saturate(.92) contrast(1.02)}
  .visual .frame::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,22,27,.55),rgba(20,22,27,.05) 30%,rgba(20,22,27,.5))}
  .visual .plate{position:absolute;left:32px;bottom:32px;z-index:2}
  .visual .plate .ref{font-family:var(--narrow);letter-spacing:.28em;text-transform:uppercase;font-size:11px;color:var(--brass-soft)}
  .visual .plate .name{font-family:var(--disp);font-size:26px;color:var(--white);margin-top:6px;line-height:1.1}

  .content{position:relative}

  .masthead{padding:120px 56px 64px;position:relative}
  .eyebrow{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.3em;font-size:12px;color:var(--brass);margin-bottom:26px}
  .masthead h1{font-family:var(--disp);font-weight:400;font-size:clamp(40px,5vw,68px);line-height:1.02;letter-spacing:-.01em;color:var(--ivory)}
  .masthead h1 em{font-style:italic;color:var(--brass-soft)}
  .masthead .lede{max-width:30em;margin-top:22px;font-size:16px;color:var(--ivory-dim)}
  .masthead .price-row{display:flex;align-items:baseline;gap:14px;margin-top:34px;padding-top:26px;border-top:1px solid var(--line)}
  .masthead .price{font-family:var(--disp);font-size:30px;color:var(--ivory)}
  .masthead .price-row .by{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--ivory-dim)}

  .ledger{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
  .ledger .cell{padding:24px 20px;border-right:1px solid var(--line)}
  .ledger .cell:last-child{border-right:0}
  .ledger .k{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--ivory-dim)}
  .ledger .v{font-family:var(--disp);font-size:30px;margin-top:8px;color:var(--ivory)}

  .story{padding:64px 56px}
  .story .kicker{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--brass);margin-bottom:20px}
  .story p{font-family:var(--disp);font-weight:400;font-size:23px;line-height:1.5;color:var(--ivory);max-width:24em}
  .story p .drop{float:left;font-size:66px;line-height:.82;padding:6px 12px 0 0;color:var(--brass)}

  .index{padding:8px 56px 64px}
  .index .row{display:grid;grid-template-columns:44px 1fr;gap:22px;padding:22px 0;border-top:1px solid var(--line)}
  .index .row:last-child{border-bottom:1px solid var(--line)}
  .index .no{font-family:var(--narrow);font-size:12px;letter-spacing:.14em;color:var(--brass);padding-top:5px}
  .index h3{font-family:var(--disp);font-weight:500;font-size:20px;color:var(--ivory);margin-bottom:5px}
  .index p{font-size:14px;color:var(--ivory-dim);max-width:34em}

  .plates{padding:8px 56px 72px}
  .plates .lead{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--brass);margin-bottom:22px}
  .plates .grid{display:grid;grid-template-columns:repeat(6,1fr);grid-auto-rows:120px;gap:10px}
  .plates figure{position:relative;overflow:hidden;background:#000}
  .plates figure img{width:100%;height:100%;object-fit:cover;transition:transform .6s ease,filter .6s ease;filter:grayscale(.15)}
  .plates figure:hover img{transform:scale(1.06);filter:grayscale(0)}
  .plates figcaption{position:absolute;left:12px;bottom:10px;font-family:var(--narrow);text-transform:uppercase;letter-spacing:.18em;font-size:10px;color:var(--white);text-shadow:0 1px 8px rgba(0,0,0,.7)}
  .g-a{grid-column:span 4;grid-row:span 2}
  .g-b{grid-column:span 2;grid-row:span 1}
  .g-c{grid-column:span 2;grid-row:span 1}
  .g-d{grid-column:span 2;grid-row:span 2}
  .g-e{grid-column:span 2;grid-row:span 1}
  .g-f{grid-column:span 2;grid-row:span 1}

  .inquire{position:fixed;top:64px;right:28px;width:340px;z-index:55;
    background:rgba(28,31,38,.86);backdrop-filter:blur(14px);
    border:1px solid var(--line);border-radius:2px;padding:22px 22px 20px;
    box-shadow:0 30px 80px -30px rgba(0,0,0,.8)}
  .inquire::before{content:"";position:absolute;left:0;top:0;width:100%;height:2px;background:linear-gradient(90deg,var(--brass),transparent)}
  .inquire .h{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.24em;font-size:11px;color:var(--brass);margin-bottom:4px}
  .inquire h2{font-family:var(--disp);font-weight:500;font-size:22px;color:var(--ivory);margin-bottom:3px}
  .inquire .s{font-size:12px;color:var(--ivory-dim);margin-bottom:16px}
  .inq-field{margin-bottom:10px}
  .inq-row{display:flex;gap:10px}
  .inq-row .inq-field{flex:1}
  .inquire label{display:block;font-family:var(--narrow);text-transform:uppercase;letter-spacing:.16em;font-size:10px;color:var(--ivory-dim);margin-bottom:4px}
  .inquire input,.inquire select,.inquire textarea{width:100%;background:#0f1116;border:1px solid var(--line);border-radius:2px;
    color:var(--ivory);font-size:13px;padding:9px 10px;font-family:var(--sans);transition:border-color .15s}
  .inquire input:focus,.inquire select:focus,.inquire textarea:focus{outline:none;border-color:var(--brass)}
  .inquire textarea{resize:vertical;min-height:48px}
  .inquire .submit-btn{width:100%;margin-top:6px;border:0;border-radius:2px;cursor:pointer;background:var(--brass);color:var(--ink);
    font-family:var(--narrow);text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:600;padding:13px;transition:background .15s}
  .inquire .submit-btn:hover{background:var(--brass-soft)}
  .inquire .submit-btn:disabled{opacity:.6;cursor:default}
  .inq-fine{font-size:10px;color:var(--ivory-dim);margin-top:9px;line-height:1.45}
  #okBlock{display:none;text-align:center;padding:16px 4px}
  #okBlock .tick{font-size:26px;color:var(--brass);margin-bottom:8px}
  #okBlock h2{font-family:var(--disp);font-size:20px;margin-bottom:5px}
  #okBlock p{font-size:12px;color:var(--ivory-dim)}

  .inq-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
  .inq-min{flex:none;width:26px;height:26px;margin-top:-2px;border:1px solid var(--line);border-radius:2px;
    background:transparent;color:var(--ivory-dim);cursor:pointer;font-size:15px;line-height:1;
    display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}
  .inq-min:hover{border-color:var(--brass);color:var(--brass)}

  .inquire.collapsed{padding:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;width:auto;display:flex;justify-content:flex-end}
  .inquire.collapsed::before{display:none}
  .inquire.collapsed > #inqWrap,
  .inquire.collapsed > #okBlock{display:none !important}

  .inq-launch{display:none;align-items:center;gap:10px;margin-left:auto;
    background:var(--brass);color:var(--ink);border:0;cursor:pointer;
    font-family:var(--narrow);text-transform:uppercase;letter-spacing:.16em;font-size:12px;font-weight:600;
    padding:12px 16px;border-radius:2px;box-shadow:0 20px 50px -20px rgba(0,0,0,.8);transition:background .15s}
  .inq-launch:hover{background:var(--brass-soft)}
  .inq-launch .dot{width:7px;height:7px;border-radius:50%;background:var(--ink);opacity:.55}
  .inquire.collapsed .inq-launch{display:inline-flex}

  /* ===== Agent footer (rebuilt in page system) ===== */
  footer.agent{padding:56px 56px 48px;border-top:1px solid var(--line);position:relative}
  footer.agent::before{content:"";position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--brass),transparent)}
  .agent-grid{display:grid;grid-template-columns:auto 1fr auto;gap:40px;align-items:center}
  .agent-photo{position:relative;flex:none}
  .agent-photo .ring{width:132px;height:132px;border-radius:50%;overflow:hidden;border:1px solid var(--brass);background:var(--ink-2)}
  .agent-photo .ring img{width:100%;height:100%;object-fit:cover;object-position:top}
  .agent-compliance{display:flex;gap:14px;margin-top:14px;justify-content:center;
    font-family:var(--narrow);text-transform:uppercase;letter-spacing:.14em;font-size:10px;color:var(--ivory-dim)}
  .agent-compliance span{color:var(--brass-soft)}
  .agent-detail .org{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.28em;font-size:11px;color:var(--brass);margin-bottom:8px}
  .agent-detail .who{font-family:var(--disp);font-weight:500;font-size:30px;color:var(--ivory);line-height:1.05}
  .agent-detail .role{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.18em;font-size:11px;color:var(--ivory-dim);margin-top:6px}
  .agent-detail .bio{font-size:13px;color:var(--ivory-dim);max-width:34em;margin-top:14px;line-height:1.6}
  .agent-detail .lic{display:inline-flex;align-items:center;gap:8px;margin-top:14px;padding:6px 12px;
    border:1px solid var(--line);border-radius:2px;font-family:var(--narrow);letter-spacing:.1em;font-size:11px;color:var(--ivory-dim)}
  .agent-detail .lic b{color:var(--brass);font-weight:600}
  .agent-actions{display:flex;flex-direction:column;gap:10px;min-width:210px}
  .agent-actions a,.agent-actions button{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.16em;font-size:12px;
    font-weight:600;padding:12px 16px;border-radius:2px;cursor:pointer;text-align:center;transition:background .15s,border-color .15s,color .15s;border:1px solid var(--line)}
  .agent-actions .call{background:var(--brass);color:var(--ink);border-color:var(--brass)}
  .agent-actions .call:hover{background:var(--brass-soft);border-color:var(--brass-soft)}
  .agent-actions .email{background:transparent;color:var(--ivory)}
  .agent-actions .email:hover{border-color:var(--brass);color:var(--brass)}
  .agent-actions .vcard{background:transparent;color:var(--ivory-dim)}
  .agent-actions .vcard:hover{border-color:var(--brass);color:var(--brass)}
  .agent-social{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;
    margin-top:40px;padding-top:26px;border-top:1px solid var(--line)}
  .agent-social .label{font-family:var(--narrow);text-transform:uppercase;letter-spacing:.2em;font-size:11px;color:var(--ivory-dim)}
  .agent-social .links{display:flex;gap:10px}
  .agent-social .links a{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);
    display:flex;align-items:center;justify-content:center;font-family:var(--narrow);font-size:11px;
    letter-spacing:.04em;color:var(--ivory-dim);transition:background .15s,color .15s,border-color .15s}
  .agent-social .links a:hover{background:var(--brass);color:var(--ink);border-color:var(--brass)}
  .agent-legal{margin-top:26px;font-size:11px;color:#5f5b52}

  @media(max-width:1080px){
    .shell{grid-template-columns:1fr}
    .visual .frame{position:relative;height:56vh}
    .inquire{position:static;width:auto;margin:0 24px;top:auto;right:auto;backdrop-filter:none;background:var(--ink-2)}
    .inquire.collapsed{margin:0 24px}
    .agent-grid{grid-template-columns:1fr;text-align:center;justify-items:center;gap:24px}
    .agent-detail .bio{margin-left:auto;margin-right:auto}
    .agent-actions{width:100%;max-width:320px}
  }
  @media(max-width:640px){
    .topbar{padding:14px 20px}
    .topbar .loc{display:none}
    .masthead{padding:40px 24px 40px}
    .story,.index,.plates{padding-left:24px;padding-right:24px}
    .ledger{grid-template-columns:1fr 1fr}
    .ledger .cell:nth-child(2){border-right:0}
    .ledger .cell{border-bottom:1px solid var(--line)}
    .plates .grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:120px}
    .g-a,.g-b,.g-c,.g-d,.g-e,.g-f{grid-column:span 2;grid-row:span 1}
    footer.agent{padding:40px 24px}
  }