/* Masters Up Close: farver hentet fra logoet */
:root{
  --bg:#0a0705;        /* næsten sort, varm */
  --cream:#F7E5BF;     /* "MASTERS" i logoet */
  --muted:#c9b88f;
  --gold:#CB8F3B;      /* dyb guld, rammen */
  --gold-light:#ECBD63;/* streger i logoet */
  --ink:#1a1208;
  --serif:"Palatino Linotype",Palatino,"Book Antiqua","URW Palladio L",P052,Georgia,serif;
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{
  margin:0;min-height:100vh;
  background:var(--bg);
  background-image:radial-gradient(90% 50% at 50% 0%,#17100a 0%,var(--bg) 70%);
  background-repeat:no-repeat;
  color:var(--cream);
  font-family:var(--serif);
  font-size:1.125rem;line-height:1.7;
  padding:env(safe-area-inset-top) 0 env(safe-area-inset-bottom);
}
img{max-width:100%;height:auto;display:block}
a{color:var(--gold-light);text-underline-offset:3px}
a:focus-visible{outline:3px solid var(--gold-light);outline-offset:3px;border-radius:2px}

/* ---------- Hero ---------- */
.hero{text-align:center;padding:24px 16px 8px}
.logo{
  width:min(100%,460px);margin:0 auto;
  /* bløde kanter, så billedets sorte baggrund smelter ind i siden */
  -webkit-mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);
  -webkit-mask-composite:source-in;
  mask-image:linear-gradient(to right,transparent,#000 10%,#000 90%,transparent),linear-gradient(to bottom,transparent,#000 6%,#000 94%,transparent);
  mask-composite:intersect;
}
.tagline{
  margin:0 auto;max-width:560px;
  display:flex;align-items:center;gap:16px;
  font-style:italic;font-size:clamp(1rem,3.8vw,1.25rem);color:var(--gold-light);letter-spacing:.02em;
}
.tagline::before,.tagline::after{content:"";flex:1;height:1px;background:var(--gold)}
.tagline span{flex:0 1 auto;text-align:center}

/* ---------- Indhold ---------- */
.wrap{max-width:860px;margin:0 auto;padding:0 20px 24px}
section{margin-top:56px}
h2{
  margin:0 0 20px;text-align:center;font-weight:400;
  font-size:.95rem;letter-spacing:.28em;text-transform:uppercase;color:var(--gold-light);
}
h2 span{display:inline-block;padding-bottom:10px;border-bottom:1px solid var(--gold)}
p{margin:0 0 1em}
.channel p{text-align:center;max-width:620px;margin-left:auto;margin-right:auto}

.erik-grid{display:grid;grid-template-columns:1fr;gap:28px;align-items:start}
.photo{margin:0}
.photo img{
  width:100%;max-width:420px;margin:0 auto;
  border:1px solid var(--gold);padding:6px;background:#120c07;
  box-shadow:0 18px 40px rgba(0,0,0,.55);
}
.bio p:last-child{margin-bottom:0}
.cta{margin-top:28px}
.btn{
  display:inline-block;padding:14px 28px;
  font-family:var(--serif);font-size:1.05rem;font-weight:700;letter-spacing:.03em;text-decoration:none;
  color:var(--ink);background:linear-gradient(180deg,var(--gold-light),var(--gold));
  border-radius:3px;box-shadow:0 6px 18px rgba(0,0,0,.45);
}
.btn:hover{filter:brightness(1.08)}
.btn:active{transform:translateY(1px)}

@media (min-width:720px){
  .erik-grid{grid-template-columns:380px 1fr;gap:40px}
  .photo img{max-width:none}
}

/* ---------- Fod ---------- */
.foot{text-align:center;padding:40px 16px 48px;color:var(--muted);font-size:.9rem}
.foot p{margin:0}