@import url("../../zakelijk/styles.css");

:root{--warm:#f8f5f0;--sand:#ece5dc;--deep:#222026;--violet:#6b5686;--soft-line:rgba(44,36,39,.16)}
body{min-width:0;background:var(--warm)}
html{scroll-padding-top:82px}
.site-header.is-scrolled{background:rgba(34,32,38,.92)}
.hero{min-height:max(740px,100svh);background:#8f6248}
.hero-image{background-image:url("../../assets/solutions/uitvaart/hero-herdenkingsruimte-extended.webp");background-position:center 49%}
.hero-shade{background:linear-gradient(90deg,rgba(29,22,23,.84),rgba(29,22,23,.68) 33%,rgba(29,22,23,.1) 69%,rgba(29,22,23,.02)),linear-gradient(0deg,rgba(29,22,23,.48),rgba(29,22,23,.28) 18%,transparent 62%)}
.hero-content{padding-top:clamp(175px,22vh,245px)}
.hero-content>.eyebrow{color:#f3d7bd}
.hero h1{max-width:690px;font-size:clamp(52px,5.2vw,72px)}
.hero h1 span{color:#f8e8d5}
.hero-intro{max-width:555px;color:rgba(255,255,255,.87)}
.intro{padding:clamp(95px,11vw,160px) 0;background:var(--warm)}
.intro .eyebrow,.roles .eyebrow,.faq .eyebrow{color:#806b5d}
.intro-grid{grid-template-columns:.58fr 1.42fr}
.intro h2{max-width:900px}
.intro .lead{max-width:750px}
.intro-sequence{display:flex;align-items:center;flex-wrap:wrap;gap:18px;margin-top:42px;padding-top:20px;border-top:1px solid var(--soft-line);color:#3b3531;font-size:13px;font-weight:600}
.intro-sequence b{color:#aa907c;font-size:17px;font-weight:400}
.workflow{padding:clamp(90px,10vw,135px) 0 0;background:#eeeae5}
.workflow .section-head{margin-bottom:55px}
.workflow .section-head h2{max-width:850px}
.workflow-layout{display:grid;grid-template-columns:.76fr 1.24fr;gap:7%;align-items:start}
.workflow-copy{border-top:1px solid var(--soft-line)}
.workflow-step{min-height:590px;display:flex;flex-direction:column;justify-content:center;padding:55px 6% 55px 0;border-bottom:1px solid var(--soft-line);opacity:.48;transition:opacity .35s ease}
.workflow-step.is-current{opacity:1}
.step-number{display:block;margin-bottom:30px;color:var(--violet);font:600 12px var(--mono);letter-spacing:.1em}
.workflow-step .eyebrow{color:#796487}
.workflow-step h3{max-width:500px;margin:14px 0 20px;font:510 clamp(38px,4.2vw,60px)/1.05 var(--display);letter-spacing:-.045em}
.workflow-step>p:last-of-type{max-width:450px;margin:0;color:#5c5754;font-size:16px;line-height:1.75}
.workflow-visual{position:sticky;top:calc(50vh - 210px);margin:0;padding:13px;background:#f9f7f4;box-shadow:0 20px 58px rgba(47,32,27,.09)}
.workflow-visual img{width:100%;aspect-ratio:1672/941;object-fit:cover}
.workflow-visual figcaption{margin:14px 6px 4px;color:#6c6562;font:500 10px var(--mono);letter-spacing:.1em;text-transform:uppercase}
.workflow-progress{position:relative;display:flex;align-items:center;justify-content:space-between;margin:19px 6px 8px;counter-reset:workflow-step}
.workflow-progress:before{position:absolute;right:4px;left:4px;top:50%;height:1px;background:#cfc5cd;content:""}
.workflow-progress span{position:relative;z-index:1;display:grid;place-items:center;width:30px;height:30px;border:1px solid #cfc5cd;border-radius:50%;background:#f9f7f4;color:#807782;font:600 10px var(--mono);counter-increment:workflow-step;transition:background .25s,color .25s,border-color .25s,transform .25s}
.workflow-progress span:before{content:counter(workflow-step,decimal-leading-zero)}
.workflow-progress span.is-complete{border-color:var(--violet);color:var(--violet)}
.workflow-progress span.is-current{transform:scale(1.08);border-color:var(--violet);background:var(--violet);color:#fff}
.step-mobile-image{display:none}
.roles{padding:clamp(95px,11vw,150px) 0;background:#eeeae5}
.roles .section-head{max-width:850px}
.roles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px;margin-top:57px}
.roles-grid article{padding:26px 0 0;border-top:1px solid #b7aaa4}
.roles-grid article>span{color:var(--violet);font:600 11px var(--mono)}
.roles-grid h3{margin:28px 0 12px;font:510 clamp(25px,2.5vw,34px)/1.1 var(--display);letter-spacing:-.03em}
.roles-grid p{min-height:56px;max-width:310px;margin:0;color:#5b5654;font-size:14px;line-height:1.65}
.roles-grid ul{margin:24px 0 0;padding:0;list-style:none}
.roles-grid li{padding:11px 0;border-top:1px solid var(--soft-line);font-size:13px}
.software{padding:clamp(90px,10vw,140px) 0;background:#24232a;color:#f7f5f2}
.software .section-head{max-width:860px}.software .section-head>.eyebrow,.software-panel .eyebrow{color:#c1a9d6}
.software .section-head>p:last-child{max-width:700px;color:#d1ccce}
.software-tabs{display:flex;gap:35px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;margin-top:48px;border-bottom:1px solid rgba(255,255,255,.19)}
.software-tabs::-webkit-scrollbar{display:none}
.software-tabs button{flex:0 0 auto;position:relative;padding:16px 0 19px;border:0;background:none;color:#b5afb8;font-size:14px;cursor:pointer}
.software-tabs button[aria-selected=true]{color:#fff}.software-tabs button[aria-selected=true]:after{position:absolute;bottom:-1px;left:0;right:0;height:2px;background:#cbb8dc;content:""}
.software-panel{display:grid;grid-template-columns:.47fr 1fr;align-items:center;gap:5%;padding-top:42px}
.software-panel h3{margin:18px 0;font:510 clamp(36px,4.1vw,58px)/1.08 var(--display);letter-spacing:-.04em}
.software-panel p:not(.eyebrow){max-width:390px;color:#cec8cb;font-size:15px;line-height:1.72}
.software-panel img{width:100%;aspect-ratio:1672/941;object-fit:cover;border:1px solid rgba(255,255,255,.12);border-radius:8px}
.in-space{position:relative;min-height:660px;display:flex;align-items:center;overflow:hidden;background:#9a775f;color:#fff}
.space-image,.space-image img{position:absolute;inset:0;width:100%;height:100%}.space-image img{object-fit:cover;object-position:center}
.in-space:after{position:absolute;inset:0;background:linear-gradient(90deg,rgba(34,25,24,.84),rgba(34,25,24,.66) 34%,rgba(34,25,24,.08) 72%);content:""}
.space-copy{position:relative;z-index:1;padding-block:100px}.space-copy>div{max-width:560px}.space-copy .eyebrow{color:#f2d8c3}
.space-copy h2{margin:18px 0;font:510 clamp(47px,5.5vw,74px)/1.03 var(--display);letter-spacing:-.045em}
.space-copy p:not(.eyebrow){max-width:470px;color:rgba(255,255,255,.86);font-size:16px;line-height:1.73}
.space-copy .text-link{color:#fff}
.solution{padding:clamp(95px,11vw,150px) 0 80px;background:#f5f1eb}
.solution-grid{display:grid;grid-template-columns:1fr .8fr;align-items:center;gap:8%}.solution-copy .eyebrow{color:#796583}
.solution-copy h2{margin:20px 0;font:510 clamp(48px,5.5vw,75px)/1.02 var(--display);letter-spacing:-.045em}
.solution-copy>p:not(.eyebrow){max-width:550px;color:#5f5b58;font-size:16px;line-height:1.72}
.solution-equation{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-top:35px;color:#393136;font-size:12px;font-weight:650}.solution-equation span{padding:12px 15px;border:1px solid #cfc3c3;border-radius:99px}.solution-equation b{color:#8c7697;font-size:18px;font-weight:400}
.solution-render{display:grid;place-items:center;min-height:470px;background:radial-gradient(circle,#e9dcd2 0%,#eee9e3 65%,transparent 72%)}.solution-render img{width:min(100%,530px);max-height:530px;object-fit:contain}
.solution-parts{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:65px;border-top:1px solid var(--soft-line)}
.solution-parts div{display:grid;align-content:start;gap:15px;padding:25px 10px 28px 0;border-bottom:1px solid var(--soft-line)}.solution-parts span{color:#776883;font:500 10px var(--mono);text-transform:uppercase;letter-spacing:.07em}.solution-parts strong{max-width:250px;font-size:14px;line-height:1.5;font-weight:550}
.partner-note{max-width:1260px;margin-top:28px;color:#6d6764;font-size:12px;line-height:1.7}
.faq{background:#f8f5f0}.faq-list summary{font-size:15px}.faq-list details p{font-size:14px}
.final-cta{background:linear-gradient(120deg,#29262d,#3c3339 60%,#55453c)}.final-inner>.eyebrow{color:#ead6c3}.final-inner h2{max-width:870px}.final-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;margin-top:30px}.final-actions .button{margin:0}
.footer{background:#222026}
.modal-card{background:#f8f5f0}
:focus-visible{outline-color:#c7a2df}
@media(max-width:1050px){.nav{gap:17px}.nav-links{gap:14px}.brand img{width:170px}.workflow-step{min-height:500px}.workflow-visual{top:calc(50vh - 170px)}.software-panel{grid-template-columns:.65fr 1fr}}
@media(max-width:780px){.hero{min-height:790px;min-height:94svh}.hero-image{background-position:68% center}.hero-shade{background:linear-gradient(90deg,rgba(29,22,23,.8),rgba(29,22,23,.58) 63%,rgba(29,22,23,.24)),linear-gradient(0deg,rgba(29,22,23,.54),rgba(29,22,23,.3) 20%,transparent 62%)}.hero-content{padding-top:175px}.hero h1{font-size:clamp(45px,9.4vw,67px)}.workflow{padding-bottom:85px}.workflow-layout{display:block}.workflow-copy{border:0}.workflow-step,.workflow-step.is-current{min-height:0;display:block;padding:32px 0 38px;opacity:1}.workflow-step h3{font-size:clamp(34px,7vw,48px)}.workflow-step>p:last-of-type{max-width:580px}.step-number{margin-bottom:18px}.step-mobile-image{display:block;width:100%;margin-top:28px;aspect-ratio:1672/941;object-fit:cover}.workflow-visual{display:none}.roles-grid{grid-template-columns:1fr;gap:20px}.roles-grid article{padding-top:22px}.roles-grid h3{margin-top:15px}.roles-grid p{min-height:0}.roles-grid ul{margin-top:20px}.software-panel{grid-template-columns:1fr;gap:22px}.software-panel p:not(.eyebrow){max-width:600px}.in-space{min-height:670px}.space-image img{object-position:0% center}.in-space:after{background:linear-gradient(90deg,rgba(34,25,24,.85),rgba(34,25,24,.47) 72%),linear-gradient(0deg,rgba(34,25,24,.32),transparent 60%)}.solution-grid{grid-template-columns:1fr;gap:10px}.solution-render{min-height:350px}.solution-render img{max-height:390px}.solution-parts{grid-template-columns:1fr 1fr;margin-top:25px}}
@media(max-width:480px){.hero{min-height:770px;min-height:96svh}.hero-image{background-position:65% center}.hero-shade{background:linear-gradient(90deg,rgba(29,22,23,.84),rgba(29,22,23,.62)),linear-gradient(0deg,rgba(29,22,23,.62),rgba(29,22,23,.34) 20%,transparent 64%)}.hero-content{padding-top:155px}.hero h1{font-size:clamp(44px,11vw,56px)}.hero-intro{font-size:15px}.intro,.roles,.software,.solution,.faq{padding-top:76px;padding-bottom:76px}.intro-sequence{gap:10px;font-size:11px}.workflow{padding-top:76px;padding-bottom:70px}.workflow .section-head{margin-bottom:24px}.workflow-step{padding-block:30px}.software-tabs{gap:24px;margin-top:32px}.software-tabs button{font-size:12px}.software-panel{padding-top:28px}.software-panel h3{font-size:37px}.in-space{min-height:650px}.space-image img{object-position:0% center}.space-copy{padding-block:80px}.space-copy h2{font-size:49px}.solution-equation{gap:9px}.solution-equation span{font-size:11px;padding:9px 11px}.solution-parts{grid-template-columns:1fr 1fr;gap:10px}.solution-parts strong{font-size:12px}.final-actions{align-items:center;flex-direction:column}.final-actions .button{width:100%;max-width:290px}}
@media(max-width:360px){.nav .brand span{display:none}.nav .brand img{width:145px}.software-tabs{gap:17px}.software-tabs button{font-size:11px}}
@media(prefers-reduced-motion:reduce){.workflow-step{transition:none}}