/* About: short brand copy and optional spatial notes. */
.brand-page{background:#fff;color:#000;--gutter:clamp(20px,3.2vw,52px)}
.brand-main{max-width:1140px;padding-top:clamp(64px,7.5vw,112px);padding-bottom:64px}
.brand-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.5fr);gap:clamp(32px,7vw,100px);padding-bottom:72px;scroll-margin-top:36px}
.brand-hero h1{font-size:clamp(27px,2.7vw,36px);line-height:1.25;letter-spacing:-.035em;margin:0;font-weight:400;color:#000}
.brand-hero-copy{min-width:0;max-width:510px}
.brand-hero-copy p{font-size:14px;line-height:1.95;margin:0 0 24px}
.brand-hero-copy p:last-child{margin-bottom:0}
.brand-disclosure{border-top:1px solid var(--line,#d8d8d1)}
.brand-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:64px;padding:21px 0;list-style:none;font-size:12px;line-height:1.6;cursor:pointer;font-weight:400;letter-spacing:0}
.brand-disclosure>summary::-webkit-details-marker{display:none}
.brand-disclosure>summary::after{content:"+";flex:none;width:18px;text-align:center;font-size:17px;line-height:1}
.brand-disclosure[open]>summary::after{content:"−"}
.brand-space .room-story{padding:24px 0 38px;border:0;grid-template-columns:minmax(0,.65fr) minmax(0,1fr);gap:clamp(32px,5vw,68px)}
.brand-space .room-story-copy{max-width:300px}
.brand-space .room-story h2{font-size:24px;line-height:1.3;letter-spacing:-.025em;font-weight:400;margin-bottom:19px;color:#000}
.brand-space .room-story-copy>p{font-size:13px;line-height:1.9;margin-bottom:0}
.brand-space .fold-controls button{background:#fff;font-weight:400}
.brand-space .fold-state{font-size:10px}
.brand-space .fold-room figcaption{font-size:9px}
.brand-main .references{border:0}
.brand-main .references .reference-copy{padding:12px 0 30px;max-width:620px;margin-left:auto}
.brand-main .reference-copy p{font-size:12px;line-height:1.9;margin-bottom:17px}
.brand-main .reference-copy .source-note{font-size:10px;line-height:1.8;margin-top:-7px;margin-bottom:24px}
.brand-main .reference-copy p:last-child{margin-bottom:0}
.brand-preview-note{font-size:10px;line-height:1.8;margin:30px 0 0;border-top:1px solid var(--line,#d8d8d1);padding-top:24px}
.brand-footer-name{font-size:17px;line-height:1.4;letter-spacing:-.035em;margin-right:auto}
.brand-footer-name>span{font-size:9px;letter-spacing:.08em;margin-left:11px;white-space:nowrap}
.brand-footer .brand-legal-languages{display:flex;gap:16px;font-size:10px;line-height:1.6}
.brand-footer .brand-legal-languages a{padding:0;min-height:24px}
.brand-page:lang(zh-CN) .brand-hero h1{line-height:1.4;letter-spacing:-.02em}
.brand-page:lang(zh-CN) .brand-hero-copy p{line-height:2}
@media(max-width:800px){
  .brand-main{padding-top:64px;padding-bottom:48px}
  .brand-hero{gap:32px;padding-bottom:54px;grid-template-columns:minmax(0,.85fr) minmax(0,1.5fr)}
  .brand-hero h1{font-size:29px}
  .brand-hero-copy p{font-size:13px}
  .brand-space .room-story{grid-template-columns:minmax(0,1fr);gap:25px;padding:20px 0 30px}
  .brand-space .room-story-copy{max-width:480px}
  .brand-space .room-story h2{font-size:23px}
}
@media(max-width:560px){
  .brand-main{padding-top:49px;padding-bottom:40px}
  .brand-hero{grid-template-columns:minmax(0,1fr);gap:28px;padding-bottom:43px}
  .brand-hero h1{font-size:27px}
  .brand-hero-copy p{font-size:13px;line-height:1.95;margin-bottom:20px}
  .brand-disclosure>summary{font-size:11px;min-height:62px;padding:20px 0}
  .brand-space .room-story h2{font-size:22px}
  .brand-space .room-story-copy>p{font-size:12px}
  .brand-main .references .reference-copy{padding-top:8px;padding-bottom:25px}
  .brand-main .reference-copy p{font-size:11px}
  .brand-main .reference-copy .source-note{font-size:10px}
  .brand-preview-note{font-size:9px;margin-top:24px;padding-top:22px}
  .brand-footer-name{width:100%;margin-right:0}
  .brand-footer .brand-legal-languages{gap:20px}
}

.brand-art-reference{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(30px,5vw,70px);align-items:center;margin:0 0 60px}
.brand-art-reference>img{display:block;width:100%;height:auto}
.brand-art-reference figcaption{min-width:0;font-size:12px;line-height:1.9;max-width:300px}
.brand-art-reference .eyebrow{font-size:9px;margin-bottom:18px;letter-spacing:.1em}
.brand-art-reference cite{font-style:normal;display:block}
.brand-art-reference .art-medium{display:block;font-size:11px;margin-top:10px}
.brand-art-reference .art-credit{font-size:10px;line-height:1.8;margin:20px 0 0}
.brand-art-reference .art-credit a{text-decoration:underline;text-underline-offset:3px}
@media(max-width:560px){.brand-art-reference{grid-template-columns:minmax(0,1fr);gap:22px;margin-bottom:40px}.brand-art-reference figcaption{font-size:11px;max-width:none}.brand-art-reference .eyebrow{margin-bottom:12px}.brand-art-reference .art-credit{margin-top:12px}}