/* KAIJIE: refined existing composition, one content/media plane. */
.brand{font-family:Georgia,"Times New Roman",serif;font-size:20px;font-weight:400;letter-spacing:.04em}
.hero{isolation:isolate;display:flex;flex-direction:column;justify-content:center;min-height:calc(100svh - var(--header-height));padding-block:clamp(64px,9vh,112px) clamp(40px,6vh,72px);overflow:hidden;gap:clamp(32px,6vh,70px)}
.hero-film{position:absolute;inset:0;width:100%;height:100%;min-height:0;max-height:none;aspect-ratio:auto;z-index:0;background:url('/assets/video/hero-poster.jpg') center/cover no-repeat}
.hero-video{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:center;transform:none;filter:none}
.hero-film::before{content:'';position:absolute;inset:0;aspect-ratio:auto;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(7,11,9,.69),rgba(7,11,9,.41) 34%,rgba(7,11,9,.05) 73%,transparent),linear-gradient(0deg,rgba(7,11,9,.69),rgba(7,11,9,.08) 42%,transparent 68%)}
.hero-heading{position:relative;inset:auto;z-index:2;padding-block:0;pointer-events:auto;margin-top:auto}
.hero-heading .eyebrow{font-size:11px;line-height:1.7;letter-spacing:.14em;max-width:none;margin-bottom:28px;color:#fff;text-shadow:none}
.hero-heading h1{font-size:clamp(64px,6.45vw,122px);font-weight:700;line-height:1.02;letter-spacing:-.06em;max-width:1450px;color:#fff;text-shadow:0 2px 12px #0002;text-wrap:balance}
.hero-heading h1>span{display:block;white-space:normal}
.hero-caption{position:relative;inset:auto;z-index:2;display:grid;grid-template-columns:minmax(0,510px) auto 1fr;gap:42px;align-items:end;padding-block:0;margin-top:0}
.hero-copy{font-size:16px;line-height:1.7;max-width:510px;color:#fff;text-shadow:0 1px 6px #0003}
.hero-caption .button{min-height:52px;align-self:end;background:#f3f0e9;color:#171816;text-shadow:none;border-color:#f3f0e9;padding:17px 24px;gap:30px;font-size:11px;white-space:normal}
.hero-caption .button:hover{background:#d8cbb7;color:#171816;border-color:#d8cbb7}
.hero-index{align-self:end;font-size:10px;color:#fff;text-shadow:none}
html[lang=zh] .hero-heading h1{font-size:clamp(58px,5.3vw,98px)!important;font-weight:650;line-height:1.22!important;max-width:18em!important;letter-spacing:-.055em;word-break:normal}
html[lang=zh] .hero-heading h1 .hero-phrase{display:inline-block;max-width:100%;white-space:normal}
html[lang=zh] .hero-caption{grid-template-columns:minmax(0,560px) auto 1fr}
html[lang=zh] .hero-copy{font-size:17px;line-height:1.8}
.hero-film.has-playback-error .hero-video{visibility:hidden}
.visual-story__head p{color:#64675f}.visual-story--dark .visual-story__head p{color:#c0c5ba}
.visual-story h2,.residential-feature h2,.visual-proof h2{ text-wrap:balance }
.application-item--hospitality .image-frame{aspect-ratio:auto;background:none}
.application-item--hospitality .image-frame img{height:auto;aspect-ratio:4/5;object-fit:contain}
.application-grid{align-items:start}
.editorial-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:64px 5%;align-items:start}
.editorial-gallery figure{grid-column:span 6;min-width:0}
.editorial-gallery figure:nth-child(4n+1){grid-column:span 7}
.editorial-gallery figure:nth-child(4n+2){grid-column:span 5;padding-top:18%}
.editorial-gallery figure:nth-child(4n+3){grid-column:2/span 4}
.editorial-gallery figure:nth-child(4n+4){grid-column:7/span 6;padding-top:12%}
.editorial-gallery img{height:auto;max-height:900px;object-fit:contain}
.gallery-disclosure{margin-top:40px;border-top:1px solid var(--line)}
.gallery-disclosure summary{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 0;cursor:pointer;font-size:12px;letter-spacing:.08em;list-style:none;min-height:48px}
.gallery-disclosure summary::-webkit-details-marker{display:none}
.gallery-disclosure[open] summary{margin-bottom:24px}
.gallery-disclosure[open] summary .kj-line-arrow{transform:rotate(180deg)}
.visit-chapter{display:grid;grid-template-columns:1fr 2fr;gap:8%;margin-block:68px 100px;padding-top:24px;border-top:1px solid var(--line)}
.visit-chapter h3{font-size:clamp(24px,2.8vw,42px);line-height:1.25;margin:22px 0}.visit-chapter p{font-size:15px;line-height:1.9}
.visit-pictures{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:start}.visit-pictures figure:first-child{grid-column:1/-1}.visit-pictures img{width:100%;height:auto}
.showroom-story{display:grid;grid-template-columns:1.65fr 1fr;gap:7%;align-items:center}.showroom-story h3{font-size:clamp(24px,3vw,42px);line-height:1.2;margin:24px 0}.showroom-story p{line-height:1.85;font-size:16px}
.scene-intro{display:grid;grid-template-columns:1fr 1fr;gap:6%;align-items:center;padding-block:80px 65px}
.scene-intro .page-intro{width:100%;padding:0}.scene-intro .page-title{font-size:clamp(36px,4.5vw,78px);line-height:1.1}.scene-intro .lede{font-size:16px;margin-top:26px}
.scene-intro figure{margin:0;background:none}.scene-intro img{display:block;width:100%;height:auto;max-height:820px;object-fit:contain}.scene-intro .image-caption{position:static;color:var(--text);padding:12px 0;text-shadow:none;background:none}
.factory-sequence img{height:auto;object-fit:contain;max-height:800px}
.scene-intro img{aspect-ratio:auto}
html[lang=zh] .scene-intro .page-title{font-size:clamp(36px,4vw,72px)!important;line-height:1.25!important;max-width:none!important;letter-spacing:-.03em;text-wrap:balance}
@media(max-width:1100px){.hero-caption,.hero-index{grid-template-columns:1fr auto}.hero-index{display:none}.hero-heading h1{font-size:7vw}.scene-intro{gap:5%}.scene-intro .page-title{font-size:40px}}
@media(max-width:820px){
 .brand{font-size:18px}.hero{min-height:calc(100svh - var(--header-height));padding-top:clamp(100px,19svh,170px);padding-bottom:max(34px,env(safe-area-inset-bottom));gap:34px}
 .hero-heading{position:relative;inset:auto;padding:0;margin-top:auto}.hero-heading .eyebrow{font-size:9px;line-height:1.7;letter-spacing:.09em;max-width:290px;margin-bottom:24px}
 .hero-heading h1{font-size:clamp(38px,10.2vw,76px);font-weight:700;line-height:1.04;letter-spacing:-.055em;max-width:13em}
 .hero-caption,html[lang=zh] .hero-caption{display:flex;flex-direction:column;align-items:flex-start;gap:26px;margin-top:0;padding:0}
 .hero-copy{font-size:15px;line-height:1.7;max-width:31em}.hero-caption .button{align-self:flex-start;min-height:50px;font-size:10px}
 html[lang=zh] .hero-heading h1{font-size:clamp(34px,8.9vw,65px)!important;line-height:1.27!important;max-width:11em!important;font-weight:650}
 html[lang=zh] .hero-copy{font-size:16px;line-height:1.75}.hero-index{display:none}
 .hero-film::before{background:linear-gradient(90deg,rgba(7,11,9,.53),rgba(7,11,9,.26) 62%,rgba(7,11,9,.06)),linear-gradient(0deg,rgba(7,11,9,.78),rgba(7,11,9,.12) 66%,transparent)}
 .editorial-gallery{gap:36px 20px}.editorial-gallery figure:nth-child(n){grid-column:1/-1;padding:0}.editorial-gallery figure:nth-child(2n){margin-left:12%}.editorial-gallery img{max-height:650px}
 .visit-chapter{grid-template-columns:1fr;gap:30px;margin-block:45px 65px}.visit-pictures{gap:18px}.showroom-story{grid-template-columns:1fr;gap:32px}
 .scene-intro{display:flex;flex-direction:column;gap:36px;padding-block:40px}.scene-intro .page-title{font-size:39px}.scene-intro .page-intro{padding:0}.scene-intro figure{max-width:100%}.scene-intro img{max-height:none}
 .visual-story__head h2{font-size:clamp(31px,8.7vw,42px);text-wrap:balance}.visual-proof h2{font-size:36px;text-wrap:balance}
 .visual-media-button .visual-zoom{width:40px;height:40px}
}
@media(max-height:700px) and (max-width:820px){.hero{padding-top:60px;gap:26px}.hero-heading .eyebrow{margin-bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero *,.editorial-gallery *{animation:none!important;transition:none!important}}
.kj-motion-reduced .editorial-gallery *{animation:none!important;transition:none!important}