:root{--paper:#F4F1E9;--ink:#351D2B;--muted:#6e5c65;--line:#d9cec8;--lime:#D8C3A5}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #956B7A;outline-offset:6px}.wrap{width:min(1280px,88%);margin-inline:auto}.concept{padding:9px 6%;text-align:center;background:var(--ink);color:#F4F1E9;font-size:12px;letter-spacing:.02em}.header{display:flex;align-items:center;justify-content:space-between;padding-block:31px}.brand{display:flex;align-items:center;gap:13px;font-weight:800;line-height:.95;font-size:23px;letter-spacing:.04em}.brand small{font-size:11px;letter-spacing:.24em}.mark{font-size:43px;letter-spacing:-.18em;padding-right:13px}.mark span{font-size:25px;vertical-align:top}nav{display:flex;gap:36px;font-size:14px}nav a:last-child{border-bottom:1px solid var(--ink);padding-bottom:7px}nav span{margin-left:25px}.hero{display:grid;grid-template-columns:1.15fr 1fr;gap:40px;padding-top:64px}.eyebrow{font-size:11px;font-weight:700;letter-spacing:.15em;line-height:1.6;margin:0 0 30px}.eyebrow>span{display:inline-block;width:7px;height:7px;background:#956B7A;border-radius:50%;margin-right:10px}h1{font-size:clamp(65px,7.8vw,112px);line-height:.98;letter-spacing:-.075em;font-weight:500;margin:0 0 32px}em{font-family:"Nash Avenir", "Avenir Next", Avenir, Arial, sans-serif;font-weight:400}h1 em{letter-spacing:-.07em}.lead{max-width:370px;font-size:17px;line-height:1.7;color:var(--muted)}.button{display:inline-flex;gap:42px;align-items:center;background:var(--ink);color:var(--paper);padding:19px 23px;margin-top:18px;font-size:13px}.button:hover{background:#573348}.art{position:relative;overflow:hidden;background:var(--ink);min-height:475px;display:grid;place-items:center}.grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff09 1px,transparent 1px),linear-gradient(90deg,#ffffff09 1px,transparent 1px);background-size:44px 44px}.orbit{position:absolute;border:1px solid #D8C3A555;width:370px;height:370px;border-radius:50%;transform:rotate(-35deg) scaleX(.55)}.o2{transform:rotate(30deg) scaleX(.55)}.o3{transform:rotate(90deg) scaleX(.55)}.core{font-size:120px;letter-spacing:-.14em;font-weight:700;color:var(--lime);z-index:1;transform:translateX(-13px)}.core span{font-size:62px;vertical-align:top}.art-label{position:absolute;bottom:26px;left:26px;color:#F4F1E9;font-size:10px;letter-spacing:.17em;line-height:1.9}.art-label span{display:block;color:#D8C3A5}.coord{position:absolute;right:22px;top:24px;color:#D8C3A5;font-size:9px;letter-spacing:.15em}.hero-foot{grid-column:1/-1;display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0 48px;font-size:11px;color:var(--muted)}.hero-foot span span{margin-left:40px}.companies{background:#eae2d8;padding:78px 0 84px}.section-heading{display:grid;grid-template-columns:1fr 1.6fr;gap:30px;margin-bottom:50px}h2{font-size:clamp(35px,4.2vw,57px);line-height:1.08;letter-spacing:-.05em;font-weight:400;margin:0}.company{border-top:1px solid #cbbbac;padding:36px 0;display:grid;grid-template-columns:1fr 1.35fr .25fr;gap:30px}.company:last-child{border-bottom:1px solid #cbbbac}.number{font-family:"Nash Avenir", "Avenir Next", Avenir, Arial, sans-serif;color:#806b77;font-size:22px}.company .eyebrow{margin-bottom:12px;font-size:10px}h3{font-size:32px;letter-spacing:-.035em;font-weight:400;margin:0 0 16px}.company p:not(.eyebrow){font-size:15px;line-height:1.75;color:#6e5c65;max-width:460px}.pending{display:inline-block;border:1px solid #c3acae;border-radius:24px;padding:7px 12px;font-size:10px;margin-top:8px;color:#6e5c65}.company-symbol{font-size:43px;text-align:right}.contact{padding-block:85px 95px}.contact-body{display:grid;grid-template-columns:1.5fr 1fr;gap:50px;align-items:end}.contact-body p{font-size:17px;line-height:1.7;max-width:330px}.contact-body .contact-pending{font-size:13px;color:var(--muted);border-top:1px solid var(--line);padding-top:18px}footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:25px;padding-block:29px;font-size:10px;color:var(--muted)}.footer-brand{font-weight:700;color:var(--ink);letter-spacing:.1em}.skip{position:absolute;top:-100px;background:white;padding:15px;z-index:10}.skip:focus{top:0}@media(min-width:1500px){.hero{padding-top:85px}}@media(max-width:760px){.header{padding-block:24px}nav{gap:18px;font-size:12px}nav span{margin-left:8px}.hero{padding-top:32px;grid-template-columns:1fr;gap:32px}h1{font-size:76px}.art{min-height:360px}.orbit{width:305px;height:305px}.hero-foot{gap:20px;line-height:1.6;padding-bottom:28px}.hero-foot span span{margin-left:8px}.section-heading{grid-template-columns:1fr;gap:0}.section-heading .eyebrow{margin-bottom:20px}.companies{padding-block:50px}.company{grid-template-columns:35px 1fr 28px;gap:12px}.company-symbol{font-size:30px}h3{font-size:28px}.contact{padding-block:55px}.contact-body{grid-template-columns:1fr;gap:20px}footer{flex-wrap:wrap;line-height:1.7}.concept{font-size:10px}.brand{font-size:19px}.brand small{font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{font-family:"Avenir Next",Avenir,Arial,sans-serif}.brand-logo{display:block;width:240px;height:auto}.core-logo{position:relative;width:60%;max-width:300px;height:auto;z-index:1}.company{grid-template-columns:.35fr 1.4fr .65fr}.entity-logo{width:100%;max-width:230px;height:auto;align-self:center}.group{padding-block:80px}.group-intro{max-width:650px;color:var(--muted);line-height:1.8;margin-block:28px 36px}.trade-parent{padding:25px 0;border-block:1px solid var(--line);font-size:24px}.trade-parent span{float:right;font-size:11px;letter-spacing:.06em;margin-top:10px;color:var(--muted)}.trade-names{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;padding-top:30px}.trade-names>div{border-left:2px solid #D8C3A5;padding-left:20px;font-size:25px}.trade-names span{display:block;font-size:11px;color:var(--muted);margin-top:10px}.contact{border-top:1px solid var(--line)}.contact-links a{display:block;border-top:1px solid var(--line);padding-block:16px;font-size:18px}.contact-links small{display:block;font-size:9px;letter-spacing:.12em;color:var(--muted);margin-bottom:7px}.contact-links a:hover{color:#805769}@media(max-width:760px){.brand-logo{width:165px}.company{grid-template-columns:28px 1fr}.entity-logo{grid-column:2;width:170px}.trade-names{grid-template-columns:1fr;gap:25px}.trade-parent{font-size:21px}.trade-parent span{float:none;display:block}.group{padding-block:55px}}

/* Huisstijl: Avenir Next Regular en Demi Bold; logotypografie is in SVG-contouren vastgelegd. */
@font-face{font-family:"Nash Avenir";src:local("AvenirNext-Regular"),local("Avenir Next Regular");font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:"Nash Avenir";src:local("AvenirNext-DemiBold"),local("Avenir Next Demi Bold");font-weight:600 900;font-style:normal;font-display:swap}
body{font-family:"Nash Avenir","Avenir Next",Avenir,Arial,sans-serif;font-weight:400}
h1,h2,h3{font-weight:400}em{font-family:inherit;font-style:normal;color:#805769}h1 em{letter-spacing:inherit}
.eyebrow,.brand,.footer-brand{font-weight:600}.brand-logo{width:280px}.core-logo{width:78%;max-width:370px}.number{font-family:inherit}.entity-logo{max-width:260px}.art-label{display:none}.footer-brand img{display:block;height:auto}
@media(max-width:760px){.header{flex-wrap:wrap;gap:22px}.brand-logo{width:220px}nav{width:100%;justify-content:space-between}.core-logo{width:80%}}

.structure-note{max-width:700px;font-size:13px;line-height:1.8;color:var(--muted);margin-top:35px}.trade-names span{line-height:1.6}

.parent-brand{display:grid;grid-template-columns:1.1fr 1fr;gap:42px;align-items:center;margin-top:40px;padding-bottom:45px;border-bottom:1px solid var(--line)}.parent-brand p:not(.eyebrow){line-height:1.8;color:var(--muted)}.logo-window{position:relative;display:block;overflow:hidden;isolation:isolate}.logo-window img{position:absolute;top:0;left:0;display:block;height:auto;max-width:none}.ag-logo{aspect-ratio:2.15;background:#030d19}.ag-logo img{width:175%}.brand-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:36px}.brand-card{border:1px solid var(--line);display:flex;flex-direction:column}.brand-card .logo-window{aspect-ratio:1.65}.strux-logo{background:#0e1114}.strux-logo img{width:100%;top:5%}.labs-logo{background:#f5f7fa}.labs-logo img{width:182%;top:6%}.records-logo{background:#0b0b0b}.records-logo img{width:200%}.brand-card-body{padding:26px;display:flex;flex-direction:column;flex:1}.brand-card-body .eyebrow{font-size:9px;margin-bottom:12px}.brand-card-body h3{font-size:27px}.brand-card-body p:not(.eyebrow){font-size:14px;line-height:1.8;color:var(--muted);margin:0 0 23px}.brand-link{display:inline-block;font-size:13px;text-decoration:underline;text-underline-offset:5px}.brand-card-body .brand-link{margin-top:auto}.site-status{display:block;font-size:11px;color:var(--muted);margin-top:14px}.brand-link:hover{color:#805769}@media(max-width:900px){.brand-cards{grid-template-columns:1fr}.brand-card{display:grid;grid-template-columns:1fr 1fr}.brand-card .logo-window{aspect-ratio:auto;min-height:240px}.brand-card .logo-window img{top:0}.parent-brand{gap:25px}}@media(max-width:600px){.parent-brand{grid-template-columns:1fr}.brand-card{display:flex}.brand-card .logo-window{aspect-ratio:1.65;min-height:0}}

.brand-card .logo-window{aspect-ratio:2.2}.strux-logo img{top:0}@media(max-width:900px){.brand-card{display:flex}.brand-card .logo-window{aspect-ratio:2.2;min-height:0}.brand-cards{max-width:580px;margin-inline:auto}}

/* Nauwkeurige uitsneden van de originele huisstijloverzichten. */
.brand-card .strux-logo{aspect-ratio:2.2;background:#0e1114}
.brand-card .strux-logo img{width:147.5294%;left:-24.7059%;top:50%;transform:translateY(-20.7337%)}
.brand-card .labs-logo{aspect-ratio:2.2;background:#f5f7fa}
.brand-card .labs-logo img{width:221.0072%;left:-9.3525%;top:50%;transform:translateY(-21.9727%)}

/* Gemeenschappelijke middenlijn en optische logohoogte, onafhankelijk van de bronmarges. */
.brand-card .logo-window{aspect-ratio:2.2}
.brand-card .strux-logo img{width:147.5294%;left:50%;top:50%;transform:translate(-50%,-21.3716%)}
.brand-card .labs-logo img{width:143.75%;left:50%;top:50%;transform:translate(-26.8555%,-21.2402%)}
.brand-card .records-logo img{width:200%;left:50%;top:50%;transform:translate(-25%,-21.5820%)}

.brand-card .labs-logo{display:flex;align-items:center;justify-content:center;background:#f5f7fa}.brand-card .labs-logo img{position:static;width:86%;height:76%;max-width:100%;object-fit:contain;transform:none}

:root{color-scheme:light}.theme-toggle{font:inherit;font-size:12px;color:var(--ink);background:transparent;border:1px solid var(--line);border-radius:24px;padding:9px 14px;cursor:pointer;white-space:nowrap}.theme-toggle:hover{background:var(--line)}.theme-toggle:focus-visible{outline:2px solid var(--ink);outline-offset:4px}nav{align-items:center}nav a:last-of-type{border-bottom:1px solid var(--ink);padding-bottom:7px}.concept,.art,.button{background:#351D2B;color:#F4F1E9}.button:hover{background:#573348}
:root[data-theme="dark"]{color-scheme:dark;--paper:#1C1B20;--ink:#F4F1E9;--muted:#c4b7bd;--line:#51414b;--lime:#D8C3A5}
[data-theme="dark"] .companies{background:#2b2029}
[data-theme="dark"] .company,[data-theme="dark"] .company:last-child{border-color:var(--line)}
[data-theme="dark"] .company p:not(.eyebrow),[data-theme="dark"] .number{color:var(--muted)}
[data-theme="dark"] .pending{color:#D8C3A5;border-color:#806574}
[data-theme="dark"] em{color:#D8C3A5}
[data-theme="dark"] .brand-card{background:#251f26}
[data-theme="dark"] .brand-link:hover,[data-theme="dark"] .contact-links a:hover{color:#D8C3A5}
[data-theme="dark"] .skip{background:#351D2B;color:#F4F1E9}
@media(max-width:760px){nav{flex-wrap:wrap;gap:16px}.theme-toggle{padding:8px 11px}}

@media(min-width:761px) and (max-width:1100px){.header{flex-wrap:wrap;gap:22px}nav{width:100%;justify-content:space-between;gap:18px}}