/* Shared approved Branding layout and original text sizes. */
body[data-category] .case-layout{height:calc(100dvh - 112px);min-height:0}
body[data-category] .case-info{padding:clamp(55px,7.5vh,90px) 12% 35px}
body[data-category] .case-info:not(:has(.case-kicker)){padding-top:56px}
body[data-category] .case-kicker{font-size:44px;text-align:right}
body[data-category] .case-info h1{font-size:clamp(24px,2.2vw,35px)}
body[data-category] .case-year{text-align:right;padding-right:12%;font-size:20px;margin:3px 0 44px}
body[data-category] .case-description{font-size:clamp(14px,1.25vw,19px);line-height:1.22;max-width:365px}
body[data-category] .explore-block{margin-top:42px}
body[data-category] .explore-block::before{width:40%;background:#444;margin-bottom:42px}
body[data-category] .explore-block h2{font-size:21px;line-height:1.15;margin-bottom:30px}
body[data-category] .category-links{gap:22px}
body[data-category] .category{font-size:11px}
.case-info>.brand-next{display:block;text-align:center;margin-top:30px}
.simple-header-links .rose-language{font-size:14px}
@media(max-height:850px) and (min-width:701px){body[data-category] .case-info{padding-top:35px}body[data-category] .case-year{margin-bottom:30px}body[data-category] .explore-block{margin-top:28px}body[data-category] .explore-block::before{margin-bottom:25px}}
@media(max-height:760px) and (min-width:701px){body[data-category] .case-layout{height:calc(100dvh - 85px)}body[data-category] .case-kicker{font-size:34px}}
@media(max-width:700px){body[data-category] .case-layout{height:auto}body[data-category] .case-info{padding:40px 10%}body[data-category] .case-kicker{font-size:40px}body[data-category] .case-info h1{font-size:27px}body[data-category] .case-description{font-size:15px;max-width:310px}}
/* Retain the model selector's two-column interaction. */
body[data-category="ai"] .case-info{align-self:center;height:auto;max-height:100%;padding:20px 4% 30px}
@media(max-width:700px){body[data-category="ai"] .case-layout{height:calc(100dvh - 80px);min-height:500px}body[data-category="ai"] .case-info{padding:15px 5px}body[data-category="ai"] .case-info h1{font-size:22px}body[data-category="ai"] .case-kicker{font-size:30px}body[data-category="ai"] .case-description{font-size:13px}}
.project-heading{display:table;width:max-content;max-width:100%;margin:0 auto 44px;position:relative}
body[data-category="brand"] .project-heading .case-kicker{text-align:right;margin-right:-45px}
body[data-category="brand"] .project-heading .case-year{text-align:right;padding-right:0;margin:3px 0 0}
@media(max-height:850px) and (min-width:701px){.project-heading{margin-bottom:30px}}
@media(max-width:700px){body[data-category="brand"] .project-heading .case-kicker{margin-right:-20px}}
body[data-category] .project-heading .case-kicker{text-align:right;margin-right:-45px}
body[data-category] .project-heading .case-year{text-align:right;padding-right:0;margin:3px 0 0}
@media(max-width:700px){body[data-category] .project-heading .case-kicker{margin-right:-20px}}
/* Mobile AI project: introduction, model chooser, then related projects. */
.ai-model-backdrop{display:none}
@media(max-width:700px){
 body[data-category="ai"] .case-layout{display:flex;flex-direction:column;gap:26px;height:auto;min-height:0;padding:30px 8% 45px}
 body[data-category="ai"] .case-info{display:contents}
 body[data-category="ai"] .project-heading{order:1;margin:0 auto 6px}
 body[data-category="ai"] .case-description{order:2;width:100%;max-width:360px;margin:0 auto;text-align:center;font-size:15px;line-height:1.3}
 body[data-category="ai"] .model-choices{order:3;display:grid;grid-template-columns:1fr 1fr;gap:14px;width:100%;max-width:340px;padding:0;margin:4px auto 0;align-self:center}
 body[data-category="ai"] .model-prompt{font-size:27px;margin:0 0 5px}
 body[data-category="ai"] .model-choice{width:100%;max-width:145px;border-radius:24px}
 body[data-category="ai"] .explore-block{order:4;margin:10px auto 0;text-align:center;width:100%}
 body[data-category="ai"] .explore-block::before{margin:0 auto 24px}
 body[data-category="ai"] .explore-block h2{font-size:21px;margin-bottom:22px}
 body[data-category="ai"] .category-links{display:flex;justify-content:center;gap:14px;flex-wrap:wrap}
 body[data-category="ai"] .brand-next{order:5;text-align:center;margin:5px auto 0}
 body[data-category="ai"].ai-model-open{overflow:hidden}
 .ai-model-open .ai-model-backdrop{display:block;position:fixed;inset:80px 0 0;z-index:40;background:rgba(0,0,0,.88);border:0;padding:0;width:100%;cursor:pointer}
 body[data-category="ai"] .ai-presentation:not([hidden]){display:block;position:fixed;z-index:41;left:14%;top:80px;bottom:0;width:72%;height:calc(100dvh - 80px);padding:0;background:white;overflow-y:auto;overscroll-behavior:contain;touch-action:pan-y;-webkit-overflow-scrolling:touch}
 body[data-category="ai"] .ai-presentation .presentation-image{display:block;width:100%;height:auto;margin:0}
 body[data-category="ai"].ai-model-open .case-header{z-index:42}
}
/* Mobile website video follows the introduction before related project links. */
@media(max-width:700px){
 body[data-category="web"] .case-layout{display:flex;flex-direction:column;gap:26px;height:auto;padding:35px 8% 40px}
 body[data-category="web"] .case-info{display:contents}
 body[data-category="web"] .project-heading{order:1;margin:0 auto 8px}
 body[data-category="web"] .case-description{order:2;text-align:center;margin:0 auto;max-width:360px;width:100%}
 body[data-category="web"] .presentation{order:3;width:100%;height:auto;padding:0;overflow:visible;background:white}
 body[data-category="web"] .presentation video{display:block;width:100%;height:auto;background:white}
 body[data-category="web"] .visit-website{position:relative;left:auto;top:auto;transform:none;margin:15px auto 0}
 body[data-category="web"] .explore-block{order:4;text-align:center;width:100%;margin:8px auto 0}
 body[data-category="web"] .brand-next{order:5;text-align:center;margin:0 auto}
}
/* Full-height mobile model viewer with an opaque black surround. */
@media(max-width:700px){
 body[data-category="ai"].ai-model-open{background:#000}
 .ai-model-open .ai-model-backdrop{inset:0;background:#000;height:100dvh}
 body[data-category="ai"].ai-model-open .ai-presentation:not([hidden]){top:0;bottom:0;height:100dvh}
 body[data-category="ai"].ai-model-open .case-header{visibility:hidden}
}