:root { color-scheme:dark; --paper:#f3ede1; --muted:#beb9bd; --gold:#edc79c; }
* { box-sizing:border-box }
body { margin:0; background:radial-gradient(ellipse at 74% 49%,#25232d 0, #16161f 37%,#101117 73%); color:var(--paper); font-family:Georgia,"Times New Roman",serif; }
.page { max-width:1510px; min-height:100svh; margin:auto; padding:clamp(25px,5.4vw,80px) clamp(23px,7vw,112px); }
header { display:flex; align-items:center; gap:12px; font-size:25px; letter-spacing:-.055em; }
main { display:grid; grid-template-columns:minmax(0,.98fr) minmax(0,1.02fr); gap:clamp(15px,3.4vw,65px); align-items:center; min-height:min(735px,74svh); padding:clamp(48px,6vw,100px) 0 40px; }
section { position:relative; z-index:1; }
h1 { font-size:clamp(49px,5.65vw,88px); line-height:1.03; font-weight:400; letter-spacing:-.052em; margin:0; }
h1 em { color:var(--gold); font-weight:400; }
p { max-width:360px; margin:clamp(22px,2.15vw,34px) 0 28px; font:400 clamp(16px,1.25vw,19px)/1.57 "Segoe UI",Arial,sans-serif; color:var(--muted); }
.access { display:inline-flex; align-items:center; gap:11px; min-height:46px; padding:10px 16px; color:var(--paper); background:#28252b; border:1px solid #806e64; border-radius:7px; font:500 15px/1.45 "Segoe UI",Arial,sans-serif; text-decoration:none; }
.access span { color:var(--gold); margin-left:6px; }
.access:hover { background:#383039; border-color:var(--gold); }
a:focus-visible { outline:3px solid var(--gold); outline-offset:5px; }
figure { margin:0; position:relative; }
figure img { display:block; width:100%; height:auto; }
@media (max-width:760px) {
  .page { padding:25px clamp(22px,6vw,46px) 28px; }
  header { font-size:24px; }
  main { grid-template-columns:1fr; gap:10px; padding:48px 0 0; min-height:0; }
  h1 { font-size:clamp(46px,9.5vw,69px); }
  p { max-width:365px; margin:22px 0 24px; }
  figure { width:min(100%,420px); margin:4px auto 0; }
}