/* Stijl van design v4: het <style>-blok van design-referentie-v4/nextpedition-v4.html, letterlijk, met de afwijkingen onderaan (na "afwijkingen van de referentie"). Eén token wijkt af: --fog is #5C626B in plaats van #7E848D, omdat de referentiekleur als tekst op papier maar 3,4:1 haalt (AA vraagt 4,5:1). */
@font-face{font-family:"Newsreader";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"Newsreader";font-style:italic;font-weight:400;font-display:swap;src:url(/assets/fonts/newsreader-latin-400-italic.woff2) format("woff2")}
@font-face{font-family:"Inter";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/inter-latin-400-normal.woff2) format("woff2")}
@font-face{font-family:"IBM Plex Mono";font-style:normal;font-weight:400;font-display:swap;src:url(/assets/fonts/ibm-plex-mono-latin-400-normal.woff2) format("woff2")}
/* Reservelettertypen op maat van de webfonts, tegen layoutverschuiving */
@font-face{font-family:"Newsreader Fallback";src:local("Georgia");font-style:normal;size-adjust:99.6%;ascent-override:73.8%;descent-override:26.6%;line-gap-override:0%}
@font-face{font-family:"Newsreader Fallback";src:local("Georgia Italic");font-style:italic;size-adjust:93.1%;ascent-override:78.9%;descent-override:28.5%;line-gap-override:0%}
@font-face{font-family:"Inter Fallback";src:local("Arial");size-adjust:104.3%;ascent-override:92.9%;descent-override:23.1%;line-gap-override:0%}
@font-face{font-family:"IBM Plex Mono Fallback";src:local("Courier New");size-adjust:100%;ascent-override:102.5%;descent-override:27.5%;line-gap-override:0%}

