/* Drop-in homepage component. Styles are scoped to .rk-selected-work only. */
.rk-selected-work{--rk-text:#f2f4ef;--rk-muted:#aab5b0;--rk-accent:#d8f4ad;--rk-line:#303a37;--rk-panel:#13191c;color:var(--rk-text);font-family:inherit;line-height:1.65;padding:62px 0 58px;scroll-margin-top:30px}
.rk-selected-work *{box-sizing:border-box}
.rk-selected-work a{color:inherit;text-decoration:none}
.rk-selected-work a:focus-visible{outline:3px solid var(--rk-accent);outline-offset:6px}
.rk-selected-work .rk-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:29px}
.rk-selected-work .rk-eyebrow{font-size:11px;line-height:1.5;text-transform:uppercase;letter-spacing:.14em;color:var(--rk-muted);margin:0 0 16px}
.rk-selected-work h2{font-size:clamp(32px,3.5vw,45px);line-height:1.12;font-weight:500;letter-spacing:-.047em;margin:0;max-width:610px}
.rk-selected-work .rk-section-intro{font-size:15px;color:var(--rk-muted);max-width:320px;margin:0 0 3px}
.rk-selected-work .rk-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}
.rk-selected-work .rk-card{border:1px solid var(--rk-line);border-radius:17px;background:var(--rk-panel);overflow:hidden;min-width:0;display:flex;flex-direction:column;transition:transform .2s,border-color .2s}
.rk-selected-work .rk-card:hover{transform:translateY(-3px);border-color:#779269}
.rk-selected-work .rk-visual{height:235px;position:relative;background:#152019;border-bottom:1px solid #304034;overflow:hidden;display:flex;align-items:center;justify-content:center}
.rk-selected-work .rk-visual svg{width:100%;height:100%;padding:24px 12px 5px}
.rk-selected-work .rk-brand{position:absolute;top:20px;left:26px;font-weight:600;font-size:13px;letter-spacing:.12em;color:#dbe9cf;z-index:1}
.rk-selected-work .rk-role{position:absolute;bottom:17px;right:24px;font-size:10px;color:#b7c5b0;letter-spacing:.025em}
.rk-selected-work .rk-copy{display:flex;flex-direction:column;flex:1;padding:28px}
.rk-selected-work .rk-copy .rk-eyebrow{font-size:10px;letter-spacing:.095em;margin-bottom:13px}
.rk-selected-work h3{font-size:30px;line-height:1.16;font-weight:500;letter-spacing:-.045em;margin:0 0 16px;max-width:460px}
.rk-selected-work .rk-summary{font-size:15px;line-height:1.8;color:var(--rk-muted);margin:0 0 22px}
.rk-selected-work .rk-result{font-size:12px;color:#dfebd3;line-height:1.7;margin:0 0 21px;display:flex;align-items:baseline;gap:9px}
.rk-selected-work .rk-result:before{content:"";background:var(--rk-accent);width:5px;height:5px;border-radius:50%;flex:0 0 5px;align-self:center}
.rk-selected-work .rk-case-cta{display:flex;align-items:center;justify-content:space-between;font-size:12px;padding-top:15px;border-top:1px solid var(--rk-line);margin-top:auto}
.rk-selected-work .rk-case-cta span{font-size:18px}
.rk-selected-work .rk-featured{grid-column:1/-1;display:grid;grid-template-columns:1.03fr .97fr}
.rk-selected-work .rk-featured .rk-copy{order:0;padding:37px}
.rk-selected-work .rk-featured h3{font-size:36px;max-width:470px}
.rk-selected-work .rk-featured .rk-visual{order:1;height:auto;min-height:376px;border-bottom:0;border-left:1px solid #304034}
.rk-selected-work .rk-featured .rk-brand{font-size:17px;top:25px;left:31px}
.rk-selected-work .rk-featured .rk-eyebrow:before{content:"Featured · ";color:var(--rk-accent)}
.rk-selected-work .rk-blue .rk-visual{background:#13202d;border-color:#2b3e4c}
.rk-selected-work .rk-blue .rk-brand{color:#c2dff3}
.rk-selected-work .rk-purple .rk-visual{background:#211f34;border-color:#3b3754}
.rk-selected-work .rk-purple .rk-brand{color:#dbd4f5}
.rk-selected-work .rk-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:29px}
.rk-selected-work .rk-bottom p{font-size:13px;color:var(--rk-muted);margin:0}
.rk-selected-work .rk-button{display:inline-flex;align-items:center;gap:28px;background:var(--rk-accent);border:1px solid var(--rk-accent);border-radius:30px;padding:13px 22px;color:#162115;font-size:13px;font-weight:600;white-space:nowrap}
.rk-selected-work .rk-invite{margin-top:53px;padding:29px 0 0;border-top:1px solid var(--rk-line);display:flex;justify-content:space-between;align-items:center;gap:28px}
.rk-selected-work .rk-invite h3{font-size:23px;line-height:1.25;margin:0 0 8px;letter-spacing:-.035em}
.rk-selected-work .rk-invite p{font-size:14px;color:var(--rk-muted);max-width:600px;margin:0}
.rk-selected-work .rk-linkedin{font-size:13px;line-height:1.5;white-space:nowrap;border-bottom:1px solid #819575;padding-bottom:5px}
@media(max-width:760px){
.rk-selected-work{padding:40px 0 44px}.rk-selected-work .rk-heading{display:block}.rk-selected-work h2{font-size:34px;max-width:480px;margin-bottom:16px}.rk-selected-work .rk-section-intro{font-size:14px;max-width:410px}.rk-selected-work .rk-grid{grid-template-columns:1fr;gap:22px}.rk-selected-work .rk-featured{display:flex;grid-column:auto}.rk-selected-work .rk-featured .rk-visual{order:0;min-height:0;height:230px;border:0;border-bottom:1px solid #304034}.rk-selected-work .rk-featured .rk-copy{order:1;padding:26px}.rk-selected-work .rk-featured h3,.rk-selected-work h3{font-size:29px}.rk-selected-work .rk-visual{height:220px}.rk-selected-work .rk-copy{padding:26px}.rk-selected-work .rk-summary{font-size:14px}.rk-selected-work .rk-bottom{align-items:flex-start;flex-direction:column;gap:18px}.rk-selected-work .rk-invite{display:block;margin-top:35px;padding-top:25px}.rk-selected-work .rk-invite p{margin-bottom:19px}.rk-selected-work .rk-invite h3{font-size:25px}.rk-selected-work .rk-linkedin{display:inline-block;white-space:normal}.rk-selected-work .rk-featured .rk-brand{font-size:15px;left:26px;top:20px}}
@media(prefers-reduced-motion:reduce){.rk-selected-work .rk-card{transition:none}.rk-selected-work .rk-card:hover{transform:none}}

.rk-selected-work .visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

/* Integration with the established Rijkens.nl homepage. */
.rk-selected-work{--rk-text:#f5f7fb;--rk-muted:#a1aec2;--rk-accent:#9ecaff;--rk-line:rgba(183,210,249,.18);--rk-panel:#0c1422;max-width:1500px;margin:auto;padding:70px 8% 85px}
.rk-selected-work .rk-card,.rk-selected-work .rk-card:hover{color:var(--rk-text);text-decoration:none}
.rk-selected-work .rk-card:hover{border-color:var(--rk-accent)}
.rk-selected-work h3{font-family:Manrope,sans-serif}
.rk-selected-work .rk-result{color:#c0d4ed}
.rk-selected-work .rk-button,.rk-selected-work .rk-linkedin{background:none;border:0;border-radius:0;padding:4px 0;color:var(--rk-accent);font-size:15px;font-weight:400;text-decoration:underline;text-decoration-color:rgba(158,202,255,.5);text-underline-offset:7px;text-decoration-thickness:1px;white-space:normal}
.rk-selected-work .rk-case-cta{font-size:15px;color:var(--rk-accent);text-decoration:underline;text-decoration-color:rgba(158,202,255,.5);text-underline-offset:7px}
.rk-selected-work .rk-summary{font-size:16px}
@media(max-width:760px){.rk-selected-work{padding:45px 6% 60px}.rk-selected-work .rk-summary{font-size:16px}}
.rk-selected-work a.rk-card:not(.wordmark):not(.journal-card),.rk-selected-work a.rk-card:not(.wordmark):not(.journal-card):hover{color:var(--rk-text);text-decoration:none}
