@font-face{font-family:"Owner Sans";src:url("/assets/fonts/owner-sans.ttf") format("truetype");font-style:normal;font-weight:100 1000;font-display:swap;}
/* Leerwerken in de Techniek - eigen CSS, lokaal lettertype met Arial-terugval, geen externe bronnen. */

*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
[hidden]{display:none!important}
:root{--navy:#0b2239;--navy2:#0e2e4d;--navy3:#081a2e;--orange:#ff6a13;--orange-d:#e85c08;--sky:#e8f3fb;--sky2:#d5e8f7;--paper:#f4f9fd;--ink:#10243a;--muted:#47596c;--line:#c6dbeb;--m1:#ff6a13;--m2:#0b2239;
--sans:"Owner Sans",Arial,"Helvetica Neue",Helvetica,sans-serif;--script:"Segoe Script","Bradley Hand","Brush Script MT","Lucida Handwriting","Snell Roundhand",cursive}
body.leer{margin:0;background:#fff;color:var(--ink);font-family:var(--sans);font-size:max(15px,calc(13 * var(--px)));line-height:1.5;-webkit-font-smoothing:antialiased;overflow-wrap:break-word;--px:calc(min(100vw,1280px)/1024);--pad:calc(40 * var(--px));--maxw:calc(944 * var(--px))}
img,svg{max-width:100%}
img{height:auto}
a{color:inherit}
h1,h2,h3,h4{margin:0;font-weight:800;letter-spacing:-.02em;color:var(--navy)}
p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
button,input,select,textarea{font:inherit;color:inherit}
.sr-only{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.skip{position:absolute;left:8px;top:-80px;background:#fff;color:var(--navy);padding:10px 14px;z-index:100;border-radius:4px;font-weight:700}
.skip:focus{top:8px}
:focus-visible{outline:3px solid var(--orange);outline-offset:2px}
.ic{width:1em;height:1em;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.wrap{width:min(100% - 2*var(--pad),var(--maxw));margin-inline:auto}
.eyebrow{display:block;font-size:max(11px,calc(8.6 * var(--px)));font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}
.hero .eyebrow,.on-navy .eyebrow{color:#cfe2f3}
.eyebrow.or{color:var(--orange)}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.7em;background:var(--orange);color:#fff;border:0;border-radius:calc(4 * var(--px));padding:.95em 1.6em;font-weight:700;font-size:max(13.5px,calc(11 * var(--px)));line-height:1.1;text-decoration:none;cursor:pointer;transition:background .15s;min-height:44px}
.btn:hover{background:var(--orange-d)}
.btn .ic{font-size:1.25em;stroke-width:2.2}
.btn--ghost{background:transparent;border:1.5px solid #fff;color:#fff}
.btn--ghost:hover{background:rgba(255,255,255,.14)}
.btn--white{background:#fff;color:var(--navy)}
.btn--white:hover{background:#eef6fc}
.btn--white .ic{color:var(--orange)}
.more{display:inline-flex;align-items:center;gap:.5em;color:var(--orange-d);font-weight:700;font-size:max(13.5px,calc(10.6 * var(--px)));text-decoration:none}
.more:hover{text-decoration:underline}
.more .ic{font-size:1.2em;stroke-width:2.2}
.lead{font-size:max(16px,calc(14.5 * var(--px)))}
.form-help{font-size:max(13px,calc(10.5 * var(--px)));line-height:1.45;color:var(--muted);margin-top:calc(8 * var(--px))}
.form-status{font-weight:700;font-size:max(13.5px,calc(10.5 * var(--px)));color:#0f4d2a;background:#e5f5ea;border:1px solid #a9d8b9;border-radius:6px;padding:8px 10px;margin-top:calc(8 * var(--px))}
.empty{padding:24px 0;color:var(--muted)}
.bp{position:absolute;pointer-events:none;color:#7fb1d8;opacity:.55;fill:none;stroke:currentColor;stroke-width:1}

/* header */
.site-header{position:relative;z-index:40;background:#fff}
.site-header .wrap{width:min(100% - 2*var(--hpad,var(--pad)),var(--hmax,var(--maxw)))}
.hdr-row{display:flex;align-items:center;min-height:var(--hdr-h,calc(60 * var(--px)));gap:16px}
.logo{display:inline-flex;align-items:center;gap:calc(7 * var(--px));color:var(--navy);text-decoration:none;flex:none;line-height:1.02}
.logo-mark{width:calc(24 * var(--px));height:calc(26 * var(--px));min-width:22px;min-height:24px;flex:none}
.logo-mark .m1{fill:var(--m1)}.logo-mark .m2{fill:var(--m2)}
.logo-text{display:flex;flex-direction:column;font-weight:800;font-size:max(15px,calc(15.5 * var(--px)));letter-spacing:-.025em;white-space:nowrap}
.site-nav{margin:0 auto}
.site-nav ul{display:flex;gap:var(--nav-gap,calc(31 * var(--px)))}
.site-nav a{display:block;padding:.5em 0;font-size:max(13.5px,calc(10.6 * var(--px)));font-weight:var(--nav-w,400);color:var(--navy);text-decoration:none;border-bottom:2.5px solid transparent;white-space:nowrap}
.site-nav a:hover{color:var(--orange-d)}
.site-nav a[aria-current="page"]{font-weight:700;border-bottom-color:var(--orange)}
.search-btn{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--navy);font-size:max(19px,calc(15 * var(--px)));cursor:pointer;margin-right:-8px}
.nav-toggle{display:none;margin-left:auto;width:44px;height:44px;border:0;background:transparent;color:var(--navy);cursor:pointer;align-items:center;justify-content:center}
.nav-toggle .bars,.nav-toggle .bars::before,.nav-toggle .bars::after{display:block;width:22px;height:2.5px;background:currentColor;border-radius:2px;content:""}
.nav-toggle .bars{position:relative}
.nav-toggle .bars::before{position:absolute;top:-7px;left:0}
.nav-toggle .bars::after{position:absolute;top:7px;left:0}

/* search box (div role=search, results from the local page index) */
.zoekbox{position:fixed;inset:0;z-index:90;background:rgba(8,26,46,.62);display:flex;align-items:flex-start;justify-content:center;padding:8vh 16px 16px}
.zoek-panel{background:#fff;width:min(100%,640px);max-height:84vh;overflow:auto;border-radius:6px;padding:18px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.zoek-form{display:flex;gap:10px}
.zoek-form input{flex:1;min-width:0;font-size:16px;padding:12px 14px;border:1px solid var(--line);border-radius:4px;background:#fff}
.zoek-form button{border:0;border-radius:4px;background:var(--navy);color:#fff;font-weight:700;font-size:15px;padding:0 16px;cursor:pointer;min-height:44px}
.zoek-resultaten{margin-top:12px}
.zoek-resultaten a{display:block;padding:10px 6px;border-bottom:1px solid var(--line);text-decoration:none;color:var(--navy);font-weight:700;font-size:17px}
.zoek-resultaten a:hover{background:var(--sky)}
.zoek-resultaten small{display:block;font-weight:400;font-size:13px;color:var(--muted);margin-top:2px}
.zoek-leeg{color:var(--muted);font-size:15px;margin-top:12px}

/* hero: navy plate with a diagonally cut photo crop */
.hero{position:relative;background:var(--navy);color:#fff;overflow:hidden;min-height:var(--hh,calc(250 * var(--px)))}
.hero-photo{position:absolute;top:0;right:0;bottom:0;width:var(--hw,56%);clip-path:polygon(var(--cut,12%) 0,100% 0,100% 100%,0 100%);margin:0}
.hero-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:var(--op,right center)}
.hero .wrap{position:relative;z-index:2;padding:var(--hpv,calc(34 * var(--px))) 0}
.hero-copy{width:min(100%,var(--cw,calc(440 * var(--px))))}
.hero h1{font-size:var(--h1,calc(46 * var(--px)));line-height:1.04;color:#fff;margin-top:calc(12 * var(--px))}
.hero h1 em,.band-h em{font-style:normal;color:var(--orange)}
.hero .lead{margin-top:calc(14 * var(--px));color:#e6f0f8}
.hero .btns{display:flex;flex-wrap:wrap;gap:calc(12 * var(--px));margin-top:calc(20 * var(--px))}
.hero .bp{color:#5b86ad;opacity:.5}
.hero-photo.split{display:grid;grid-template-columns:var(--split-cols,363fr 169fr);grid-template-rows:var(--split-rows,148fr 98fr)}
.hero-photo.split>*{min-width:0;min-height:0}
.hero-photo.split .a{grid-row:1/3;grid-column:1}
.hero-photo.split .b{grid-row:1;grid-column:2}
.hero-photo.split img{height:100%}
.hero-photo.split .hero-badge{position:static;width:auto;height:auto;grid-row:2;grid-column:2}
.crumbs{display:flex;flex-wrap:wrap;font-size:max(12.5px,calc(9.2 * var(--px)));color:#dbe8f4}
.crumbs a{text-decoration:none}.crumbs a:hover{text-decoration:underline}
.crumbs li+li::before{content:"/";margin:0 .6em;opacity:.7}

/* generic sections */
.sec{padding-top:calc(32 * var(--px))}
.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px calc(40 * var(--px));flex-wrap:wrap}
.sec-title{font-size:calc(30 * var(--px));line-height:1.08}
.sec-note{font-size:max(13.5px,calc(9.8 * var(--px)));color:var(--ink);max-width:calc(340 * var(--px));line-height:1.5}
.band-sky{background:var(--sky)}
.band-navy{background:var(--navy);color:#fff}
.band-navy h2,.band-navy h3{color:#fff}
.chamfer{clip-path:polygon(0 0,calc(100% - calc(14 * var(--px))) 0,100% calc(14 * var(--px)),100% 100%,calc(14 * var(--px)) 100%,0 calc(100% - calc(14 * var(--px))))}

/* chips, filters, cards */
.chips{display:flex;flex-wrap:wrap;gap:calc(10 * var(--px))}
.chip{appearance:none;border:1px solid var(--line);border-radius:calc(5 * var(--px));background:var(--sky);color:var(--navy);font-weight:700;font-size:max(13.5px,calc(9.6 * var(--px)));padding:.75em 1.4em;cursor:pointer;min-height:44px}
.chip:hover{background:var(--sky2)}
.chip[aria-pressed="true"]{background:var(--navy);border-color:var(--navy);color:#fff}
.pager{display:flex;justify-content:center;gap:calc(10 * var(--px));margin-top:calc(22 * var(--px))}
.pg{width:max(40px,calc(26 * var(--px)));height:max(40px,calc(26 * var(--px)));border-radius:50%;border:0;background:transparent;color:var(--navy);font-size:max(14px,calc(10 * var(--px)));font-weight:700;cursor:pointer;display:inline-flex;align-items:center;justify-content:center}
.pg:hover{background:var(--sky)}
.pg[aria-current="page"]{background:var(--navy);color:#fff}
details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}
details>summary .ic{transition:transform .2s}
details[open]>summary .ic-chev{transform:rotate(180deg)}
.faq-list details{background:#fff;border:1px solid var(--line);border-radius:calc(3 * var(--px));margin-bottom:calc(6 * var(--px))}
.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:.8em 1.1em;min-height:44px;font-weight:700;font-size:max(14.5px,calc(10.8 * var(--px)));color:var(--navy)}
.faq-list summary .ic{font-size:max(17px,calc(12 * var(--px)));flex:none;color:var(--navy)}
.faq-list details p{padding:0 1.1em 1.1em;font-size:max(14.5px,calc(10.6 * var(--px)));line-height:1.55;color:var(--muted)}
.hex{display:flex;align-items:center;justify-content:center;width:calc(42 * var(--px));height:calc(42 * var(--px));min-width:40px;min-height:40px;background:var(--orange);color:#fff;clip-path:polygon(25% 3%,75% 3%,100% 50%,75% 97%,25% 97%,0 50%);font-size:calc(20 * var(--px))}
.hex--sky{background:var(--sky2);color:var(--navy)}
.hex--navy{background:var(--navy);color:#fff}

/* footer */
.site-footer{background:var(--navy);color:#e3eef8;position:relative;overflow:hidden}
.site-footer a{color:inherit;text-decoration:none}.site-footer a:hover{text-decoration:underline}
.site-footer .logo{color:#fff}
.site-footer .logo-mark{--m2:#fff}
.ft-in{position:relative}
.ft-main{display:flex;align-items:flex-start;gap:var(--ft-gap,calc(60 * var(--px)));padding:calc(26 * var(--px)) 0 calc(24 * var(--px));min-height:var(--ft-h,calc(100 * var(--px)))}
.ft-brand{display:flex;flex-direction:column;gap:calc(14 * var(--px));flex:none;max-width:calc(240 * var(--px))}
.ft-brand p{font-size:max(13.5px,calc(9.6 * var(--px)));line-height:1.5;color:#c4d8ea}
.ft-nav ul{display:flex;flex-direction:column;gap:calc(5 * var(--px))}
.ft-nav a{font-size:max(13.5px,calc(9.8 * var(--px)));padding:3px 0;display:inline-block}
.ft-nav a[aria-current="page"]{font-weight:700}
.ft-cols{display:flex;gap:var(--ft-gap,calc(60 * var(--px)));flex:1}
.ft-col h2{font-size:max(13px,calc(9.4 * var(--px)));color:#fff;margin-bottom:calc(8 * var(--px));letter-spacing:0}
.ft-tag{margin-left:auto;font-size:max(12px,calc(8.4 * var(--px)));letter-spacing:.2em;text-transform:uppercase;line-height:1.55;color:#c4d8ea}
.ft-tag::after{content:"";display:block;width:calc(26 * var(--px));height:calc(2.5 * var(--px));background:var(--orange);margin-top:calc(10 * var(--px))}
.ft-bar{display:flex;justify-content:space-between;align-items:center;gap:8px 24px;flex-wrap:wrap;border-top:1px solid rgba(198,219,235,.2);padding:calc(12 * var(--px)) 0 calc(14 * var(--px));font-size:max(12.5px,calc(8.6 * var(--px)));color:#c4d8ea}
.ft-bar nav{display:flex;gap:calc(24 * var(--px));flex-wrap:wrap}


body.pg-home{--px:calc(min(100vw,1280px)/875);--pad:calc(25 * var(--px));--maxw:calc(825 * var(--px));--hdr-h:calc(48 * var(--px));--m1:#ff6a13;--m2:#ff6a13}
.pg-home .logo-text{font-size:max(15px,calc(13 * var(--px)))}
.pg-home .logo-mark{width:calc(30 * var(--px));height:calc(33 * var(--px))}
.pg-home .logo-mark .m2{display:none}
.pg-home .site-nav ul{gap:calc(30 * var(--px))}.pg-home .site-nav a{font-size:max(13.5px,calc(8.6 * var(--px)));font-weight:700}
.hero-home{--hh:calc(345 * var(--px));--hw:54%;--cut:11%;--h1:calc(46 * var(--px));--cw:calc(340 * var(--px));background:linear-gradient(100deg,#0a2038,#0d2a46)}
.hero-home .wrap{padding:calc(32 * var(--px)) 0 calc(30 * var(--px)) calc(20 * var(--px))}
.hero-home .eyebrow{font-size:max(11px,calc(8.4 * var(--px)));font-weight:400;letter-spacing:.14em}
.hero-home h1{margin-top:calc(16 * var(--px));line-height:1.02}
.hero-home .lead{font-size:max(16px,calc(13.6 * var(--px)));line-height:1.45;margin-top:calc(18 * var(--px))}
.hero-home .btns{margin-top:calc(24 * var(--px))}
.hero-home .btn{font-size:calc(12 * var(--px));padding:.85em 1.1em}.hero-home .btns{gap:calc(14 * var(--px))}
.hero-home .btn--ghost{border-radius:calc(4 * var(--px));border-width:1px}
.dirs{padding:calc(24 * var(--px)) 0 calc(26 * var(--px))}
.dirs .sec-title{font-size:calc(29 * var(--px));margin-top:calc(6 * var(--px))}
.tiles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(18 * var(--px));margin-top:calc(24 * var(--px))}
.tile{position:relative;display:flex;flex-direction:column;background:var(--navy);color:#fff;text-decoration:none;overflow:hidden;clip-path:polygon(calc(18 * var(--px)) 0,100% 0,100% calc(100% - calc(18 * var(--px))),calc(100% - calc(18 * var(--px))) 100%,0 100%,0 calc(18 * var(--px)));transition:transform .15s}
.tile:hover{transform:translateY(-3px)}
.tile img{display:block;width:100%;aspect-ratio:240/135;object-fit:cover;-webkit-mask-image:linear-gradient(180deg,#000 62%,transparent);mask-image:linear-gradient(180deg,#000 62%,transparent)}
.tile-body{position:relative;margin-top:calc(-34 * var(--px));padding:0 calc(20 * var(--px)) calc(20 * var(--px));display:flex;justify-content:space-between;align-items:flex-end;gap:12px}
.tile h3{color:#fff;font-size:max(18px,calc(16.4 * var(--px)))}
.tile p{font-size:max(13.5px,calc(9.6 * var(--px)));line-height:1.4;color:#d4e3f1;margin-top:calc(5 * var(--px));max-width:calc(150 * var(--px))}
.tile .go{flex:none;width:max(30px,calc(24 * var(--px)));height:max(30px,calc(24 * var(--px)));border:1.5px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:max(15px,calc(12 * var(--px)))}
.steps-sec{padding:calc(28 * var(--px)) 0 calc(32 * var(--px))}
.steps-sec .sec-head{align-items:flex-end}
.steps-sec .sec-title{font-size:calc(29 * var(--px));margin-top:calc(6 * var(--px))}
.steps3{display:grid;grid-template-columns:1fr calc(18 * var(--px)) 1fr calc(18 * var(--px)) 1fr;align-items:center;gap:calc(9 * var(--px));margin-top:calc(30 * var(--px))}
.stepcard{background:#fff;padding:calc(20 * var(--px)) calc(22 * var(--px)) calc(22 * var(--px));min-height:calc(165 * var(--px));clip-path:polygon(calc(18 * var(--px)) 0,calc(100% - calc(18 * var(--px))) 0,100% calc(18 * var(--px)),100% calc(100% - calc(18 * var(--px))),calc(100% - calc(18 * var(--px))) 100%,calc(18 * var(--px)) 100%,0 calc(100% - calc(18 * var(--px))),0 calc(18 * var(--px)))}
.stepcard .top{display:flex;align-items:center;gap:calc(16 * var(--px))}
.stepcard .num{font-size:calc(34 * var(--px));font-weight:800;color:var(--orange);letter-spacing:-.02em;line-height:1}
.stepcard .top .ic{font-size:calc(40 * var(--px));color:var(--navy);stroke-width:1.4}
.stepcard h3{font-size:max(17px,calc(13.6 * var(--px)));margin:calc(10 * var(--px)) 0 calc(5 * var(--px))}
.stepcard p{font-size:max(14px,calc(10 * var(--px)));line-height:1.5;color:var(--muted)}
.steps3 .sep{color:var(--navy);font-size:max(16px,calc(14 * var(--px)));display:flex;justify-content:center}
.story{padding:calc(24 * var(--px)) 0 calc(22 * var(--px));position:relative;overflow:hidden}
.story .wrap{display:grid;grid-template-columns:minmax(0,338fr) minmax(0,453fr);gap:calc(34 * var(--px));align-items:stretch}
.story h2{font-size:calc(29 * var(--px));margin-top:calc(8 * var(--px))}
.story .copy{padding-top:calc(6 * var(--px))}
.quote-person{border-left:3px solid var(--orange);padding-left:calc(16 * var(--px));margin-bottom:calc(16 * var(--px));font-size:calc(13 * var(--px));color:#fff}.quote-person strong,.quote-person span{display:block}.pg-home .faq-list summary{padding:calc(6 * var(--px)) calc(16 * var(--px));font-size:calc(14 * var(--px))}.pg-home .faq-list details{margin-bottom:calc(3 * var(--px))}
@media(max-width:700px){.pg-home .faq-list summary{padding:12px 14px;font-size:16px}.quote-person{font-size:15px}.pg-home .hero-home .btn{font-size:14px}}
.story .copy p{font-size:max(16px,calc(13.2 * var(--px)));line-height:1.55;color:#dbe8f4;margin:calc(22 * var(--px)) 0 calc(22 * var(--px));max-width:calc(310 * var(--px))}
.story-media{display:grid;grid-template-columns:300fr 153fr;grid-template-rows:117fr 135fr;min-height:calc(250 * var(--px))}
.story-media img{display:block;width:100%;height:100%;object-fit:cover}
.story-media .m-a{grid-row:1/3;grid-column:1}
.story-media .m-b{grid-row:1;grid-column:2}
.story-media .badge{grid-row:2;grid-column:2;background:var(--orange);color:#fff;font-weight:800;font-size:max(17px,calc(13.2 * var(--px)));line-height:1.3;padding:calc(20 * var(--px)) calc(18 * var(--px));display:flex;align-items:flex-end;clip-path:polygon(calc(24 * var(--px)) 0,100% 0,100% 100%,0 100%,0 calc(24 * var(--px)))}
.faq-sec{padding:calc(22 * var(--px)) 0 calc(34 * var(--px))}
.faq-sec .sec-title{font-size:calc(29 * var(--px));margin-top:calc(6 * var(--px))}
.faq-sec .faq-list{margin-top:calc(18 * var(--px))}
.faq-sec .faq-list details{border-radius:calc(2 * var(--px))}
.ft-home{--ft-h:calc(158 * var(--px))}
.ft-home .ft-main{align-items:center;gap:calc(60 * var(--px));padding:calc(20 * var(--px)) 0}
.ft-home .ft-brand{align-self:flex-start;padding-top:calc(6 * var(--px));width:calc(225 * var(--px))}
.ft-home .ft-rule{display:block;border-top:1px solid rgba(198,219,235,.3);margin-top:calc(44 * var(--px));padding-top:calc(7 * var(--px));font-size:max(12px,calc(6.6 * var(--px)));color:#c4d8ea}
.ft-home .ft-cta{border-left:1px solid rgba(198,219,235,.25);padding-left:calc(36 * var(--px));margin-left:auto;margin-right:calc(50 * var(--px))}
.ft-home .ft-cta p{font-weight:800;font-size:max(16px,calc(11 * var(--px)));color:#fff;line-height:1.35;margin-bottom:calc(14 * var(--px))}


body.pg-richt{--px:calc(min(100vw,1280px)/1024);--pad:calc(38 * var(--px));--maxw:calc(950 * var(--px));--hdr-h:calc(62 * var(--px));--m1:#0b2239;--m2:#ff6a13}
.hero-richt{--hh:calc(246 * var(--px));--hw:58.5%;--cut:8%;--h1:calc(44 * var(--px));--cw:calc(440 * var(--px))}
.hero-richt .wrap{padding:calc(32 * var(--px)) 0 calc(22 * var(--px)) calc(18 * var(--px))}
.hero-richt .eyebrow{letter-spacing:.28em;color:#8fb6d8}
.hero-richt h1{line-height:1.05;margin-top:calc(12 * var(--px))}
.hero-richt .lead{font-size:max(16px,calc(14.5 * var(--px)));margin-top:calc(10 * var(--px));color:#fff}
.hero-badge{position:absolute;right:0;bottom:0;z-index:3;width:calc(169 * var(--px));height:calc(93 * var(--px));background:var(--orange);color:#fff;font-weight:800;font-size:max(12px,calc(10 * var(--px)));letter-spacing:.14em;text-transform:uppercase;line-height:1.45;padding:calc(34 * var(--px)) calc(18 * var(--px)) 0 calc(19 * var(--px));clip-path:polygon(calc(30 * var(--px)) 0,100% 0,100% 100%,0 100%,0 calc(30 * var(--px)))}
.filterbar{display:grid;grid-template-columns:minmax(0,3.1fr) minmax(0,2fr) minmax(0,2fr) minmax(0,1.5fr);gap:calc(12 * var(--px));align-items:center;background:var(--sky);border:1px solid var(--sky2);border-radius:calc(8 * var(--px));padding:calc(12 * var(--px));margin:calc(14 * var(--px)) 0 calc(14 * var(--px))}
.ctl{position:relative;display:flex;align-items:center;gap:calc(12 * var(--px));background:#fff;border-radius:calc(5 * var(--px));height:max(46px,calc(40 * var(--px)));padding:0 calc(14 * var(--px));color:var(--navy)}
.ctl>.ic{font-size:max(18px,calc(15 * var(--px)));color:var(--navy);flex:none}
.ctl input,.ctl select{flex:1;min-width:0;height:100%;border:0;background:transparent;font-size:max(15px,calc(9.6 * var(--px)));color:var(--navy);appearance:none;-webkit-appearance:none;outline-offset:6px;border-radius:4px}
.ctl select{padding-right:calc(22 * var(--px));cursor:pointer}
.ctl .chev{position:absolute;right:calc(12 * var(--px));font-size:max(14px,calc(11 * var(--px)));pointer-events:none}
.filterbar .btn{height:max(46px,calc(40 * var(--px)));font-size:max(14px,calc(9.6 * var(--px)))}
.rgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr)) minmax(0,1.04fr);gap:calc(14 * var(--px));align-items:start}
.rcard{position:relative;background:#fff;border:1px solid var(--sky2);display:flex;flex-direction:column;min-height:calc(265 * var(--px));clip-path:polygon(0 0,calc(100% - calc(14 * var(--px))) 0,100% calc(14 * var(--px)),100% 100%,0 100%)}
.rcard-photo{display:block;position:relative}
.rcard-photo img{display:block;width:100%;aspect-ratio:210/80;object-fit:cover}
.rcard .hex{position:absolute;left:calc(16 * var(--px));bottom:calc(-26 * var(--px));width:calc(58 * var(--px));height:calc(58 * var(--px));font-size:calc(24 * var(--px));z-index:2}
.rcard-body{padding:calc(36 * var(--px)) calc(18 * var(--px)) calc(16 * var(--px));display:flex;flex-direction:column;flex:1}
.rcard h3{font-size:max(18px,calc(15.4 * var(--px)))}
.rcard h3 a{text-decoration:none}
.rcard p{font-size:max(14px,calc(9.6 * var(--px)));line-height:1.5;color:var(--muted);margin:calc(8 * var(--px)) 0 calc(12 * var(--px))}
.rcard .more{margin-top:auto}
.rside{grid-column:4;grid-row:1/3;position:relative;background:linear-gradient(180deg,#e3f0fa,#d3e6f6);padding:calc(28 * var(--px)) calc(20 * var(--px)) calc(22 * var(--px));min-height:calc(560 * var(--px));overflow:hidden;clip-path:polygon(0 0,calc(100% - calc(16 * var(--px))) 0,100% calc(16 * var(--px)),100% 100%,0 100%);display:flex;flex-direction:column}
.rside .ic-compass{font-size:calc(54 * var(--px));color:var(--navy);stroke-width:1.2}
.rside h2{font-size:max(26px,calc(26 * var(--px)));line-height:1.12;margin:calc(20 * var(--px)) 0 calc(16 * var(--px))}
.rside p{font-size:max(14px,calc(9.8 * var(--px)));line-height:1.6;color:var(--ink)}
.rside .bp{left:calc(14 * var(--px));right:calc(14 * var(--px));bottom:calc(76 * var(--px));width:calc(100% - calc(28 * var(--px)));height:auto;max-height:calc(200 * var(--px));opacity:.8;stroke-width:1.2;color:#2a6aa0}
.rside .btn{margin-top:auto;position:relative}
.steps-r{position:relative;background:var(--sky);margin-top:calc(16 * var(--px));padding:calc(22 * var(--px)) calc(26 * var(--px)) calc(20 * var(--px));display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,2.3fr);gap:calc(34 * var(--px));align-items:center;clip-path:polygon(0 0,100% 0,100% calc(100% - calc(16 * var(--px))),calc(100% - calc(16 * var(--px))) 100%,0 100%)}
.steps-r .eyebrow{letter-spacing:.2em;color:#2a6aa0}
.steps-r h2{font-size:calc(36 * var(--px));margin:calc(6 * var(--px)) 0 calc(10 * var(--px))}
.steps-r h2 em{font-style:normal;color:var(--orange)}
.steps-r .copy p{font-size:max(14.5px,calc(10.6 * var(--px)));line-height:1.55;color:var(--ink)}
.steps-r ol{display:grid;grid-template-columns:1fr calc(24 * var(--px)) 1fr calc(24 * var(--px)) 1fr;gap:calc(6 * var(--px));align-items:start}
.steps-r li.s{text-align:left}
.steps-r h3{font-size:max(15px,calc(10.4 * var(--px)));margin:calc(8 * var(--px)) 0 calc(5 * var(--px))}
.steps-r li p{font-size:max(13.5px,calc(9.2 * var(--px)));line-height:1.45;color:var(--muted)}
.steps-r .sep{color:#2a6aa0;font-size:max(18px,calc(15 * var(--px)));padding-top:calc(14 * var(--px));display:flex;justify-content:center}
.faq-r{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.5fr);gap:calc(40 * var(--px));padding:calc(26 * var(--px)) 0 calc(40 * var(--px));align-items:start}
.faq-r .eyebrow{letter-spacing:.2em;color:#2a6aa0}
.faq-r h2{font-size:calc(34 * var(--px));margin:calc(6 * var(--px)) 0 calc(10 * var(--px));letter-spacing:-.03em}
.faq-r .copy p{font-size:max(15px,calc(10.8 * var(--px)));line-height:1.5;margin-bottom:calc(18 * var(--px))}
.faq-r .faq-list summary{font-size:max(14px,calc(9.2 * var(--px)));font-weight:400;padding:.5em 1em}
.ft-richt .ft-main{align-items:center;gap:calc(60 * var(--px));padding:calc(24 * var(--px)) 0}
.ft-richt .ft-nav{border-left:1px solid rgba(198,219,235,.3);padding:calc(6 * var(--px)) 0 calc(6 * var(--px)) calc(28 * var(--px))}
.ft-richt .ft-nav ul{gap:calc(3 * var(--px))}
.ft-richt .ft-tag{margin-right:0}
.ft-richt .ft-brand p{letter-spacing:.2em;text-transform:uppercase;font-size:max(12px,calc(8.4 * var(--px)));line-height:1.7}
.ft-richt .bp{right:20%;bottom:0;width:30%;color:#6c93b6;opacity:.45}


body.pg-elek{--px:calc(min(100vw,1280px)/1024);--pad:calc(55 * var(--px));--maxw:calc(914 * var(--px));--hdr-h:calc(54 * var(--px));--m1:#ff6a13;--m2:#ff6a13}
.pg-elek .logo-mark .m2{display:none}
.pg-elek .site-nav a{font-size:max(13.5px,calc(9.3 * var(--px)));font-weight:700}
.hero-elek{--hh:calc(322 * var(--px));--hw:55%;--cut:21%;--h1:calc(35 * var(--px));--cw:calc(405 * var(--px))}
.hero-elek .wrap{padding:calc(16 * var(--px)) 0 calc(26 * var(--px)) 0}
.hero-elek .crumbs{font-size:max(12px,calc(8.4 * var(--px)))}
.hero-elek .eyebrow{font-size:max(11px,calc(8.4 * var(--px)));letter-spacing:.06em;margin-top:calc(22 * var(--px));color:#fff}
.hero-elek h1{margin-top:calc(8 * var(--px));line-height:1.08}
.hero-elek h2.sub{font-size:max(16px,calc(12.5 * var(--px)));color:#fff;margin-top:calc(20 * var(--px));letter-spacing:0}
.hero-elek .lead{font-size:max(15px,calc(10.8 * var(--px)));line-height:1.6;margin-top:calc(12 * var(--px));color:#fff}
.hero-elek .btns{margin-top:calc(18 * var(--px))}
.hero-note{position:absolute;right:calc(26 * var(--px));top:calc(78 * var(--px));z-index:3;font-family:var(--script);font-style:italic;font-size:max(15px,calc(15 * var(--px)));line-height:1.5;color:#fff;transform:rotate(-9deg);width:calc(110 * var(--px));text-align:right;text-shadow:0 1px 3px rgba(0,0,0,.4)}
.hero-note::after{content:"";display:block;width:calc(34 * var(--px));height:2px;background:var(--orange);margin:calc(6 * var(--px)) 0 0 auto;border-radius:2px}
.hero-line{position:absolute;left:0;bottom:0;z-index:1;width:100%}
.elek-grid{display:grid;grid-template-columns:minmax(0,650fr) minmax(0,267fr);gap:calc(22 * var(--px));align-items:start}
.elek-grid h2.sec-title{font-size:calc(25 * var(--px))}
.elek-main .sec-lead{font-size:max(14.5px,calc(9.4 * var(--px)));line-height:1.45;color:var(--ink);margin:calc(6 * var(--px)) 0 calc(14 * var(--px))}
.skills{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(8 * var(--px))}
.skill{background:var(--sky);padding:calc(14 * var(--px)) calc(16 * var(--px)) calc(14 * var(--px));min-height:calc(122 * var(--px))}
.skill .ic{font-size:calc(26 * var(--px));color:var(--navy);stroke-width:1.5}
.skill h3{font-size:max(15px,calc(9.8 * var(--px)));margin:calc(10 * var(--px)) 0 calc(4 * var(--px));letter-spacing:-.01em}
.skill p{font-size:max(13.5px,calc(8.6 * var(--px)));line-height:1.45;color:var(--muted)}
.shots-sec{margin-top:calc(22 * var(--px))}
.shots{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(10 * var(--px));margin-top:calc(14 * var(--px))}
.shot{position:relative;margin:0;clip-path:polygon(0 0,100% 0,100% calc(100% - calc(14 * var(--px))),calc(100% - calc(14 * var(--px))) 100%,0 100%)}
.shot img{display:block;width:100%;aspect-ratio:210/136;object-fit:cover}
.shot figcaption{position:absolute;left:0;bottom:0;background:var(--navy);color:#fff;font-weight:700;font-size:max(13px,calc(8.8 * var(--px)));padding:.7em 1.1em;max-width:88%}
.facts{background:#fff;padding:calc(22 * var(--px)) calc(18 * var(--px)) calc(18 * var(--px));box-shadow:0 2px 18px rgba(11,34,57,.1);clip-path:polygon(0 0,calc(100% - calc(14 * var(--px))) 0,100% calc(14 * var(--px)),100% 100%,0 100%);margin-top:calc(-10 * var(--px));position:relative}
.facts h2{font-size:calc(21 * var(--px));line-height:1.12;margin-bottom:calc(12 * var(--px))}
.facts li{display:flex;gap:calc(12 * var(--px));padding:calc(12 * var(--px)) 0;border-bottom:1px solid var(--sky2)}
.facts li .hex{width:calc(38 * var(--px));height:calc(38 * var(--px));min-width:38px;min-height:38px;font-size:calc(17 * var(--px));background:var(--sky);color:var(--navy);clip-path:none;border-radius:calc(4 * var(--px))}
.facts strong{display:block;font-size:max(14px,calc(8.8 * var(--px)))}
.facts span.t{font-size:max(13.5px,calc(8.6 * var(--px)));color:var(--muted);line-height:1.45;display:block}
.facts .btn{width:100%;justify-content:space-between;margin-top:calc(14 * var(--px))}
.facts .alt{display:flex;gap:calc(12 * var(--px));margin-top:calc(14 * var(--px));align-items:flex-start;font-size:max(13.5px,calc(8.6 * var(--px)));color:var(--muted);line-height:1.45}
.facts .alt .ic{font-size:calc(26 * var(--px));color:var(--navy);stroke-width:1.4}
.facts .alt a{display:block;font-weight:700;color:var(--navy);font-size:max(14px,calc(8.8 * var(--px)))}
.path{display:grid;grid-template-columns:minmax(0,1fr) calc(18 * var(--px)) minmax(0,1fr) calc(18 * var(--px)) minmax(0,1fr);align-items:center;background:var(--sky);padding:calc(14 * var(--px)) calc(16 * var(--px));margin-top:calc(12 * var(--px))}
.path li.s{display:flex;gap:calc(12 * var(--px))}
.path .n{flex:none;width:calc(30 * var(--px));height:calc(30 * var(--px));min-width:30px;min-height:30px;border-radius:50%;background:var(--navy);color:#fff;font-weight:800;font-size:max(14px,calc(10 * var(--px)));display:flex;align-items:center;justify-content:center}
.path h3{font-size:max(14.5px,calc(9.4 * var(--px)));margin-bottom:calc(4 * var(--px));letter-spacing:-.01em}
.path p{font-size:max(13.5px,calc(8.6 * var(--px)));line-height:1.45;color:var(--muted)}
.path .sep{color:var(--orange);font-size:max(20px,calc(18 * var(--px)));display:flex;justify-content:center}
.elek-faq{margin-top:calc(20 * var(--px))}
.elek-faq .sec-head{align-items:center}
.elek-faq .sec-title{font-size:calc(25 * var(--px))}
.elek-faq .more{color:var(--navy);font-size:max(13px,calc(8.2 * var(--px)))}
.elek-faq .faq-list{margin-top:calc(10 * var(--px))}
.elek-faq .faq-list summary{font-size:max(14px,calc(8.8 * var(--px)));font-weight:400}
.elek-faq details[open]>summary .ic-plus{transform:rotate(45deg)}
.also{display:grid;grid-template-columns:minmax(0,1fr) repeat(3,minmax(0,1fr));gap:calc(18 * var(--px));align-items:start;padding:calc(28 * var(--px)) 0 calc(26 * var(--px))}
.also h2{font-size:calc(23 * var(--px))}
.also .copy p{font-size:max(14px,calc(8.8 * var(--px)));color:var(--muted);margin-top:calc(6 * var(--px));line-height:1.4}
.acard{background:#fff;border:1px solid var(--sky2);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;color:var(--ink)}
.acard:hover{box-shadow:0 6px 16px rgba(11,34,57,.14)}
.acard img{display:block;width:100%;aspect-ratio:216/58;object-fit:cover}
.acard .b{display:flex;justify-content:space-between;gap:8px;padding:calc(9 * var(--px)) calc(12 * var(--px)) calc(11 * var(--px))}
.acard h3{font-size:max(15px,calc(9.8 * var(--px)));letter-spacing:-.01em}
.acard p{font-size:max(13px,calc(8.2 * var(--px)));line-height:1.4;color:var(--muted);margin-top:calc(3 * var(--px))}
.acard .ic{color:var(--orange);font-size:max(16px,calc(12 * var(--px)));margin-top:calc(2 * var(--px));stroke-width:2.4}
.ft-elek{--ft-h:calc(78 * var(--px))}
.ft-elek .ft-main{align-items:flex-start;gap:calc(62 * var(--px));padding:calc(16 * var(--px)) 0}
.ft-elek .ft-brand{width:calc(185 * var(--px))}
.ft-elek .ft-col a{display:block;font-size:max(13px,calc(8.2 * var(--px)));color:#c4d8ea;padding:2px 0}


body.pg-verh,body.pg-info{--px:calc(min(100vw,1280px)/1024);--pad:calc(63 * var(--px));--maxw:calc(898 * var(--px));--hdr-h:calc(53 * var(--px));--m1:#0b2239;--m2:#0e6aa8}
.pg-verh .logo-mark .m1,.pg-info .logo-mark .m1{fill:var(--navy)}
.pg-verh .logo-mark .m2,.pg-info .logo-mark .m2{fill:#2b7cb8}
.pg-verh .site-nav a{font-size:max(13.5px,calc(9.3 * var(--px)))}
.hero-verh{--hh:calc(252 * var(--px));--hw:61%;--cut:0%;--h1:calc(44 * var(--px));--cw:calc(340 * var(--px));background:#0a2a4a}
.hero-verh .wrap{padding:calc(44 * var(--px)) 0 calc(30 * var(--px)) 0}
.hero-verh .eyebrow{color:var(--orange);letter-spacing:.14em;font-size:max(11px,calc(7.6 * var(--px)))}
.hero-verh h1{line-height:1.12;margin-top:calc(8 * var(--px))}
.hero-verh .lead{font-size:max(16px,calc(13.2 * var(--px)));line-height:1.5;margin-top:calc(12 * var(--px))}
.feat{display:grid;grid-template-columns:minmax(0,420fr) minmax(0,470fr);gap:calc(28 * var(--px));background:linear-gradient(120deg,#e3f0fa,#eaf4fb);border-radius:0 0 calc(14 * var(--px)) 0;margin-top:calc(20 * var(--px));padding:calc(10 * var(--px)) calc(10 * var(--px)) calc(10 * var(--px)) calc(11 * var(--px));position:relative;overflow:hidden;align-items:center}
.feat-photo{margin:0;clip-path:polygon(0 0,calc(100% - calc(30 * var(--px))) 0,100% calc(30 * var(--px)),100% 100%,calc(30 * var(--px)) 100%,0 calc(100% - calc(30 * var(--px))))}
.feat-photo img{display:block;width:100%;aspect-ratio:420/175;object-fit:cover}
.feat-copy{position:relative;z-index:1;padding:calc(4 * var(--px)) calc(14 * var(--px)) calc(4 * var(--px)) 0}
.feat h2{font-size:max(24px,calc(20.6 * var(--px)));margin:calc(10 * var(--px)) 0 calc(12 * var(--px));letter-spacing:-.01em}
.feat p{font-size:max(15px,calc(11.6 * var(--px)));line-height:1.55;color:var(--ink);margin-bottom:calc(16 * var(--px))}
.feat .bp{right:calc(-10 * var(--px));bottom:calc(-14 * var(--px));width:calc(190 * var(--px));color:#9cc5e6}
.filters-v{margin:calc(20 * var(--px)) 0 calc(14 * var(--px))}
.chips--v .chip{font-size:max(13.5px,calc(8.2 * var(--px)));padding:.7em 1.3em;border-radius:calc(3 * var(--px))}
.cgrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:calc(24 * var(--px)) calc(22 * var(--px))}
.card{display:flex;flex-direction:column;background:#fff}
.card-photo{display:block;clip-path:polygon(0 0,calc(100% - calc(24 * var(--px))) 0,100% calc(24 * var(--px)),100% 100%,calc(24 * var(--px)) 100%,0 calc(100% - calc(24 * var(--px))))}
.card-photo img{display:block;width:100%;aspect-ratio:287/124;object-fit:cover}
.card-body{padding:calc(14 * var(--px)) 0 calc(6 * var(--px));display:flex;flex-direction:column;flex:1}
.card .eyebrow{font-size:max(11px,calc(6.8 * var(--px)));color:var(--orange-d);letter-spacing:.1em}
.card h3{font-size:max(18px,calc(13.2 * var(--px)));line-height:1.2;margin:calc(6 * var(--px)) 0 calc(8 * var(--px));letter-spacing:-.01em}
.card h3 a{text-decoration:none}
.card h3 a:hover{text-decoration:underline}
.card p{font-size:max(14.5px,calc(10.2 * var(--px)));line-height:1.5;color:var(--muted)}
.card .more{margin-top:auto;padding-top:calc(10 * var(--px));color:var(--navy);text-decoration:underline;text-underline-offset:3px}
.cta-or{position:relative;background:var(--orange);color:#fff;margin-top:calc(28 * var(--px));overflow:hidden;min-height:calc(177 * var(--px))}
.cta-or .cta-photo{position:absolute;top:0;right:0;bottom:0;width:50%;clip-path:polygon(24% 0,100% 0,100% 100%,0 100%);margin:0}
.cta-or .cta-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.cta-or .wrap{position:relative;z-index:2;padding:calc(22 * var(--px)) 0 calc(24 * var(--px))}
.cta-or .cta-copy{width:min(100%,calc(400 * var(--px)))}
.cta-or h2{color:#fff;font-size:max(24px,calc(20.6 * var(--px)));margin-top:calc(10 * var(--px))}
.cta-or .eyebrow{color:#fff;letter-spacing:.14em;font-size:max(11px,calc(7.4 * var(--px)))}
.cta-or p{font-size:max(15px,calc(10.6 * var(--px)));line-height:1.5;margin:calc(10 * var(--px)) 0 calc(14 * var(--px))}
.themes{padding:calc(30 * var(--px)) 0 calc(12 * var(--px))}
.themes h2.sec-title{font-size:calc(25 * var(--px))}
.theme{background:var(--sky);padding:calc(18 * var(--px)) calc(22 * var(--px)) calc(20 * var(--px));margin-top:calc(12 * var(--px));scroll-margin-top:20px}
.theme:target{outline:3px solid var(--orange)}
.theme h3{font-size:max(19px,calc(14 * var(--px)));margin:calc(4 * var(--px)) 0 calc(8 * var(--px))}
.theme p{font-size:max(15px,calc(10.4 * var(--px)));line-height:1.6;max-width:calc(640 * var(--px))}
.theme ul{margin:calc(10 * var(--px)) 0 0;display:grid;gap:calc(6 * var(--px));max-width:calc(640 * var(--px))}
.theme li{padding-left:calc(18 * var(--px));position:relative;font-size:max(14.5px,calc(10 * var(--px)));line-height:1.5}
.theme li::before{content:"";position:absolute;left:0;top:.55em;width:7px;height:7px;background:var(--orange);transform:rotate(45deg)}
.ft-verh{--ft-h:calc(130 * var(--px))}
.ft-verh .ft-main{gap:calc(64 * var(--px));padding:calc(22 * var(--px)) 0 calc(18 * var(--px))}
.ft-verh .ft-brand{width:calc(235 * var(--px))}
.ft-verh .ft-nav a,.ft-verh .ft-col a{font-size:max(13.5px,calc(8.4 * var(--px)))}
.ft-verh .ft-col a{display:block;padding:3px 0;color:#c4d8ea}
.ft-verh .ft-cols{gap:calc(72 * var(--px))}
.ft-verh .ft-col h2{font-size:max(13px,calc(8.2 * var(--px)))}


body.pg-contact{--px:calc(min(100vw,1280px)/1024);--pad:calc(32 * var(--px));--maxw:calc(960 * var(--px));--hdr-h:calc(67 * var(--px));--m1:#ff6a13;--m2:#0b2239}
.pg-contact .site-nav ul{gap:calc(36 * var(--px))}
.pg-contact .site-nav a{font-size:max(13.5px,calc(9.4 * var(--px)))}
.pg-contact .logo-text{font-size:max(16px,calc(16.4 * var(--px)))}
.hero-contact{--hh:calc(288 * var(--px));--hw:53.6%;--cut:7%;--h1:calc(41 * var(--px));--cw:calc(430 * var(--px))}
.hero-contact .wrap{padding:calc(36 * var(--px)) 0 calc(30 * var(--px)) calc(20 * var(--px))}
.hero-contact .eyebrow{display:flex;align-items:center;gap:calc(14 * var(--px));letter-spacing:.14em;font-size:max(11px,calc(7.4 * var(--px)));color:#fff}
.hero-contact .eyebrow::after{content:"";width:calc(30 * var(--px));height:1px;background:#8fb6d8}
.hero-contact h1{margin-top:calc(26 * var(--px));line-height:1.1}
.hero-contact .lead{font-size:max(16px,calc(13.2 * var(--px)));line-height:1.5;margin-top:calc(26 * var(--px))}
.hero-contact .bp{left:calc(300 * var(--px));bottom:calc(-40 * var(--px));width:calc(180 * var(--px))}
.c-main{padding:calc(16 * var(--px)) 0 0}
.c-grid{display:grid;grid-template-columns:minmax(0,498fr) minmax(0,423fr);gap:calc(20 * var(--px));align-items:start}
.panel{background:var(--sky);padding:calc(20 * var(--px)) calc(22 * var(--px)) calc(26 * var(--px));clip-path:polygon(0 0,calc(100% - calc(24 * var(--px))) 0,100% calc(24 * var(--px)),100% 100%,0 100%)}
.c-topics.panel{clip-path:polygon(calc(24 * var(--px)) 0,100% 0,100% calc(100% - calc(24 * var(--px))),calc(100% - calc(24 * var(--px))) 100%,0 100%,0 calc(24 * var(--px)))}
.panel .eyebrow{display:flex;align-items:center;gap:calc(12 * var(--px));color:var(--ink);letter-spacing:.14em;font-size:max(11px,calc(7.2 * var(--px)))}
.panel .eyebrow::after{content:"";width:calc(28 * var(--px));height:1px;background:var(--navy)}
.panel h2{font-size:max(28px,calc(25 * var(--px)));line-height:1.12;margin:calc(12 * var(--px)) 0 calc(10 * var(--px));letter-spacing:-.03em}
.panel>p.lead,.panel .intro{font-size:max(15px,calc(10.8 * var(--px)));line-height:1.5;color:var(--ink)}
.f-row{display:grid;grid-template-columns:1fr 1fr;gap:calc(20 * var(--px))}
.f-field{margin-top:calc(16 * var(--px));min-width:0}
.f-field label{display:block;font-weight:700;font-size:max(14px,calc(9.2 * var(--px)));margin-bottom:calc(6 * var(--px));color:var(--navy)}
.f-field input,.f-field select,.f-field textarea{display:block;width:100%;background:#fff;border:1px solid var(--line);border-radius:calc(4 * var(--px));padding:0 calc(14 * var(--px));height:max(46px,calc(38 * var(--px)));font-size:max(15.5px,calc(9.8 * var(--px)));color:var(--navy)}
.f-field textarea{height:auto;min-height:calc(92 * var(--px));padding:calc(12 * var(--px)) calc(14 * var(--px));resize:vertical}
.f-field ::placeholder{color:#7d90a3}
.f-field select{appearance:none;-webkit-appearance:none;padding-right:calc(40 * var(--px))}
.sel{position:relative}
.sel .ic{position:absolute;right:calc(14 * var(--px));top:50%;transform:translateY(-50%);font-size:max(16px,calc(12 * var(--px)));pointer-events:none}
.f-check{display:flex;gap:calc(12 * var(--px));align-items:flex-start;font-size:max(14px,calc(9.2 * var(--px)));line-height:1.45;color:var(--ink);margin:calc(20 * var(--px)) 0 calc(16 * var(--px))}
.f-check input{flex:none;appearance:none;-webkit-appearance:none;width:max(22px,calc(17 * var(--px)));height:max(22px,calc(17 * var(--px)));margin:calc(2 * var(--px)) 0 0;border:1.5px solid var(--navy);border-radius:3px;background:#fff;position:relative;cursor:pointer}
.f-check input:checked{background:var(--orange);border-color:var(--orange)}
.f-check input:checked::after{content:"";position:absolute;left:32%;top:8%;width:30%;height:58%;border:solid #fff;border-width:0 2.5px 2.5px 0;transform:rotate(45deg)}
.f-check a{color:var(--navy)}
.btn--big{min-height:max(50px,calc(40 * var(--px)));font-size:max(16px,calc(11.8 * var(--px)));padding:.9em 2em;gap:1.4em}
.c-topics ul{display:grid;gap:calc(12 * var(--px));margin-top:calc(20 * var(--px))}
.topic{display:grid;grid-template-columns:max(50px,calc(52 * var(--px))) minmax(0,1fr) calc(20 * var(--px));align-items:center;gap:calc(14 * var(--px));background:#fff;padding:calc(14 * var(--px)) calc(16 * var(--px));text-decoration:none;color:inherit;min-height:calc(94 * var(--px));transition:box-shadow .15s}
.topic:hover{box-shadow:0 6px 18px rgba(11,34,57,.16)}
.topic .hex{width:calc(52 * var(--px));height:calc(52 * var(--px));min-width:48px;min-height:48px;border-radius:50%;clip-path:none;background:var(--sky);color:var(--navy);font-size:calc(24 * var(--px))}
.topic h3{font-size:max(18px,calc(13.4 * var(--px)));letter-spacing:-.01em}
.topic p{font-size:max(13.5px,calc(8.6 * var(--px)));line-height:1.45;color:var(--muted);margin-top:calc(4 * var(--px))}
.topic>.ic{color:var(--orange);font-size:max(20px,calc(17 * var(--px)));stroke-width:2.2}
.c-faq{position:relative;padding:calc(34 * var(--px)) 0 calc(28 * var(--px))}
.c-faq .eyebrow{display:flex;align-items:center;gap:calc(12 * var(--px));color:var(--ink);letter-spacing:.14em;font-size:max(11px,calc(7.2 * var(--px)))}
.c-faq .eyebrow::after{content:"";width:calc(28 * var(--px));height:1px;background:var(--navy)}
.c-faq h2{font-size:max(28px,calc(25 * var(--px)));margin:calc(10 * var(--px)) 0 calc(18 * var(--px));letter-spacing:-.03em}
.c-faq .faq-list{width:min(100%,calc(670 * var(--px)));position:relative;z-index:1}
.c-faq .faq-list summary{font-size:max(15.5px,calc(11.8 * var(--px)));padding:.7em 1em}
.c-faq .bp{right:0;top:0;width:calc(300 * var(--px));color:#8bb7dc;opacity:.9}
.c-cta{position:relative;background:#081a2e;color:#fff;overflow:hidden;min-height:calc(184 * var(--px))}
.c-cta .c-photo{position:absolute;left:0;top:0;bottom:0;width:40%;margin:0}
.c-cta .c-photo img{display:block;width:100%;height:100%;object-fit:cover;-webkit-mask-image:linear-gradient(90deg,#000 55%,transparent);mask-image:linear-gradient(90deg,#000 55%,transparent)}
.c-cta .tri{position:absolute;left:0;top:0;width:calc(54 * var(--px));height:calc(130 * var(--px));background:var(--orange);clip-path:polygon(0 0,100% 55%,100% 100%,0 100%)}
.c-cta .wrap{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:calc(30 * var(--px));padding:calc(30 * var(--px)) 0;width:min(100% - 2*var(--pad),calc(960 * var(--px)))}
.c-cta .copy{margin-left:min(33%,calc(330 * var(--px)));max-width:calc(380 * var(--px))}
.c-cta .eyebrow{display:flex;align-items:center;gap:calc(12 * var(--px));color:#fff;font-size:max(10px,calc(6.4 * var(--px)));letter-spacing:.12em}
.c-cta .eyebrow::after{content:"";width:calc(30 * var(--px));height:1px;background:#8fb6d8}
.c-cta h2{color:#fff;font-size:max(26px,calc(22.4 * var(--px)));margin:calc(8 * var(--px)) 0 calc(12 * var(--px));line-height:1.1;letter-spacing:-.02em}
.c-cta h2 em{font-style:normal;color:var(--orange)}
.c-cta p{font-size:max(14.5px,calc(9.8 * var(--px)));line-height:1.5;color:#dbe8f4}
.c-cta .btn{white-space:nowrap}
.ft-contact .ft-main{align-items:center;padding:calc(22 * var(--px)) 0 calc(22 * var(--px));gap:calc(50 * var(--px));min-height:calc(100 * var(--px))}
.ft-contact .ft-nav ul{flex-direction:row;gap:calc(36 * var(--px));margin:0 auto}
.ft-contact .ft-nav{margin-left:auto;margin-right:auto}
.ft-contact .bp{right:0;bottom:calc(-20 * var(--px));width:calc(200 * var(--px));color:#6c93b6;opacity:.5}


.prose{padding:calc(30 * var(--px)) 0 calc(40 * var(--px))}
.prose .wrap{width:min(100% - 2*var(--pad),calc(740 * var(--px)))}
.prose h2{font-size:max(22px,calc(19 * var(--px)));margin:calc(28 * var(--px)) 0 calc(8 * var(--px));letter-spacing:-.01em}
.prose h3{font-size:max(18px,calc(14 * var(--px)));margin:calc(20 * var(--px)) 0 calc(6 * var(--px))}
.prose p{font-size:max(16px,calc(11.4 * var(--px)));line-height:1.65;color:var(--ink);margin-bottom:calc(12 * var(--px))}
.prose ul.dots{margin:0 0 calc(14 * var(--px));display:grid;gap:calc(8 * var(--px))}
.prose ul.dots li{position:relative;padding-left:calc(20 * var(--px));font-size:max(16px,calc(11.4 * var(--px)));line-height:1.6}
.prose ul.dots li::before{content:"";position:absolute;left:0;top:.6em;width:7px;height:7px;background:var(--orange);transform:rotate(45deg)}
.prose a{color:var(--navy);font-weight:700}
.prose .next{margin-top:calc(26 * var(--px))}
.prose .steps-list{counter-reset:s;display:grid;gap:calc(14 * var(--px));margin:calc(6 * var(--px)) 0 calc(16 * var(--px))}
.prose .steps-list li{counter-increment:s;background:var(--sky);padding:calc(16 * var(--px)) calc(18 * var(--px)) calc(16 * var(--px)) calc(64 * var(--px));position:relative}
.prose .steps-list li::before{content:counter(s);position:absolute;left:calc(18 * var(--px));top:calc(14 * var(--px));width:calc(32 * var(--px));height:calc(32 * var(--px));min-width:30px;min-height:30px;border-radius:50%;background:var(--navy);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:800}
.prose .steps-list h3{margin:0 0 calc(4 * var(--px));font-size:max(18px,calc(13.4 * var(--px)))}
.prose .steps-list p{margin:0;font-size:max(15px,calc(10.4 * var(--px)))}
.hero-info{--hh:calc(190 * var(--px));--hw:0%;--h1:calc(42 * var(--px));--cw:calc(560 * var(--px))}
.hero-info .wrap{padding:calc(40 * var(--px)) 0 calc(36 * var(--px)) 0}
.hero-info .eyebrow{color:var(--orange)}
.hero-info .lead{font-size:max(16px,calc(13 * var(--px)))}
.hero-info.has-photo{--hw:40%;--cut:10%}
.blog-list{padding:calc(22 * var(--px)) 0 calc(10 * var(--px))}
.feed-note{background:var(--sky);padding:calc(18 * var(--px)) calc(22 * var(--px));margin-top:calc(6 * var(--px));font-size:max(15px,calc(10.6 * var(--px)));line-height:1.55;color:var(--ink)}
.art-wrap{width:min(100% - 2*var(--pad),calc(720 * var(--px)));margin:calc(30 * var(--px)) auto calc(40 * var(--px))}
.art-wrap .entry-title{font-size:max(30px,calc(36 * var(--px)));line-height:1.1;margin:calc(10 * var(--px)) 0 calc(8 * var(--px))}
.art-wrap .entry-meta{font-size:max(13px,calc(9 * var(--px)));color:var(--muted)}
.art-wrap .entry-hero{margin:calc(18 * var(--px)) 0 calc(22 * var(--px))}
.art-wrap .entry-hero img{display:block;width:100%;height:auto}
.art-wrap .entry-content{font-size:max(16px,calc(12 * var(--px)));line-height:1.7;color:var(--ink)}
.art-wrap .entry-content h2{font-size:max(24px,calc(22 * var(--px)));margin:calc(26 * var(--px)) 0 calc(8 * var(--px))}
.art-wrap .entry-content h3{font-size:max(19px,calc(16 * var(--px)));margin:calc(20 * var(--px)) 0 calc(6 * var(--px))}
.art-wrap .entry-content p{margin:0 0 calc(14 * var(--px))}
.art-wrap .entry-content a{color:var(--orange-d)}


@media (max-width:860px){
.nav-toggle{display:inline-flex}
.search-btn{margin-left:auto}
.search-btn+.nav-toggle{margin-left:0}
.site-nav{display:none;position:absolute;left:0;right:0;top:100%;margin:0;background:#fff;box-shadow:0 12px 24px rgba(8,26,46,.2);padding:6px 20px 18px}
.site-nav.is-open{display:block}
.site-nav ul{flex-direction:column;gap:0}
.site-nav a{padding:14px 0;font-size:17px;border-bottom:1px solid var(--sky2)}
.hdr-row{flex-wrap:nowrap}
.rgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.rside{grid-column:1/-1;grid-row:auto;min-height:0}
.filterbar{grid-template-columns:1fr 1fr}
.cgrid{grid-template-columns:repeat(2,minmax(0,1fr))}
.also{grid-template-columns:repeat(3,minmax(0,1fr))}
.also .copy{grid-column:1/-1}
.skills{grid-template-columns:repeat(2,minmax(0,1fr))}
.elek-grid{grid-template-columns:minmax(0,1fr)}
.facts{margin-top:20px}
}
@media (max-width:700px){
body.leer{--px:calc(100vw/430);--pad:20px;--hpad:16px;--maxw:640px;font-size:16px}
.bp,.hero-line,.hero-note,.ft-richt .bp,.ft-contact .bp,.c-cta .tri{display:none!important}
.hdr-row{min-height:60px}
.logo-mark{width:24px;height:26px}.pg-home .logo-mark{width:28px;height:30px}
.logo-text{font-size:16px!important}
.btn{font-size:15px}
.more{font-size:15px}
.eyebrow{font-size:11.5px}
.hero{min-height:0;display:flex;flex-direction:column}
.hero-photo{position:relative;order:2;width:100%;height:auto;aspect-ratio:4/3;clip-path:polygon(0 12%,100% 0,100% 100%,0 100%)}
.hero .wrap{padding:26px 0 18px!important}
.hero-copy{width:100%}
.hero h1{font-size:clamp(34px,10.4vw,46px);margin-top:12px}
.hero .lead{font-size:17px;margin-top:14px}
.hero .btns{margin-top:20px;gap:10px}
.hero-info{min-height:0}
.hero-info .wrap{padding:28px 0 26px!important}
.hero-info.has-photo .hero-photo{display:block}
.hero-badge{width:150px;height:76px;padding:24px 12px 0 16px;font-size:11px}
.crumbs{font-size:13.5px}
.sec{padding-top:28px}
.sec-title,.dirs .sec-title,.steps-sec .sec-title,.faq-sec .sec-title,.elek-faq .sec-title,.elek-grid h2.sec-title,.story h2,.themes h2.sec-title{font-size:clamp(26px,7.8vw,32px)}
.sec-note{font-size:15px;max-width:none}
.dirs{padding:26px 0 24px}
.tiles{grid-template-columns:minmax(0,1fr);gap:16px;margin-top:20px}
.tile img{aspect-ratio:16/8}
.tile-body{padding:0 18px 18px;margin-top:-30px}
.tile h3{font-size:22px}.tile p{font-size:15px;max-width:none}
.tile .go{width:36px;height:36px;font-size:18px}
.steps3{grid-template-columns:minmax(0,1fr);gap:12px;margin-top:22px}
.steps3 .sep{display:none}
.stepcard{min-height:0;padding:18px}
.stepcard .num{font-size:34px}.stepcard .top .ic{font-size:40px}
.stepcard h3{font-size:20px}.stepcard p{font-size:16px}
.story .wrap{grid-template-columns:minmax(0,1fr);gap:20px}
.story .copy p{font-size:17px;max-width:none}
.story-media{min-height:0;grid-template-rows:auto auto;grid-template-columns:62fr 38fr}
.story-media .badge{font-size:16px;padding:14px 12px}
.faq-sec{padding-bottom:28px}
.faq-list summary{font-size:16px}.faq-list details p{font-size:16px}
.ft-main{flex-direction:column;align-items:flex-start!important;gap:20px!important;padding:26px 0 16px!important}
.ft-home .ft-brand,.ft-verh .ft-brand,.ft-elek .ft-brand{width:auto}
.ft-home .ft-cta{border-left:0;padding-left:0;margin:0}
.ft-cols{flex-wrap:wrap;gap:20px 40px!important}
.ft-tag{margin-left:0}
.ft-richt .ft-nav{border-left:0;padding-left:0}
.ft-contact .ft-nav ul{flex-direction:column;gap:2px;margin:0}
.ft-contact .ft-nav{margin:0}
.ft-brand p,.ft-nav a,.ft-col a{font-size:15px!important}
.ft-nav a{padding:6px 0}
.ft-bar{font-size:13.5px;flex-direction:column;align-items:flex-start}
.ft-home .ft-rule{margin-top:14px;font-size:13px}
.filterbar{grid-template-columns:minmax(0,1fr);padding:12px}
.ctl{height:48px}.ctl input,.ctl select{font-size:16px}
.rgrid{grid-template-columns:minmax(0,1fr);gap:18px}
.rcard{min-height:0}
.rcard-photo img{aspect-ratio:16/6}
.rcard h3{font-size:21px}.rcard p{font-size:16px}
.rside{padding:24px 20px}.rside h2{font-size:28px}.rside p{font-size:16px}.rside .btn{margin-top:20px}
.rside .ic-compass{font-size:48px}
.steps-r{grid-template-columns:minmax(0,1fr);gap:20px;padding:22px 20px}
.steps-r h2{font-size:32px}
.steps-r .copy p{font-size:16px}
.steps-r ol{grid-template-columns:minmax(0,1fr);gap:16px}
.steps-r .sep{display:none}
.steps-r li.s{display:grid;grid-template-columns:52px 1fr;gap:4px 14px}
.steps-r li.s .hex{grid-row:1/3}
.steps-r h3{font-size:18px;margin:0}.steps-r li p{font-size:15px}
.faq-r{grid-template-columns:minmax(0,1fr);gap:20px;padding:24px 0 30px}
.faq-r h2{font-size:32px}.faq-r .copy p{font-size:16px}
.hex{width:48px;height:48px;font-size:22px}
.skills{grid-template-columns:minmax(0,1fr)}
.skill{min-height:0;padding:16px}.skill .ic{font-size:30px}.skill h3{font-size:17px}.skill p{font-size:15px}
.elek-main .sec-lead{font-size:16px}
.shots{grid-template-columns:minmax(0,1fr);gap:14px}
.shot figcaption{font-size:15px}
.facts{padding:20px 16px}.facts h2{font-size:24px}
.facts strong{font-size:16px}.facts span.t,.facts .alt{font-size:15px}
.path{grid-template-columns:minmax(0,1fr);gap:14px;padding:16px}
.path .sep{display:none}
.path h3{font-size:17px}.path p{font-size:15px}
.also{grid-template-columns:minmax(0,1fr);padding:24px 0}
.also h2{font-size:26px}.also .copy p{font-size:15px}
.acard img{aspect-ratio:16/5}
.acard h3{font-size:18px}.acard p{font-size:15px}
.feat{grid-template-columns:minmax(0,1fr);gap:14px;padding:10px 10px 18px}
.feat-photo{clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px))}
.feat h2{font-size:26px}.feat p{font-size:16px}
.feat-copy{padding:4px 8px}
.chips--v{flex-wrap:nowrap;overflow-x:auto;padding-bottom:6px;gap:8px}
.chips--v .chip{flex:none;font-size:15px;padding:.6em 1.2em}
.cgrid{grid-template-columns:minmax(0,1fr);gap:22px}
.card h3{font-size:21px}.card p{font-size:16px}.card .eyebrow{font-size:12px}
.card-photo{clip-path:polygon(0 0,calc(100% - 20px) 0,100% 20px,100% 100%,20px 100%,0 calc(100% - 20px))}
.cta-or{min-height:0;display:flex;flex-direction:column}
.cta-or .cta-photo{position:relative;order:2;width:100%;aspect-ratio:16/8;clip-path:polygon(0 18%,100% 0,100% 100%,0 100%)}
.cta-or h2{font-size:28px}.cta-or p{font-size:16px}
.theme{padding:16px}.theme h3{font-size:21px}.theme p,.theme li{font-size:16px}
.f-row{grid-template-columns:minmax(0,1fr);gap:0}
.c-grid{grid-template-columns:minmax(0,1fr);gap:18px}
.panel{padding:20px 16px 24px}.panel h2{font-size:30px}.panel>p.lead,.panel .intro{font-size:16px}
.f-field label{font-size:16px}
.f-field input,.f-field select,.f-field textarea{font-size:16px;height:48px;padding:0 12px}
.f-field textarea{height:auto;min-height:120px;padding:12px}
.f-check{font-size:15px}
.btn--big{width:100%;font-size:17px}
.topic{grid-template-columns:52px minmax(0,1fr) 20px;gap:12px;padding:14px;min-height:0}
.topic h3{font-size:20px}.topic p{font-size:15px}.topic>.ic{font-size:20px}.topic .hex{width:52px;height:52px;font-size:24px}
.c-faq{padding:30px 0 26px}.c-faq h2{font-size:30px}.c-faq .faq-list summary{font-size:17px}
.c-cta{min-height:0}
.c-cta .wrap{flex-direction:column;align-items:flex-start;padding:26px 0}
.c-cta .copy{margin-left:0;max-width:none}
.c-cta h2{font-size:28px}.c-cta p{font-size:16px}
.c-cta .c-photo{opacity:.55;width:100%}
.prose{padding:24px 0 32px}
.prose h2{font-size:24px}.prose p,.prose ul.dots li{font-size:17px}
.prose .steps-list li{padding:14px 14px 14px 56px}
.prose .steps-list li::before{left:14px}
.prose .steps-list h3{font-size:19px}.prose .steps-list p{font-size:16px}
.art-wrap .entry-title{font-size:clamp(30px,9vw,38px)}
.art-wrap .entry-content{font-size:17px}
.feed-note{font-size:16px}
}


.native-post{max-width:1040px;margin:32px auto;padding:24px}.native-post>.entry-hero{display:block;width:100%;max-height:420px;object-fit:cover;margin:24px 0}.native-post .entry-content{line-height:1.65;overflow-wrap:anywhere}.native-post .entry-content img{max-width:100%;height:auto}.native-blog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;max-width:1100px;margin:32px auto}.native-blog-card img{width:100%;height:200px;object-fit:cover}.native-blog-card h2{font-size:1.35rem}.native-blog-card{min-width:0;padding:12px;border:1px solid #d5e5ec}.native-blog-overview{max-width:1180px;margin:32px auto;padding:24px}.native-blog-overview>.native-blog-grid{margin:24px 0}.native-post h1{font-size:clamp(2rem,4vw,3.2rem)}@media(max-width:700px){.native-blog-grid{grid-template-columns:1fr;margin:20px}.native-post{padding:20px;margin:0}}