:root{color-scheme:dark;--cream:#f8e9d2;--gold:#dfb584;--brown:#211811}*{box-sizing:border-box}html{background:var(--brown)}body{margin:0;color:var(--cream);font:17px/1.65 Georgia,'Times New Roman',serif}a{color:inherit}.skip{position:absolute;left:20px;top:-80px;z-index:10;background:var(--cream);color:var(--brown);padding:10px 20px}.skip:focus{top:16px}.hero{position:relative;min-height:850px;isolation:isolate;overflow:hidden}.scene,.scene img,.shade{position:absolute;inset:0;width:100%;height:100%}.scene{z-index:-3}.scene img{object-fit:cover;object-position:65% center}.shade{z-index:-2;background:linear-gradient(90deg,rgba(22,16,11,.95),rgba(22,16,11,.8) 27%,rgba(22,16,11,.24) 62%,transparent),linear-gradient(0deg,var(--brown),transparent 22%)}.brand{padding:44px 7% 0;font-size:clamp(32px,3.5vw,49px);font-style:italic;letter-spacing:-2px;line-height:1.2}.brand span{display:inline-block;font-size:25px;vertical-align:top;margin:0 0 0 8px;color:var(--gold)}.intro{margin:57px 0 90px 7%;max-width:430px}.rule{display:block;width:54px;height:1px;background:var(--gold);margin-bottom:30px}h1{font-size:clamp(44px,4.6vw,66px);font-weight:400;line-height:1.08;letter-spacing:-1.8px;margin:0 0 30px}h1 em{font-weight:400;color:var(--gold)}.bio{font-family:system-ui,-apple-system,'Segoe UI',sans-serif;font-size:15px;line-height:1.8;font-weight:350;max-width:370px}.bio p{margin:0 0 16px}.frame-mark{position:absolute;bottom:40px;right:7%;font:9px/1.2 system-ui,sans-serif;letter-spacing:2px;color:#e9ccb0}.contact{max-width:1120px;margin:-6px auto 0;padding:42px 54px;display:flex;align-items:center;justify-content:space-between;gap:60px;border-top:1px solid #73563b;border-bottom:1px solid #73563b}.small-label{font:10px/1.5 system-ui,sans-serif;letter-spacing:3px;color:var(--gold)}h2{font-weight:400;font-size:38px;line-height:1.2;margin:10px 0 17px}.contact-copy{max-width:525px}.contact-copy p{font:15px/1.8 system-ui,sans-serif;margin:6px 0;color:#ead9c5}.contact-action{flex-shrink:0;width:250px}.button{display:flex;align-items:center;justify-content:center;gap:12px;min-height:58px;padding:14px 24px;border-radius:40px;background:#25d366;color:#092e1b;text-decoration:none;font:500 16px/1.5 system-ui,sans-serif;transition:background .2s,transform .2s}.button svg{width:25px;height:25px}.arrow{font-size:23px;margin-left:12px}.button[aria-disabled=true]{cursor:default;background:#c9ab88}.button:not([aria-disabled=true]):hover{background:#39e078;transform:translateY(-2px)}.button:focus-visible{outline:2px solid #fff;outline-offset:6px}.status{font:11px/1.6 system-ui,sans-serif;text-align:center;margin:12px 0 0;color:#d9c6b2}footer{text-align:center;padding:30px 20px 36px}footer>span{font-size:24px;color:var(--gold)}footer p{font-size:25px;line-height:1.45;margin:10px 0 18px}footer em{color:var(--gold)}footer small{font:9px/1.5 system-ui,sans-serif;letter-spacing:3px;text-transform:uppercase;color:#c9b29a}@media(min-width:1450px){.hero{min-height:900px}.intro{margin-top:75px}}@media(max-width:900px){.intro{max-width:390px}.contact{margin:0 6%;padding:32px 0;gap:30px}.contact-action{width:230px}}/* Mobile: size the photograph independently from the text, with no fixed hero height. */
@media(max-width:700px){
  html{-webkit-text-size-adjust:100%;text-size-adjust:100%}
  .hero{min-height:0;padding-top:clamp(236px,68vw,300px)}
  .scene{height:clamp(236px,68vw,300px)}
  .scene img{object-position:64% 48%}
  .shade{height:clamp(236px,68vw,300px);background:linear-gradient(180deg,rgba(22,16,11,.34),transparent 34%,transparent 58%,var(--brown) 100%)}
  .brand{position:absolute;top:24px;left:22px;padding:0;font-size:32px;letter-spacing:-1.5px;text-shadow:0 2px 12px #21181180}
  .brand span{font-size:21px;margin-left:6px}
  .intro{position:relative;margin:0 22px 24px;max-width:none}
  .rule{display:none}
  h1{font-size:clamp(30px,8.2vw,36px);line-height:1.18;letter-spacing:-.65px;margin:0 0 18px}
  h1 br:nth-of-type(2){display:none}
  .bio{font-size:15px;line-height:1.65;max-width:none;font-weight:400}
  .bio p{margin:0 0 12px}
  .bio p:last-child{margin-bottom:0}
  .frame-mark{display:none}
  .contact{display:block;margin:0 22px;padding:23px 0 22px}
  .small-label{font-size:9px;letter-spacing:2.5px}
  h2{font-size:28px;margin:8px 0 12px}
  .contact-copy p{font-size:15px;line-height:1.65;margin:6px 0}
  .contact-action{width:100%;margin-top:20px}
  .button{min-height:54px;padding:12px 22px;font-size:16px}
  .status{margin:9px 0 0;font-size:11px}
  footer{padding:18px 22px 24px}
  footer>span{font-size:22px}
  footer p{font-size:22px;margin:6px 0 12px}
}
@media(prefers-reduced-motion:reduce){.button{transition:none}}
.not-found{max-width:600px;margin:15vh auto;padding:30px}