:root{--ink:#173e3e;--green:#164f50;--paper:#faf9f5;--orange:#efae83;--muted:#627270}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}button,input,select{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #bd672e;outline-offset:4px}button{border:0;background:transparent;color:inherit}header{max-width:1400px;margin:auto;padding:26px 5%;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;gap:12px;font:31px Georgia,serif;font-weight:bold;letter-spacing:-1px}.mark{background:var(--green);color:white;border-radius:50%;width:49px;height:49px;text-align:center;font:bold 36px/44px Georgia}.brand small{display:block;font:9px/1.7 sans-serif;letter-spacing:3px;margin-top:3px}nav{display:flex;align-items:center;gap:35px;font-size:14px}nav button{border:1px solid #cbd3cf;border-radius:40px;padding:11px 20px}nav span{margin-left:16px}.hero{margin:5px auto 0;max-width:1330px;display:grid;grid-template-columns:1fr 1fr;min-height:590px;background:var(--green);color:#fff;border-radius:8px;overflow:hidden}.herotext{padding:56px 50px 40px}.eyebrow{font-size:11px;font-weight:650;letter-spacing:2.5px}.hero .eyebrow{color:#ccded6}h1{font:normal clamp(38px,4.1vw,60px)/1.12 Georgia,serif;letter-spacing:-1.8px;margin:25px 0}h1 em{font-weight:normal;color:#eeb58f}p{margin:20px 0}.herotext p{color:#dce7e3;font-size:16px;line-height:1.85}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;border-radius:40px;padding:14px 23px;background:var(--green);color:white;font-weight:600;font-size:14px}.orange{background:var(--orange);color:#253d37;margin-top:8px}.heronote{font-size:12px;color:#c5d9d3;display:flex;gap:15px;align-items:center;margin-top:31px}.waves{color:var(--orange);letter-spacing:3px;font-size:22px}.hero figure{position:relative;margin:0;min-height:550px}.hero figure:after{content:"";position:absolute;inset:45% 0 0;background:linear-gradient(transparent,#102f2dc9)}.hero img{width:100%;height:100%;object-fit:cover;object-position:31% center;position:absolute}.hero figcaption{position:absolute;bottom:39px;left:35px;right:25px;z-index:1}.hero figcaption span{font-size:10px;letter-spacing:1.5px}.hero figcaption strong{display:block;font:32px Georgia;margin-top:9px}.catalog{max-width:1270px;padding:75px 25px 60px;margin:auto}.sectionhead{display:flex;justify-content:space-between;align-items:center;gap:20px}h2{font:normal 38px/1.2 Georgia;letter-spacing:-.8px;margin:12px 0 24px}.outline{padding:10px 20px;border:1px solid #cbd3cf;border-radius:30px;font-size:13px;white-space:nowrap}.filters{display:flex;gap:12px;margin-top:18px}.search{display:flex;align-items:center;gap:14px;flex:1;border:1px solid #d9ddda;background:white;border-radius:8px;padding:10px 17px}.search span{font-size:26px;line-height:1}.search input{width:100%;border:0;outline:0!important;background:transparent;font-size:15px;color:var(--ink);min-width:0}select{background:white;border:1px solid #d9ddda;border-radius:8px;padding:12px 18px;color:var(--ink);font-size:14px}.resultline{display:flex;justify-content:space-between;font-size:12px;color:var(--muted);margin:24px 0 20px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card{display:block;text-align:left;width:100%;padding:0;background:#fff;border:1px solid #e4e7e0;border-radius:9px;overflow:hidden;transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:0 10px 30px #183f3e12}.art{position:relative;background:#e2e7e2;aspect-ratio:1.42;overflow:hidden}.art img{width:100%;height:100%;object-fit:contain;background:#f0f1eb}.play{position:absolute;bottom:15px;right:16px;display:grid;place-items:center;width:44px;height:44px;background:#fff;border-radius:50%;font-size:15px;padding-left:3px;box-shadow:0 3px 15px #0002}.cardbody{padding:23px}.meta{font-size:10px;text-transform:uppercase;letter-spacing:1.3px;color:#667d76}.card h3{font:26px/1.18 Georgia;margin:11px 0 7px}.role{font-size:12px;line-height:1.6;color:#61716c;min-height:38px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.intro{font-size:14px;color:#526862;margin:15px 0 20px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.cardbottom{border-top:1px solid #edf0e9;padding-top:14px;display:flex;justify-content:space-between;font-size:11px;color:#64756e}.cardbottom b{font-weight:600;color:var(--green)}.closing{text-align:center;background:#e9eee6;padding:60px 20px;margin-top:15px}.closing h2{font-size:42px}.closing p{color:#5b6b62}footer{max-width:1330px;margin:auto;padding:38px 25px;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px}footer .brand{font-size:27px}footer span,footer button{font-size:12px}footer small{font-size:10px;color:#74817b;flex-basis:100%;text-align:center}.dot{color:#cc895f}dialog{padding:0;border:0;border-radius:15px;max-width:900px;width:calc(100% - 32px);max-height:90vh;color:var(--ink);background:var(--paper);box-shadow:0 20px 100px #0004}dialog::backdrop{background:#0d2829a6;backdrop-filter:blur(5px)}.close{position:sticky;float:right;right:15px;top:15px;width:40px;height:40px;background:white;border-radius:50%;box-shadow:0 2px 12px #0002;z-index:4;margin-bottom:-40px}.detailtop{display:grid;grid-template-columns:300px 1fr;gap:28px;padding:35px;background:#e9eee6;align-items:center}.detailtop img{width:100%;border-radius:7px}.detailtop h2{font-size:34px;margin-bottom:12px}.detailbody{padding:28px 35px}.detailbody h3{font:26px Georgia;margin:10px 0}.description{white-space:pre-line;font-size:16px;line-height:1.85}.listen{background:white;padding:20px;border:1px solid #d6dfd7;border-radius:10px}audio{width:100%;margin:10px 0}.channels{display:flex;gap:10px;flex-wrap:wrap}.channels a{border:1px solid #cbd4cc;border-radius:30px;padding:8px 14px;font-size:13px}.small{font-size:12px;color:#64756e}.installContent{padding:40px;max-width:640px;margin:auto}.installContent h2{margin-top:22px}.installContent h3{margin-bottom:0}.installContent p{margin-top:8px}#toast{position:fixed;bottom:25px;left:50%;transform:translateX(-50%);background:var(--ink);color:white;border-radius:30px;padding:12px 22px;z-index:10;display:none;font-size:14px}body:has(dialog[open]){overflow:hidden}[hidden]{display:none!important}@media(min-width:1500px){.hero{min-height:620px}.herotext{padding-top:65px}}@media(max-width:800px){header{padding:20px}.brand{font-size:26px}nav a{display:none}nav button{font-size:11px;padding:9px 12px}nav span{display:none}.hero{margin:0 15px;grid-template-columns:1fr}.herotext{padding:35px 28px}.hero h1{font-size:44px}.hero figure{min-height:290px}.hero img{object-position:center 38%}.hero figcaption{bottom:24px;left:25px}.hero figcaption strong{font-size:26px}.heronote{margin-top:22px}.catalog{padding:45px 20px}.sectionhead{align-items:flex-start}.sectionhead h2{font-size:29px}.sectionhead .outline{font-size:0;padding:10px}.sectionhead .outline:after{content:'Delen ↗';font-size:12px}.filters{flex-wrap:wrap}.search{flex-basis:100%}select{flex:1;min-width:0}.resultline span:last-child{display:none}.grid{grid-template-columns:repeat(2,1fr);gap:16px}.cardbody{padding:17px}.card h3{font-size:23px}.detailtop{grid-template-columns:160px 1fr;padding:30px 22px;gap:20px}.detailtop h2{font-size:25px}.detailbody{padding:24px}.closing h2{font-size:34px}footer{justify-content:center;text-align:center}}@media(max-width:500px){.grid{grid-template-columns:1fr}.art{aspect-ratio:1.55}.cardbody{padding:22px}.card h3{font-size:27px}.role{min-height:0}.detailtop{grid-template-columns:1fr}.detailtop img{max-width:220px;margin:auto}.detailtop h2{font-size:31px}.installContent{padding:30px 25px}.herotext p{font-size:15px}.eyebrow{font-size:10px;letter-spacing:2px}}

nav .website-link{font-weight:600} @media(max-width:800px){header{flex-wrap:wrap}header nav{width:100%;justify-content:space-between;gap:12px}nav .website-link{display:inline;font-size:13px}}