/* Project photography remains the focus; every gallery belongs to one project. */
.cases-intro{padding-top:40px;padding-bottom:12px}
.cases-intro h1{max-width:1000px;margin:17px 0 14px}
.case-overview{display:flex;gap:45px;border-top:1px solid var(--border);padding-top:18px;margin-top:22px}
.case-overview>div{display:flex;align-items:center;gap:14px;min-width:0}
.case-overview strong{font:400 42px/1.1 Georgia,serif;color:var(--gold)}
.case-overview span{font-size:15px;color:var(--muted)}
.case-jump-links{display:flex;gap:10px;flex-wrap:wrap;padding:10px 0 35px}
.case-jump-links a{display:flex;align-items:center;gap:15px;border:1px solid #d1b07830;border-radius:999px;padding:10px 19px;font-size:15px;line-height:1.5;transition:border-color .2s,background .2s}
.case-jump-links a:hover{background:#d1b0780d;border-color:#d1b07880}
.case-jump-links a small{font:11px/1.5 Arial,sans-serif;color:var(--gold)}
.case-jump-links a>span:last-child{font-family:Arial,sans-serif;color:var(--gold)}
.case-category{padding-top:35px;padding-bottom:65px;scroll-margin-top:105px}
.case-section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:27px}
.case-section-heading h2{font-size:35px;margin-top:13px;line-height:1.4}
.case-section-heading>p{font-size:14px;color:var(--muted);max-width:460px;line-height:1.9}
.hotel-case-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px 25px}
.hotel-case{min-width:0;background:#19191d;border:1px solid var(--border);border-radius:25px;overflow:hidden;scroll-margin-top:110px}
.case-photo-set{padding:10px 10px 0}
.case-photo{display:block;width:100%;min-width:0;padding:0;border:0;background:#242428;border-radius:17px;overflow:hidden;position:relative;color:var(--cream);cursor:zoom-in;text-align:left}
.case-photo>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;transition:transform .4s}
.case-photo:hover>img{transform:scale(1.025)}
#zhaoqing-sheraton .case-photo>img{object-fit:contain;transform:none}
.case-photo:focus-visible,.case-jump-links a:focus-visible,.featured-case:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
.case-photo .case-photo-hint{position:absolute;bottom:15px;right:15px;display:flex;align-items:center;gap:11px;border:1px solid #ffffff20;border-radius:999px;background:#101013d9;color:#fff8ed;padding:7px 13px;line-height:1.6;font-size:12px;backdrop-filter:blur(8px)}
.case-photo-count{font:10px/1.5 Arial,sans-serif;border-left:1px solid #ffffff45;padding-left:10px}
.case-thumbnails{display:grid;grid-template-columns:repeat(var(--thumb-count,3),minmax(0,1fr));gap:8px;margin-top:8px}
.case-thumb{border-radius:9px}
.case-copy{padding:22px 25px 25px}
.case-kicker{display:flex;justify-content:space-between;align-items:baseline;gap:15px;flex-wrap:wrap;color:var(--gold);font:9px/1.8 Arial,sans-serif;letter-spacing:1.8px}
.case-kicker .case-location{font-family:"PingFang SC","Microsoft YaHei",Arial,sans-serif;font-size:12px;letter-spacing:0;color:var(--muted)}
.case-copy h3{font-size:27px;line-height:1.45;margin:13px 0 7px;overflow-wrap:break-word}
.case-copy>p{font-size:14px;color:var(--muted);line-height:1.85}
.case-next-step{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid var(--border);padding-top:40px;padding-bottom:65px}
.case-next-step h2{font-size:34px;margin:15px 0 12px;line-height:1.5}
.case-next-step p:not(.eyebrow){font-size:14px;color:var(--muted)}
.case-next-step .button{flex-shrink:0}
.featured-hotel-cases{background:#151519}
.featured-case-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.featured-case{display:block;min-width:0;border:1px solid var(--border);border-radius:24px;overflow:hidden;background:#1b1b20;transition:border-color .2s}
.featured-case:hover{border-color:#d1b07880}
.featured-case>img{width:100%;height:auto;aspect-ratio:3/2;object-fit:cover;display:block;transition:transform .4s}
.featured-case:hover>img{transform:scale(1.025)}
.featured-case>div{position:relative;padding:23px 25px 26px}
.featured-case .eyebrow{font-size:10px;line-height:1.7;letter-spacing:1px}
.featured-case h3{font-size:23px;line-height:1.45;padding-right:18px;margin-top:10px;overflow-wrap:break-word}
.featured-case-arrow{position:absolute;right:21px;top:24px;font-size:22px;color:var(--gold)}
.cases-portal{display:flex;align-items:center;justify-content:space-between;gap:35px;padding:29px 32px;margin-bottom:35px;border:1px solid #d1b07835;border-radius:25px;background:linear-gradient(120deg,#28241d,#1a1a1f)}
.cases-portal>div{min-width:0}
.cases-portal h2{font-size:30px;line-height:1.45;margin:13px 0 8px}
.cases-portal p{font-size:14px;color:var(--muted);line-height:1.8}
.cases-portal .button{flex-shrink:0}
html[lang="en"] .case-copy h3{font-size:30px;line-height:1.28}
html[lang="en"] .case-next-step h2{line-height:1.25}
html[lang="en"] .featured-case h3{font-size:27px;line-height:1.28}
@media(max-width:1050px){.case-copy{padding:20px 22px 23px}.case-copy h3{font-size:24px}.case-section-heading>p{max-width:350px}.featured-case-grid{gap:17px}.featured-case>div{padding:20px}.featured-case h3{font-size:22px}html[lang="en"] .featured-case h3{font-size:23px}}
@media(max-width:700px){
 .cases-intro{padding-top:36px;padding-bottom:21px}
 .cases-intro h1{font-size:35px;line-height:1.4}
 .case-overview{gap:27px;padding-top:21px;margin-top:24px;flex-wrap:wrap}
 .case-overview>div{gap:10px}
 .case-overview strong{font-size:33px}
 .case-overview span{font-size:12px}
 .case-jump-links{gap:8px;padding:8px 0 20px}
 .case-jump-links a{gap:10px;font-size:12px;padding:8px 13px}
 .case-category{padding-top:25px;padding-bottom:35px;scroll-margin-top:86px}
 .case-section-heading{align-items:flex-start;flex-direction:column;gap:12px;margin-bottom:22px}
 .case-section-heading h2{font-size:29px;margin-top:10px}
 .case-section-heading>p{font-size:13px;max-width:100%}
 .hotel-case-grid,.featured-case-grid{grid-template-columns:1fr;gap:25px}
 .hotel-case{border-radius:22px;scroll-margin-top:90px}
 .case-photo-set{padding:8px 8px 0}
 .case-photo{border-radius:15px}
 .case-thumbnails{gap:6px;margin-top:6px}
 .case-thumb{border-radius:8px}
 .case-photo .case-photo-hint{bottom:11px;right:11px;font-size:11px;padding:6px 11px;gap:9px}
 .case-copy{padding:20px 21px 23px}
 .case-copy h3{font-size:25px;line-height:1.45}
 .case-copy>p{font-size:13px}
 .case-kicker{font-size:8px;gap:8px;letter-spacing:1.2px}
 .case-kicker .case-location{font-size:11px}
 .case-next-step{align-items:flex-start;flex-direction:column;gap:23px;padding-top:32px;padding-bottom:48px;margin-top:10px}
 .case-next-step h2{font-size:29px;line-height:1.45}
 .case-next-step p:not(.eyebrow){font-size:13px}
 .featured-case{border-radius:22px}
 .featured-case>div{padding:22px}
 .featured-case h3{font-size:25px}
 .cases-portal{align-items:flex-start;flex-direction:column;gap:22px;padding:25px;margin-bottom:29px;border-radius:22px}
 .cases-portal h2{font-size:27px}
 .cases-portal p{font-size:13px}
 html[lang="en"] .case-copy h3{font-size:26px;line-height:1.3}
 html[lang="en"] .featured-case h3{font-size:26px}
}
@media(prefers-reduced-motion:reduce){.case-photo>img,.featured-case>img{transition:none}}