:root{--navy:#101a32;--navy2:#172541;--orange:#f47721;--blue:#2477f4;--purple:#a46aff;--cream:#f7f8fb;--ink:#14213a;--muted:#5c6677}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:'DM Sans',Arial,sans-serif;color:var(--ink);background:white}h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand{font-family:'Space Grotesk',sans-serif}a{color:inherit;text-decoration:none}button,a{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:5px}.shell{width:min(1180px,calc(100% - 64px));margin:auto}.skip{position:absolute;top:-100px;left:20px;background:white;color:black;padding:12px;z-index:99}.skip:focus{top:12px}.header{position:sticky;top:0;z-index:20;background:rgba(16,26,50,.97);backdrop-filter:blur(16px);border-bottom:1px solid #ffffff17}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{font-size:20px;font-weight:700;letter-spacing:-1.3px;color:white}.brand span{color:var(--orange)}nav{display:flex;align-items:center;gap:29px;color:#e5eaf4;font-size:13px;font-weight:600}nav a:hover,.hero-bottom a:hover{color:var(--orange)}nav .nav-cta{background:var(--orange);padding:13px 18px;border-radius:4px;color:#101a32}nav .nav-cta:hover{color:#101a32;background:#ff994d}.menu{display:none}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.12fr .88fr;min-height:620px;align-items:center;gap:45px}.eyebrow,.kicker{font-size:12px;letter-spacing:2px;font-weight:700}.eyebrow{color:#ffac70;display:flex;align-items:center;gap:12px}.spark{width:9px;height:9px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 6px #f4772125}.hero h1{font-size:clamp(50px,6vw,85px);line-height:1.06;letter-spacing:-4px;margin:27px 0}.hero h1 em{font-style:normal;color:var(--orange)}.lead{font-size:19px;line-height:1.75;color:#cdd6e6;max-width:610px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;gap:25px;align-items:center;justify-content:space-between;font-size:14px;font-weight:700;padding:17px 23px;border-radius:4px;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{background:var(--orange);color:#101a32}.primary:hover{background:#ff9950}.ghost{border:1px solid #7b8598;color:white}.ghost:hover{background:#ffffff16}.hero-art{height:440px;position:relative;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 50% 50%,#253c6b 0%,#101a32 62%)}.orbit{border:1px solid #ffffff35;position:absolute;border-radius:50%;aspect-ratio:1}.orbit-a{width:82%}.orbit-b{width:60%;border-color:#f4772160}.square{position:absolute;transform:rotate(22deg)}.square-a{height:165px;width:165px;background:var(--blue);top:30px;right:40px;border-radius:30px}.square-b{height:130px;width:130px;background:var(--orange);bottom:32px;left:38px;border-radius:25px;transform:rotate(-20deg)}.hero-monogram{font:700 190px 'Space Grotesk',sans-serif;letter-spacing:-35px;z-index:2;text-shadow:0 20px 50px #0008}.hero-monogram span{color:var(--orange)}.art-label{position:absolute;bottom:8px;right:0;color:#b8c6e0;font-size:10px;letter-spacing:2px}.hero-bottom{border-top:1px solid #ffffff25;display:flex;justify-content:space-between;padding:22px 0 28px;font-size:12px;color:#bac5d8}.section{padding:110px 0}.light{background:var(--cream)}.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:100px;align-items:center}.kicker{color:var(--blue);margin-bottom:28px}.section h2{font-size:clamp(38px,4.5vw,62px);line-height:1.12;letter-spacing:-2.6px;margin:0}.orange{color:var(--orange)}.blue{color:var(--blue)}.intro-text p,.section-head>p,.personal p,.music p{font-size:17px;line-height:1.85;color:var(--muted)}.text-link{color:#0b57b9;font-weight:700;display:inline-block;border-bottom:2px solid var(--orange);padding-bottom:6px;margin-top:10px}.work{background:#eaf0fa}.section-head{display:flex;justify-content:space-between;gap:80px;align-items:end;margin-bottom:55px}.section-head>p{max-width:360px;margin:0}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.service{background:white;border-radius:7px;padding:35px;min-height:325px;position:relative;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-5px);box-shadow:0 18px 35px #132e5c17}.number{position:absolute;top:30px;right:30px;color:#98a6bd;font-size:12px}.service-icon{font-size:43px;color:var(--blue);height:75px}.service h3{font-size:23px;letter-spacing:-.7px}.service p{line-height:1.75;color:var(--muted)}.work-note{margin-top:28px;font-size:13px;color:#52617b;display:flex;align-items:center;gap:10px}.live-dot{width:8px;height:8px;border-radius:50%;background:var(--orange)}.article-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.article{background:white;border:1px solid #e5e8ef}.article-visual{height:215px;padding:23px;display:flex;align-items:flex-start;justify-content:space-between;position:relative;overflow:hidden;font-size:11px;font-weight:700;letter-spacing:1px}.article-visual:after{content:'';position:absolute;width:210px;height:210px;border:45px solid #ffffff35;border-radius:50%;right:-60px;bottom:-130px}.article-visual b{font-size:26px}.visual-one{background:linear-gradient(140deg,#15418e,#287af6);color:white}.visual-two{background:linear-gradient(140deg,#f47721,#ffb45e);color:#19213a}.visual-three{background:linear-gradient(140deg,#191e47,#9965f1);color:white}.article-body{padding:28px}.meta{font-size:11px;font-weight:700;letter-spacing:1.5px;color:var(--blue)}.article h3{font-size:22px;line-height:1.3;letter-spacing:-.5px}.article-body>p:last-child{color:var(--muted);font-size:14px;line-height:1.7}.prototype-note{color:#687184;font-size:12px;margin-top:24px}.music{background:#16132b;color:white}.music-grid{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.music .kicker{color:#b68bff}.music h2{font-size:clamp(43px,5vw,70px)}.violet-text{color:#ae83ff}.music p:not(.kicker){color:#d3cde4;margin:27px 0}.purple{background:#a46aff;color:#16132b}.purple:hover{background:#c39dff}.music-art{height:430px;position:relative;overflow:hidden;background:radial-gradient(ellipse at 50% 10%,#7541be,#2a1949 42%,#090b20 82%);display:flex;align-items:center;justify-content:center;flex-direction:column}.music-art>span{position:relative;font:700 clamp(50px,6vw,90px) 'Space Grotesk',sans-serif;letter-spacing:-5px;text-shadow:0 10px 30px #0008}.music-art .star{color:#ae83ff}.music-art small{position:absolute;bottom:18px;font-size:10px;letter-spacing:1.5px;color:#c8b8df}.stage-light{position:absolute;width:110px;height:500px;top:-90px;background:#ffffff17;filter:blur(18px);transform:rotate(27deg)}.stage-one{left:80px}.stage-two{right:80px;transform:rotate(-27deg);background:#a46aff30}.soundbars{position:absolute;bottom:50px;display:flex;gap:12px;align-items:center}.soundbars i{width:10px;height:70px;background:#a46aff66;border-radius:10px}.soundbars i:nth-child(2n){height:115px}.soundbars i:nth-child(3n){height:40px}.personal{background:#fff}.personal-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.personal p:not(.kicker){margin-top:28px}.personal figure{margin:0}.personal img{width:100%;height:420px;object-fit:cover;object-position:center 60%;border-radius:7px}.personal figcaption{font-size:12px;color:#687184;margin-top:10px}.contact{background:var(--blue);color:white;text-align:center;padding:100px 0}.contact .kicker{color:#c6ddff}.contact h2{font-size:clamp(55px,7vw,95px);line-height:1;letter-spacing:-5px;margin:0}.contact h2 span{color:#101a32}.contact p:not(.kicker){color:#e3edff;max-width:550px;margin:25px auto 35px;line-height:1.7}.contact .button{margin:auto}footer{background:#101a32;color:#b7c4d9}.footer{padding:40px 0;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:12px}@media(max-width:950px){.hero-grid{grid-template-columns:1fr;gap:0;padding-top:85px}.hero-art{height:320px;margin:35px 0}.intro-grid,.music-grid,.personal-grid{gap:40px}.section-head{align-items:start;gap:30px}.service{padding:25px}.hero h1{font-size:68px}}@media(max-width:700px){.shell{width:min(100% - 36px,1180px)}.nav{height:68px}.brand{font-size:18px}.menu{display:flex;flex-direction:column;gap:5px;border:0;background:transparent;padding:10px;cursor:pointer}.menu span{height:2px;width:25px;background:white}nav{display:none;position:absolute;top:68px;left:0;right:0;background:#101a32;flex-direction:column;align-items:stretch;gap:0;padding:12px 18px 25px;border-top:1px solid #ffffff2b}nav.open{display:flex}nav a{padding:16px 8px}nav .nav-cta{text-align:center;margin-top:10px}.hero-grid{padding-top:62px}.hero h1{font-size:clamp(43px,10.5vw,65px);letter-spacing:-2.6px}.lead{font-size:16px}.hero-art{height:280px}.hero-monogram{font-size:140px}.square-a{width:100px;height:100px}.square-b{width:90px;height:90px}.hero-bottom{gap:10px;font-size:11px}.section{padding:75px 0}.section h2{font-size:clamp(37px,9vw,52px);letter-spacing:-1.6px}.intro-grid,.personal-grid,.music-grid,.section-head{display:block}.intro-text,.section-head>p,.music-grid>div:last-child{margin-top:28px}.service-grid,.article-grid{grid-template-columns:1fr}.service{min-height:unset}.article-visual{height:180px}.music-art{height:310px;margin-bottom:45px}.personal figure{margin-top:30px}.personal img{height:350px}.contact{padding:80px 0}.contact h2{letter-spacing:-2px}.footer{flex-direction:column;align-items:flex-start}.actions{flex-direction:column;align-items:stretch}.button{justify-content:space-between}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Version 2 – lettere, mere redaktionel top og tydeligere navigation */
.header{background:rgba(255,255,255,.97);border-bottom:1px solid #dce3ef;box-shadow:0 2px 18px #101a3208}
.brand{color:var(--navy)}
.nav{height:86px}
nav{color:var(--navy);font-size:17px;gap:25px}
nav .nav-cta{font-size:16px}
.hero{background:#f8faff;color:var(--navy)}
.hero-grid{min-height:485px;grid-template-columns:1.35fr .65fr;gap:35px}
.hero h1{font-size:clamp(46px,5.4vw,74px);letter-spacing:-3px;margin:20px 0 22px}
.hero h1 em{color:#d95400}
.eyebrow{color:#a94400}
.lead{color:#40506a;line-height:1.65;font-size:18px}
.actions{margin-top:26px}
.ghost{border-color:#aab6c9;color:var(--navy)}
.ghost:hover{background:#e9eef8}
.hero-art{height:285px;background:transparent}
.orbit{border-color:#2477f425}
.orbit-b{border-color:#f4772130}
.square-a{width:115px;height:115px;border-radius:22px;opacity:.9;top:20px;right:22px}
.square-b{width:90px;height:90px;border-radius:18px;bottom:28px;left:20px}
.hero-monogram{font-size:135px;letter-spacing:-22px;color:var(--navy);text-shadow:none}
.hero-monogram span{color:#d95400}
.art-label{color:#52617b}
.hero-bottom{border-top-color:#dce3ef;color:#52617b;padding:16px 0 20px}
.hero-bottom a:hover{color:#bd4c00}
@media(max-width:950px){.hero-grid{grid-template-columns:1fr;min-height:unset;padding-top:55px;gap:0}.hero-art{height:195px;margin:8px 0 15px}.hero-monogram{font-size:105px}.square-a{width:85px;height:85px}.square-b{width:65px;height:65px}}
@media(max-width:700px){.nav{height:72px}.menu span{background:var(--navy)}nav{top:72px;background:white;border-top:1px solid #dce3ef;font-size:18px;box-shadow:0 12px 20px #101a3215}nav a{padding:15px 8px}.hero-grid{padding-top:45px}.hero h1{font-size:clamp(42px,10vw,60px);letter-spacing:-2px}.hero-art{height:170px}.hero-monogram{font-size:92px}.hero-bottom{flex-wrap:wrap}.eyebrow{font-size:11px}}

/* Version 3: redaktionel lethed og Hit Waves egen identitet */
:root{--orange:#f47721;--navy:#101a32;--blue:#2477f4}
.hero{background:#fff}
.hero-grid{display:block;min-height:0;padding-top:108px;padding-bottom:116px;max-width:1180px}
.hero-content{max-width:990px}
.hero h1{font-size:clamp(48px,6.7vw,94px);line-height:1.09;letter-spacing:-.055em;margin:22px 0 25px}
.hero h1 em{color:#d65400}
.hero .lead{max-width:740px;font-size:clamp(18px,2vw,23px);line-height:1.6}
.nav{height:88px}.brand{font-size:20px;letter-spacing:-.7px}
nav{font-size:17px;font-weight:700;gap:26px}
.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}
.profile-lead{font-size:17px;line-height:1.8;color:#263f62;font-weight:700;margin-top:30px}
.intro-text p{margin-bottom:19px}
.music{background:#091b35;color:#fff}
.music-grid{gap:75px}
.music .kicker{color:#ffcb45}
.music h2{font-size:clamp(40px,5vw,70px)}
.music p:not(.kicker){color:#e7edf7}
.hitwave-logo-wrap{min-height:370px;border-radius:14px;background:radial-gradient(circle at 50% 40%,#164e8b 0%,#092748 47%,#071526 100%);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:30px}
.hitwave-logo{width:min(330px,90%);height:auto;object-fit:contain;filter:drop-shadow(0 14px 24px #0008)}
.hitwave-logo-wrap p{font-size:12px!important;letter-spacing:2px;color:#ffd34e!important;margin:16px 0 0!important;font-weight:700}
.hit-red{color:#ffb52b}
.hit-button{background:#f9c132;color:#091b35}
.hit-button:hover{background:#ffe178}
.visual-three{background:linear-gradient(140deg,#102d55,#2d79d5)}
.social-links{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:25px}
.social-links a{display:inline-flex;background:#fff;color:#11203a;padding:15px 21px;font-weight:700;border-radius:5px}
.social-links a:hover{background:#ffdfc5}
.footer{flex-wrap:wrap}.footer .brand{color:#fff}.footer-social{display:flex;gap:20px;flex-wrap:wrap}.footer-social a{text-decoration:underline;text-underline-offset:4px}
@media(max-width:950px){.hero-grid{padding-top:85px;padding-bottom:90px}.profile-layout{gap:35px}}
@media(max-width:700px){.nav{height:72px}.brand{font-size:17px}nav{top:72px;font-size:19px}.hero-grid{padding-top:62px;padding-bottom:68px}.hero h1{font-size:clamp(43px,10vw,64px)}.profile-layout{display:block}.profile-layout .intro-text{margin-top:30px}.hitwave-logo-wrap{min-height:270px;margin-bottom:34px}.social-links{flex-direction:column}.social-links a{justify-content:center}.footer-social{gap:15px}}

/* Version 4 – dybere professionelle flader og original Hit Wave-identitet */
:root{--navy:#101a32;--orange:#f47721;--blue:#2477f4}
#profil{background:#dce7f3;color:#14213a}
#profil .kicker{color:#124b89}
#profil .profile-lead{color:#1d3554}
#profil .intro-text p{color:#263e5b}
#arbejde{background:#1a3456;color:#fff}
#arbejde .kicker{color:#9bcaff}
#arbejde .section-head>p{color:#d7e4f3}
#arbejde .service{background:#274666;border:1px solid #466481;color:#fff;box-shadow:0 12px 28px #09182c24}
#arbejde .service h3{color:#fff}
#arbejde .service p{color:#dce7f2}
#arbejde .number{color:#c5d6e8}
#arbejde .service-icon{color:#ff9b50}
#arbejde .work-note{color:#e1eaf5}
#perspektiver{background:#cad9eb;color:#15243b}
#perspektiver .section-head>p{color:#354963}
#perspektiver .article{border-color:#a8bed8;box-shadow:0 8px 24px #1a345615}
#perspektiver .prototype-note{color:#354963}
.music{background:#0b2746}
.music .kicker{color:#fbd047}
.music .hit-red{color:#ffca39}
.hitwave-logo-wrap{background:#fff;border-radius:12px;box-shadow:0 16px 35px #0003;min-height:380px}
.hitwave-logo{filter:none;width:min(340px,94%)}
.hitwave-logo-wrap p{color:#165c99!important}
.personal img{height:480px;object-position:center 62%}
@media(max-width:700px){.hitwave-logo-wrap{min-height:290px}.personal img{height:410px}}

/* Version 5 – tydelig navigation, større læsetekst og nye originale billeder */
.header{background:#fff;border-bottom:1px solid #d5dce7}
.brand{font-size:clamp(24px,2.25vw,31px);font-weight:800;letter-spacing:-.9px;color:#101a32}
nav{color:#101a32;font-size:18px;font-weight:750}
nav a:not(.nav-cta){color:#101a32}
nav a:not(.nav-cta):hover{color:#b44a00}
.intro-text p,.section-head>p,.personal p,.music p,.service p,.article-body>p:last-child,.contact p:not(.kicker){font-size:18px;line-height:1.8}
.profile-lead{font-size:19px;line-height:1.75}
.hitwave-logo-wrap{background:#fff}
.hitwave-logo{width:min(350px,96%);filter:none}
.personal img{object-position:center 56%}
@media(max-width:950px){.brand{font-size:25px}}
@media(max-width:700px){.brand{font-size:22px;letter-spacing:-.6px}.menu span{background:#101a32}nav{background:#fff;color:#101a32;font-size:19px}.intro-text p,.section-head>p,.personal p,.music p,.service p,.article-body>p:last-child,.contact p:not(.kicker){font-size:17px}.profile-lead{font-size:18px}.personal img{height:400px;object-position:center 52%}}

/* Version 6: mørk navigation og illustrationer til artikler */
.header{background:#0b1d37;border-bottom:1px solid #213a59;box-shadow:0 5px 22px #07152b20}
.header .brand,.header nav,.header nav a:not(.nav-cta){color:#fff}
.header .brand{font-size:clamp(25px,2.25vw,32px)}
.header nav a:not(.nav-cta):hover{color:#ffb275}
.header nav .nav-cta{background:#f47721;color:#101a32}
.article-visual{padding:0;background:#1d4567}
.article-visual:after{display:none}
.article-visual img{display:block;width:100%;height:100%;object-fit:cover}
.article-visual span,.article-visual b{position:absolute;z-index:1;top:15px;color:#fff;text-shadow:0 1px 8px #0009}
.article-visual span{left:16px;background:#0b1d37dc;border-radius:4px;padding:9px 12px}
.article-visual b{right:16px;background:#0b1d37c7;border-radius:50%;width:36px;height:36px;display:grid;place-items:center}
@media(max-width:700px){.header .brand{font-size:23px}.menu span{background:#fff}nav{background:#0b1d37;border-top:1px solid #334965}nav a:not(.nav-cta){color:#fff!important}}

/* Version 7: autentisk koncertfoto i Hit Wave-sektionen */
.hitwave-logo-wrap{padding:0;overflow:hidden;position:relative;background:#0b2746;min-height:380px;align-items:stretch;justify-content:flex-end}
.hitwave-live-photo{display:block;width:100%;height:430px;object-fit:cover;object-position:center 35%}
.hitwave-logo-wrap p{position:absolute;bottom:0;left:0;right:0;margin:0!important;padding:20px 16px!important;background:linear-gradient(transparent,#07182de8);color:#fff!important;text-align:center}
@media(max-width:700px){.hitwave-logo-wrap{min-height:0}.hitwave-live-photo{height:390px;object-position:center 30%}}