/* Catbal article only. Reuses the existing MagicX editorial structure and zoom. */
body:has(.CatbalCase){background:#080b0c!important}
body:has(.CatbalCase) :is(.Layout__wrapper,.Layout__inner,.Layout__main){background:#080b0c!important}
body:has(.CatbalCase) .Layout__gl{visibility:hidden!important}
.CatbalCase{--catbal-paper:#dcd9e6}
.CatbalCase .CatbalCase__hero{display:grid;grid-template-columns:.75fr 1fr;align-items:center;background:#101a1c;margin:40px 0 0;overflow:hidden}
.CatbalCase__hero>div{padding:clamp(24px,4vw,55px)}
.CatbalCase__hero>div>span,.CatbalCase__eyebrow{font:10px/1.5 'Google Sans Code',monospace;letter-spacing:.1em;color:var(--accent)}
.CatbalCase__hero>div>strong{display:block;font-size:clamp(36px,5vw,66px);line-height:1.03;font-weight:400;letter-spacing:-.045em;margin:20px 0}
.CatbalCase__hero>div>p{font-size:14px;line-height:1.7;color:#b3c4c2}
.CatbalCase figure img{aspect-ratio:1;object-fit:contain;background:#171c21}
.CatbalCase__hero figure img{background:transparent}
.CatbalCase__hero figure figcaption{padding:0 14px 14px;margin:0;font-size:9px}
.CatbalCase .MagicCase__strip{grid-template-columns:1fr 1fr 1.5fr 1fr}
.CatbalCase__scope{display:grid;grid-template-columns:repeat(3,1fr);border-block:1px solid #ffffff25;margin-top:32px}
.CatbalCase__scope>div{padding:25px 20px 25px 0}
.CatbalCase__scope strong{display:block;font-size:clamp(32px,4.5vw,58px);font-weight:400;letter-spacing:-.045em;color:var(--accent)}
.CatbalCase__scope span{display:block;font:10px/1.5 'Google Sans Code',monospace;color:#ffffff90;margin-top:10px}
.CatbalCase__range{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:30px}
.CatbalCase__range figure img,.CatbalCase__gallery figure img{background:var(--catbal-paper);transition:background .25s}
.CatbalCase .MagicCase__image:focus-visible{outline:2px solid var(--accent)}
.CatbalCase__tiers{display:grid;gap:0;margin-top:32px}
.CatbalCase__tiers>article{display:grid;grid-template-columns:110px 1fr;gap:25px;padding:30px 24px;border-top:1px solid #ffffff24;background:#ffffff02}
.CatbalCase__roman{font-family:Georgia,serif;font-size:clamp(52px,6vw,78px);font-weight:400;line-height:1;color:var(--accent);opacity:.5}
.CatbalCase__tiers h3{margin:9px 0 10px;font-size:clamp(22px,2.4vw,29px)}
.CatbalCase__tiers p{max-width:650px;color:#ffffffa8;font-size:14px;line-height:1.7}
.CatbalCase__tiers footer{display:flex;gap:20px;align-items:baseline;justify-content:space-between;margin-top:20px;padding:0;background:none;position:static}
.CatbalCase__tiers footer strong{font-size:23px;font-weight:400;color:#fff}
.CatbalCase__tiers footer strong span{font-size:12px;color:#ffffff90}
.CatbalCase__tiers footer small{font:10px/1.5 'Google Sans Code',monospace;color:#ffffff80;text-align:right}
.CatbalCase__team{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:32px}
.CatbalCase__team>div{border-top:1px solid #ffffff40;padding:20px 15px 20px 0}
.CatbalCase__team>div>span{font:10px/1.5 'Google Sans Code',monospace;color:var(--accent)}
.CatbalCase__team>div>strong{display:block;font-size:78px;font-weight:400;line-height:1;margin:25px 0 20px}
.CatbalCase__team h3{font-size:21px;line-height:1.2;max-width:240px}
.CatbalCase__team p{font-size:13px;line-height:1.65;color:#ffffff90;max-width:260px}
.CatbalCase__attributes{display:grid;grid-template-columns:1fr 1fr;gap:0 35px;margin:32px 0 0;padding:0;list-style:none}
.CatbalCase__attributes li{display:flex;align-items:baseline;gap:14px;padding:18px 0;border-bottom:1px solid #ffffff25}
.CatbalCase__attributes li>span{font:10px/1.5 'Google Sans Code',monospace;color:var(--accent)}
.CatbalCase__attributes strong{font-size:17px;font-weight:400}
.CatbalCase__attributes small{margin-left:auto;font:10px/1.5 'Google Sans Code',monospace;color:#ffffff80}
.CatbalCase__detail{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:32px}
.CatbalCase__crops{display:grid;grid-template-rows:1fr 1fr;gap:20px;min-height:0}
.CatbalCase__crops>div{position:relative;overflow:hidden;min-height:0;background:#171c21}
.CatbalCase__crops img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transform:scale(1.7);transform-origin:50% 30%}
.CatbalCase__crops>div+div img{transform-origin:40% 90%}
.CatbalCase__crops span{position:absolute;bottom:0;left:0;right:0;padding:12px;background:#080808bc;font:10px/1.5 'Google Sans Code',monospace}
.CatbalCase__gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px 18px;margin-top:32px}
.CatbalCase .StudyArticle__next{margin-top:45px}
.CatbalCase .MagicCase__zoom img{width:auto;height:auto;max-width:100%;aspect-ratio:auto;background:#171c21;max-height:76svh}
@media(max-width:900px){.CatbalCase__gallery{grid-template-columns:repeat(3,minmax(0,1fr))}.CatbalCase__range{gap:16px}.CatbalCase__hero>div{padding:24px}.CatbalCase__tiers>article{grid-template-columns:75px 1fr}}
@media(max-width:600px){.CatbalCase__hero{grid-template-columns:1fr!important}.CatbalCase__hero>div{padding:28px}.CatbalCase__hero>div>strong{font-size:46px}.CatbalCase__hero figure{max-width:100%}.CatbalCase .MagicCase__strip{grid-template-columns:1fr 1fr}.CatbalCase__scope{gap:8px}.CatbalCase__scope>div{padding:20px 0}.CatbalCase__scope strong{font-size:32px}.CatbalCase__scope span{font-size:9px}.CatbalCase__range,.CatbalCase__gallery{grid-template-columns:1fr 1fr;gap:22px 12px}.CatbalCase__tiers>article{grid-template-columns:40px 1fr;gap:15px;padding:24px 10px}.CatbalCase__roman{font-size:42px}.CatbalCase__tiers footer{align-items:flex-start;flex-direction:column;gap:7px}.CatbalCase__tiers footer small{text-align:left}.CatbalCase__team{grid-template-columns:1fr;gap:0}.CatbalCase__team>div{display:grid;grid-template-columns:55px 1fr;column-gap:18px;padding:20px 0}.CatbalCase__team>div>span{grid-column:1/-1}.CatbalCase__team>div>strong{grid-row:2/4;margin:18px 0 0;font-size:60px}.CatbalCase__team h3{margin:18px 0 10px;max-width:none}.CatbalCase__team p{max-width:none}.CatbalCase__attributes{grid-template-columns:1fr}.CatbalCase__detail{grid-template-columns:1fr}.CatbalCase__crops{grid-template-columns:1fr 1fr;grid-template-rows:200px;gap:12px}.CatbalCase__crops span{font-size:9px;padding:8px}.CatbalCase figcaption{font-size:9px}}
@media(prefers-reduced-motion:reduce){.CatbalCase .MagicCase__image img{transition:none}}
@media(max-width:600px){.CatbalCase__scope strong{font-size:26px;white-space:nowrap}}
