/* Grafika only. Legacy layouts and content remain intact for other slides. */
#selected-cases .gp-slide{display:none}
#selected-cases[data-cs-active="grafika"]{background:#f5f5ef;color:#20372e;min-height:0;height:auto;padding:0;overflow:hidden}
#selected-cases[data-cs-active="grafika"]::before,#selected-cases[data-cs-active="grafika"]::after,#selected-cases[data-cs-active="grafika"]>.cs-grain,#selected-cases[data-cs-active="grafika"]>.cs-desktop,#selected-cases[data-cs-active="grafika"]>.cs-mobile{display:none!important}
#selected-cases[data-cs-active="grafika"]>.gp-slide{display:block}
#selected-cases .gp-slide{box-sizing:border-box;padding:42px clamp(22px,4vw,64px) 30px;text-align:left;font-family:Arial,"Segoe UI",sans-serif}
.gp-slide *{box-sizing:border-box}
.gp-top{display:flex;justify-content:space-between;align-items:center;gap:22px;font-size:11px;letter-spacing:.12em;text-transform:uppercase}
.gp-top a,.gp-actions a{color:#244b3b;text-decoration:none}
.gp-eyebrow::before{content:"";display:inline-block;width:5px;height:5px;background:#244b3b;border-radius:50%;margin-right:12px;vertical-align:middle}
.gp-counter{display:flex;align-items:center;gap:15px;letter-spacing:.08em;white-space:nowrap}
.gp-counter>span{color:#a6afa6}.gp-counter i{width:120px;height:1px;background:linear-gradient(to right,#294c3c 25%,#c7cec5 25%)}
.gp-main{display:grid;grid-template-columns:minmax(0,.35fr) minmax(0,.65fr);column-gap:36px;align-items:center;margin:62px 0 45px}
.gp-copy{min-width:0}.gp-category{font-size:11px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;color:#6a7b71;margin:0 0 15px}
#selected-cases .gp-copy h2{display:block;font-family:"Cormorant Garamond",Georgia,serif;font-size:clamp(46px,5.5vw,88px);font-weight:500;letter-spacing:-.045em;line-height:1.05;color:#172d24;margin:0 0 24px;white-space:nowrap}
#selected-cases .gp-copy h2 span{display:inline;color:#c22b25;font:inherit;margin-left:.08em}
.gp-description{font-size:clamp(15px,1.25vw,18px);line-height:1.75;color:#6a766f;margin:0;max-width:380px}
.gp-tech{font-size:10px;letter-spacing:.08em;line-height:1.7;text-transform:uppercase;color:#77847b;margin:28px 0 0}
.gp-media{grid-column:2;grid-row:1/3;margin:0;min-width:0;padding:0 10px;align-self:center;position:relative}
.gp-laptop{width:86%;padding-bottom:10px}
.gp-phone{position:absolute;right:0;bottom:0;width:24%;padding:5px;background:#202422;border:2px solid #7b817c;border-radius:24px;box-shadow:0 8px 16px #14261d18}
.gp-phone-screen{position:relative;overflow:hidden;aspect-ratio:216/501;border-radius:17px;background:#f4f4f0}
.gp-phone-screen img{position:absolute;display:block;max-width:none;width:761.11%;height:auto;left:-619.9%;top:-37.53%}
.gp-screen{position:relative;overflow:hidden;aspect-ratio:803/542;border:10px solid #202422;border-radius:16px 16px 5px 5px;background:#f0f0eb;box-shadow:0 10px 22px #14261d12}
.gp-screen img{position:absolute;max-width:none;width:204.73%;height:auto;left:-56.54%;top:-11.07%;display:block}
.gp-device-base{position:relative;height:18px;margin:0 -10px;border-radius:1px 1px 55% 55%;background:linear-gradient(#b9beba,#e0e2de 35%,#8c928c);border-bottom:2px solid #747a74}
.gp-device-base:before{content:"";position:absolute;left:40%;right:40%;height:4px;top:0;border-radius:0 0 5px 5px;background:#8d948d}
.gp-actions{display:flex;flex-wrap:wrap;gap:15px 24px;align-self:start;margin-top:27px;font-size:11px;letter-spacing:.08em;text-transform:uppercase;line-height:1.8}
.gp-actions a{padding-bottom:6px;border-bottom:1px solid #7f9588}
.gp-results{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:920px;margin:0 auto 45px;text-align:center}
.gp-results>div+div{border-left:1px solid #bec9bf}.gp-results dt{font:500 clamp(40px,4.4vw,66px)/1.1 "Cormorant Garamond",Georgia,serif;letter-spacing:-.04em;color:#1d3429}.gp-results dd{margin:10px 8px 0;font-size:10px;letter-spacing:.13em;text-transform:uppercase;color:#6c7c70;line-height:1.6}
.gp-results>div{min-width:0}.gp-results dd{overflow-wrap:anywhere}
.gp-nav{display:flex;align-items:center;gap:28px}.gp-nav button{font:inherit;cursor:pointer;color:#315041;background:none;border:0}.gp-nav>button{width:42px;height:42px;border:1px solid #94a49a;border-radius:50%;flex-shrink:0;font-size:23px}.gp-projects{display:flex;justify-content:space-around;flex:1;gap:22px}.gp-projects button{font:500 19px/1.6 "Cormorant Garamond",Georgia,serif;color:#7a8980;padding:8px 0;border-bottom:1px solid transparent}.gp-projects button[aria-current=true]{color:#244b3b;border-bottom-color:#244b3b}.gp-projects span{font:12px Arial,sans-serif;margin-right:15px}.gp-mobile-count{display:none}
.gp-slide a:hover,.gp-nav button:hover{color:#101e17}.gp-slide :focus-visible{outline:2px solid #376049;outline-offset:5px}
@media(max-width:1000px){.gp-main{column-gap:24px;margin-top:40px}.gp-counter i{width:60px}.gp-projects{gap:12px}.gp-projects span{margin-right:6px}.gp-screen{border-width:7px}.gp-description{font-size:15px}}
@media(max-width:760px){
 #selected-cases .gp-slide{padding:28px 20px}
 .gp-top{gap:12px;font-size:9px;letter-spacing:.07em;flex-wrap:wrap}.gp-counter{gap:7px;margin-left:auto}.gp-counter i{display:none}.gp-top>a{width:100%;text-align:right}
 .gp-main{grid-template-columns:1fr;margin:28px 0 32px;gap:22px}.gp-media{grid-column:1;grid-row:2;margin:0;padding:0 4px}.gp-copy h2{white-space:normal!important}.gp-description{max-width:100%;font-size:15px}.gp-tech{margin-top:16px;font-size:9px}.gp-actions{margin:0;grid-row:3;font-size:10px;gap:12px 20px}.gp-screen{border-width:4px;border-radius:8px 8px 2px 2px}.gp-device-base{height:6px;margin:0 -4px}
 .gp-results{margin:0 0 26px}.gp-results dt{font-size:37px}.gp-results dd{font-size:9px;letter-spacing:.03em;margin:7px 4px 0}.gp-nav{justify-content:space-between}.gp-projects{display:none}.gp-mobile-count{display:block;font-size:11px;letter-spacing:.12em}
}
@media(max-width:760px){
 .gp-laptop{width:84%;padding-bottom:6px}.gp-phone{width:25%;border-radius:12px;padding:2px;border-width:1px}.gp-phone-screen{border-radius:8px}
}
@media(max-width:420px){
 .gp-laptop{display:none}.gp-media{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:0}.gp-phone{position:relative;right:auto;bottom:auto;width:60%;max-width:190px;border-radius:24px;padding:5px;border-width:2px}.gp-phone-screen{border-radius:17px}
}

/* Actual page captures scroll inside the existing device frames. */
.gp-screen img.gp-tour,.gp-phone-screen img.gp-tour{width:100%;height:auto;left:0;top:0;animation:gp-page-tour var(--gp-duration,40s) linear infinite alternate;animation-play-state:paused;transform:translateY(0)}
.gp-screen img.gp-running,.gp-phone-screen img.gp-running{animation-play-state:running}
@keyframes gp-page-tour{0%,8%{transform:translateY(0)}92%,100%{transform:translateY(var(--gp-travel,0px))}}
.gp-motion{display:block;margin:18px auto 0;border:1px solid #8b9d90;border-radius:20px;background:#f5f5ef;color:#244b3b;padding:8px 14px;font:11px Arial,sans-serif;cursor:pointer}
.gp-motion[hidden]{display:none}
@media(prefers-reduced-motion:reduce){.gp-screen img.gp-tour,.gp-phone-screen img.gp-tour{animation:none!important;transform:none!important}}