/* Case content only; B navigation/footer/brand typography come from original CSS. */
.hxh-case-page main{padding-top:82px}
.hxh-case-page .intro{padding:78px 7vw 60px}
.hxh-case-page h1{font-size:clamp(38px,5.8vw,84px);line-height:1.2;letter-spacing:-.05em;margin:24px 0 35px;font-weight:700;overflow-wrap:anywhere}
.hxh-case-page em{font-style:normal;font-weight:200;color:var(--dim)}
.intro-bottom{display:flex;align-items:end;justify-content:space-between;gap:25px;color:var(--dim);font-size:14px}
.intro-bottom span{font-size:10px;letter-spacing:.12em}
.hxh-case-page h2{font-size:clamp(30px,3vw,48px);line-height:1.25;letter-spacing:-.04em;margin:10px 0}
.featured{margin:0 5vw}.featured>a{display:block;position:relative;min-height:520px;height:69vh;overflow:hidden}
.featured img{width:100%;height:100%;object-fit:cover;object-position:center 56%}
.featured>a::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#000a,transparent 85%)}
.featured>a>div{position:absolute;left:5%;bottom:9%;z-index:1}.featured h2{font-size:clamp(36px,4vw,64px);margin:18px 0 26px}.featured span{font-size:13px;border-bottom:1px solid var(--accent);padding-bottom:6px}
.collection{padding:90px 7vw 20px;scroll-margin-top:85px}
.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:35px;border-bottom:1px solid var(--hair);padding-bottom:25px}
.section-head>p{font-size:13px;color:var(--dim)}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 25px}
.card .cover{position:relative;overflow:hidden;background:#262625}.card img{width:100%;height:290px;object-fit:cover;display:block;transition:transform .3s}.card:hover img{transform:scale(1.025)}
.hxh-case-page .tag{position:absolute;left:12px;bottom:12px;background:#181818dc;padding:3px 9px;font-size:10px;color:#eee}
.cardline{display:flex;align-items:center;justify-content:space-between;gap:12px}.card h3{font-size:19px;font-weight:500;margin:17px 0 5px;overflow-wrap:anywhere}.cardline>span{color:var(--accent)}.card p{color:var(--dim);font-size:12px;margin-top:4px}
.record-list>div{display:flex;justify-content:space-between;gap:25px;padding:23px 0;border-bottom:1px solid var(--hair)}.record-list h3{font-size:19px;font-weight:400;margin:0}.record-list span{font-size:12px;color:var(--dim)}
.detail-head{padding:65px 7vw 45px;max-width:1150px}.back{font-size:12px;color:var(--dim)}.detail-head .eyebrow{margin-top:50px}.detail-head h1{font-size:clamp(36px,5vw,72px)}.detail-intro{max-width:650px;color:var(--dim)}
.gallery{padding:0 7vw;display:grid;grid-template-columns:1fr 1fr;gap:45px 24px}.gallery figure{margin:0;min-width:0}.gallery figure:first-child{grid-column:1/-1}.photo-open{padding:0;border:0;display:block;background:#1c1c1b;width:100%;cursor:zoom-in}.gallery img{max-width:100%;width:100%;height:auto;max-height:780px;object-fit:contain;display:block}.gallery figcaption{font-size:11px;color:var(--dim);margin-top:12px}
.credit{margin:45px 7vw;color:var(--dim);font-size:11px}.next{display:flex;flex-direction:column;padding:70px 7vw 0;gap:12px}.next small{color:var(--dim)}.next span{font-size:clamp(24px,3vw,42px)}
dialog{border:1px solid var(--hair);background:#141413;color:#eee;padding:60px 28px 18px;width:min(95vw,1500px);max-height:95vh}dialog::backdrop{background:#000e}dialog img{display:block;max-width:100%;max-height:76vh;margin:auto;object-fit:contain}dialog p{font-size:12px;color:#bbb}.close{position:absolute;right:22px;top:12px;background:none;border:0;color:#eee;cursor:pointer}html:has(dialog[open]){overflow:hidden}
.case-toc{margin:45px 7vw 0;border-block:1px solid var(--hair);padding:22px 0;display:flex;gap:24px;justify-content:space-between;align-items:center;font-size:12px}.case-toc>span{color:var(--dim)}.case-toc>div{display:flex;gap:20px;flex-wrap:wrap}.case-toc a{color:var(--accent)}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.card img{height:280px}.section-head>p{max-width:220px}}
@media(max-width:820px){.case-toc{display:block;margin:30px 6vw 0}.case-toc>div{gap:15px;margin-top:16px}}
@media(max-width:600px){.intro-bottom span{display:none}.hxh-case-page .intro{padding:50px 6vw 35px}.featured{margin:0}.featured>a{min-height:440px;height:60vh}.featured img{object-position:60% center}.featured>a>div{left:6%;bottom:7%}.collection{padding:55px 6vw 10px}.section-head{display:block}.section-head>p{max-width:none;margin:15px 0 0}.grid{grid-template-columns:1fr;gap:32px}.card img{height:300px}.record-list>div{display:block;padding:20px 0}.record-list span{display:block;margin-top:4px}.detail-head{padding:35px 6vw}.detail-head .eyebrow{margin-top:30px}.gallery{grid-template-columns:1fr;padding:0 6vw;gap:30px}.gallery figure:first-child{grid-column:auto}.credit{margin:32px 6vw}.next{padding:50px 6vw 0}}
@media(prefers-reduced-motion:reduce){.card img{transition:none}}