/* Original cinematic / editorial visual language for Bụi Mây's home page.
   Keeps existing Supabase content and the customer-first photo layout intact. */
body[data-page="home"]{background:#fcfaf5}
body[data-page="home"] #site-header .header{background:rgba(255,253,247,.97);border-bottom:1px solid #d9e4d5;box-shadow:0 9px 30px #183c2912;backdrop-filter:blur(15px)}
body[data-page="home"] #site-header .header-inner{max-width:1320px}
body[data-page="home"] #site-header .brand strong{color:#1a4831}
body[data-page="home"] #site-header .brand small{color:#4d765a}
body[data-page="home"] #site-header .nav a{transition:color .2s ease}
body[data-page="home"] #site-header .nav a:hover{color:#996d4a}
body[data-page="home"] .bm-film-hero{min-height:min(780px,89svh);isolation:isolate;background:#234c37}
body[data-page="home"] .bm-film-hero>img{z-index:-2;object-position:center 53%;transform:scale(1.025);animation:bm-film-pan 24s ease-in-out alternate infinite;will-change:transform}
body[data-page="home"] .bm-film-hero:after{z-index:-1;background:linear-gradient(90deg,#102d20cf 0%,#102d2088 38%,#102d2030 71%,#102d2048 100%),linear-gradient(0deg,#0e291a62,transparent 32%)}
body[data-page="home"] .bm-film-hero .hero-content{padding-top:92px;padding-bottom:112px;max-width:1320px}
body[data-page="home"] .bm-film-hero .eyebrow{color:#d5e5cf;font-size:10px;letter-spacing:3.4px;font-weight:700;text-shadow:0 1px 8px #081e1180}
body[data-page="home"] .bm-film-hero h1{font-size:clamp(47px,6.1vw,89px);line-height:1.1;letter-spacing:-1.3px;max-width:870px;text-wrap:balance;text-shadow:0 2px 26px #06211345}
body[data-page="home"] .bm-film-hero h1 em{font-weight:500;color:#e4e7ca}
body[data-page="home"] .bm-film-hero p{font-size:clamp(13px,1.15vw,16px);max-width:545px;line-height:2.05;color:#edf2e9;margin-top:26px;text-shadow:0 1px 10px #0b28173f}
body[data-page="home"] .bm-film-hero .actions{margin-top:33px;gap:13px}
body[data-page="home"] .bm-film-hero .button{min-height:52px;border-radius:6px;letter-spacing:.4px;padding:14px 23px;font-weight:700}
body[data-page="home"] .bm-film-hero .button.light{background:#fffbf2;color:#204934;border-color:#fffbf2;box-shadow:0 8px 25px #0003}
body[data-page="home"] .bm-film-hero .button.light:hover{background:#ecf3e4;color:#163c28}
body[data-page="home"] .bm-film-hero .button.ghost{background:#143e2850;border-color:#ffffffa8;color:#fff}
body[data-page="home"] .bm-film-hero .button.ghost:hover{background:#ffffff27}
body[data-page="home"] .bm-film-hero .hero-bottom{bottom:31px;font-size:10px;letter-spacing:1.7px;color:#e8eee2}
body[data-page="home"] .bm-film-atmosphere{position:absolute;inset:0;pointer-events:none;z-index:0;overflow:hidden}
body[data-page="home"] .bm-film-ring{position:absolute;border:1px solid #edf2e930;border-radius:50%;width:220px;height:220px;right:9%;top:12%;transform:rotate(-24deg)}
body[data-page="home"] .bm-film-ring--two{width:295px;height:295px;right:4%;top:5%;border-color:#edf2e915}
body[data-page="home"] .bm-film-hero .hero-content,body[data-page="home"] .bm-film-hero .hero-bottom{z-index:1}
body[data-page="home"] .bm-film-editorial{background:#fbf9f2;border-top:1px solid #e9e9dd;padding:clamp(60px,9vw,122px) 0 clamp(58px,8vw,100px)}
body[data-page="home"] .bm-film-editorial-inner{max-width:1320px}
body[data-page="home"] .bm-film-editorial-heading{max-width:850px;margin-bottom:45px}
body[data-page="home"] .bm-film-kicker{color:#a07354;font-size:10px;font-weight:800;letter-spacing:2.6px;margin-bottom:17px}
body[data-page="home"] .bm-film-title{font-size:clamp(38px,5.6vw,76px);line-height:1.18;letter-spacing:-1.25px;color:#244632;font-weight:500;text-wrap:balance}
body[data-page="home"] .bm-film-title em{color:#a77855;font-weight:500}
body[data-page="home"] .bm-film-intro{font-size:clamp(13px,1.15vw,15px);line-height:2.05;color:#5e7261;max-width:610px;margin-top:23px}
body[data-page="home"] .bm-film-collage{display:grid;grid-template-columns:1.15fr .87fr .87fr;align-items:start;gap:19px;min-width:0}
body[data-page="home"] .bm-film-collage-card{position:relative;display:block;min-width:0;isolation:isolate;color:#fff;overflow:hidden;border-radius:4px;background:#c7d4c4;box-shadow:0 12px 40px #15352216}
body[data-page="home"] .bm-film-collage-card:nth-child(2){margin-top:59px}
body[data-page="home"] .bm-film-collage-card:nth-child(3){margin-top:114px}
body[data-page="home"] .bm-film-collage-image{height:100%;position:relative;aspect-ratio:3/4;overflow:hidden}
body[data-page="home"] .bm-film-collage-card:nth-child(2) .bm-film-collage-image{aspect-ratio:3/4.35}
body[data-page="home"] .bm-film-collage-card:nth-child(3) .bm-film-collage-image{aspect-ratio:3/4}
body[data-page="home"] .bm-film-collage-image>img{width:100%;height:100%;object-fit:cover;transform:scale(1.001);transition:transform .85s cubic-bezier(.21,.6,.25,1)}
body[data-page="home"] .bm-film-collage-card:hover img{transform:scale(1.08)}
body[data-page="home"] .bm-film-collage-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d2619c9 0%,#0d261952 34%,transparent 65%);z-index:0;pointer-events:none}
body[data-page="home"] .bm-film-collage-caption{position:absolute;z-index:1;left:0;right:0;bottom:0;padding:clamp(16px,2vw,28px);display:flex;flex-direction:column;gap:5px;text-shadow:0 1px 12px #071f1366}
body[data-page="home"] .bm-film-index{font-size:9px;letter-spacing:1.8px;font-weight:700;color:#d9e7d7;margin-bottom:8px}
body[data-page="home"] .bm-film-name-zh{font:600 clamp(25px,2.8vw,42px)/1.2 'PingFang TC','Microsoft JhengHei',serif}
body[data-page="home"] .bm-film-name-vi{font-size:clamp(12px,1.2vw,15px);font-weight:700}
body[data-page="home"] .bm-film-open{font-size:11px;letter-spacing:.3px;padding-top:17px;text-decoration:underline;text-underline-offset:5px;color:#f5f2de}
body[data-page="home"] .bm-film-editorial-bottom{display:flex;justify-content:space-between;align-items:center;gap:22px;border-top:1px solid #d7e1d4;margin-top:37px;padding-top:28px;color:#5a755f}
body[data-page="home"] .bm-film-editorial-bottom>p{font-size:13px;max-width:560px}
body[data-page="home"] .bm-film-all-places{display:inline-flex;align-items:center;justify-content:center;min-height:44px;white-space:nowrap;border-bottom:1px solid #234b34;font-weight:800;font-size:12px;color:#244f37}
body[data-page="home"] .bm-film-all-places:hover{color:#9e6540}
body[data-page="home"] .bm-gallery-section--customer{background:#edf5eb}
body[data-page="home"] .bm-gallery-section--customer .bm-gallery-header h2{font-size:clamp(32px,4.1vw,56px);letter-spacing:-.6px}
body[data-page="home"] .bm-gallery-section:not(.bm-gallery-section--customer){background:#fffdf8}
body[data-page="home"] .bm-explore-section{background:#f0f5ec}
body[data-page="home"] .gallery-tour-section{background:#fffdfa}
body[data-page="home"] .bm-film-motion .bm-film-reveal{opacity:0;transform:translateY(33px);transition:opacity .9s ease,transform .9s cubic-bezier(.21,.6,.25,1)}
body[data-page="home"] .bm-film-motion .bm-film-reveal.bm-film-in-view{opacity:1;transform:translateY(0)}
body[data-page="home"] .bm-film-motion .bm-film-collage-card:nth-child(2){transition-delay:.12s}
body[data-page="home"] .bm-film-motion .bm-film-collage-card:nth-child(3){transition-delay:.2s}
@keyframes bm-film-pan{0%{transform:scale(1.03) translate3d(-.5%,0,0)}100%{transform:scale(1.095) translate3d(.65%,-.6%,0)}}
@media(max-width:900px){
 body[data-page="home"] .bm-film-hero{min-height:660px}
 body[data-page="home"] .bm-film-hero .hero-content{padding-top:78px}
 body[data-page="home"] .bm-film-collage{gap:13px}
 body[data-page="home"] .bm-film-collage-card:nth-child(2){margin-top:35px}
 body[data-page="home"] .bm-film-collage-card:nth-child(3){margin-top:70px}
 body[data-page="home"] .bm-film-collage-caption{padding:15px}
}
@media(max-width:640px){
 body[data-page="home"] .bm-film-hero{min-height:610px;min-height:min(690px,83svh)}
 body[data-page="home"] .bm-film-hero>img{object-position:57% 48%}
 body[data-page="home"] .bm-film-hero:after{background:linear-gradient(90deg,#102b20bf,#102e2080 58%,#102e2040),linear-gradient(0deg,#0e2414a3,transparent 43%)}
 body[data-page="home"] .bm-film-hero .hero-content{padding-top:75px;padding-bottom:102px}
 body[data-page="home"] .bm-film-hero h1{font-size:clamp(39px,10.4vw,56px);letter-spacing:-.5px;line-height:1.14}
 body[data-page="home"] .bm-film-hero .eyebrow{font-size:9px;letter-spacing:1.75px}
 body[data-page="home"] .bm-film-hero p{font-size:12px;line-height:1.85;max-width:340px}
 body[data-page="home"] .bm-film-hero .actions{margin-top:26px;gap:9px}
 body[data-page="home"] .bm-film-hero .button{min-height:48px;font-size:11px;padding:12px 16px}
 body[data-page="home"] .bm-film-ring{width:140px;height:140px;right:-30px;top:19%}
 body[data-page="home"] .bm-film-ring--two{width:200px;height:200px;right:-65px;top:13%}
 body[data-page="home"] .bm-film-editorial{padding-top:53px;padding-bottom:50px;overflow:hidden}
 body[data-page="home"] .bm-film-editorial-heading{margin-bottom:30px}
 body[data-page="home"] .bm-film-title{font-size:clamp(36px,9vw,46px);line-height:1.2;letter-spacing:-.7px}
 body[data-page="home"] .bm-film-intro{font-size:13px;margin-top:17px;line-height:1.8}
 body[data-page="home"] .bm-film-collage{display:flex;align-items:stretch;overflow-x:auto;scroll-snap-type:x mandatory;scroll-padding-inline:24px;gap:13px;margin-right:-24px;padding:0 24px 15px 0;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 body[data-page="home"] .bm-film-collage::-webkit-scrollbar{display:none}
 body[data-page="home"] .bm-film-collage-card,body[data-page="home"] .bm-film-collage-card:nth-child(2),body[data-page="home"] .bm-film-collage-card:nth-child(3){flex:0 0 76vw;max-width:330px;margin-top:0;scroll-snap-align:start}
 body[data-page="home"] .bm-film-collage-image,body[data-page="home"] .bm-film-collage-card:nth-child(2) .bm-film-collage-image{aspect-ratio:3/3.85}
 body[data-page="home"] .bm-film-collage-caption{padding:19px}
 body[data-page="home"] .bm-film-name-zh{font-size:30px}
 body[data-page="home"] .bm-film-editorial-bottom{align-items:flex-start;flex-direction:column;margin-top:21px;padding-top:21px;gap:13px}
 body[data-page="home"] .bm-film-editorial-bottom>p{font-size:12px}
}
@media(prefers-reduced-motion:reduce){
 body[data-page="home"] .bm-film-hero>img{animation:none;transform:none;will-change:auto}
 body[data-page="home"] .bm-film-motion .bm-film-reveal{opacity:1;transform:none;transition:none}
 body[data-page="home"] .bm-film-collage-image>img{transition:none}
}