/* Editorial case-study treatment shared by every project detail route. */
.framer-65etpx {--case-accent:#da3a2b;}
.framer-65etpx .framer-zsbu3y {gap:56px;}
.framer-65etpx .framer-2ukrp0 {padding-bottom:16px;}
.framer-65etpx .framer-2ukrp0 h1 {text-wrap:balance;letter-spacing:-.055em !important;line-height:1.06 !important;max-width:1000px;}
.framer-65etpx :is(.framer-1rcud48,.framer-elvhsj,.framer-p6khmf,.framer-wkf27q,.framer-6dzfq6,.framer-17vhno9) {
  padding:64px 0;gap:48px;overflow:visible;align-items:flex-start;
}
.framer-65etpx :is(.framer-1rcud48,.framer-elvhsj,.framer-p6khmf,.framer-wkf27q,.framer-6dzfq6,.framer-17vhno9) h3 {
  font-size:clamp(28px,3vw,40px) !important;font-weight:700 !important;line-height:1.14 !important;letter-spacing:-.035em !important;text-wrap:balance;
}
.framer-65etpx :is(.framer-1rcud48,.framer-elvhsj,.framer-p6khmf,.framer-wkf27q,.framer-6dzfq6,.framer-17vhno9) h3::before {
  display:block;margin-bottom:20px;color:var(--case-accent);font:500 13px/1.2 monospace;letter-spacing:.12em;
}
.framer-1rcud48 h3::before {content:'01 / OVERVIEW';}
.framer-elvhsj h3::before {content:'02 / CHALLENGE';}
.framer-p6khmf h3::before {content:'03 / USER NEEDS';}
.framer-wkf27q h3::before {content:'04 / DESIGN GOALS';}
.framer-6dzfq6 h3::before {content:'05 / OUTCOME';}
.framer-17vhno9 h3::before {content:'06 / REFLECTION';}
.framer-65etpx :is(.framer-187cng0,.framer-1da6ctl,.framer-4vk8da,.framer-12d2j0l,.framer-5olhk8) p {
  line-height:1.7 !important;font-size:18px !important;max-width:65ch;text-wrap:pretty;
}
.framer-65etpx .framer-rrnopi {gap:20px;}
.framer-65etpx :is(.framer-rk35u8,.framer-1ijo8r5) {padding:32px 28px;gap:24px;border-radius:16px;}
.framer-65etpx :is(.framer-1qgskvi,.framer-17eorqs) {background:rgba(218,58,43,.14);padding:12px;border-radius:10px;color:#f26856;}
.framer-65etpx :is(.framer-gqgpf0,.framer-1l7vyq) p {font-size:17px !important;line-height:1.65 !important;}
.framer-65etpx .framer-wkf27q ul {padding:0 !important;list-style:none !important;counter-reset:goal;}
.framer-65etpx .framer-wkf27q li {position:relative;counter-increment:goal;padding:20px 0 20px 48px !important;border-bottom:1px solid #ffffff16;}
.framer-65etpx .framer-wkf27q li::before {content:counter(goal,decimal-leading-zero);position:absolute;left:0;top:24px;color:#f26856;font:500 13px/1.4 monospace;}

.framer-65etpx .framer-6dzfq6 li::marker {color:#f26856;}
.framer-65etpx .framer-17vhno9 {margin-top:0;border-top:0;}
.framer-65etpx :is(.framer-1cbmzet,.framer-nwgr2j,.framer-1wffok6,.framer-jpqt26,.framer-1ig47vm,.framer-14gsic6,.framer-1tg7rrq,.framer-w0pkdy) {border-radius:18px;box-shadow:0 0 0 1px #ffffff12;overflow:hidden;}
@media(max-width:1199px) {
 .framer-65etpx :is(.framer-1rcud48,.framer-elvhsj,.framer-p6khmf,.framer-wkf27q,.framer-6dzfq6,.framer-17vhno9) {gap:28px;}

}
@media(max-width:767px) {
 .framer-65etpx .framer-zsbu3y {gap:32px;}
 .framer-65etpx :is(.framer-1rcud48,.framer-elvhsj,.framer-p6khmf,.framer-wkf27q,.framer-6dzfq6,.framer-17vhno9) {padding:36px 0;gap:24px;}

 .framer-65etpx .framer-rrnopi {flex-direction:column;width:100%;}
 .framer-65etpx :is(.framer-rk35u8,.framer-1ijo8r5) {width:100%;flex:none;padding:28px 24px;}
 .framer-65etpx :is(.framer-187cng0,.framer-1da6ctl,.framer-4vk8da,.framer-12d2j0l,.framer-5olhk8) p {font-size:16px !important;}
}
@media(min-width:768px) {
 .framer-65etpx :is(.framer-18kgsnv,.framer-8ndygs,.framer-7wy1z8,.framer-wfcg9,.framer-rnpw16,.framer-qcej50) {flex:0 0 28%;width:28%;}
 .framer-65etpx :is(.framer-187cng0,.framer-1da6ctl,.framer-4vk8da,.framer-12d2j0l,.framer-5olhk8,.framer-rrnopi) {flex:1;min-width:0;}
}
/* Let tilted problem cards extend beyond the content column. */
.framer-65etpx .framer-1mhe7b5 {overflow:visible !important;}
.framer-65etpx :is(.framer-rk35u8,.framer-1ijo8r5):hover {z-index:2;}