/*
Theme Name: BrightSupport
Author: BrightSupport
Version: 1.0.0
Requires at least: 6.6
Requires PHP: 8.0
Description: Eigen WordPress-blokthema zonder Elementor.
Text Domain: brightsupport
*/
:root{--background:#000000;--foreground:#ededeb;--primary:#ffb800;--primary-foreground:#ededeb;--secondary:#101010;--muted:#101010;--muted-foreground:#b3b3b3;--border:#303030;--ring:#ffb800;--radius:.5rem;--font-sans:Arial,Helvetica,sans-serif}
.dark{--background:#ededeb;--foreground:#000000;--primary:#ffb800;--primary-foreground:#ededeb;--secondary:#171717;--muted:#171717;--muted-foreground:#b3b3b3;--border:#343434;--ring:#ffb800}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{margin:0;background:var(--background);color:var(--foreground);font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:3px solid #ffb800;outline-offset:6px}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{font-weight:500}svg{flex-shrink:0}.header{max-width:1600px;margin:auto;padding:29px 5%;display:flex;align-items:center;justify-content:space-between;gap:28px}.brand{display:flex;gap:10px;align-items:center;font-size:25px;font-weight:700;letter-spacing:-1px}.brand-light{font-weight:400}.brand sup{font-size:11px;margin-left:5px;vertical-align:top;letter-spacing:0}nav{display:flex;gap:32px;font-size:14px}nav a:hover,.text-link:hover{color:#ffb800}.nav-cta{display:flex;gap:23px;align-items:center;font-size:14px;border-bottom:1px solid #ededeb;padding-bottom:5px}.hero{max-width:1600px;margin:auto;display:grid;grid-template-columns:1fr 1fr;min-height:650px;padding:25px 5% 44px;gap:5%}.hero-copy{padding-top:26px}.eyebrow{font-size:12px;font-weight:600;letter-spacing:1.7px;display:flex;align-items:center;gap:10px}.dot{height:7px;width:7px;border-radius:50%;background:#ffb800}h1{font-size:clamp(56px,6.3vw,94px);line-height:1.04;letter-spacing:-5px;margin:26px 0}em{font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#ffb800;letter-spacing:-3px}.intro{max-width:430px;color:#b3b3b3;line-height:1.7;font-size:17px}.actions{display:flex;align-items:center;gap:22px;flex-wrap:wrap;margin-top:32px}.button{background:var(--primary);padding:17px 23px;border-radius:4px;display:inline-flex;align-items:center;justify-content:space-between;gap:23px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#ffca42;transform:translateY(-2px)}.text-link{display:inline-flex;gap:10px;align-items:center;font-size:14px}.hero-note{font-size:12px;color:#b3b3b3;margin-top:22px}.hero-image{position:relative;border-radius:6px;overflow:hidden;background:#ededeb;min-height:565px}.hero-image>img{position:absolute;filter:brightness(.82);object-position:43% center}.hero-image:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 45%,#000000df);pointer-events:none}.image-top{position:absolute;top:25px;left:27px;right:27px;display:flex;align-items:center;justify-content:space-between;color:white;font-size:11px;letter-spacing:1.8px;z-index:1}.tour-link{position:absolute;bottom:64px;left:25px;right:25px;border:1px solid #ffffff65;background:#070707cc;backdrop-filter:blur(8px);border-radius:5px;padding:20px;display:flex;align-items:center;gap:17px;color:white;z-index:2}.tour-link>svg{margin-left:auto}.round{height:49px;width:49px;display:grid;place-items:center;border:1px solid #ffb800;border-radius:50%;font-size:14px;color:#ffb800}.tour-link small{display:block;letter-spacing:1px;font-size:10px;color:#c4c4c4}.tour-link strong{font-weight:400;font-size:17px}.image-foot{position:absolute;bottom:27px;left:27px;font-size:11px;color:#c4c4c4;z-index:2}.value-strip{border-block:1px solid var(--border);display:flex;justify-content:space-between;gap:20px;padding:21px 5%;font-size:13px;color:#c4c4c4}.value-strip span{display:flex;align-items:center;gap:11px}.section{max-width:1600px;margin:auto;padding:95px 5%}.section-heading{display:grid;grid-template-columns:.65fr 1.3fr 1fr;gap:35px;align-items:start}h2{font-size:clamp(34px,3.5vw,51px);line-height:1.14;letter-spacing:-1.9px}.section-heading>p:last-child,.projects-heading>p,.process>div>p:not(.eyebrow){color:#b3b3b3;max-width:380px}.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin-top:52px}.audience-grid article{border-top:1px solid #393939;padding-top:26px}.card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:25px}.card-top>span{font-size:12px;color:#ffb800}.audience h3{font-size:24px;letter-spacing:-.7px;margin-bottom:12px}.audience article p{color:#b3b3b3;max-width:370px}.audience article a{margin-top:30px;display:flex;justify-content:space-between;gap:15px;font-size:13px;border-bottom:1px solid var(--border);padding-bottom:17px}.projects{background:#101010;max-width:none}.projects-heading{display:flex;justify-content:space-between;align-items:end;gap:35px}.projects .eyebrow{margin-bottom:18px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:40px}.project-photo{height:300px;position:relative;overflow:hidden;border-radius:4px}.project-photo img{transition:transform .4s}.project:hover img{transform:scale(1.03)}.project-photo>span{position:absolute;right:16px;bottom:16px;background:#000000;padding:10px 14px;font-size:11px;letter-spacing:.7px;display:flex;align-items:center;gap:18px}.project-caption{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:16px}.project-caption h3{font-size:22px;letter-spacing:-.5px}.project-caption>span{font-size:13px;color:#b3b3b3}.process{display:grid;grid-template-columns:1fr 1fr;gap:10%}.process h2{margin:22px 0}.process .text-link{margin-top:28px}.process ol{list-style:none;padding:0;margin:0}.process li{display:flex;gap:25px;padding:26px 0;border-bottom:1px solid var(--border)}.process li:first-child{padding-top:0}.process li>span{font-family:Georgia,serif;color:#ffb800;font-size:27px}.process h3{font-size:21px;margin-bottom:9px}.process li p{color:#b3b3b3;font-size:15px}.contact{background:#101010;color:#ededeb;padding:75px 5%;display:grid;grid-template-columns:1.5fr 1fr;gap:8%;align-items:center}.contact .eyebrow{color:#ffb800}.contact h2{margin:23px 0;font-size:clamp(37px,4vw,59px)}.contact em{color:#ffb800}.contact p:not(.eyebrow){max-width:490px;color:#b3b3b3}.contact-actions{display:flex;align-items:start;flex-direction:column;gap:13px}.contact .button{color:#ededeb;padding:20px 27px;min-width:260px;margin-bottom:12px}.contact-actions>a:not(.button){font-size:15px}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:35px 5%}footer>span{font-size:12px;color:#b3b3b3}.skip{position:absolute;left:20px;top:-100px;background:white;z-index:10;padding:10px}.skip:focus{top:10px}
@media(min-width:1600px){.projects,.contact,.value-strip{padding-inline:max(5%,calc((100vw - 1440px)/2))}}
@media(max-width:1000px){.hero{gap:4%;min-height:auto}.hero-image{min-height:580px}h1{letter-spacing:-3px}.section-heading{grid-template-columns:1fr 1.5fr}.section-heading>.eyebrow{grid-column:1/-1}.value-strip span:last-child{display:none}.audience-grid{gap:24px}.project-caption{align-items:start;flex-direction:column;gap:2px}nav{gap:20px}.brand{font-size:22px}}
@media(max-width:700px){.header{padding:22px 6%;flex-wrap:wrap;gap:18px}.header nav{order:3;width:100%;justify-content:space-between;border-top:1px solid var(--border);padding-top:15px}.nav-cta{font-size:12px;gap:8px}.brand{font-size:21px}.brand>svg{width:25px}.brand sup{display:none}.hero{padding:6px 6% 30px;grid-template-columns:1fr;gap:30px}.hero-copy{padding-top:20px}h1{font-size:65px;line-height:1.01;margin:23px 0}.intro{font-size:16px}.hero-image{min-height:420px}.hero-note{font-size:12px}.value-strip{padding:18px 6%;flex-wrap:wrap;font-size:12px;gap:8px 20px}.section{padding:62px 6%}.section-heading{display:block}.section-heading h2{margin:20px 0}.audience-grid{grid-template-columns:1fr;margin-top:35px;gap:30px}.audience article p{max-width:none}.audience article a{margin-top:20px}.card-top{margin-bottom:16px}.projects-heading{display:block}.projects-heading>p{margin-top:20px}.project-grid{grid-template-columns:1fr;gap:30px}.project-photo{height:260px}.process{grid-template-columns:1fr;gap:38px}.contact{grid-template-columns:1fr;padding:58px 6%;gap:32px}.contact h2{font-size:42px}.contact em{letter-spacing:-1px}footer{padding:30px 6%;align-items:start;flex-direction:column;gap:15px}.tour-link{left:16px;right:16px;padding:15px;gap:10px}.image-foot{left:18px;font-size:10px}.tour-link strong{font-size:16px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
.solutions{border-top:1px solid var(--border)}.solution{display:grid;grid-template-columns:1fr 1.5fr;gap:8%;border-bottom:1px solid var(--border);padding-block:76px}.solution:nth-child(2){background:#0c0c0c}.solution-intro h2{font-size:clamp(30px,2.7vw,41px);line-height:1.2;margin:24px 0;letter-spacing:-1.1px}.solution-intro .eyebrow{color:#ffb800}.solution-promise{color:#aaa;max-width:320px;font-size:16px}.use-cases{display:grid;gap:25px}.use-cases article{display:flex;gap:19px}.case-number{color:#ffb800;font-size:13px;margin-top:4px;font-variant-numeric:tabular-nums}.use-cases h3{font-size:21px;letter-spacing:-.4px;margin-bottom:7px}.use-cases p,.delivery>div>p:last-child{font-size:16px;color:#b3b3b3;line-height:1.7}.delivery{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:32px;padding-top:28px;border-top:1px solid #303030}.delivery .eyebrow{margin-bottom:12px;color:#eee}.outcome{padding:20px 23px;border-left:2px solid #ffb800;background:#151515;margin-top:28px}.outcome>span{color:#ffb800;font-size:13px}.outcome p{font-size:17px;margin-top:5px}.sector-cta{margin-top:25px;color:#ffb800;font-size:15px}.audience-grid article{display:flex;flex-direction:column}.audience article>a{margin-top:auto;padding-top:25px}.audience article>p{margin-bottom:10px}.value-strip,.project-caption>span{font-size:14px}.hero-note{font-size:13px}.contact h2{font-size:clamp(34px,3.7vw,53px)}@media(max-width:800px){.solution{grid-template-columns:1fr;gap:30px}.solution-promise{max-width:none}.solution-intro h2{max-width:620px}}@media(max-width:500px){.delivery{grid-template-columns:1fr}.solution{padding-block:50px}.contact h2{font-size:36px}.contact h2 em{letter-spacing:-1px}.sector-cta{align-items:flex-start}.section-heading h2{font-size:38px}}

:root,.dark{color-scheme:dark;--background:#000;--foreground:#ededeb;--primary:#ffb800;--primary-foreground:#090909}.button,.contact .button{color:#090909}.header{padding-block:16px}.brand-logo{width:94px;height:94px;object-fit:contain}.hero-image{background:#101010}.hero-image>img{filter:brightness(.9)}.project-photo>span{background:#141414;color:#eee;border:1px solid #454545}.skip{background:#ffb800;color:#000}.eyebrow{color:#a9a9a9}h1{font-size:clamp(54px,5.8vw,86px);letter-spacing:-3px}.hero{min-height:600px}.hero-image{min-height:540px}footer .brand-logo{width:86px;height:86px}@media(max-width:700px){.brand-logo{width:80px;height:80px}.hero h1{font-size:clamp(43px,10.5vw,65px);letter-spacing:-2px}.hero-image{min-height:420px}}

/* Standaard WordPress-blokken; geen pagebuilder. */
.wp-site-blocks{padding:0}.wp-block-group,.wp-block-image{margin-block:0}.wp-block-image{margin-inline:0}.wp-block-button__link{background:#ffb800;color:#090909;padding:17px 23px;border-radius:4px;display:inline-block;font-weight:600;font-size:14px;text-decoration:none}.wp-block-button__link:hover{background:#ffca42}.wp-block-buttons{display:flex;flex-wrap:wrap;gap:16px}.brand-logo{flex-shrink:0}.brand-logo img{object-fit:contain}.bs-nav{display:flex;gap:32px;font-size:14px}.header{max-width:1600px}.hero-image>.wp-block-image{position:absolute;inset:0;height:100%}.hero-image>.wp-block-image img{height:100%;object-fit:cover}.tour-link{display:block}.tour-link a{display:block}.section-heading{grid-template-columns:1.5fr 1fr;gap:8%;align-items:end}.section-heading .eyebrow{margin-bottom:20px}.audience-grid{align-items:stretch}.audience-card{border-top:1px solid #393939;padding-top:24px;display:flex;flex-direction:column;gap:12px}.audience-card h3{font-size:25px;line-height:1.2;min-height:60px}.audience-card p{color:#b3b3b3;font-size:15px}.audience-card .question{color:#ededeb;min-height:52px}.audience-card .card-number,.card-number{color:#ffb800!important}.delivery-copy{border-top:1px solid #303030;padding-top:20px;margin-top:10px!important}.sector-link{margin-top:auto!important;padding-top:22px}.sector-link a{display:block;border-bottom:1px solid #303030;padding-bottom:16px;color:#ededeb}.tour-track{display:flex;gap:32px;overflow-x:auto;scroll-snap-type:x mandatory;margin-top:40px!important;scrollbar-width:thin;scrollbar-color:#ffb800 #222}.tour-card{flex:0 0 calc((100% - 32px)/2);scroll-snap-align:start;min-width:0;padding-bottom:14px}.tour-card h3{font-size:22px;margin-top:16px}.project-photo a{display:block;height:100%}.tour-controls{display:flex;justify-content:flex-end;align-items:center;gap:12px;margin-top:22px}.tour-controls span{color:#aaa;font-size:13px;margin-right:8px}.tour-controls button{width:44px;height:44px;border-radius:50%;border:1px solid #ffb800;background:transparent;color:#ffb800;cursor:pointer;font-size:22px}.tour-controls button:hover{background:#ffb800;color:#000}button:focus-visible{outline:3px solid white;outline-offset:4px}.step{padding:26px 0;border-bottom:1px solid #303030}.step:first-child{padding-top:0}.step h3{font-size:21px}.step p{color:#b3b3b3}.step .card-number{float:left;margin-right:18px}.bs-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:35px 5%;font-size:12px;color:#aaa}.bs-footer .brand-logo{width:86px;height:86px}.contact-actions{align-items:flex-start}.hero h1{font-size:clamp(54px,5.3vw,86px)}
@media(max-width:767px){.header{min-height:124px;padding:12px 6%;flex-wrap:wrap;gap:10px}.header .brand-logo{width:48px;height:48px}.header .bs-nav{order:3;width:100%;justify-content:space-between;padding-top:10px;border-top:1px solid #303030;gap:12px}.hero{grid-template-columns:1fr 1fr;gap:20px 16px;min-height:calc(100svh - 124px);align-content:center;padding:24px 6% 36px}.hero-copy{display:contents}.hero-copy>.eyebrow{grid-row:1;grid-column:1/-1;font-size:9px}.hero h1{grid-row:2;grid-column:1;font-size:clamp(30px,8.2vw,48px);line-height:1.08;letter-spacing:-1.5px;margin:0;align-self:center}.hero h1 em{letter-spacing:-1.5px}.hero-image{grid-row:2;grid-column:2;min-height:230px}.hero .intro{grid-row:3;grid-column:1/-1;font-size:14px}.hero .actions{grid-row:4;grid-column:1/-1;margin:0;gap:16px}.hero .text-link{width:100%}.hero-note,.image-top,.image-foot{display:none}.tour-link{left:8px;right:8px;bottom:10px;font-size:12px;padding:10px}.section-heading{display:block}.section-heading h2{margin-block:18px}.audience-grid{grid-template-columns:1fr}.audience-card h3,.audience-card .question{min-height:0}.bs-footer{align-items:flex-start;flex-direction:column}.contact h2 em{letter-spacing:-1px}}
@media(max-width:700px){.tour-card{flex-basis:100%}.project-photo{height:260px}.bs-nav{font-size:13px}}
.hero .actions{margin-top:32px}.audience-grid{margin-top:52px}.bs-footer .brand-logo img{height:86px}.hero-image .wp-block-image img{object-position:43% center}
@media(max-width:767px){.hero .actions{margin-top:0}.audience-grid{margin-top:35px}}