/* Turbo's case study only. The surrounding site and other case studies keep their styles. */
body:has(.TurboCase){background:#080b0c!important}
body:has(.TurboCase) :is(.Layout__wrapper,.Layout__inner,.Layout__main){background:#080b0c!important}
body:has(.TurboCase) .Layout__gl{visibility:hidden!important}
.TurboCase figure img{display:block;width:100%;height:auto;background:#fff;object-fit:contain;aspect-ratio:auto}
.TurboCase .MagicCase__strip{grid-template-columns:1fr 1fr 2.4fr .7fr}
.TurboCase .MagicCase__image:focus-visible,.TurboCase [data-turbo-toggle]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.TurboCase__picture--pose img{aspect-ratio:4/5!important;object-fit:contain!important;background:#fff!important}
.TurboCase__picture--expression img{aspect-ratio:2.05!important;object-fit:contain!important;background:#fff!important}
.TurboCase__personality{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:32px}
.TurboCase__palette{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:32px 0}
.TurboCase__palette>div{border:1px solid #ffffff25;padding-bottom:15px}
.TurboCase__palette>div>span{display:block;height:90px;margin-bottom:13px}
.TurboCase__palette strong{display:block;margin:0 14px 5px;font-size:14px;font-weight:400}
.TurboCase__palette small{display:block;margin:0 14px;font:10px/1.5 'Google Sans Code',monospace;color:#ffffff90}
.TurboCase__expressions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px 18px;margin-top:30px}
.TurboCase__poses{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:38px}
.TurboCase__motion{margin-top:0;min-width:0}
.TurboCase .TurboCase__motion--hero{margin:42px 0 0}
.TurboCase__motion-stage{aspect-ratio:1.5;position:relative;overflow:hidden;background:#f6effd;isolation:isolate}
.TurboCase__motion--hero .TurboCase__motion-stage{aspect-ratio:1.9;max-height:600px}
.TurboCase__motion-stage>[data-turbo-player]{position:absolute;inset:0}
.TurboCase__motion-stage svg{display:block;width:100%;height:100%}
.TurboCase .TurboCase__motion-stage>.TurboCase__poster{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;background:#fff;transition:opacity .2s}
.TurboCase__motion[data-ready] .TurboCase__poster{opacity:0}
.TurboCase__motion figcaption{display:flex;justify-content:space-between;gap:15px;align-items:center;min-height:35px}
.TurboCase [data-turbo-toggle]{appearance:none;color:#d6c0f6;background:none;border:0;border-bottom:1px solid #ffffff30;padding:5px 0;font:10px/1.4 'Google Sans Code',monospace;cursor:pointer;text-align:right;flex-shrink:0}
.TurboCase [data-turbo-toggle]:disabled{opacity:.6;cursor:default}
.TurboCase__animations{display:grid;grid-template-columns:1fr 1fr;gap:25px 22px;margin:30px 0 40px}
.TurboCase__spread{display:grid;grid-template-columns:1fr 1fr;gap:24px 22px;margin:30px 0}
.TurboCase__bible-label{display:flex;align-items:center;gap:24px;border-top:1px solid #ffffff25;margin-top:32px;padding-top:25px}
.TurboCase__bible-label strong{font-size:95px;line-height:1;font-weight:400;letter-spacing:-.06em;color:var(--accent)}
.TurboCase__bible-label span{font-size:18px;line-height:1.45;color:#ffffffae}
.TurboCase .MagicCase__zoom img{width:auto;height:auto;aspect-ratio:auto;max-width:100%;max-height:76svh}
.TurboCase .StudyArticle__next{margin-top:40px}
@media(max-width:900px){.TurboCase__personality{gap:14px}.TurboCase__expressions{grid-template-columns:1fr 1fr}.TurboCase__poses{grid-template-columns:1fr 1fr}.TurboCase__motion--hero .TurboCase__motion-stage{aspect-ratio:1.4}}
@media(max-width:600px){.TurboCase .MagicCase__strip{grid-template-columns:1fr 1fr}.TurboCase .MagicCase__strip>div:nth-child(3){grid-column:1/-1;grid-row:2}.TurboCase__personality{grid-template-columns:1fr;gap:25px}.TurboCase__personality .TurboCase__picture{max-width:390px;width:100%;margin-inline:auto}.TurboCase__palette{grid-template-columns:1fr 1fr}.TurboCase__palette>div>span{height:75px}.TurboCase__animations,.TurboCase__spread{grid-template-columns:1fr;gap:26px}.TurboCase__expressions{gap:22px 12px}.TurboCase__poses{gap:20px 12px}.TurboCase__motion--hero .TurboCase__motion-stage{aspect-ratio:1;min-height:280px}.TurboCase__motion figcaption{font-size:9px}.TurboCase__bible-label{gap:18px}.TurboCase__bible-label strong{font-size:76px}.TurboCase__bible-label span{font-size:15px}}
@media(prefers-reduced-motion:reduce){.TurboCase .TurboCase__poster{transition:none}}