:root{--paper:#f3efe5;--ink:#151512;--muted:rgba(21,21,18,.56);--line:rgba(21,21,18,.24);--red:#b62018}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Courier New",monospace}
a{color:inherit}
.ct-page{min-height:100vh;position:relative;overflow-x:hidden}
.ct-top{height:92px;display:flex;align-items:center;border-bottom:1px solid rgba(21,21,18,.08);padding:0 34px;gap:28px}
.ct-mark{font:46px/1 Georgia,serif;letter-spacing:.22em;text-decoration:none;border-right:1px solid #777;padding-right:24px}
.ct-name{font-size:10px;line-height:1.35;letter-spacing:.18em;width:190px}
.ct-nav{margin-left:auto;display:flex;gap:26px;align-items:center;flex-wrap:wrap;justify-content:flex-end}
.ct-nav a{font-size:9px;letter-spacing:.08em;text-decoration:none}
.ct-nav a:hover,.ct-nav a.current{color:var(--red)}

.ct-layout{display:grid;grid-template-columns:300px minmax(0,1fr);min-height:calc(100vh - 92px)}
.ct-image{position:relative;overflow:hidden;background:#c7c0b4;border-right:1px solid rgba(21,21,18,.12);min-height:800px}
.ct-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:44% 48%;display:block;filter:contrast(1.03)}
.ct-image:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.05),transparent 28%,rgba(243,239,229,.035))}
.ct-image-label{position:absolute;left:28px;bottom:32px;color:rgba(20,18,15,.68);font-size:9px;letter-spacing:.16em;writing-mode:vertical-rl;transform:rotate(180deg);z-index:2}

.ct-main{padding:72px clamp(40px,6vw,96px) 80px;max-width:1280px;display:flex;flex-direction:column}
.ct-hero h1{font:400 clamp(68px,7vw,112px)/.88 Georgia,serif;letter-spacing:.105em;margin:0;white-space:nowrap}
.ct-rule{margin:58px 0 44px;border-top:1px solid #222;position:relative}
.ct-rule:before{content:"";position:absolute;left:0;top:-2px;width:54px;border-top:3px solid var(--red)}
.ct-copy{max-width:900px}
.ct-lead{font:21px/1.45 "Courier New",monospace;letter-spacing:.015em;margin:0;max-width:780px}
.ct-address{font:20px/1.5 "Courier New",monospace;letter-spacing:.035em;color:var(--red);margin:34px 0 0;overflow-wrap:anywhere}
.ct-small-rule{border-top:1px solid var(--line);margin:34px 0 30px}
.ct-human{font:italic 17px/1.45 Georgia,serif;margin:0;color:#3a3935}
.ct-foot{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:16px;margin-top:auto;min-height:90px;align-items:flex-start;font-size:9px;letter-spacing:.13em;color:var(--muted)}

@media(max-width:1000px){
  .ct-top{height:auto;min-height:84px;align-items:flex-start;padding:20px 22px}
  .ct-nav{gap:13px 18px}
  .ct-layout{grid-template-columns:170px minmax(0,1fr)}
  .ct-main{padding:58px 32px 60px}
  .ct-image img{object-position:42% 48%}
  .ct-hero h1{font-size:clamp(62px,9vw,96px)}
}
@media(max-width:720px){
  .ct-name{display:none}
  .ct-mark{font-size:34px}
  .ct-nav{display:none}
  .ct-layout{display:block}
  .ct-image{height:245px;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .ct-image img{object-position:52% 35%}
  .ct-image-label{left:16px;bottom:14px;font-size:8px}
  .ct-main{padding:44px 20px 50px;min-height:calc(100vh - 329px)}
  .ct-hero h1{font-size:clamp(50px,14vw,72px);letter-spacing:.055em;white-space:normal}
  .ct-rule{margin:38px 0 32px}
  .ct-lead{font-size:17px}
  .ct-address{font-size:15px;line-height:1.55;margin-top:28px}
  .ct-human{font-size:15px}
  .ct-foot{flex-direction:column;gap:8px;margin-top:80px}
}


/* Navigation Trial 01 — canonical CHR numbered navigation */
.ct-top{height:auto;min-height:108px;align-items:flex-start;padding-top:20px;padding-bottom:18px}
.ct-mark{margin-top:7px}
.ct-name{margin-top:9px}
.ct-nav{margin-left:auto;display:grid;grid-template-columns:repeat(6,max-content);gap:9px 18px;align-items:start;justify-content:end;max-width:820px}
.ct-nav a{display:flex;gap:6px;align-items:baseline;font-size:8px;line-height:1.2;letter-spacing:.065em;text-decoration:none;white-space:nowrap;transition:transform .15s ease,color .15s ease}
.ct-nav a:hover{transform:translateX(2px);color:var(--ink)}
.ct-nav .nav-num{font-weight:700;color:rgba(21,21,18,.42)}
.ct-nav a.current{color:var(--ink)}
.ct-nav a.current .nav-num{color:var(--red)}
.ct-layout{min-height:calc(100vh - 108px)}
@media(max-width:1220px){.ct-nav{grid-template-columns:repeat(4,max-content);gap:8px 15px;max-width:650px}.ct-top{gap:20px}}
@media(max-width:1000px){.ct-nav{grid-template-columns:repeat(3,max-content);gap:7px 12px}.ct-nav a{font-size:7.5px}}
@media(max-width:720px){.ct-nav{display:none}}

.contact-email-label{font-family:Consolas,"Courier New",monospace;font-size:10px;letter-spacing:.16em;margin:0 0 8px}.contact-email-label strong{font-weight:700}

/* Candidate 08 — EMAIL label belongs with the address, not the lead paragraph. */
.contact-email-label{margin:34px 0 0}
.ct-address{margin-top:4px}
@media(max-width:720px){.contact-email-label{margin-top:28px}.ct-address{margin-top:4px}}
