:root{--ink:#183446;--ink2:#355464;--forest:#13665e;--forest-dark:#0d4d47;--cream:#f8f8f4;--stone:#eef1ec;--paper:#fff;--accent:#eebf85;--border:#dce3de;--muted:#677881;--radius:14px;--shell:1200px}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--cream);color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px;line-height:1.65}
a{color:inherit}button,input{font:inherit}
a:focus-visible,button:focus-visible,input:focus-visible{outline:3px solid #e5a450;outline-offset:3px}
.shell{max-width:var(--shell);margin-inline:auto;padding-inline:30px}
.skip-link{position:absolute;z-index:100;top:-60px;left:12px;background:#fff;padding:12px}.skip-link:focus{top:10px}
.topline{background:#122d3d;color:#edf5f1;font-size:12px;letter-spacing:.035em}.topline-inner{display:flex;align-items:center;justify-content:space-between;min-height:38px;gap:14px}.topline a{text-decoration:none;color:#d5e5df}
.site-header{position:relative;z-index:20;background:#fff;border-bottom:1px solid #e4e8e5}.nav-shell{min-height:86px;display:flex;align-items:center;gap:30px}
.brand{text-decoration:none;display:flex;align-items:center;gap:12px;min-width:218px}.brand-symbol{width:49px;height:49px;display:grid;place-items:center;background:var(--forest);border-radius:12px;color:#fff;font-size:28px;font-family:Georgia,serif;line-height:1;font-weight:700;position:relative}.brand-symbol::after{content:"";position:absolute;right:-4px;top:-4px;width:12px;height:12px;background:var(--accent);border:2px solid white;border-radius:50%}
.brand-text{display:flex;flex-direction:column;line-height:1.2}.brand-text strong{font-size:18px;letter-spacing:-.04em}.brand-text small{font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-top:4px}
.navigation{margin-left:auto}.navigation .menu,.navigation ul{list-style:none;margin:0;padding:0;display:flex;align-items:center;gap:28px}.navigation a{font-size:14px;font-weight:650;text-decoration:none;color:#38505b;transition:color .2s}.navigation a:hover,.navigation .current-menu-item>a{color:var(--forest)}.navigation li{position:relative}.navigation .sub-menu{display:none;position:absolute;top:100%;background:#fff;padding:15px;flex-direction:column;align-items:flex-start;min-width:180px;box-shadow:0 16px 40px #18344623}.navigation li:hover>.sub-menu,.navigation li:focus-within>.sub-menu{display:flex}.navigation .sub-menu li{width:100%}
.nav-contact{background:var(--forest);padding:11px 18px;color:white;text-decoration:none;border-radius:7px;font-weight:750;font-size:13px;white-space:nowrap}.nav-contact span{margin-left:8px}.nav-contact:hover{background:var(--forest-dark)}
.menu-toggle{display:none;background:transparent;border:1px solid var(--border);border-radius:6px;padding:8px 12px;color:var(--ink);cursor:pointer}
.hero{background:#edf3ed;position:relative;overflow:hidden;border-bottom:1px solid #d7e2d7}.hero::before{content:"";width:460px;height:460px;position:absolute;left:-340px;top:-200px;border-radius:50%;border:110px solid #d9e8dd70}.hero-inner{min-height:510px;display:grid;grid-template-columns:53% 47%;align-items:center;gap:0}
.hero-content{padding:78px 40px 78px 0;position:relative;z-index:2}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:10px;font-size:11px;font-weight:850;letter-spacing:.18em;color:var(--forest);text-transform:uppercase}.eyebrow-dot{height:8px;width:8px;background:var(--forest);border-radius:100%}
h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.13;letter-spacing:-.043em}h1{font-family:Georgia,"Times New Roman",serif;font-size:clamp(46px,4.7vw,74px);font-weight:500;margin:24px 0 22px;max-width:690px}h2{font-family:Georgia,serif;font-size:clamp(34px,3vw,47px);font-weight:500}h3{font-size:22px}
.hero-content>p{font-size:18px;color:#526a69;max-width:525px;line-height:1.7;margin-bottom:30px}
.hero-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.button{min-height:48px;display:inline-flex;gap:18px;align-items:center;text-decoration:none;font-weight:750;border-radius:7px;font-size:14px;padding:12px 19px}.button-primary{background:var(--forest);color:#fff}.button-primary:hover{background:var(--forest-dark)}.button-ghost{color:var(--forest);border:1px solid #b7cfc6;background:#fff9}.button-ghost:hover{background:#fff}
.hero-art{height:390px;position:relative;align-self:end;min-width:0;overflow:hidden}.hero-ring{border:1px solid #adc6ba;position:absolute;border-radius:50%;width:540px;height:540px;top:0;left:7%}.ring-two{width:380px;height:380px;top:80px;left:22%;border-color:#b9d1c0}.abstract-house{position:absolute;top:66px;left:22%;height:334px;width:395px;border-radius:220px 220px 0 0;background:linear-gradient(145deg,#7eaba0 0%,#29796d 58%,#15564d 100%);box-shadow:inset 5px 10px 25px #ffffff42,0 0 0 15px #ffffff42}.abstract-house::before{content:"";position:absolute;bottom:0;left:42px;right:42px;height:210px;background:#f0dac0;clip-path:polygon(50% 0,100% 40%,100% 100%,0 100%,0 40%);opacity:.95}.abstract-house::after{content:"";position:absolute;bottom:0;left:153px;height:148px;width:90px;border-radius:48px 48px 0 0;background:#236c61}.abstract-house span:nth-child(1){position:absolute;bottom:100px;left:80px;width:43px;height:48px;background:#ffffff8c;z-index:1;border-radius:50% 50% 0 0}.abstract-house span:nth-child(2){position:absolute;bottom:100px;right:80px;width:43px;height:48px;background:#ffffff8c;z-index:1;border-radius:50% 50% 0 0}.abstract-house span:nth-child(3){position:absolute;bottom:223px;left:171px;width:55px;height:55px;background:#fff7;border-radius:50%;z-index:1}
.art-caption{position:absolute;bottom:25px;right:0;background:#fff;padding:13px 20px;border-radius:8px;box-shadow:0 12px 30px #153e3820;font-weight:750;font-size:12px;display:flex;align-items:center;gap:8px}.caption-dot{width:8px;height:8px;border-radius:100%;background:#d1a265}
.quick-strip{background:var(--paper);border-bottom:1px solid #e7ece8}.quick-grid{display:grid;grid-template-columns:repeat(3,1fr)}.quick-grid>a{display:flex;align-items:center;gap:14px;padding:25px 20px;text-decoration:none;border-right:1px solid #e3e8e4}.quick-grid>a:first-child{padding-left:0}.quick-grid>a:last-child{border:0}.quick-grid>a:hover strong{color:var(--forest)}.quick-grid strong,.quick-grid small{display:block;line-height:1.45}.quick-grid strong{font-size:14px}.quick-grid small{font-size:12px;color:var(--muted);margin-top:3px}.quick-grid b{margin-left:auto;font-size:20px;font-weight:400;color:var(--forest)}.quick-icon{display:grid;place-items:center;background:#e9f2eb;width:45px;height:45px;flex:0 0 45px;border-radius:10px;color:var(--forest);font-size:24px}
.section{padding:83px 0}.intro-section{background:var(--cream)}.section-two{display:grid;grid-template-columns:1fr 1fr;gap:10%}.section-two h2{margin:20px 0 0;max-width:510px}.section-two p{font-size:18px;color:#536c75;max-width:520px;margin:26px 0}.text-link{font-size:14px;font-weight:800;text-decoration:none;color:var(--forest);border-bottom:1px solid #99b9aa;padding-bottom:7px}.text-link:hover{border-color:var(--forest)}
.section-tinted{background:#f0f3ef}.section-heading{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:30px}.section-heading h2{margin:14px 0 0}.section-heading .text-link{white-space:nowrap;margin-bottom:8px}
.card-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card,.archive-card{background:#fff;border:1px solid var(--border);padding:28px;min-height:254px;position:relative;border-radius:9px;display:flex;flex-direction:column}.news-card h3{font-size:23px;font-weight:650;margin:18px 0 13px}.news-card h3 a{text-decoration:none}.news-card h3 a:hover{color:var(--forest)}.news-card p,.archive-card p{color:#688087;font-size:14px;line-height:1.7}.card-category{font-size:10px;letter-spacing:.13em;color:var(--forest);font-weight:850}.card-arrow{margin-top:auto;border:1px solid #cee2d4;height:32px;width:32px;border-radius:50%;display:grid;place-items:center;text-decoration:none;color:var(--forest)}.empty-state{border:1px dashed #b2c9ba;padding:29px;border-radius:8px;background:#fff;color:var(--muted);grid-column:1/-1}
.event-list{border-top:1px solid var(--border)}.event-row{min-height:98px;display:flex;align-items:center;gap:25px;border-bottom:1px solid var(--border);text-decoration:none;padding:18px 6px}.event-row:hover{background:#eaf0eb}.event-date{width:112px;flex:none;font-weight:800;font-size:21px;color:var(--forest);font-family:Georgia,serif}.event-details{display:flex;flex-direction:column;gap:5px}.event-details strong{font-size:17px}.event-details small{color:var(--muted);font-size:13px}.event-arrow{margin-left:auto;font-size:24px;color:var(--forest)}
.network-section{background:#143e44;color:#fff;overflow:hidden}.network-inner{display:grid;grid-template-columns:1fr 1fr;min-height:330px;align-items:center;gap:20px}.network-inner>div:first-child{padding:64px 0}.network-inner h2{margin:15px 0 20px}.network-inner p{color:#c4d9d5;max-width:460px}.section-label.light{color:#b3d8ce}.concept-pill{display:inline-block;color:#f3e7d6;border:1px solid #8caeaa;border-radius:99px;padding:5px 13px;font-size:11px}.network-illustration{height:300px;position:relative;min-width:0;background:radial-gradient(circle at 50% 50%,#2f6772 0%,#143e44 60%)}.network-illustration::before,.network-illustration::after{content:"";position:absolute;border:1px dashed #77a39e;left:22%;top:17%;width:56%;height:65%;border-radius:50%;transform:rotate(-21deg)}.network-illustration::after{transform:rotate(50deg)}.net-node,.net-center{position:absolute;z-index:2;background:#e9f2eb;color:#18504d;padding:7px 13px;border-radius:30px;font-size:12px;font-weight:800}.net-node.a{top:15%;left:30%}.net-node.b{bottom:16%;left:17%}.net-node.c{bottom:29%;right:7%}.net-center{top:47%;left:46%;transform:translate(-50%,-50%);background:#ecbd83;color:#183446;white-space:nowrap}
.footer{background:#0d2c38;color:#e7efef;padding:55px 0 20px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:30px}.footer-brand{font-family:Georgia,serif;font-size:24px}.footer p{font-size:14px;color:#acc4c7;max-width:320px;margin-top:12px}.footer a{color:#deeeee}.footer-bottom{padding-top:25px;margin-top:30px;border-top:1px solid #3b5963;display:flex;justify-content:space-between;gap:20px;color:#98b3b8;font-size:12px}
.inner-main{min-height:60vh;padding:85px 0}.inner-main h1{font-size:clamp(38px,5vw,60px);margin:13px 0 34px}.narrow{max-width:850px}.editor-content{font-size:17px;line-height:1.9;overflow-wrap:anywhere}.editor-content img{max-width:100%;height:auto}.archive-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.archive-card{min-height:170px}.archive-card h2{font-size:24px}.archive-card h2 a{text-decoration:none}.search-form{display:flex;gap:8px;margin-bottom:24px}.search-form input{padding:12px;border:1px solid var(--border);border-radius:5px;min-width:0}.search-submit{background:var(--forest);border:none;color:#fff;padding:12px 18px;border-radius:5px;cursor:pointer}
.demo-ribbon{background:#fff3d8;color:#5f4b24;padding:10px 24px;font-size:12px;text-align:center;border-bottom:1px solid #eddeb9}.demo-ribbon strong{font-weight:850}
@media (max-width:1040px){.nav-shell{gap:16px}.navigation .menu,.navigation ul{gap:15px}.nav-contact{padding:10px}.brand{min-width:190px}.hero-art{height:330px}.abstract-house{left:15%;transform:scale(.87);transform-origin:bottom left}.art-caption{right:5%}}
@media (max-width:780px){.shell{padding-inline:21px}.topline-inner{font-size:11px}.topline-inner a{display:none}.nav-shell{min-height:71px;flex-wrap:wrap}.brand{min-width:0}.brand-text strong{font-size:16px}.nav-contact{margin-left:auto}.menu-toggle{display:block;margin-left:auto}.navigation{display:none;order:4;width:100%;padding-bottom:14px}.navigation.is-open{display:block}.navigation .menu,.navigation ul{display:flex;flex-direction:column;align-items:stretch;gap:0}.navigation li{border-bottom:1px solid var(--border)}.navigation a{display:block;padding:10px}.navigation .sub-menu{display:flex;position:static;box-shadow:none;padding:0 14px;min-width:0}.hero-inner{grid-template-columns:1fr;min-height:auto}.hero-content{padding:60px 0 30px}.hero-art{height:230px;max-width:500px;width:100%;justify-self:center}.abstract-house{top:0;left:18%;transform:scale(.65)}.hero-ring{top:-120px}.ring-two{top:-70px}.art-caption{bottom:13px;right:2%}.quick-grid{grid-template-columns:1fr}.quick-grid>a{padding:17px 0;border-right:0;border-bottom:1px solid var(--border)}.section{padding:60px 0}.section-two,.network-inner{grid-template-columns:1fr;gap:16px}.section-two p{margin-top:0}.card-grid{grid-template-columns:1fr 1fr}.section-heading{align-items:start;flex-direction:column}.section-heading .text-link{margin:0}.network-illustration{height:220px}.footer-grid{grid-template-columns:1fr 1fr}.footer-bottom{flex-direction:column;gap:4px}}
@media (max-width:520px){.nav-contact{display:none}.hero-content{padding-top:42px}.hero-content>p{font-size:16px}.hero-art{height:190px}.abstract-house{left:8%;transform:scale(.58)}.art-caption{font-size:10px;padding:8px}.section-two h2,.section-heading h2{font-size:34px}.card-grid,.archive-grid,.footer-grid{grid-template-columns:1fr}.news-card{min-height:205px}.event-date{width:66px;font-size:17px}.event-row{gap:12px}.event-details strong{font-size:14px}.footer-grid{gap:12px}.shell{padding-inline:16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation-duration:0.01ms!important;transition-duration:0.01ms!important}}

/* Adgang: synlig login / logout på desktop og mobil. */
.nav-actions{display:flex;align-items:center;gap:12px;flex-shrink:0}
.nav-auth,.nav-edit{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:9px 13px;border:1px solid var(--forest);border-radius:7px;color:var(--forest);font-weight:750;font-size:13px;text-decoration:none;white-space:nowrap}
.nav-auth:hover,.nav-edit:hover,.nav-auth:focus-visible,.nav-edit:focus-visible{background:#eaf4ef;outline-offset:2px}
@media(max-width:1040px){.nav-actions{gap:7px}.nav-auth,.nav-edit{padding:9px 11px}}
@media(max-width:780px){.nav-actions{margin-left:auto}.navigation{order:5}.menu-toggle{margin-left:0}}
@media(max-width:520px){.nav-auth,.nav-edit{font-size:12px;padding:8px 10px;min-height:38px}.nav-actions{gap:6px}}
