/* Isolated own-projects showcase; native typography and button behaviour retained. */
.studio-pages .sp-own-projects{background:#f5f5f2;color:#111219;padding-block:clamp(48px,7vw,100px)}
.sp-own-projects .section__header{margin-bottom:44px}
.sp-own-projects .section__header p{margin:20px 0 0;color:#53595e}
.sp-own-projects__list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;transition:grid-template-columns .45s cubic-bezier(.2,.65,.3,1)}
.sp-own-project{min-width:0;display:flex;flex-direction:column}
.sp-own-project .sp-own-project__media{position:relative;isolation:isolate;overflow:hidden;margin:0;height:clamp(320px,34vw,520px);border-radius:0}
.sp-own-project__media--creator{background:#10151f;color:#fff}
.sp-own-project__media--cookie{background:#f5d83a}
.sp-own-project__media--outside{background:#344435}
.sp-own-project__media:after{content:"";position:absolute;z-index:1;inset:0;background:linear-gradient(145deg,rgb(7 11 17 / .30),rgb(7 11 17 / .48));pointer-events:none}
.sp-own-project__screen,.sp-own-project__nature,.sp-own-project__cookie-illustration{display:block;width:100%;height:100%;object-fit:cover}
.sp-own-project__screen{object-position:65% 50%}
.sp-own-project__nature{object-position:50% 58%}
.sp-own-project__center-brand{position:absolute;z-index:2;inset:0;display:flex;justify-content:center;align-items:center;gap:12px;padding:20px;color:#fff;font-weight:700;font-size:27px;line-height:1.1;text-shadow:0 2px 18px #0004}
.sp-own-project__product-brand img{width:39px;height:36px;object-fit:contain}
.sp-own-project__cookie-brand{flex-direction:column;gap:8px;font-family:WABSanukBlack,sans-serif}
.sp-own-project__cookie-brand img{width:64px;height:64px;object-fit:contain}
.sp-own-project__center-brand .sp-own-project__nature-logo{width:140px;height:auto;object-fit:contain}
.studio-pages--about .sp-own-projects .sp-own-project__body{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:0;padding:30px clamp(22px,2.5vw,48px) 0;min-width:0}
.studio-pages--about .sp-own-projects .sp-own-project__body>h3{margin:0 0 18px!important;min-height:2.4em}
.studio-pages--about .sp-own-projects .sp-own-project__body>p{margin:0!important;color:#53595e}
.studio-pages--about .sp-own-projects .sp-own-project__body>.button{margin-top:20px;max-width:100%;font-size:15px;padding-inline:22px}
@media(max-width:1000px) and (min-width:768px){
 .sp-own-projects__list{gap:8px}
 .sp-own-project__center-brand{font-size:22px;gap:8px;padding:12px}
 .sp-own-project .sp-own-project__media{height:270px}
 .studio-pages--about .sp-own-projects .sp-own-project__body>.button{font-size:14px;padding-inline:16px;gap:8px}
}
@media(max-width:767px){
 .sp-own-projects .section__header{margin-bottom:30px}
 .sp-own-projects__list{grid-template-columns:1fr;gap:40px}
 .sp-own-project .sp-own-project__media{height:280px;border-radius:0}
 .studio-pages--about .sp-own-projects .sp-own-project__body{padding-top:22px}
 .studio-pages--about .sp-own-projects .sp-own-project__body>h3{min-height:0;margin-bottom:14px!important}
 .studio-pages--about .sp-own-projects .sp-own-project__body>p{margin-bottom:0!important}
}
@media(max-width:359px){
 .sp-own-project .sp-own-project__media{height:220px}
}

.sp-own-project__film{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s ease;pointer-events:none}
.sp-own-project__film.is-ready{opacity:1}
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 .sp-own-projects__list[data-project-active="1"]{grid-template-columns:2fr 1fr 1fr}
 .sp-own-projects__list[data-project-active="2"]{grid-template-columns:1fr 2fr 1fr}
 .sp-own-projects__list[data-project-active="3"]{grid-template-columns:1fr 1fr 2fr}
 .sp-own-project--creator .sp-own-project__screen{height:125%;object-position:65% 0;transition:transform 5s ease-in-out}
 .sp-own-projects__list[data-project-active="1"] .sp-own-project--creator .sp-own-project__screen{transform:translateY(-20%)}
}
@media(prefers-reduced-motion:reduce){
 .sp-own-projects__list,.sp-own-project__screen,.sp-own-project__film{transition:none!important}
 .sp-own-projects__list{grid-template-columns:repeat(3,minmax(0,1fr))!important}
 .sp-own-project__screen{transform:none!important}
 .sp-own-project__film{display:none}
}
@media(max-width:767px) and (prefers-reduced-motion:reduce){.sp-own-projects__list{grid-template-columns:1fr!important}}

.sp-own-project__play{position:absolute;z-index:3;right:16px;bottom:16px;display:none;align-items:center;gap:8px;min-height:44px;padding:10px 16px;border:1px solid #fff;border-radius:999px;background:#111219c9;color:#fff;font-family:inherit;font-weight:700;font-size:14px;line-height:1.2;cursor:pointer}
.sp-own-project__play:focus-visible{outline:3px solid #f5d83a;outline-offset:3px}
@media(max-width:1099px),(hover:none),(pointer:coarse),(prefers-reduced-motion:reduce){.sp-own-project__play{display:flex}}

@media(prefers-reduced-motion:reduce){.sp-own-project__film.is-ready{display:block}}

/* Keep the video control readable against the photo regardless of global button text rules. */
.studio-pages--about .sp-own-projects .sp-own-project__play,.studio-pages--about .sp-own-projects .sp-own-project__play:is(:hover,:focus-visible),.studio-pages--about .sp-own-projects .sp-own-project__play span{color:#fff!important}
.studio-pages--about .sp-own-projects .sp-own-project__play i{color:inherit!important}

/* Reserve only the measured narrow-column copy height before desktop expansion. */
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 .studio-pages--about .sp-own-projects .sp-own-project__body{box-sizing:border-box;min-height:var(--project-body-height,0px)}
}

/* Shared CTA row: the existing narrow-column reserve absorbs wrapping before hover. */
@media(min-width:1100px) and (hover:hover) and (pointer:fine){
 .studio-pages--about .sp-own-projects .sp-own-project__body>p{padding-bottom:20px}
 .studio-pages--about #eigen-projecten .sp-own-project__body>.button{margin-top:auto;min-height:var(--project-button-height,0px)!important;box-sizing:border-box;flex-shrink:0}
}