:root { --ink:#17342f; --paper:#f4ead8; --cream:#fffaf0; --red:#c94337; --gold:#e2a92f; --sage:#9aab83; --line:rgba(23,52,47,.2); }
* { box-sizing:border-box; }
html { background:var(--paper); color:var(--ink); }
body { margin:0; font-family:"Avenir Next","Segoe UI",Arial,sans-serif; min-width:300px; }
a { color:inherit; text-decoration:none; }
.site-header { height:84px; display:flex; align-items:center; justify-content:space-between; padding:0 clamp(20px,5vw,72px); border-bottom:1px solid var(--line); background:rgba(244,234,216,.96); }
.brand { display:flex; align-items:center; gap:12px; }
.brand span:last-child { display:flex; flex-direction:column; line-height:1; }
.brand strong { font-size:15px; letter-spacing:.13em; }
.brand small { margin-top:6px; color:var(--red); font-size:9px; letter-spacing:.22em; font-weight:700; }
.brand-mark { width:39px; height:39px; border-radius:50%; border:1px solid var(--ink); display:grid; place-content:center; gap:3px; transform:rotate(-12deg); }
.brand-mark i { display:block; width:20px; height:3px; border-radius:4px; background:var(--red); }
.brand-mark i:nth-child(2){ width:14px; background:var(--gold); }
.brand-mark i:nth-child(3){ width:9px; background:var(--ink); }
nav { display:flex; align-items:center; gap:28px; font-size:11px; font-weight:700; letter-spacing:.12em; }
nav a { padding:10px 0; border-bottom:1px solid; }
.count { color:#6a776d; }
main { overflow:hidden; }
.hero { min-height:690px; position:relative; display:grid; grid-template-columns:minmax(300px,600px) 1fr; align-items:center; padding:70px clamp(20px,7vw,110px); isolation:isolate; }
.hero-image { position:absolute; inset:0; z-index:-2; background:url("assets/nordjylland-morning.png") center/cover; }
.hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(13,44,40,.94) 0%,rgba(13,44,40,.79) 33%,rgba(13,44,40,.16) 68%,rgba(13,44,40,.04)); }
.hero-copy { color:white; padding-bottom:30px; }
.eyebrow,.manifesto>p:first-child { color:#f0c45d; font-weight:700; font-size:12px; letter-spacing:.18em; }
.hero h1 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(54px,7vw,98px); line-height:.93; letter-spacing:-.055em; margin:24px 0 28px; }
.hero-copy>p:not(.eyebrow) { max-width:480px; line-height:1.7; font-size:17px; color:rgba(255,255,255,.84); }
.primary { display:inline-flex; align-items:center; gap:36px; margin-top:20px; background:var(--red); padding:18px 23px; color:white; font-size:12px; letter-spacing:.12em; font-weight:700; box-shadow:0 8px 30px rgba(80,16,9,.28); }
.primary span { font-size:20px; line-height:0; }
.map-note { position:absolute; right:clamp(18px,5vw,72px); bottom:48px; width:210px; padding:18px 0 0; color:white; border-top:1px solid rgba(255,255,255,.7); display:flex; flex-direction:column; }
.map-note span,.map-note small { font-size:9px; letter-spacing:.15em; opacity:.78; }
.map-note strong { margin:5px 0 3px; font-family:Georgia,"Times New Roman",serif; font-size:25px; }
.manifesto { padding:110px clamp(20px,8vw,130px); display:grid; grid-template-columns:1.4fr .6fr; gap:60px; align-items:end; border-bottom:1px solid var(--line); }
.manifesto>p:first-child { grid-column:1/-1; color:var(--red); margin:0; }
.manifesto h2 { font-family:Georgia,"Times New Roman",serif; font-size:clamp(40px,5vw,74px); line-height:1.04; letter-spacing:-.04em; margin:0; }
.manifesto h2 em { color:var(--red); font-style:normal; }
.manifesto-copy { font-size:17px; line-height:1.75; margin:0; }
.games { padding:90px clamp(20px,7vw,110px) 120px; display:grid; grid-template-columns:1.6fr .7fr .7fr; gap:22px; background:var(--cream); }
.game-card,.idea-card { border:1px solid var(--line); background:var(--paper); min-height:460px; }
.game-card a { height:100%; display:grid; grid-template-rows:255px 1fr; }
.card-image { position:relative; background:url("assets/nordjylland-morning.png") center 68%/cover; overflow:hidden; }
.card-image::after { content:""; position:absolute; inset:0; background:linear-gradient(135deg,rgba(18,54,47,.1),rgba(18,54,47,.55)); }
.status,.number { position:absolute; z-index:2; color:white; font-weight:700; }
.status { left:18px; top:18px; padding:8px 10px; background:var(--red); font-size:9px; letter-spacing:.13em; }
.number { right:18px; top:12px; font-family:Georgia,"Times New Roman",serif; font-size:44px; opacity:.8; }
.route-art { position:absolute; inset:0; z-index:1; }
.place { position:absolute; width:26px; height:26px; border:7px solid white; outline:3px solid var(--red); border-radius:50%; background:var(--gold); box-shadow:0 4px 10px rgba(0,0,0,.25); }
.place-a{ left:24%; top:57%; }.place-b{left:52%;top:36%;}.place-c{right:18%;top:66%;}
.route { position:absolute; height:4px; transform-origin:left; background:white; box-shadow:0 1px 4px rgba(0,0,0,.2); }
.route-a{ left:27%;top:60%;width:31%;transform:rotate(-24deg);}.route-b{left:55%;top:40%;width:33%;transform:rotate(35deg);}
.card-copy { padding:28px 30px; }
.card-copy>span,.idea-card>span { color:var(--red); letter-spacing:.16em; font-size:10px; font-weight:700; }
.card-copy h3,.idea-card h3 { font-family:Georgia,"Times New Roman",serif; font-size:34px; margin:9px 0 12px; letter-spacing:-.03em; }
.card-copy p,.idea-card p { line-height:1.6; margin:0; color:#4d5d57; }
.card-copy strong { display:flex; justify-content:space-between; margin-top:24px; padding-top:18px; border-top:1px solid var(--line); font-size:11px; letter-spacing:.12em; }
.card-copy i { font-style:normal; font-size:20px; }
.idea-card { padding:28px; display:flex; flex-direction:column; justify-content:flex-end; background:var(--sage); color:#16312d; }
.idea-card p { color:inherit; }
.idea-card.warm { background:#edc869; }
.data-note { margin:0 clamp(20px,7vw,110px) 90px; padding:28px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); display:grid; grid-template-columns:auto 1fr 1.5fr auto; align-items:center; gap:20px; }
.data-icon { font-size:40px; color:var(--red); }
.data-note div { display:flex; flex-direction:column; }.data-note small { font-size:9px; letter-spacing:.14em; color:var(--red); font-weight:700; }.data-note p{font-size:13px;line-height:1.5}.data-note a{font-size:10px;letter-spacing:.12em;font-weight:700;border-bottom:1px solid;padding-bottom:5px}
footer { padding:30px clamp(20px,5vw,72px); display:flex; gap:25px; align-items:center; border-top:1px solid var(--line); font-size:11px; letter-spacing:.1em; } footer span:last-child{margin-left:auto}
@media(max-width:850px){.hero{min-height:640px;grid-template-columns:1fr}.hero::after{background:linear-gradient(90deg,rgba(13,44,40,.88),rgba(13,44,40,.3))}.manifesto{grid-template-columns:1fr}.games{grid-template-columns:1fr 1fr}.game-card{grid-column:1/-1}.data-note{grid-template-columns:auto 1fr}.data-note p{grid-column:1/-1}.data-note>a{display:none}}
@media(max-width:560px){.site-header{height:70px}.count{display:none}.hero{padding-top:45px;align-items:start}.hero h1{font-size:55px}.map-note{bottom:25px}.manifesto{padding-top:75px;padding-bottom:75px}.games{grid-template-columns:1fr;padding-top:55px}.idea-card{min-height:260px}.data-note{margin-bottom:55px}footer span:nth-child(2){display:none}}