*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#111319;color:#ebe0d3;font-family:system-ui,-apple-system,"Segoe UI",sans-serif;line-height:1.65}a{color:inherit}a:hover{color:#f4bd91}.shell{width:min(1120px,calc(100% - 40px));margin:auto}header{position:sticky;top:0;z-index:5;background:#151821ee;backdrop-filter:blur(14px);border-bottom:1px solid #383039}.nav{display:flex;align-items:center;justify-content:space-between;gap:15px;min-height:68px}.brand{font-weight:900;letter-spacing:.13em;font-size:21px;text-decoration:none;color:#f1bb8a}.navlinks{display:flex;gap:20px;align-items:center;flex-wrap:wrap}.navlinks a{font-size:14px;text-decoration:none;color:#d2c9c1}.lang{padding:6px 12px;border:1px solid #605147;border-radius:6px}.hero{position:relative;overflow:hidden;min-height:520px;display:flex;align-items:center;background:radial-gradient(ellipse at 65% 74%,#b15c35 0%,#54353b 24%,#202536 46%,#111319 83%)}.hero:after{content:"";position:absolute;inset:auto 0 0;height:36%;background:linear-gradient(0deg,#111319 0%,transparent 100%)}.skyline{position:absolute;bottom:9%;left:0;right:0;height:26%;opacity:.65;background:linear-gradient(90deg,transparent 0 4%,#10131b 4% 8%,transparent 8% 12%,#10131b 12% 16%,transparent 16% 22%,#10131b 22% 26%,transparent 26% 38%,#10131b 38% 41%,transparent 41% 57%,#10131b 57% 61%,transparent 61% 70%,#10131b 70% 75%,transparent 75% 87%,#10131b 87% 93%,transparent 93%)}.hero-inner{position:relative;z-index:2;padding:90px 0 115px;max-width:760px}.eyebrow,.kicker{color:#e6a373;text-transform:uppercase;letter-spacing:.23em;font-size:12px;font-weight:800}h1{font-size:clamp(62px,12vw,140px);letter-spacing:.10em;line-height:.98;margin:18px 0 12px;color:#efc392;text-shadow:0 6px #663a2d}h2{font-size:clamp(29px,5vw,46px);line-height:1.2;color:#f0c49d}h3{color:#f0bc92}p{color:#c3bab6}.lead{font-size:clamp(18px,2.5vw,23px);max-width:680px}.pill{display:inline-flex;padding:11px 17px;background:#c16b3c;color:#fff;border-radius:6px;text-decoration:none;font-weight:700}.pill.secondary{background:transparent;border:1px solid #9d715a}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.status{display:block;margin-top:18px;font-size:14px;color:#d8a582}section{padding:70px 0;border-top:1px solid #292b32}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.panel{background:#1c2028;border:1px solid #34363e;border-radius:10px;padding:24px}.panel h3{margin:8px 0}.panel p{margin:8px 0}.timeline{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.year{padding:20px;border-left:3px solid #c16b3c;background:#1b1d24}.year strong{color:#efb487}.note{border-left:3px solid #c16b3c;padding:15px 19px;background:#232028;color:#d8c4b4}.storyshot{background:linear-gradient(135deg,#303341,#62403e 62%,#c07b52);min-height:170px;border-radius:8px;display:flex;align-items:end;padding:18px;color:white;font-weight:700}.content{max-width:760px;padding:48px 0 90px}.content h1{font-size:47px;letter-spacing:.03em;text-shadow:none}.content h2{font-size:25px}.content ul{color:#c3bab6}.content a{color:#f0b28c}footer{border-top:1px solid #35343b;padding:28px 0;color:#a9a19d;font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer-inner a{margin-right:18px}.muted{color:#aa9c91}.skip{position:absolute;left:-999px}.skip:focus{left:10px;top:10px;background:white;color:black;padding:10px;z-index:99}@media(max-width:750px){.grid,.timeline{grid-template-columns:1fr}.nav{align-items:flex-start;padding:14px 0;flex-direction:column}.navlinks{gap:12px}.hero{min-height:470px}.hero-inner{padding:72px 0 110px}section{padding:50px 0}.panel{padding:20px}}
/* WEB 0.1 progressive enhancement: light effects with no JavaScript */
.hero-art{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 62% 65%,#e8a16d65,transparent 36%),linear-gradient(180deg,#10131e 0%,#242538 42%,#864b46 73%,#191923 100%);opacity:.65}
.ash{position:absolute;inset:0;pointer-events:none;opacity:.20;background-image:radial-gradient(circle,#fff 1px,transparent 1.5px);background-size:79px 103px;animation:ashfall 26s linear infinite}
@keyframes ashfall{from{background-position:0 -90px}to{background-position:63px 110px}}
.gallery-section{background:#14171e}
.gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.shot{margin:0;border:1px solid #39363a;background:#1d2028;border-radius:10px;overflow:hidden}
.shot-art{height:240px;position:relative;overflow:hidden;background:linear-gradient(180deg,#1c2032 0%,#684541 62%,#201d27 100%)}
.shot-art:after{content:"";position:absolute;inset:auto 0 0;height:44%;background:linear-gradient(135deg,transparent 24%,#121620 25% 42%,transparent 43%),linear-gradient(25deg,#151a22 20%,transparent 21%),linear-gradient(0deg,#10131b,transparent)}
.shot-art.night{background:radial-gradient(ellipse at 64% 74%,#b8795166,transparent 32%),linear-gradient(180deg,#0d1021 0%,#242a46 62%,#11151c 100%)}
.shot-art.mobile{background:linear-gradient(140deg,#252a2e,#4f4538 53%,#181b22)}
.shot figcaption{padding:12px 15px;color:#eac09b;font-size:14px}
@media(max-width:750px){.gallery{grid-template-columns:1fr}.shot-art{height:190px}}
@media(prefers-reduced-motion:reduce){.ash{animation:none}html{scroll-behavior:auto}}

/* Askfält artwork – requires matching files in /assets/ */
.hero-art{background:linear-gradient(90deg,#10131be9 0%,#111319b5 44%,#11131950 100%),url('/assets/hero.webp') center 44%/cover no-repeat;opacity:1}
.shot-art.evening{background:url('/assets/evening.webp') center/cover no-repeat}
.shot-art.night{background:url('/assets/night.webp') center/cover no-repeat}
.shot-art.mobile{background:url('/assets/gameplay.webp') center/cover no-repeat}
.shot-art:after{display:none}
.shot-art{image-rendering:auto;transition:transform .35s ease}
.shot:hover .shot-art{transform:scale(1.04)}
@media(prefers-reduced-motion:reduce){.shot-art{transition:none}}