
:root{--navy:#0b2d50;--navy2:#143e67;--red:#b73c35;--cream:#f7f1e8;--paper:#fffdf9;--bg:#f1ece4;--ink:#26343d;--muted:#66747b;--line:#e4ddd2;--soft:#eef2f4}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:Carlito,'Segoe UI',Arial,sans-serif;line-height:1.56;font-size:16px}h1,h2,h3{font-family:'Bitstream Charter',Georgia,serif;line-height:1.2;margin:0;font-weight:700}p{margin:0}a{color:inherit}img{max-width:100%;display:block}.wrap{max-width:1190px;padding:0 28px;margin:0 auto}
.site{position:sticky;top:0;z-index:20;background:rgba(247,241,232,.97);border-bottom:1px solid var(--line);backdrop-filter:blur(8px)}.navrow{min-height:74px;display:flex;justify-content:space-between;align-items:center;gap:16px}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--navy)}.mark{display:flex;align-items:flex-end;gap:3px;height:28px;width:34px}.mark i{display:block;width:7px;background:var(--navy)}.mark i:nth-child(1){height:13px}.mark i:nth-child(2){height:21px}.mark i:nth-child(3){height:28px;background:var(--red)}.brand strong{letter-spacing:.13em;font-size:16px}.navlinks{display:flex;gap:25px;font-size:14px}.navlinks a{text-decoration:none}.navlinks a:hover{color:var(--red)}
.hero{background:var(--navy);color:var(--cream);padding:56px 0 58px}.herogrid{display:grid;grid-template-columns:1.05fr .95fr;gap:48px;align-items:center}.eyebrow{color:#e7b3a0;text-transform:uppercase;font-weight:750;font-size:12px;letter-spacing:.16em}.hero h1{font-size:clamp(35px,4.5vw,53px);line-height:1.12;max-width:650px;margin:16px 0}.hero h1 em{font-style:italic;font-weight:400;color:#e6b7a6}.herolead{max-width:540px;color:#d6e0e8;font-size:18px;line-height:1.6}.heroimage{background:#0f2e46;padding:12px;border:1px solid #4b6174;border-radius:15px;box-shadow:0 20px 45px rgba(0,0,0,.25)}.heroimage img{height:auto;width:100%;border-radius:8px;object-fit:contain}.heroimage figcaption{font-size:12px;color:#bfcdd9;margin:11px 2px 1px}
.valuebar{background:#fffdfa;border-bottom:1px solid var(--line)}.valuebar .wrap{display:flex;justify-content:center;align-items:center;gap:14px 38px;padding-top:17px;padding-bottom:17px;flex-wrap:wrap}.valuebar span{color:var(--navy);font-weight:700;font-size:14px}.valuebar b{font-weight:700;color:var(--red);margin-right:8px}
.section{padding:52px 0}.section.white{background:#fffdf9}.section.soft{background:#f7f1e8}.section-head{margin-bottom:25px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px}.kicker{font-size:12px;letter-spacing:.16em;text-transform:uppercase;color:var(--red);font-weight:800;margin-bottom:10px}.section-head h2{color:var(--navy);font-size:clamp(28px,3.2vw,38px)}.section-note{color:var(--muted);font-size:14.5px;max-width:330px;line-height:1.5}
.showcase{display:grid;grid-template-columns:1fr 1fr;gap:19px}.story{border:1px solid #dedad4;background:#fff;border-radius:18px;box-shadow:0 10px 30px rgba(11,45,80,.06);padding:23px;display:grid;grid-template-columns:minmax(0,1.06fr) minmax(150px,.78fr);gap:20px;align-items:center;min-width:0}.storycopy{min-width:0}.chip{display:inline-flex;font-size:11px;letter-spacing:.075em;text-transform:uppercase;font-weight:800;color:var(--red);margin-bottom:12px}.story h3,.course h3{color:var(--navy);font-size:clamp(24px,2.6vw,29px);margin-bottom:12px}.story p,.course p{color:#53616a;font-size:14.5px;line-height:1.59}.story .meta{margin:18px 0 0;display:flex;flex-wrap:wrap;gap:7px}.meta span{background:var(--soft);border-radius:30px;padding:6px 9px;font-size:11px;color:var(--navy);font-weight:750}.story .linkline{margin-top:21px}.reel-wrap{background:#0e2942;border-radius:13px;padding:8px;box-shadow:0 8px 25px #0b2d501e;max-width:205px;justify-self:end;width:100%}.reel-wrap video{display:block;width:100%;aspect-ratio:9/16;max-height:334px;background:#101720;object-fit:contain;border-radius:8px}.reel-caption{text-align:center;margin-top:7px;color:#cbd7e1;font-size:11px;letter-spacing:.03em}.reel-caption span{color:#f7c5b5}.story.skomakeren{grid-column:1/-1;grid-template-columns:minmax(0,1fr) minmax(155px,185px);padding:18px 28px;max-height:360px}.story.skomakeren .reel-wrap{max-width:150px}.story.skomakeren .reel-wrap video{max-height:237px}.story.skomakeren h3{font-size:27px}.textlink{display:inline-flex;align-items:center;gap:8px;color:var(--navy);font-weight:800;font-size:14px;text-decoration:none;border-bottom:2px solid var(--red);padding:3px 0}.textlink:hover{color:var(--red)}.nonlink{display:inline-block;color:#587181;font-size:12.5px;font-weight:700;border-bottom:1px solid #bdcbd2;padding-bottom:4px}
.courses{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.course{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:#fff;display:flex;flex-direction:column;box-shadow:0 6px 20px rgba(11,45,80,.04)}.course-image{height:169px;background:#eff1f1;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:12px}.course-image img{width:100%;height:100%;object-fit:contain;object-position:center}.course-image.wide{background:#132f4c;padding:12px}.course-image.wide img{border-radius:8px}.course-image.a2{background:#e8e0d4}.coursecopy{padding:20px 21px 21px;flex:1;display:flex;flex-direction:column;align-items:start}.course h3{font-size:23px}.course p{flex:1}.course .textlink,.course .nonlink{margin-top:19px}
.freeblock{display:grid;grid-template-columns:1fr 1fr;gap:12px}.freeitem{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 19px;border-radius:12px;background:#fff;border:1px solid #e2ddd5}.freeitem strong{display:block;color:var(--navy);font-size:16px}.freeitem p{color:var(--muted);font-size:13px;max-width:240px}.freeitem a{white-space:nowrap;font-size:13px;font-weight:800;color:var(--red);text-decoration:none;border-bottom:1px solid var(--red)}
.footer{background:#0b2d50;color:#dbe4ee;padding:32px 0}.footgrid{display:flex;justify-content:space-between;gap:18px;align-items:center}.footgrid strong{letter-spacing:.12em;color:#fff}.footgrid p{font-size:13px;color:#c4cfd8;margin-top:4px}.footlinks{display:flex;flex-wrap:wrap;gap:13px 20px;align-items:center}.footlinks a,.footlinks button{font:inherit;font-size:13px;color:#e1e9ed;background:none;border:0;text-decoration:underline;cursor:pointer;padding:0}
.cookie-control{position:fixed;bottom:14px;right:14px;z-index:70;width:min(830px,calc(100% - 24px));max-width:none;left:50%;right:auto;transform:translateX(-50%);padding:10px 15px;background:#fff;border:1px solid #c5d0d7;box-shadow:0 10px 35px #0003;border-radius:12px;font-size:14px}.cookie-control[hidden]{display:none}.cookie-control strong{display:block;color:var(--navy)}.cookie-control p{margin:0;grid-column:1;grid-row:2;color:#53616a}.cookie-control p:last-child{display:none}.cookie-control button{padding:9px 13px;background:var(--navy);color:white;border:1px solid var(--navy);border-radius:8px;margin:2px;cursor:pointer;font:inherit}.cookie-control button[data-accept]{grid-column:2;grid-row:1/3}.cookie-control button[data-decline]{grid-column:3;grid-row:1/3}.cookie-control button.secondary{background:white;color:var(--navy)}.cookie-control a{color:var(--navy)}
@media(min-width:1200px){.section{padding:54px 0}}@media(max-width:1040px){.showcase{grid-template-columns:1fr}.story{grid-template-columns:minmax(0,1fr) 185px}.story.skomakeren{max-height:none}.story .reel-wrap{max-width:170px}}@media(max-width:760px){.wrap{padding:0 18px}.navrow{min-height:65px}.brand strong{font-size:14px}.navlinks{gap:14px;font-size:12px}.hero{padding:39px 0}.herogrid{grid-template-columns:1fr;gap:24px}.herolead{font-size:16px}.heroimage{max-width:490px}.section{padding:36px 0}.section-head{display:block}.section-note{margin-top:9px}.courses{grid-template-columns:1fr 1fr}.freeblock{grid-template-columns:1fr}.footgrid{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.cookie-control{display:block;padding:13px 16px}.cookie-control strong{margin-bottom:5px}.cookie-control p{margin:6px 0 8px}.cookie-control button{font-size:12px}.brand strong{font-size:13px;letter-spacing:.09em}.navlinks{gap:10px;font-size:12px}.hero h1{font-size:36px}.valuebar .wrap{justify-content:flex-start;gap:8px 18px}.valuebar span{font-size:12px}.story,.story.skomakeren{grid-template-columns:1fr;padding:21px}.story .reel-wrap,.story.skomakeren .reel-wrap{justify-self:center;max-width:195px}.story .reel-wrap video,.story.skomakeren .reel-wrap video{max-height:332px}.courses{grid-template-columns:1fr}.course-image{height:195px}.freeitem{padding:14px}.freeitem a{font-size:12px}.footer{padding:26px 0}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
/* Editorial additions V4: homepage only; original NORD design retained. */
.story.skomakeren{max-height:none}
.storycopy p,.coursecopy p{hyphens:auto}
.freeblock{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch}
.freeitem{flex-direction:column;align-items:flex-start;min-height:141px;justify-content:space-between}
.freeitem p{max-width:unset;line-height:1.5;margin-top:5px}
.freeitem a{white-space:normal}
.didactic-head{align-items:flex-end}
.didactic-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.didactic-card{background:#fffdf9;border:1px solid var(--line);border-radius:15px;padding:24px 22px 25px;box-shadow:0 7px 18px rgba(11,45,80,.04)}
.didactic-number{display:block;color:var(--red);font-size:12px;letter-spacing:.15em;font-weight:800;margin-bottom:14px}
.didactic-card h3{font-size:22px;color:var(--navy);margin-bottom:12px}
.didactic-card p{font-size:14.3px;color:#50616a;line-height:1.7}
.didactic-card strong{color:var(--navy);font-weight:750}
.ger-strip{margin-top:21px;border-radius:17px;background:#113856;color:#eff5f7;padding:28px 30px;display:grid;gap:15px}
.ger-kicker{color:#eac1ad;font-weight:800;letter-spacing:.14em;font-size:11px;margin-bottom:9px}
.ger-strip h3{font-size:25px;color:#fff;margin-bottom:10px}
.ger-strip p:not(.ger-kicker){font-size:14.5px;color:#dce8ef;line-height:1.7;max-width:970px}
.ger-strip strong{color:white}
.ger-strip .ger-sources{padding-top:13px;border-top:1px solid rgba(255,255,255,.15);font-size:12px;color:#c6d8e4}
.ger-sources a{color:#f3d1b8;text-underline-offset:3px}
@media(max-width:1050px){.freeblock{grid-template-columns:repeat(2,minmax(0,1fr))}.didactic-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){.freeblock,.didactic-grid{grid-template-columns:1fr}.didactic-card{padding:22px}.ger-strip{padding:22px}.didactic-head{display:block}}