:root{--paper:#F4F3EF;--paper2:#ECEBE6;--ink:#0E1116;--graphite:#3B4048;--fog:#5C626B;--line:rgba(14,17,22,.14);--ember:#D9572B;--emt:#A33D18;
--serif:'Newsreader','Newsreader Fallback','TeX Gyre Pagella','Palatino Linotype',Georgia,serif;--sans:'Inter','Inter Fallback','TeX Gyre Heros',Arial,sans-serif;--mono:'IBM Plex Mono','IBM Plex Mono Fallback','Liberation Mono',monospace}
*{box-sizing:border-box;margin:0;padding:0}
body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:17px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}ul,ol{list-style:none}
.wrap{max-width:1380px;margin:0 auto;padding:0 48px;position:relative}
.mono{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase}
.g{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px}
/* header */
header{position:sticky;top:0;z-index:20;background:rgba(244,243,239,.94);border-bottom:1px solid var(--line)}
.hd{display:flex;justify-content:space-between;align-items:center;height:76px}.hd .logo img{height:40px;width:auto;display:block;margin-left:-8px}
nav{display:flex;gap:34px;align-items:center;font-size:15px}
nav a:not(.cta){color:var(--graphite)}nav a:not(.cta):hover{color:var(--ink)}
.lang{font-family:var(--mono);font-size:11px;letter-spacing:.1em;color:var(--fog)}.lang b{color:var(--ink);font-weight:400;border-bottom:1px solid var(--ink)}
.cta{font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;padding:12px 16px;border:1px solid var(--ink);transition:.2s}.cta:hover{background:var(--ink);color:var(--paper)}
/* hero */
.hero{position:relative;padding:64px 0 0;overflow:hidden}
.hero .meta{display:flex;justify-content:space-between;color:var(--fog);padding-bottom:28px;border-bottom:1px solid var(--line)}
.words{position:relative;margin-top:30px}
.hprof{position:absolute;left:-48px;top:40px;width:calc(100% - 250px);height:85%;pointer-events:none}
.w{display:grid;grid-template-columns:1fr 300px;align-items:end;border-bottom:1px solid var(--line);position:relative;z-index:1}
.w h2{font-family:var(--serif);font-weight:400;font-size:clamp(5rem,11.5vw,11.5rem);line-height:.86;letter-spacing:-.035em;padding:18px 0 22px}
.w h2 i{font-style:italic;color:var(--emt)}
.w .note{position:relative;z-index:2;background:var(--paper);padding:6px 0 30px 20px;font-size:15px;color:var(--graphite);line-height:1.45}
.w .note .mono{display:block;color:var(--emt);margin-bottom:6px}
.intro{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:46px 0 70px}
.intro .lead{grid-column:1/8;font-family:var(--serif);font-size:clamp(1.6rem,2.4vw,2.2rem);line-height:1.22;letter-spacing:-.01em}
.intro .act{grid-column:9/13;align-self:end;display:flex;flex-direction:column;gap:16px}
.btn{display:inline-flex;justify-content:space-between;align-items:center;gap:20px;padding:18px 20px;background:var(--ink);color:var(--paper);font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;transition:.2s}
.btn:hover{background:var(--emt)}
.tl{font-family:var(--mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;border-bottom:1px solid var(--ink);padding-bottom:4px;align-self:flex-start}
/* gegevens */
.data{border-top:1px solid var(--ink);border-bottom:1px solid var(--line)}
.data .g>div{grid-column:span 3;padding:18px 0 22px;border-left:1px solid var(--line);padding-left:20px}.data .g>div:first-child{border-left:0;padding-left:0}
.data b{display:block;font-family:var(--serif);font-weight:400;font-size:28px;letter-spacing:-.01em;margin-top:6px}
.data .mono{color:var(--fog)}
/* secties */
.sec{padding:140px 0}
.side{grid-column:1/4}.side .mono{color:var(--emt)}
.main{grid-column:4/12}
.big{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,4vw,3.8rem);line-height:1.08;letter-spacing:-.02em}
.big i{font-style:italic;color:var(--emt)}
.body{font-size:18px;color:var(--graphite);margin-top:30px;max-width:36em}
/* herkenning */
.rec li{display:grid;grid-template-columns:80px 1fr;gap:20px;padding:30px 0;border-top:1px solid var(--line);align-items:baseline}
.rec li:last-child{border-bottom:1px solid var(--line)}
.rec .n{font-family:var(--mono);font-size:12px;color:var(--emt);letter-spacing:.12em}
.rec p{font-family:var(--serif);font-size:clamp(1.5rem,2.4vw,2.2rem);line-height:1.2;letter-spacing:-.01em}
/* logboek */
.log{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:start}
.log .t{grid-column:4/8}.log .v{grid-column:9/13}
.list li{padding:14px 0;border-top:1px solid var(--line);font-size:17px;display:grid;grid-template-columns:28px 1fr}.list li:last-child{border-bottom:1px solid var(--line)}
.list li span.mono{color:var(--emt);padding-top:3px}
.sheet{background:#FBFAF7;border:1px solid var(--line);padding:22px 22px 26px;background-image:linear-gradient(var(--line) 1px,transparent 1px);background-size:100% 28px;background-position:0 52px}
.sheet .hd2{display:flex;justify-content:space-between;color:var(--fog);padding-bottom:14px;border-bottom:1px solid var(--ink);background:#FBFAF7}
.sheet .row{display:grid;grid-template-columns:110px 1fr;gap:12px;margin-top:20px;align-items:baseline}
.sheet .row .mono{color:var(--emt)}.sheet .row span.l{display:block;height:2px;background:var(--graphite);opacity:.35;margin-top:12px}.sheet .row span.l+span.l{width:62%}
.cap{margin-top:12px;color:var(--fog)}
/* voor wie */
.two{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--ink);margin-top:50px}
.two>div{padding:30px 40px 0 0}.two>div+div{padding-left:40px;border-left:1px solid var(--line)}
.two h3{font-family:var(--serif);font-weight:400;font-size:30px;letter-spacing:-.01em}
.two li{padding:12px 0;border-bottom:1px solid var(--line);font-size:16px;color:var(--graphite)}
/* faq */
.faq details{border-top:1px solid var(--line);padding:24px 0}.faq details:last-child{border-bottom:1px solid var(--line)}
.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;font-family:var(--serif);font-size:26px;letter-spacing:-.01em}
.faq summary::after{content:"+";font-family:var(--mono);color:var(--emt)}.faq details[open] summary::after{content:"−"}
.faq p{margin-top:10px;color:var(--graphite);max-width:40em}
/* wie */
.who{display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;align-items:end}
.who .tx{grid-column:8/12}.who p.q{font-family:var(--serif);font-size:26px;line-height:1.3;letter-spacing:-.01em;margin-top:18px}
/* afsluiting */
.end{background:var(--ink);color:#F4F3EF;padding:130px 0 120px;position:relative;overflow:hidden}
.end h2{font-family:var(--serif);font-weight:400;font-size:clamp(3rem,7vw,6.5rem);line-height:.95;letter-spacing:-.03em;max-width:12em}
.end h2 i{font-style:italic;color:#E8835E}
.end .rl{position:absolute;inset:0;width:100%;height:100%}.end p{margin-top:26px;color:#A9AEB6;max-width:34em;font-size:18px}
.end .btn{background:#F4F3EF;color:var(--ink);margin-top:40px}.end .btn:hover{background:#E8835E;color:var(--ink)}
footer{background:var(--ink);color:#7E848D;border-top:1px solid rgba(244,243,239,.12);padding:40px 0 34px}
footer .f{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}footer .logo img{height:44px;width:auto}
footer .mono{font-size:10.5px}
@media(max-width:980px){.wrap{padding:0 22px}.hprof{width:calc(100% + 44px)!important;left:-22px!important;opacity:.7}.hero .meta>span:last-child{display:none}.w .note{padding-left:0}nav a:not(.cta),nav .lang{display:none}
 .w{grid-template-columns:1fr}.w .note{padding:0 0 18px}.w h2{font-size:clamp(3.6rem,17vw,6rem)}
 .intro .lead,.intro .act,.side,.main,.log .t,.log .v{grid-column:1/13}.intro .act{margin-top:30px}.side{margin-bottom:20px}.log .v{margin-top:40px}
 .data .g>div{grid-column:span 6;border-left:0;padding-left:0;border-top:1px solid var(--line)}.data .g>div:nth-child(-n+2){border-top:0}
 .two{grid-template-columns:1fr}.two>div+div{padding-left:0;border-left:0;border-top:1px solid rgba(128,128,128,.25)}
 .who .ph{grid-column:1/8}.who .tx{grid-column:1/13;margin-top:26px}.sec{padding:84px 0}}



/* ---- afwijkingen van de referentie (zie scripts/maak-css.cjs) ---- */
/* inline stijlen uit de referentie als klassen (de CSP staat geen style="" toe) */
.end .wrap{position:relative}
.sec.tight{padding-top:40px}
.list{margin-top:34px}
.two.first{margin-top:0}
.two ul{margin-top:14px}
.who .side{grid-column:1/4;align-self:start}
.who .tx .name{color:var(--fog)}
.who .more{margin-top:22px}
.end .lbl{color:#E8835E}
.end h2{margin-top:22px}
/* wat niet in de referentie zit: skip-link, mobiel menu, tekstpagina's, taalwisselaar als links, tekstlinks in de footer */
:focus-visible{outline:2px solid var(--emt);outline-offset:3px}
.skip{position:absolute;left:-9999px;top:8px;background:var(--ink);color:var(--paper);padding:10px 16px;z-index:200;font-family:var(--mono);font-size:12px}.skip:focus{left:12px}
.lang a{border-bottom:1px dotted currentColor}.lang a:hover{color:var(--ink)}
.mnav{display:none}
.hero .meta a{border-bottom:1px solid currentColor}
footer .mono a{text-decoration:underline;text-underline-offset:3px}
.doc{padding:96px 0 140px}.doc .wrap{max-width:900px}
.doc h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,4.4vw,3.8rem);line-height:1.06;letter-spacing:-.02em;margin-top:18px}
.doc h2{font-family:var(--serif);font-weight:400;font-size:1.7rem;letter-spacing:-.01em;margin-top:48px}
.doc p,.doc ul{margin-top:16px;max-width:42em}
.doc .mono{color:var(--emt)}.doc a{color:var(--emt);border-bottom:1px solid currentColor}
.tweetalig{display:grid;grid-template-columns:1fr 1fr;gap:64px}
@media(max-width:980px){
 .mnav{display:block;position:relative}.mnav summary{list-style:none;cursor:pointer;font-family:var(--mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;border:1px solid var(--ink);padding:12px 14px}.mnav summary::-webkit-details-marker{display:none}
 .mnav ul{position:absolute;right:0;top:calc(100% + 8px);background:var(--paper);border:1px solid var(--ink);min-width:220px;z-index:30}.mnav li a,.mnav li .lang{display:block;padding:14px 18px;border-bottom:1px solid var(--line)}.mnav li:last-child *{border-bottom:0}
 .hd{gap:12px}.tweetalig{grid-template-columns:1fr;gap:48px}.doc{padding:56px 0 100px}
}
.side h2{font:inherit}
.intro .lead h1,.intro .lead p{display:inline;font:inherit;letter-spacing:inherit;margin:0}
.who .ph{aspect-ratio:4/5}
@media(min-width:981px){.who .ph{grid-column:4/7}}
footer .f2{margin-top:18px}

/* ---- De sessie: de interactieve klim (letterlijk uit sessie-prototype.html, alles onder .sess zodat het niets anders raakt) ---- */
.sess{--fog:#9DA2AA;--emb2:#E8835E;background-color:#0E1116;background-image:linear-gradient(180deg,#090C11 0%,#0E1116 60%,#121417 100%);color:#C9CCD1;position:relative}
.sess .track{height:340vh;position:relative}
.sess .stick>.head,.sess .stick>.side,.sess .stick>.stage3d,.sess .stick>.tabs{position:relative;z-index:1}.sess .stick>.tabs{position:absolute}
.sess .stick{position:sticky;top:77px;height:calc(100vh - 77px);overflow:hidden;display:grid;grid-template-columns:repeat(12,1fr);column-gap:24px;padding:0 48px;max-width:1440px;margin:0 auto}
.sess .head{grid-column:1/13;padding-top:56px;display:flex;align-items:baseline;gap:40px}
.sess .head .mono{color:var(--emb2)}.sess .head h2{font-family:var(--serif);font-weight:400;font-size:clamp(2.2rem,3.6vw,3.4rem);color:#F4F3EF;letter-spacing:-.02em}.sess .head h2 i{color:var(--emb2)}
.sess .stage3d{grid-column:1/9;position:relative;height:calc(100vh - 287px);perspective:2200px;perspective-origin:50% 25%}
.sess .cube{position:absolute;left:56%;top:46%;width:760px;height:252px;margin:-126px 0 0 -380px;transform-style:preserve-3d;transform:rotateX(var(--rx,-16deg)) rotateY(var(--ry,-28deg)) scale(var(--sc,1));transition:transform .5s cubic-bezier(.2,.7,.2,1)}
.sess .slice{position:absolute;inset:0;transform:translateZ(calc(var(--z) * var(--gap,1) * 1px));transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.sess .slice svg{position:absolute;left:0;top:-27%;width:100%;height:139%;overflow:visible}
.sess .slice text{font-family:var(--mono)}
.sess .sky{position:absolute;left:-30vw;right:-30vw;top:0;bottom:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);mask-image:linear-gradient(90deg,transparent,#000 30%,#000 70%,transparent);background:linear-gradient(180deg,transparent 0%,rgba(46,32,40,.55) 42%,rgba(160,62,30,.45) 62%,rgba(240,162,75,.30) 70%,transparent 78%);opacity:var(--dawn,0);pointer-events:none}
.sess .stars{position:absolute;left:0;right:0;top:0;height:55%;opacity:calc(1 - var(--dawn,0) * 1.3);pointer-events:none;background-image:radial-gradient(1px 1px at 12% 18%,#fff8,transparent),radial-gradient(1px 1px at 27% 32%,#fff6,transparent),radial-gradient(1.4px 1.4px at 44% 12%,#fff9,transparent),radial-gradient(1px 1px at 58% 26%,#fff5,transparent),radial-gradient(1px 1px at 71% 9%,#fff7,transparent),radial-gradient(1.2px 1.2px at 83% 30%,#fff6,transparent),radial-gradient(1px 1px at 92% 16%,#fff5,transparent),radial-gradient(1px 1px at 36% 44%,#fff4,transparent),radial-gradient(1px 1px at 64% 40%,#fff4,transparent),radial-gradient(1.3px 1.3px at 19% 6%,#fff7,transparent)}
.sess .sun{position:absolute;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;left:var(--sx,70%);top:var(--sy,40%);background:radial-gradient(circle,#FFE3B0 0%,#FFB867 28%,#E8835E 46%,rgba(217,87,43,.35) 62%,transparent 72%);opacity:var(--dawn,0);filter:blur(1px);pointer-events:none;mix-blend-mode:screen}
.sess .dawn{position:absolute;left:30%;top:-10%;width:90%;height:110%;background:radial-gradient(closest-side at 62% 40%,rgba(217,87,43,.42),rgba(217,87,43,.10) 55%,transparent 75%);opacity:var(--dawn,0);pointer-events:none;filter:blur(8px)}
.sess .mist{position:absolute;left:-10%;right:-10%;top:52%;height:34%;transform:translateZ(calc(var(--z) * var(--gap,1) * 1px));background:radial-gradient(ellipse 60% 50% at 50% 50%,rgba(201,206,214,.10),transparent 70%);animation:drift 26s ease-in-out infinite alternate;pointer-events:none}
.sess .mist.m6{animation-duration:34s;animation-delay:-9s;top:58%}.sess .mist.m2{animation-duration:41s;animation-delay:-20s;top:64%;opacity:.7}
@keyframes drift{from{translate:-6% 0}to{translate:6% 0}}
.sess #halo{animation:breathe 2.4s ease-in-out infinite}@keyframes breathe{50%{opacity:.45}}
.sess .spark{display:block;width:100%;height:56px;margin:-14px 0 22px}
.sess .st .num{position:absolute;right:0;top:24px;font-family:var(--serif);font-size:170px;line-height:1;color:transparent;-webkit-text-stroke:1px rgba(244,243,239,.09);pointer-events:none;letter-spacing:-.02em}
.sess .slice.front svg{-webkit-mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%);mask-image:linear-gradient(90deg,#000 0,#000 90%,transparent 100%)}
.sess .slice:not(.front) svg{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 88%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 88%,transparent 100%)}
.sess .rim{stroke-opacity:calc(var(--dawn,0) * var(--w,1))}
.sess .pin{transition:opacity .4s}.sess .dim .pin{opacity:.32}.sess .dim .pin.on{opacity:1}
.sess #crack{stroke-dasharray:90;stroke-dashoffset:90;transition:stroke-dashoffset .6s ease-out}.sess #crack.on{stroke-dashoffset:0}
.sess #flag{transform-origin:1040px -24.01689px;transform:scaleY(0);transition:transform .5s cubic-bezier(.2,.9,.3,1.3)}.sess #flag.on{transform:scaleY(1)}
.sess #summit-ring.on{animation:ring 1.4s ease-out}
@keyframes ring{0%{opacity:.9;r:6}100%{opacity:0;r:34}}
.sess .side{grid-column:9/13;align-self:center;position:relative;height:400px}
.sess .clock{font-family:var(--mono);font-size:44px;letter-spacing:.04em;color:#F4F3EF}.sess .clock small{font-size:12px;letter-spacing:.14em;color:var(--fog);margin-left:12px}
.sess .bar{height:2px;background:rgba(244,243,239,.15);margin:14px 0 18px;position:relative}.sess .bar i{position:absolute;left:0;top:0;height:2px;background:var(--ember);width:0}
.sess .bar b{position:absolute;top:-4px;width:2px;height:10px;background:rgba(244,243,239,.5)}
.sess .st{position:absolute;left:0;right:0;top:150px;opacity:0;transform:translateY(14px);transition:opacity .45s,transform .45s;pointer-events:none}
.sess .st.on{opacity:1;transform:none}
.sess .st .k{color:var(--emb2)}.sess .st h3{font-family:var(--serif);font-weight:400;font-size:46px;color:#F4F3EF;letter-spacing:-.02em;margin-top:6px}
.sess .st .q{font-family:var(--serif);font-style:italic;font-size:21px;line-height:1.3;color:#E9E6DF;margin-top:10px}.sess .st .t{font-size:15px;line-height:1.55;margin-top:12px;color:#B9BDC4}
.sess .tabs{grid-column:1/13;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(244,243,239,.16);position:absolute;left:48px;right:48px;bottom:0}
.sess .tab{background:none;border:0;color:#9DA2AA;text-align:left;padding:16px 18px 20px 0;font-family:var(--serif);font-size:22px;cursor:pointer;border-top:2px solid transparent;margin-top:-1px;transition:color .3s,border-color .3s}
.sess .tab .mono{display:block;font-size:10.5px;margin-bottom:4px;color:inherit}
.sess .tab:hover{color:#F4F3EF}.sess .tab.on{color:#F4F3EF;border-top-color:var(--ember)}.sess .tab:focus-visible{outline:2px solid var(--emb2);outline-offset:4px}
.zm280{--z:-280}.zm243{--z:-243}.zm205{--z:-205}.zm168{--z:-168}.zm131{--z:-131}.zm143{--z:-143}.zm93{--z:-93}.zm56{--z:-56}.zm19{--z:-19}.zp19{--z:19}.zp56{--z:56}.zp44{--z:44}.zp93{--z:93}.zp131{--z:131}.zp168{--z:168}.zp205{--z:205}.zp193{--z:193}.zp243{--z:243}.zp280{--z:280}
.rim.w100{--w:1}.rim.w96{--w:.96}.rim.w93{--w:.93}.rim.w89{--w:.89}.rim.w85{--w:.85}.rim.w82{--w:.82}.rim.w78{--w:.78}.rim.w74{--w:.74}.rim.w71{--w:.71}.rim.w67{--w:.67}.rim.w63{--w:.63}.rim.w60{--w:.6}.rim.w56{--w:.56}.rim.w52{--w:.52}.rim.w49{--w:.49}.rim.w45{--w:.45}
@media(max-width:980px){.sess .track{height:auto}.sess .stick{position:relative;height:auto;padding:0 22px 30px;display:block}
 .sess .head{display:block;padding-top:60px}.sess .head h2{margin-top:10px}.sess .stage3d{height:300px;overflow:hidden;margin:10px -22px 0}.sess .cube{width:330px;height:110px;margin:-55px 0 0 -165px}
 .sess .side{height:auto;margin-top:10px}.sess .st{position:relative;top:0;display:none}.sess .st.on{display:block}
 .sess .tabs{position:relative;left:0;right:0;margin-top:26px}.sess .tab{font-size:18px}}
@media(prefers-reduced-motion:reduce){.sess .mist,.sess #halo{animation:none}.sess .cube,.sess .slice,.sess .st,.sess #crack,.sess #flag{transition:none}}
/* minder beweging op desktop: geen scrollbaar traject, de sectie staat op de eindstand */
@media(prefers-reduced-motion:reduce) and (min-width:981px){.sess .track{height:auto}.sess .stick{position:relative}}
/* zonder JavaScript: eindstand (route getekend, vlag op, paneel Anchor), geen knoppen en geen scrollbaar traject */
@media(scripting:none){.sess .track{height:auto}.sess .stick{position:relative}.sess .tabs{display:none}.sess #flag{transform:scaleY(1)}.sess #crack{stroke-dashoffset:0}.sess .st[data-s=a]{opacity:1;transform:none}.sess .rim{--dawn:1}.sess .stage3d{--dawn:1}}
@media(scripting:none) and (max-width:980px){.sess .st[data-s=a]{display:block}}
/* mobiele header: logo, Aanvragen en Menu passen naast elkaar (het menu zit niet in de referentie) */
@media(max-width:980px){.hd{gap:10px}.hd .logo img{height:32px;margin-left:-4px}.cta{padding:12px 12px}.mnav summary{padding:12px 12px}}
@media(max-width:380px){.hd .logo img{height:28px}nav .cta{display:none}}
@media(scripting:none){.sess .bar i{width:100%}.sess #scr{width:300px}}
@media(max-width:980px){.sess .tabs{background-color:#0E1116}}