/* Isolated case carousel styles, with full artwork visible in every slide. */
.funstudy-page .cooperation-section { overflow: hidden; }
.funstudy-page .cooperation-tabs { position: relative; display: block; height: 66px; border: 0; margin-bottom: 24px; }
.funstudy-page .cooperation-tabs button { position: absolute; left: 50%; top: 0; width: 36%; height: 60px; transform: translateX(-50%); transition: transform .65s var(--ease), opacity .65s; }
.funstudy-page .cooperation-tabs button[data-position="left"] { transform: translateX(-145%) scale(.88); opacity: .55; }
.funstudy-page .cooperation-tabs button[data-position="right"] { transform: translateX(45%) scale(.88); opacity: .55; }
.funstudy-page .cooperation-tabs button[data-position="center"] { z-index: 2; background: transparent; }
.funstudy-page .cooperation-tabs button[hidden] { display: none; }
.funstudy-page .cooperation-showcase .cooperation-card[data-position="offstage"] { visibility: hidden; pointer-events: none; opacity: 0; transform: translateZ(-300px) scale(.7); }
.funstudy-page .cooperation-tabs button::after { left: 35%; right: 35%; }
.funstudy-page .cooperation-grid.cooperation-showcase { position: relative; display: grid; grid-template-columns: 1fr; grid-template-rows: auto; align-items: center; perspective: 1600px; isolation: isolate; padding-bottom: 8px; }
.funstudy-page .cooperation-side-hit { position: absolute; top: 0; bottom: 0; width: 10%; z-index: 4; border: 0; padding: 0; background: transparent; cursor: pointer; border-radius: 12px; }
.funstudy-page .cooperation-side-prev { left: 0; }
.funstudy-page .cooperation-side-next { right: 0; }
.funstudy-page .cooperation-side-hit:focus-visible { outline: 2px solid var(--orange); outline-offset: -3px; }
.funstudy-page .cooperation-showcase .cooperation-card:not([hidden]) { grid-area: 1 / 1; display: grid; grid-template-columns: minmax(0,1.7fr) minmax(0,1fr); position: relative; top: auto; width: 90%; margin-inline: auto; padding: 16px; gap: 8px; min-width: 0; border-radius: 18px; background: #fff; transition: transform .75s var(--ease), opacity .65s, box-shadow .65s; }
.funstudy-page .cooperation-showcase .cooperation-card[data-position="center"] { z-index: 3; opacity: 1; transform: none; box-shadow: 0 20px 45px -20px #34465a55; }
.funstudy-page .cooperation-showcase .cooperation-card[data-position="left"] { z-index: 1; opacity: .35; transform: translateX(-37%) translateZ(-240px) rotateY(14deg) scale(.84); }
.funstudy-page .cooperation-showcase .cooperation-card[data-position="right"] { z-index: 1; opacity: .35; transform: translateX(37%) translateZ(-240px) rotateY(-14deg) scale(.84); }
.funstudy-page .cooperation-showcase .cooperation-card > img { display: block; width: 100%; height: auto; max-width: 100%; aspect-ratio: auto; object-fit: contain; align-self: center; margin: 0; border-radius: 8px; }
.funstudy-page .cooperation-showcase .cooperation-card .cooperation-copy { min-height: 300px; padding: 24px; }
.funstudy-page .cooperation-showcase .cooperation-card h3 { font-size: 25px; }
@media(max-width:900px) { .funstudy-page .cooperation-showcase .cooperation-card:not([hidden]) { grid-template-columns: minmax(0,1.5fr) minmax(0,1fr); padding: 12px; } .funstudy-page .cooperation-showcase .cooperation-card .cooperation-copy { padding: 16px; } .funstudy-page .cooperation-showcase .cooperation-card h3 { font-size: 22px; } }
@media(max-width:640px) { .funstudy-page .cooperation-tabs button { width: 44%; flex-direction: column; gap: 5px; padding: 8px 2px; } .funstudy-page .cooperation-tabs button strong { font-size: 12px; } .funstudy-page .cooperation-tabs button span { font-size: 10px; } .funstudy-page .cooperation-showcase .cooperation-card:not([hidden]) { grid-template-columns: 1fr; width: 92%; padding: 12px; } .funstudy-page .cooperation-showcase .cooperation-card .cooperation-copy { min-height: 260px; padding: 18px 10px; } }
@media(prefers-reduced-motion:reduce) { .funstudy-page .cooperation-tabs button, .funstudy-page .cooperation-showcase .cooperation-card:not([hidden]) { transition: none; } }


/* Fixed depth layout. */
.funstudy-page [data-design="depth"] .cooperation-showcase .cooperation-card:not([hidden]) { width: 80%; }
.funstudy-page [data-design="depth"] .cooperation-showcase .cooperation-card[data-position="left"] { transform: translateX(-48%) translateZ(-180px) rotateY(18deg) scale(.82); opacity: .5; }
.funstudy-page [data-design="depth"] .cooperation-showcase .cooperation-card[data-position="right"] { transform: translateX(48%) translateZ(-180px) rotateY(-18deg) scale(.82); opacity: .5; }
@media(max-width:640px) { .funstudy-page [data-design="depth"] .cooperation-showcase .cooperation-card:not([hidden]) { width: 90%; } }
@media(max-width:640px) { .funstudy-page .cooperation-side-hit { width: 5%; } }