:root { --ink:#172019; --acid:#d7ff52; --clay:#bc4f32; --paper:#f0ede2; }
* { box-sizing:border-box; }
html, body { margin:0; min-height:100%; background:var(--clay); color:var(--paper); font-family:"DM Sans",sans-serif; }
a { color:inherit; text-decoration:none; }
header { padding:24px 30px; display:grid; grid-template-columns:1fr auto; align-items:center; }
.logo { font:700 32px/1 "Syne",sans-serif; letter-spacing:-.08em; }
.logo span { color:var(--acid); }
.back-link { font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
main { min-height:calc(100svh - 80px); padding:8vh 6vw 8vh; display:flex; flex-direction:column; justify-content:space-between; }
.eyebrow { margin:0 0 25px; font-size:10px; letter-spacing:.2em; text-transform:uppercase; }
h1 { margin:0; font:600 clamp(95px,21vw,300px)/.74 "Syne",sans-serif; letter-spacing:-.095em; }
h1 em { color:var(--acid); font-family:Georgia,serif; font-weight:400; }
.contact-list { margin:80px 0 0 33%; }
.contact-list a { padding:22px 0; border-top:1px solid rgba(255,255,255,.55); display:grid; grid-template-columns:1fr 2fr auto; align-items:center; gap:30px; transition:padding .25s,color .25s; }
.contact-list a:last-child { border-bottom:1px solid rgba(255,255,255,.55); }
.contact-list a:hover { padding-left:15px; color:var(--acid); }
.contact-list span { font-size:9px; letter-spacing:.18em; text-transform:uppercase; }
.contact-list strong { font:500 clamp(20px,3vw,42px)/1 "Syne",sans-serif; letter-spacing:-.045em; }
.contact-list b { font-size:18px; }
@media(max-width:700px){
  header { padding:18px; }
  main { padding:9vh 18px 7vh; }
  h1 { font-size:clamp(100px,37vw,155px); }
  .contact-list { margin:80px 0 0; }
  .contact-list a { grid-template-columns:1fr auto; gap:14px; }
  .contact-list strong { grid-column:1 / -1; }
}