/* Shared hierarchy: retain the established warm stone palette and glass surfaces. */
:root { --ink:#28313e; --link:#344253; --muted:#66707a; }
html { scroll-padding-top:110px; }
:focus-visible { outline:3px solid #a87843; outline-offset:5px; }
.site-head { position:sticky; top:12px; min-height:70px; }
.site-head h1 { max-width:48%; white-space:normal; text-align:center; font-size:clamp(17px,1.5vw,23px); line-height:1.25; letter-spacing:-.025em; }
.gallery { gap:20px; }
.card { border-color:rgba(255,255,255,.8); box-shadow:0 10px 30px #25344912; }
.card h2 { letter-spacing:-.025em; font-weight:700; line-height:1.22; }
.card-description { color:#606a75; line-height:1.65; }
.cover img { filter:none; }
.card:last-child .cover img { filter:none; }
.card:hover,.card:focus-visible { transform:translateY(-3px); }
.content-heading h2,.series-hero h1,.detail-hero h1,.story-copy h2,.factory-heading h2,.logistics-intro h2,.logistics-cta h2,.qc-intro h3,.aging-feature h3,.visit-layout h2 { font-family:Manrope,Arial,sans-serif; font-weight:600; line-height:1.14; letter-spacing:-.04em; }
.content-heading h2,.factory-heading h2,.story-copy h2 { font-size:clamp(30px,3.1vw,46px); }
.series-hero h1,.detail-hero h1,.factory-hero h1 { font-family:Manrope,Arial,sans-serif; font-size:clamp(40px,4.5vw,66px); line-height:1.08; letter-spacing:-.045em; }
.content-nav nav a { padding-inline:11px; font-size:12px; }
.content-nav,.factory-nav { min-height:70px; }
.content-shell,.factory-shell { width:min(1240px,calc(100% - 80px)); }
.content-page p,.factory-page p { text-wrap:pretty; }
.product-cover-card { min-width:0; }
.product-cover-card img { object-fit:contain; }
/* One composed first screen: overview and director together, films follow. */
.video-page .brand-video-hero { margin:0; padding:72px 0 76px; background:#f3f0eb; border-bottom:1px solid #dce0e3; }
.video-page .brand-video-hero .video-hero-grid { display:grid; grid-template-columns:minmax(0,1.25fr) minmax(260px,.75fr); max-width:1240px; gap:clamp(40px,7vw,100px); align-items:center; }
.video-page .brand-video-hero .video-hero-copy { color:#28313e; }
.video-page .brand-video-hero .content-kicker { color:#987249; font-size:10px; letter-spacing:.16em; }
.video-page .brand-video-hero .video-hero-copy h1 { max-width:650px; margin:0 0 24px; font-family:Manrope,Arial,sans-serif; font-size:clamp(40px,4.6vw,64px); font-weight:600; line-height:1.1; letter-spacing:-.045em; color:#28313e; }
.video-page .brand-video-hero .video-hero-copy>p:not(.content-kicker) { max-width:540px; color:#65707b; font-size:16px; line-height:1.8; }
.director-intro { margin-top:32px; padding-top:25px; border-top:1px solid #cfd4d8; }
.director-intro h2 { margin:0 0 8px; font:600 28px/1.2 Manrope,Arial,sans-serif; letter-spacing:-.02em; }
.director-intro span { color:#8c6943; font-size:11px; font-weight:700; letter-spacing:.07em; text-transform:uppercase; }
.director-intro p { max-width:470px; margin:12px 0 0; color:#66707a; font-size:14px; line-height:1.75; }
.director-actions { display:flex; gap:14px; flex-wrap:wrap; margin-top:28px; }
.director-actions a { display:inline-flex; align-items:center; min-height:48px; padding:12px 20px; border:1px solid #344253; border-radius:6px; font-size:12px; font-weight:700; color:#fff; background:#344253; }
.director-actions a+a { color:#344253; background:transparent; }
.director-actions a:hover { background:#43556a; color:#fff; }
.director-portrait { width:100%; max-width:400px; margin:0; justify-self:end; }
.director-portrait img { display:block; width:100%; aspect-ratio:1/1; object-fit:cover; object-position:center 8%; border-radius:8px; background:#d4d5d6; }
.director-portrait figcaption { padding-top:14px; color:#7a8087; font-size:11px; letter-spacing:.025em; }
.director-film-section { padding:80px 0; background:#fffdf9; }
.director-film-grid { display:grid; grid-template-columns:minmax(0,1fr) minmax(240px,.7fr); gap:100px; align-items:center; }
.director-film-copy h2 { max-width:520px; color:#28313e; font:600 clamp(30px,3vw,44px)/1.15 Manrope,Arial,sans-serif; letter-spacing:-.04em; }
.director-film-copy>p:not(.content-kicker) { max-width:480px; color:#66707a; font-size:15px; line-height:1.8; }
.director-film-copy>a { display:inline-block; margin-top:20px; padding-bottom:8px; border-bottom:1px solid #344253; color:#344253; font-size:12px; font-weight:700; }
.video-page .director-film-grid .video-main-stage { width:min(100%,300px); aspect-ratio:9/16; border-radius:8px; box-shadow:0 15px 35px #28313e18; }
.yuki-video-card { border-radius:10px; box-shadow:none; }
.yuki-video-frame { max-height:510px; }
.yuki-video-copy h3 { font-size:19px; line-height:1.3; }
.video-page .video-library-section { padding-block:80px; }
.video-page .video-library-section.production-chapter { background:#f4f1ec; }
.video-page .video-library-section.dark-section { background:#28313e; }
.visit-section h2 { font-size:clamp(32px,3.5vw,48px); }
@media(min-width:701px) {
 .gallery { height:auto; min-height:calc(100svh - 102px); grid-template-rows:repeat(2,1fr); padding:20px 0 26px; }
 .card { grid-template-rows:auto auto 1fr; padding:10px 10px 16px; }
 .card h2 { font-size:clamp(18px,1.4vw,23px); margin-top:14px; }
 .card-description { font-size:12px; -webkit-line-clamp:2; }
 .cover { aspect-ratio:2/1; }
}
@media(max-width:1050px) {
 .content-shell,.factory-shell { width:calc(100% - 48px); }
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(0,1fr) minmax(220px,.7fr); gap:36px; }
 .director-film-grid { gap:40px; }
}
@media(max-width:700px) {
 html { scroll-padding-top:150px; }
 .site-head { top:8px; padding:15px 14px 12px; }
 .site-head h1 { max-width:none; text-align:left; padding-right:0; font-size:17px; line-height:1.3; margin-top:16px; }
 .gallery { gap:14px; padding-top:16px; }
 .card { padding:8px 8px 14px; }
 .cover { aspect-ratio:2.25/1; }
 .card h2 { font-size:22px; margin-top:12px; line-height:1.2; }
 .card-description { margin-top:7px; font-size:12px; line-height:1.55; -webkit-line-clamp:2; }
 .card:hover { transform:none; }
 .content-shell,.factory-shell { width:calc(100% - 36px); }
 .content-nav { padding-inline:12px; }
 .video-page .brand-video-hero { padding:36px 0 44px; }
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:1fr; gap:30px; }
 .video-page .brand-video-hero .video-hero-copy { order:0; }
 .video-page .brand-video-hero .video-hero-copy h1 { font-size:38px; line-height:1.13; }
 .video-page .brand-video-hero .video-hero-copy>p:not(.content-kicker) { font-size:14px; line-height:1.75; }
 .director-intro { margin-top:24px; padding-top:20px; }
 .director-actions { gap:10px; }
 .director-actions a { font-size:11px; padding-inline:14px; }
 .director-portrait { max-width:340px; justify-self:center; }
 .director-film-section { padding:48px 0; }
 .director-film-grid { grid-template-columns:1fr; gap:28px; }
 .video-page .video-library-section { padding-block:52px; }
 .content-heading.split { grid-template-columns:1fr; gap:20px; }
 .content-heading h2,.factory-heading h2,.story-copy h2 { font-size:30px; }
 .series-hero h1,.detail-hero h1,.factory-hero h1 { font-size:38px; }
 .content-home,.factory-nav .back-home { min-height:44px; }
}
/* Factory videos: overview and Yuki profile share the left column; the introduction video is on the right. */
.video-page .brand-video-hero { padding-block:62px 72px; }
.video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(300px,.62fr); gap:clamp(48px,7vw,104px); align-items:center; }
.director-intro-card { display:grid; grid-template-columns:96px minmax(0,1fr); gap:20px; align-items:center; max-width:570px; margin-top:30px; padding:16px; border:1px solid #d4d8dc; border-radius:10px; background:#fffaf5; box-shadow:0 10px 28px rgba(40,49,62,.07); }
.director-intro-card img { display:block; width:96px; height:118px; border-radius:7px; object-fit:cover; object-position:center 8%; background:#d4d5d6; }
.director-intro-card span { display:block; margin-bottom:3px; color:#987249; font-size:9px; font-weight:800; letter-spacing:.13em; }
.director-intro-card h2 { margin:0 0 3px; color:#28313e; font:600 27px/1.1 Manrope,Arial,sans-serif; letter-spacing:-.025em; }
.director-intro-card strong { display:block; color:#475462; font-size:11px; letter-spacing:.04em; text-transform:uppercase; }
.director-intro-card p { margin:9px 0 0; color:#69737d; font-size:12px; line-height:1.6; }
.video-page .brand-video-hero .hero-video-stage { width:min(100%,360px); min-height:0; aspect-ratio:9/16; justify-self:end; border:1px solid #d7dce0; border-radius:10px; background:#131820; box-shadow:0 22px 55px rgba(40,49,62,.18); }
.video-page .brand-video-hero .hero-video-stage video { display:block; width:100%; height:100%; object-fit:contain; background:#131820; }
@media(max-width:900px) {
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(0,1fr) minmax(250px,.65fr); gap:32px; }
 .video-page .brand-video-hero .hero-video-stage { width:min(100%,320px); }
}
@media(max-width:700px) {
 .video-page .brand-video-hero { padding-block:34px 46px; }
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:1fr; gap:30px; }
 .director-intro-card { grid-template-columns:82px minmax(0,1fr); gap:14px; margin-top:24px; padding:12px; }
 .director-intro-card img { width:82px; height:108px; }
 .director-intro-card h2 { font-size:24px; }
 .director-intro-card p { font-size:11px; }
 .video-page .brand-video-hero .hero-video-stage { width:min(100%,340px); justify-self:center; }
}
/* Use the uploaded original as a clean half-body crop in the Yuki profile. */
.director-intro-card { grid-template-columns:132px minmax(0,1fr); padding:14px; }
.director-photo { width:132px; height:158px; overflow:hidden; border-radius:8px; background:#d4d5d6; }
.director-intro-card .director-photo img { width:100%; height:100%; object-fit:cover; object-position:center top; transform:scale(1.3); transform-origin:50% 8%; }
@media(max-width:700px) {
 .director-intro-card { grid-template-columns:112px minmax(0,1fr); }
 .director-photo { width:112px; height:140px; }
 .director-intro-card .director-photo img { transform:scale(1.28); }
}
/* Clean first screen: no portrait repetition; overview and Yuki details form one text hierarchy. */
.director-intro-text { max-width:570px; margin-top:32px; padding:24px 0 22px; border-top:1px solid #c9cfd4; border-bottom:1px solid #c9cfd4; }
.director-intro-text>span { display:block; margin-bottom:10px; color:#987249; font-size:9px; font-weight:800; letter-spacing:.14em; }
.director-name-row { display:flex; align-items:baseline; gap:16px; flex-wrap:wrap; }
.director-name-row h2 { margin:0; color:#28313e; font:600 31px/1.1 Manrope,Arial,sans-serif; letter-spacing:-.03em; }
.director-name-row strong { color:#4c5966; font-size:11px; letter-spacing:.055em; text-transform:uppercase; }
.director-intro-text p { max-width:510px; margin:12px 0 0; color:#66717b; font-size:13px; line-height:1.7; }
.video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(0,1.05fr) minmax(320px,.62fr); }
@media(max-width:700px) {
 .director-intro-text { margin-top:24px; padding-block:19px; }
 .director-name-row { gap:8px 13px; }
 .director-name-row h2 { font-size:27px; }
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:1fr; }
}
/* Preserve the compact Yuki contact card on the left; the separate oversized portrait stays removed. */
.video-page .brand-video-hero .director-intro-card { display:grid; grid-template-columns:132px minmax(0,1fr); gap:20px; align-items:center; max-width:570px; margin-top:30px; padding:14px; border:1px solid #d4d8dc; border-radius:10px; background:#fffaf5; box-shadow:0 10px 28px rgba(40,49,62,.07); }
.video-page .brand-video-hero .director-photo { width:132px; height:158px; overflow:hidden; border-radius:8px; background:#d4d5d6; }
.video-page .brand-video-hero .director-photo img { display:block; width:100%; height:100%; object-fit:cover; object-position:center top; transform:scale(1.3); transform-origin:50% 8%; }
@media(max-width:700px) {
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:112px minmax(0,1fr); gap:14px; padding:12px; }
 .video-page .brand-video-hero .director-photo { width:112px; height:140px; }
}
/* Refine the approved split layout and give the director portrait stronger presence. */
.video-page .brand-video-hero { min-height:calc(100svh - 102px); display:flex; align-items:center; padding-block:54px 66px; }
.video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(600px,1.12fr) minmax(330px,.58fr); gap:clamp(70px,8vw,128px); }
.video-page .brand-video-hero .video-hero-copy h1 { max-width:700px; font-size:clamp(48px,4.4vw,66px); line-height:1.08; }
.video-page .brand-video-hero .video-hero-copy>p:not(.content-kicker) { max-width:650px; }
.video-page .brand-video-hero .director-intro-card { grid-template-columns:170px minmax(0,1fr); gap:24px; max-width:650px; margin-top:34px; padding:16px; border-radius:12px; }
.video-page .brand-video-hero .director-photo { width:170px; height:190px; border-radius:9px; }
.video-page .brand-video-hero .director-photo img { transform:scale(1.3); transform-origin:50% 7%; }
.video-page .brand-video-hero .director-intro-card h2 { font-size:31px; }
.video-page .brand-video-hero .director-intro-card p { max-width:350px; font-size:13px; line-height:1.68; }
.video-page .brand-video-hero .director-actions { margin-top:26px; }
.video-page .brand-video-hero .hero-video-stage { width:min(100%,380px); }
@media(max-width:1100px) {
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(0,1fr) minmax(300px,.62fr); gap:44px; }
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:148px minmax(0,1fr); }
 .video-page .brand-video-hero .director-photo { width:148px; height:176px; }
}
@media(max-width:700px) {
 .video-page .brand-video-hero { min-height:0; padding-block:34px 48px; }
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:1fr; gap:32px; }
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:126px minmax(0,1fr); gap:16px; max-width:none; padding:13px; }
 .video-page .brand-video-hero .director-photo { width:126px; height:150px; }
 .video-page .brand-video-hero .director-intro-card h2 { font-size:26px; }
 .video-page .brand-video-hero .director-intro-card p { font-size:11px; }
 .video-page .brand-video-hero .hero-video-stage { width:min(100%,360px); }
}
/* Larger, cleaner director card using the newly supplied portrait. */
.video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(640px,1.15fr) minmax(340px,.58fr); gap:clamp(64px,7vw,112px); }
.video-page .brand-video-hero .director-intro-card { grid-template-columns:210px minmax(0,1fr); gap:28px; max-width:700px; margin-top:36px; padding:18px; border-color:#ccd2d7; border-radius:14px; background:rgba(255,252,248,.94); box-shadow:0 18px 44px rgba(40,49,62,.1); }
.video-page .brand-video-hero .director-photo { width:210px; height:226px; border-radius:10px; box-shadow:inset 0 0 0 1px rgba(40,49,62,.08); }
.video-page .brand-video-hero .director-photo img { object-position:center top; transform:scale(1.18); transform-origin:50% 5%; }
.video-page .brand-video-hero .director-intro-card span { margin-bottom:7px; font-size:10px; letter-spacing:.14em; }
.video-page .brand-video-hero .director-intro-card h2 { margin-bottom:6px; font-size:35px; line-height:1; }
.video-page .brand-video-hero .director-intro-card strong { font-size:11px; letter-spacing:.06em; }
.video-page .brand-video-hero .director-intro-card p { max-width:370px; margin-top:14px; color:#5f6b76; font-size:13px; line-height:1.72; }
.video-page .brand-video-hero .director-actions { gap:12px; margin-top:28px; }
.video-page .brand-video-hero .director-actions a { min-height:50px; padding-inline:22px; border-radius:7px; }
.video-page .brand-video-hero .hero-video-stage { width:min(100%,390px); border-radius:12px; box-shadow:0 26px 64px rgba(40,49,62,.2); }
@media(max-width:1180px) {
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:minmax(0,1fr) minmax(300px,.58fr); gap:42px; }
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:176px minmax(0,1fr); max-width:620px; gap:22px; }
 .video-page .brand-video-hero .director-photo { width:176px; height:202px; }
}
@media(max-width:700px) {
 .video-page .brand-video-hero .video-hero-grid { grid-template-columns:1fr; }
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:140px minmax(0,1fr); gap:15px; margin-top:26px; padding:13px; border-radius:12px; }
 .video-page .brand-video-hero .director-photo { width:140px; height:170px; }
 .video-page .brand-video-hero .director-photo img { transform:scale(1.2); }
 .video-page .brand-video-hero .director-intro-card h2 { font-size:28px; }
 .video-page .brand-video-hero .director-intro-card p { margin-top:10px; font-size:11px; line-height:1.58; }
 .video-page .brand-video-hero .director-actions a { min-height:48px; padding-inline:15px; }
}
/* Editorial left column: a larger, faithful crop of Yuki's supplied portrait.
   The right-side video stage is intentionally left untouched. */
.video-page .brand-video-hero .video-hero-copy { min-width:0; }
.video-page .brand-video-hero .video-hero-copy h1 { max-width:680px; margin-bottom:18px; font-size:clamp(46px,4.05vw,60px); line-height:1.075; letter-spacing:-.05em; }
.video-page .brand-video-hero .video-hero-copy>p:not(.content-kicker) { max-width:600px; margin:0; font-size:15px; line-height:1.72; }
.video-page .brand-video-hero .director-intro-card { grid-template-columns:238px minmax(0,1fr); gap:0; align-items:stretch; max-width:700px; min-height:270px; margin-top:30px; padding:0; overflow:hidden; border:1px solid #d5d8d9; border-radius:14px; background:#fffdf9; box-shadow:0 17px 42px rgba(40,49,62,.085); }
.video-page .brand-video-hero .director-photo { width:238px; height:100%; min-height:270px; border-right:1px solid #e8e3dc; border-radius:0; background:#dedbd6; box-shadow:none; }
.video-page .brand-video-hero .director-photo img { width:100%; height:100%; border-radius:0; object-fit:cover; object-position:center center; transform:scale(1.1); transform-origin:50% 50%; filter:none; }
.video-page .brand-video-hero .director-intro-card>div:last-child { display:flex; flex-direction:column; justify-content:center; min-width:0; padding:30px 34px; }
.video-page .brand-video-hero .director-intro-card span { margin-bottom:15px; }
.video-page .brand-video-hero .director-intro-card h2 { margin-bottom:8px; font-size:39px; }
.video-page .brand-video-hero .director-intro-card strong { color:#53606a; line-height:1.5; }
.video-page .brand-video-hero .director-intro-card p { max-width:330px; margin-top:20px; font-size:13px; line-height:1.7; }
.video-page .brand-video-hero .director-actions { margin-top:22px; }
@media(max-width:1180px) {
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:190px minmax(0,1fr); min-height:242px; }
 .video-page .brand-video-hero .director-photo { width:190px; min-height:242px; height:100%; }
 .video-page .brand-video-hero .director-intro-card>div:last-child { padding:22px 24px; }
 .video-page .brand-video-hero .director-intro-card h2 { font-size:34px; }
 .video-page .brand-video-hero .director-intro-card p { margin-top:13px; }
}
@media(max-width:700px) {
 .video-page .brand-video-hero .video-hero-copy h1 { font-size:clamp(35px,8.5vw,48px); }
 .video-page .brand-video-hero .video-hero-copy>p:not(.content-kicker) { font-size:14px; }
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:minmax(130px,38%) minmax(0,1fr); min-height:214px; margin-top:25px; padding:0; }
 .video-page .brand-video-hero .director-photo { width:100%; min-height:214px; height:100%; }
 .video-page .brand-video-hero .director-photo img { transform:scale(1.12); }
 .video-page .brand-video-hero .director-intro-card>div:last-child { padding:19px 16px; }
 .video-page .brand-video-hero .director-intro-card span { margin-bottom:9px; font-size:9px; }
 .video-page .brand-video-hero .director-intro-card h2 { font-size:29px; }
 .video-page .brand-video-hero .director-intro-card strong { font-size:10px; }
 .video-page .brand-video-hero .director-intro-card p { margin-top:12px; font-size:11px; line-height:1.55; }
}
@media(max-width:390px) {
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:122px minmax(0,1fr); }
 .video-page .brand-video-hero .director-intro-card>div:last-child { padding:16px 13px; }
 .video-page .brand-video-hero .director-intro-card strong { font-size:9px; }
}

/* Factory films typography: one clean sans-serif system and a consistent vertical rhythm. */
.video-page {
 font-family:Manrope,Arial,"Microsoft YaHei",sans-serif;
 font-weight:400;
 font-synthesis:none;
 font-feature-settings:"kern" 1,"liga" 1;
 -webkit-font-smoothing:antialiased;
 text-rendering:optimizeLegibility;
}
.video-page .content-nav,
.video-page .content-nav a,
.video-page .content-home,
.video-page button,
.video-page h1,
.video-page h2,
.video-page h3,
.video-page p,
.video-page span,
.video-page strong {
 font-family:inherit;
}
.video-page .content-nav nav { gap:6px; }
.video-page .content-nav nav a,
.video-page .content-home {
 font-size:13px;
 font-weight:600;
 line-height:1.25;
 letter-spacing:-.01em;
}
.video-page .content-kicker,
.video-page .video-main-label,
.video-page .yuki-video-copy>p,
.video-page .visit-video-note>span {
 font-size:10px;
 font-weight:700;
 line-height:1.4;
 letter-spacing:.11em;
 text-transform:uppercase;
}
.video-page .brand-video-hero .video-hero-copy h1 {
 max-width:720px;
 margin-bottom:20px;
 font-size:clamp(46px,3.75vw,58px);
 font-weight:600;
 line-height:1.1;
 letter-spacing:-.038em;
 text-wrap:balance;
}
.video-page .brand-video-hero .video-hero-copy>p:not(.content-kicker) {
 max-width:620px;
 font-size:15px;
 font-weight:400;
 line-height:1.75;
 letter-spacing:-.006em;
}
.video-page .brand-video-hero .director-intro-card h2 {
 margin:0 0 8px;
 font-size:36px;
 font-weight:600;
 line-height:1.08;
 letter-spacing:-.03em;
}
.video-page .brand-video-hero .director-intro-card strong {
 font-size:10px;
 font-weight:700;
 line-height:1.45;
 letter-spacing:.075em;
}
.video-page .brand-video-hero .director-intro-card p {
 margin-top:17px;
 font-size:13px;
 font-weight:400;
 line-height:1.72;
 letter-spacing:-.005em;
}
.video-page .director-actions a {
 font-size:12px;
 font-weight:600;
 line-height:1.2;
 letter-spacing:-.005em;
}
.video-page .content-heading { margin-bottom:42px; }
.video-page .content-heading h2,
.video-page .visit-layout h2,
.video-page .content-cta h2,
.video-page .visit-video-note h3 {
 font-family:Manrope,Arial,"Microsoft YaHei",sans-serif;
 font-weight:600;
 line-height:1.12;
 letter-spacing:-.035em;
 text-wrap:balance;
}
.video-page .content-heading h2 {
 max-width:760px;
 font-size:clamp(36px,3.25vw,48px);
}
.video-page .content-heading>p,
.video-page .visit-layout>div>p,
.video-page .visit-video-note p {
 font-size:14px;
 font-weight:400;
 line-height:1.75;
 letter-spacing:-.004em;
}
.video-page .yuki-video-grid { align-items:stretch; }
.video-page .yuki-video-card { display:flex; height:100%; flex-direction:column; }
.video-page .yuki-video-copy { display:flex; min-height:188px; padding:24px 22px 26px; flex:1; flex-direction:column; }
.video-page .yuki-video-copy>p { margin:0 0 13px; }
.video-page .yuki-video-copy>p small {
 font-size:10px;
 font-weight:600;
 line-height:1.4;
 letter-spacing:.02em;
}
.video-page .yuki-video-copy h3 {
 min-height:2.5em;
 margin:0 0 11px;
 font-size:20px;
 font-weight:600;
 line-height:1.25;
 letter-spacing:-.022em;
 text-wrap:balance;
}
.video-page .yuki-video-copy>span {
 margin-top:auto;
 font-size:13px;
 font-weight:400;
 line-height:1.68;
 letter-spacing:-.003em;
}
.video-page .content-footer,
.video-page .content-footer a,
.video-page .content-footer p { font-family:inherit; }

@media(max-width:700px) {
 .video-page .brand-video-hero .video-hero-copy h1 {
  font-size:clamp(36px,9.6vw,44px);
  line-height:1.1;
  letter-spacing:-.035em;
 }
 .video-page .brand-video-hero .director-intro-card h2 { font-size:28px; }
 .video-page .brand-video-hero .director-intro-card p { font-size:12px; line-height:1.62; }
 .video-page .content-heading { margin-bottom:30px; }
 .video-page .content-heading h2 { font-size:clamp(31px,8.6vw,39px); line-height:1.12; }
 .video-page .content-heading>p { font-size:14px; line-height:1.68; }
 .video-page .yuki-video-copy { min-height:0; padding:22px 19px 24px; }
 .video-page .yuki-video-copy h3 { min-height:0; font-size:21px; }
 .video-page .yuki-video-copy>span { font-size:13px; }
}

/* Factory films hero: full-width headline, balanced profile and video panels. */
@media(min-width:701px) {
 .video-page .brand-video-hero {
  min-height:0;
  padding-block:46px 68px;
 }
 .video-page .brand-video-hero .video-hero-grid {
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  grid-template-rows:auto auto auto 520px 50px;
  column-gap:32px;
  row-gap:0;
  align-items:stretch;
 }
 .video-page .brand-video-hero .video-hero-copy { display:contents; }
 .video-page .brand-video-hero .content-kicker {
  grid-column:1/-1;
  grid-row:1;
  margin:0 0 13px;
 }
 .video-page .brand-video-hero .video-hero-copy h1 {
  grid-column:1/-1;
  grid-row:2;
  max-width:none;
  margin:0;
  font-size:clamp(44px,4.15vw,60px);
  line-height:1.06;
  white-space:nowrap;
 }
 .video-page .brand-video-hero .video-hero-copy>p:not(.content-kicker) {
  grid-column:1/-1;
  grid-row:3;
  max-width:760px;
  margin:18px 0 34px;
 }
 .video-page .brand-video-hero .director-intro-card {
  grid-column:1;
  grid-row:4;
  grid-template-columns:minmax(250px,46%) minmax(0,1fr);
  width:100%;
  max-width:none;
  min-height:0;
  height:520px;
  margin:0;
  border-radius:14px;
 }
 .video-page .brand-video-hero .director-photo {
  width:100%;
  min-height:0;
  height:100%;
 }
 .video-page .brand-video-hero .director-photo img {
  object-position:center center;
  transform:scale(1.04);
 }
 .video-page .brand-video-hero .director-intro-card>div:last-child {
  padding:40px 38px;
 }
 .video-page .brand-video-hero .director-intro-card h2 { font-size:40px; }
 .video-page .brand-video-hero .director-intro-card p {
  max-width:310px;
  font-size:14px;
 }
 .video-page .brand-video-hero .director-actions {
  grid-column:1;
  grid-row:5;
  align-self:end;
  margin:18px 0 0;
 }
 .video-page .brand-video-hero .hero-video-stage {
  grid-column:2;
  grid-row:4/6;
  width:100%;
  max-width:none;
  height:100%;
  min-height:0;
  aspect-ratio:auto;
  justify-self:stretch;
  align-self:stretch;
  border-radius:14px;
 }
 .video-page .brand-video-hero .hero-video-stage video {
  width:100%;
  height:100%;
  object-fit:contain;
 }
 .video-page #factory-tour .yuki-video-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}

@media(min-width:701px) and (max-width:1050px) {
 .video-page .brand-video-hero .video-hero-grid {
  grid-template-rows:auto auto auto 430px 50px;
  column-gap:24px;
 }
 .video-page .brand-video-hero .video-hero-copy h1 {
  font-size:clamp(39px,5.2vw,52px);
  white-space:normal;
 }
 .video-page .brand-video-hero .director-intro-card {
  grid-template-columns:minmax(180px,43%) minmax(0,1fr);
  height:430px;
 }
 .video-page .brand-video-hero .director-intro-card>div:last-child { padding:28px 24px; }
 .video-page .brand-video-hero .director-intro-card h2 { font-size:34px; }
 .video-page .brand-video-hero .director-intro-card p { font-size:13px; }
}

@media(max-width:700px) {
 .video-page .brand-video-hero .video-hero-copy { display:block; }
 .video-page .brand-video-hero .video-hero-copy h1 { white-space:normal; }
 .video-page #factory-tour .yuki-video-grid { grid-template-columns:1fr; }
}

/* Final video-page composition: actions live inside the profile card and posters remain fully visible. */
@media(min-width:701px) {
 .video-page .brand-video-hero .video-hero-grid {
  grid-template-rows:auto auto auto 520px;
 }
 .video-page .brand-video-hero .director-intro-card {
  grid-row:4;
 }
 .video-page .brand-video-hero .director-intro-card>div:last-child {
  justify-content:center;
 }
 .video-page .brand-video-hero .director-intro-card .director-actions {
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  grid-column:auto;
  grid-row:auto;
  align-self:auto;
  gap:10px;
  margin:28px 0 0;
 }
 .video-page .brand-video-hero .director-intro-card .director-actions a {
  width:100%;
  max-width:190px;
  justify-content:center;
  min-height:44px;
  padding:10px 15px;
  font-size:11px;
 }
 .video-page .brand-video-hero .hero-video-stage {
  grid-row:4;
  height:520px;
 }
 .video-page .yuki-video-grid,
 .video-page #factory-tour .yuki-video-grid {
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:18px;
 }
 .video-page .yuki-video-card {
  border-radius:16px;
  box-shadow:0 18px 44px rgba(9,14,20,.2);
 }
 .video-page .yuki-video-frame {
  width:100%;
  max-height:none;
  aspect-ratio:3/4;
  background:#121821;
 }
 .video-page .yuki-video-frame video {
  width:100%;
  height:100%;
  object-fit:contain;
  background:#121821;
 }
 .video-page .yuki-video-copy {
  min-height:210px;
  padding:21px 18px 23px;
 }
 .video-page .yuki-video-copy h3 {
  min-height:3.75em;
  font-size:18px;
  line-height:1.25;
 }
 .video-page .yuki-video-copy>span {
  font-size:12px;
  line-height:1.62;
 }
}

@media(min-width:701px) and (max-width:1050px) {
 .video-page .brand-video-hero .video-hero-grid {
  grid-template-rows:auto auto auto 430px;
 }
 .video-page .brand-video-hero .hero-video-stage { height:430px; }
 .video-page .brand-video-hero .director-intro-card .director-actions {
  gap:8px;
  margin-top:20px;
 }
 .video-page .brand-video-hero .director-intro-card .director-actions a {
  max-width:170px;
  min-height:40px;
  padding-inline:11px;
  font-size:10px;
 }
 .video-page .yuki-video-grid,
 .video-page #factory-tour .yuki-video-grid {
  grid-template-columns:repeat(2,minmax(0,1fr));
 }
}

@media(max-width:700px) {
 .video-page .brand-video-hero .director-intro-card .director-actions {
  gap:7px;
  margin:18px 0 0;
 }
 .video-page .brand-video-hero .director-intro-card .director-actions a {
  max-width:100%;
  min-height:40px;
  padding:9px 10px;
  font-size:9px;
 }
 .video-page .yuki-video-grid,
 .video-page #factory-tour .yuki-video-grid {
  grid-template-columns:1fr;
 }
 .video-page .yuki-video-frame {
  width:100%;
  max-height:none;
  aspect-ratio:3/4;
 }
 .video-page .yuki-video-frame video { object-fit:contain; }
}

/* Keep the full portrait video while replacing empty side bars with a softened frame backdrop. */
.video-page .brand-video-hero .hero-video-stage {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background:#a9a8a3;
}
.video-page .brand-video-hero .hero-video-stage::before {
 content:"";
 position:absolute;
 inset:-32px;
 z-index:0;
 background:
  linear-gradient(rgba(28,34,41,.25),rgba(28,34,41,.25)),
  url("/wp-content/themes/shengjia-final/site/assets/videos/yuki-factory/01-yuki-welcome.jpg") center/cover no-repeat;
 filter:blur(24px) saturate(.82);
 transform:scale(1.12);
}
.video-page .brand-video-hero .hero-video-stage::after {
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
 background:linear-gradient(90deg,rgba(22,28,35,.16),transparent 28%,transparent 72%,rgba(22,28,35,.16));
}
.video-page .brand-video-hero .hero-video-stage video {
 position:relative;
 z-index:1;
 background:transparent!important;
}
.video-page .brand-video-hero .hero-video-stage .video-main-label { z-index:2; }

/* Video-library posters use their native 9:16 canvas so burned-in subtitles are never cropped. */
.video-page .yuki-video-frame {
 width:100%;
 max-height:none;
 aspect-ratio:9/16;
}
.video-page .yuki-video-frame video {
 width:100%;
 height:100%;
 object-fit:contain;
 object-position:center center;
}

/* Six inner-page background system: one relevant image per section, with a
   consistent warm-neutral veil so content remains the primary focus. */
body.page-bg-factory-company .factory-page,
body.page-bg-factory-videos .content-page,
body.page-bg-installation-projects .content-page,
body.page-bg-solar-street-lights .content-page,
body.page-bg-solar-energy-storage .content-page,
body.page-bg-other-products .content-page {
 background-position:center top!important;
 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-attachment:fixed!important;
}

body.page-bg-factory-company .factory-page {
 background-image:linear-gradient(180deg,rgba(248,244,238,.76),rgba(246,241,234,.9) 46%,rgba(246,241,234,.96)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-v25.webp')!important;
}

body.page-bg-factory-videos .content-page {
 background-image:linear-gradient(180deg,rgba(246,241,234,.82),rgba(246,241,234,.94) 48%,rgba(246,241,234,.98)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-v25.webp')!important;
}
body.page-bg-factory-videos .brand-video-hero {
 background-image:linear-gradient(90deg,rgba(246,242,236,.9),rgba(246,242,236,.76)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-v25.webp')!important;
 background-position:center!important;
 background-size:cover!important;
}

body.page-bg-installation-projects .content-page {
 background-image:linear-gradient(180deg,rgba(244,240,234,.7),rgba(244,240,234,.93) 45%,rgba(244,240,234,.98)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-v25.webp')!important;
}
body.page-bg-installation-projects .installation-hero {
 background-image:linear-gradient(90deg,rgba(27,35,47,.88),rgba(27,35,47,.5) 58%,rgba(27,35,47,.28)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-v25.webp')!important;
 background-position:center!important;
}

body.page-bg-solar-street-lights .content-page {
 background-image:linear-gradient(180deg,rgba(246,241,234,.72),rgba(246,241,234,.92) 44%,rgba(246,241,234,.98)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-v25.webp')!important;
}
body.page-bg-solar-street-lights .series-hero {
 background-image:linear-gradient(100deg,rgba(255,250,243,.97),rgba(246,239,230,.78) 50%,rgba(40,48,61,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-v25.webp')!important;
}

body.page-bg-solar-energy-storage .content-page {
 background-image:linear-gradient(180deg,rgba(241,247,249,.72),rgba(244,246,245,.92) 46%,rgba(246,243,238,.98)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-v25.webp')!important;
}
body.page-bg-solar-energy-storage .series-hero {
 background-image:linear-gradient(100deg,rgba(248,252,253,.97),rgba(239,246,248,.8) 52%,rgba(44,58,72,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-v25.webp')!important;
}

body.page-bg-other-products .content-page {
 background-image:linear-gradient(180deg,rgba(247,242,235,.74),rgba(246,241,234,.93) 46%,rgba(246,241,234,.98)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-v25.webp')!important;
}
body.page-bg-other-products .series-hero {
 background-image:linear-gradient(100deg,rgba(255,250,243,.97),rgba(246,239,230,.8) 52%,rgba(40,48,61,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-v25.webp')!important;
}

@media (max-width:700px) {
 body.page-bg-factory-company .factory-page,
 body.page-bg-factory-videos .content-page,
 body.page-bg-installation-projects .content-page,
 body.page-bg-solar-street-lights .content-page,
 body.page-bg-solar-energy-storage .content-page,
 body.page-bg-other-products .content-page {
  background-attachment:scroll!important;
  background-position:center top!important;
 }
 body.page-bg-factory-videos .brand-video-hero,
 body.page-bg-installation-projects .installation-hero,
 body.page-bg-solar-street-lights .series-hero,
 body.page-bg-solar-energy-storage .series-hero,
 body.page-bg-other-products .series-hero {
  background-position:center top!important;
 }
}

/* v37 · Authoritative fixed background layer for all six section families.
   A viewport-fixed pseudo layer avoids background-attachment inconsistencies
   and keeps the artwork visible behind long pages and nested detail pages. */
body.page-bg-factory-company,
body.page-bg-factory-videos,
body.page-bg-installation-projects,
body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products {
 position:relative;
 min-height:100%;
 isolation:isolate;
 background:#f4eee6!important;
}
body.page-bg-factory-company::before,
body.page-bg-factory-videos::before,
body.page-bg-installation-projects::before,
body.page-bg-solar-street-lights::before,
body.page-bg-solar-energy-storage::before,
body.page-bg-other-products::before {
 content:"";
 position:fixed;
 inset:0;
 z-index:0;
 pointer-events:none;
 background-position:center center;
 background-repeat:no-repeat;
 background-size:cover;
 transform:translateZ(0);
}
body.page-bg-factory-company::before {
 background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-desktop-v26.webp')!important;
}
body.page-bg-factory-videos::before {
 background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-desktop-v26.webp')!important;
}
body.page-bg-installation-projects::before {
 background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-desktop-v26.webp')!important;
}
body.page-bg-solar-street-lights::before {
 background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-desktop-v26.webp')!important;
}
body.page-bg-solar-energy-storage::before {
 background-image:linear-gradient(rgba(245,248,249,.1),rgba(245,248,249,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-desktop-v26.webp')!important;
}
body.page-bg-other-products::before {
 background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-desktop-v26.webp')!important;
}
body.page-bg-factory-company #root,
body.page-bg-factory-videos #root,
body.page-bg-installation-projects #root,
body.page-bg-solar-street-lights #root,
body.page-bg-solar-energy-storage #root,
body.page-bg-other-products #root {
 position:relative;
 z-index:1;
}
body.page-bg-factory-company .factory-page,
body.page-bg-factory-videos .content-page,
body.page-bg-installation-projects .content-page,
body.page-bg-solar-street-lights .content-page,
body.page-bg-solar-energy-storage .content-page,
body.page-bg-other-products .content-page {
 background-color:transparent!important;
 background-image:none!important;
}
@media (max-width:700px) {
 body.page-bg-factory-company::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-mobile-v26.webp')!important; }
 body.page-bg-factory-videos::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-mobile-v26.webp')!important; }
 body.page-bg-installation-projects::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-mobile-v26.webp')!important; }
 body.page-bg-solar-street-lights::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-mobile-v26.webp')!important; }
 body.page-bg-solar-energy-storage::before { background-image:linear-gradient(rgba(245,248,249,.1),rgba(245,248,249,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-mobile-v26.webp')!important; }
 body.page-bg-other-products::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-mobile-v26.webp')!important; }
}

/* v38 · Monitoring detail hero: clean left field and one large product on the right. */
body.page-bg-other-products.monitoring-clean-hero .detail-hero {
 background-color:#f4eee7!important;
 background-image:
  linear-gradient(90deg,#f4eee7 0%,#f4eee7 64%,rgba(244,238,231,.94) 70%,rgba(244,238,231,.42) 80%,rgba(244,238,231,0) 88%),
  var(--detail-hero-bg)!important;
 background-position:center center,right center!important;
 background-repeat:no-repeat,no-repeat!important;
 background-size:100% 100%,auto 100%!important;
}
@media (max-width:700px) {
 body.page-bg-other-products.monitoring-clean-hero .detail-hero {
  background-image:
   linear-gradient(180deg,#f4eee7 0%,#f4eee7 55%,rgba(244,238,231,.86) 68%,rgba(244,238,231,.3) 84%,rgba(244,238,231,0) 100%),
   var(--detail-hero-bg)!important;
  background-position:center center,right bottom!important;
  background-size:100% 100%,auto 58%!important;
 }
}

/* v29 · Liquid-glass art direction for the complete factory-video page. */
body.page-bg-factory-videos {
 --glass-line:rgba(255,255,255,.58);
 --glass-shadow:0 24px 70px rgba(38,49,65,.14),inset 0 1px 0 rgba(255,255,255,.72);
 --glass-light:linear-gradient(135deg,rgba(255,255,255,.74),rgba(255,255,255,.38));
 --glass-dark:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.045));
 background:#edf1f3;
}

body.page-bg-factory-videos .content-page {
 position:relative;
 overflow:hidden;
 background:
  radial-gradient(circle at 9% 8%,rgba(213,186,151,.34),transparent 25%),
  radial-gradient(circle at 90% 18%,rgba(156,190,211,.32),transparent 28%),
  linear-gradient(180deg,#f3f0eb 0%,#e9eef1 48%,#efe9e1 100%)!important;
}

.video-page .content-nav {
 top:14px;
 border:1px solid rgba(255,255,255,.66);
 background:linear-gradient(115deg,rgba(255,255,255,.76),rgba(248,247,245,.52));
 box-shadow:0 16px 48px rgba(34,44,58,.12),inset 0 1px 0 rgba(255,255,255,.92);
 -webkit-backdrop-filter:blur(24px) saturate(145%);
 backdrop-filter:blur(24px) saturate(145%);
}
.video-page .content-nav::after {
 content:"";
 position:absolute;
 right:14%;
 bottom:0;
 left:1%;
 height:1px;
 pointer-events:none;
 background:linear-gradient(90deg,rgba(174,130,78,.62),rgba(255,255,255,.15) 58%,transparent);
}
.video-page .content-nav nav a {
 border-radius:999px;
 transition:background-color .25s ease,color .25s ease,transform .25s ease;
}
.video-page .content-nav nav a:hover {
 color:#202c3b;
 background:rgba(255,255,255,.5);
 transform:translateY(-1px);
}
.video-page .content-home {
 border-color:rgba(255,255,255,.76);
 background:rgba(255,255,255,.38);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.74);
}

body.page-bg-factory-videos .brand-video-hero {
 position:relative;
 isolation:isolate;
 overflow:hidden;
 background:transparent!important;
}
body.page-bg-factory-videos .brand-video-hero::before,
body.page-bg-factory-videos .brand-video-hero::after {
 content:"";
 position:absolute;
 z-index:-1;
 width:460px;
 height:460px;
 border-radius:50%;
 pointer-events:none;
 filter:blur(10px);
 opacity:.78;
}
body.page-bg-factory-videos .brand-video-hero::before {
 top:6%;
 right:-150px;
 background:radial-gradient(circle at 38% 36%,rgba(181,216,232,.78),rgba(155,188,211,.18) 55%,transparent 72%);
}
body.page-bg-factory-videos .brand-video-hero::after {
 bottom:-210px;
 left:-150px;
 background:radial-gradient(circle at 58% 42%,rgba(224,194,155,.62),rgba(224,194,155,.12) 58%,transparent 74%);
}
.video-page .brand-video-hero .video-hero-grid { position:relative; z-index:1; }
.video-page .brand-video-hero .content-kicker {
 width:max-content;
 padding:7px 12px;
 border:1px solid rgba(255,255,255,.72);
 border-radius:999px;
 background:rgba(255,255,255,.34);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.8);
 -webkit-backdrop-filter:blur(14px);
 backdrop-filter:blur(14px);
}
.video-page .brand-video-hero .video-hero-copy h1 {
 color:#243040;
 text-shadow:0 1px 0 rgba(255,255,255,.55);
}
.video-page .brand-video-hero .director-intro-card {
 border:1px solid var(--glass-line);
 background:var(--glass-light);
 box-shadow:var(--glass-shadow);
 -webkit-backdrop-filter:blur(26px) saturate(135%);
 backdrop-filter:blur(26px) saturate(135%);
}
.video-page .brand-video-hero .director-photo {
 border-right-color:rgba(255,255,255,.52);
 box-shadow:inset -1px 0 0 rgba(255,255,255,.36);
}
.video-page .brand-video-hero .director-intro-card>div:last-child {
 position:relative;
 background:linear-gradient(145deg,rgba(255,255,255,.28),rgba(255,255,255,.06));
}
.video-page .brand-video-hero .director-intro-card>div:last-child::before {
 content:"";
 position:absolute;
 top:0;
 right:8%;
 left:8%;
 height:1px;
 background:linear-gradient(90deg,transparent,rgba(255,255,255,.95),transparent);
}
.video-page .brand-video-hero .director-intro-card .director-actions a {
 border-color:rgba(55,70,89,.24);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 8px 22px rgba(39,52,69,.1);
 transition:transform .25s ease,box-shadow .25s ease,background-color .25s ease;
}
.video-page .brand-video-hero .director-intro-card .director-actions a:hover {
 transform:translateY(-2px);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.72),0 12px 26px rgba(39,52,69,.16);
}
.video-page .brand-video-hero .hero-video-stage {
 border:1px solid rgba(255,255,255,.65);
 box-shadow:0 30px 76px rgba(31,43,59,.22),inset 0 1px 0 rgba(255,255,255,.4);
}
.video-page .brand-video-hero .video-main-label {
 border:1px solid rgba(255,255,255,.25);
 background:rgba(25,34,46,.5);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18);
 -webkit-backdrop-filter:blur(15px) saturate(135%);
 backdrop-filter:blur(15px) saturate(135%);
}

.video-page .video-library-section {
 position:relative;
 isolation:isolate;
 overflow:hidden;
}
.video-page .video-library-section>.content-shell { position:relative; z-index:1; }
.video-page .dark-section {
 background:
  radial-gradient(circle at 9% 16%,rgba(94,132,165,.28),transparent 30%),
  radial-gradient(circle at 88% 86%,rgba(176,132,85,.18),transparent 32%),
  linear-gradient(145deg,#202b39,#2c3848 55%,#222d3b)!important;
}
.video-page .production-chapter {
 background:
  radial-gradient(circle at 92% 16%,rgba(162,199,218,.34),transparent 28%),
  radial-gradient(circle at 8% 88%,rgba(222,192,154,.28),transparent 30%),
  linear-gradient(145deg,rgba(242,244,244,.94),rgba(226,233,237,.96))!important;
}
.video-page .content-heading {
 padding:28px 30px;
 border:1px solid rgba(255,255,255,.3);
 border-radius:22px;
 background:rgba(255,255,255,.065);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 20px 50px rgba(10,18,28,.1);
 -webkit-backdrop-filter:blur(18px) saturate(125%);
 backdrop-filter:blur(18px) saturate(125%);
}
.video-page .production-chapter .content-heading {
 border-color:rgba(255,255,255,.72);
 background:rgba(255,255,255,.32);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.88),0 20px 50px rgba(50,65,82,.09);
}
.video-page .yuki-video-card {
 overflow:hidden;
 border:1px solid rgba(255,255,255,.18);
 background:var(--glass-dark);
 box-shadow:0 24px 58px rgba(8,16,27,.24),inset 0 1px 0 rgba(255,255,255,.14);
 -webkit-backdrop-filter:blur(18px) saturate(125%);
 backdrop-filter:blur(18px) saturate(125%);
 transition:transform .28s ease,box-shadow .28s ease,border-color .28s ease;
}
.video-page .yuki-video-card:hover {
 transform:translateY(-6px);
 border-color:rgba(255,255,255,.34);
 box-shadow:0 32px 70px rgba(8,16,27,.3),inset 0 1px 0 rgba(255,255,255,.2);
}
.video-page .production-chapter .yuki-video-card {
 border-color:rgba(255,255,255,.74);
 background:linear-gradient(145deg,rgba(255,255,255,.62),rgba(255,255,255,.28));
 box-shadow:0 24px 58px rgba(50,65,82,.14),inset 0 1px 0 rgba(255,255,255,.88);
}
.video-page .production-chapter .yuki-video-card:hover {
 border-color:#fff;
 box-shadow:0 30px 68px rgba(50,65,82,.2),inset 0 1px 0 #fff;
}
.video-page .yuki-video-frame { border-bottom:1px solid rgba(255,255,255,.16); }
.video-page .yuki-video-copy { background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.075)); }
.video-page .production-chapter .yuki-video-copy { background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.34)); }

.video-page .visit-section {
 position:relative;
 isolation:isolate;
 background-color:#263344!important;
 background-blend-mode:multiply;
}
.video-page .visit-section::before {
 content:"";
 position:absolute;
 inset:0;
 z-index:0;
 pointer-events:none;
 background:
  radial-gradient(circle at 18% 20%,rgba(132,183,210,.3),transparent 28%),
  radial-gradient(circle at 88% 78%,rgba(222,174,112,.22),transparent 30%),
  linear-gradient(110deg,rgba(23,32,44,.4),rgba(36,50,66,.18));
}
.video-page .visit-layout { position:relative; z-index:1; }
.video-page .visit-layout>div:first-child {
 padding:34px;
 border:1px solid rgba(255,255,255,.2);
 border-radius:22px;
 background:linear-gradient(145deg,rgba(255,255,255,.13),rgba(255,255,255,.05));
 box-shadow:0 28px 68px rgba(8,15,25,.2),inset 0 1px 0 rgba(255,255,255,.2);
 -webkit-backdrop-filter:blur(22px) saturate(125%);
 backdrop-filter:blur(22px) saturate(125%);
}
.video-page .visit-video-note {
 border-color:rgba(255,255,255,.22);
 background:linear-gradient(145deg,rgba(255,255,255,.14),rgba(255,255,255,.05));
 box-shadow:0 28px 68px rgba(8,15,25,.22),inset 0 1px 0 rgba(255,255,255,.2);
 -webkit-backdrop-filter:blur(22px) saturate(125%);
 backdrop-filter:blur(22px) saturate(125%);
}
.video-page .content-cta {
 position:relative;
 overflow:hidden;
 margin-block:72px;
 border:1px solid rgba(255,255,255,.62);
 border-radius:26px;
 background:
  radial-gradient(circle at 86% 18%,rgba(168,205,223,.42),transparent 32%),
  radial-gradient(circle at 12% 88%,rgba(225,190,146,.34),transparent 34%),
  linear-gradient(135deg,rgba(255,255,255,.68),rgba(255,255,255,.3))!important;
 color:#253142;
 box-shadow:0 30px 76px rgba(40,52,68,.16),inset 0 1px 0 rgba(255,255,255,.9);
 -webkit-backdrop-filter:blur(26px) saturate(140%);
 backdrop-filter:blur(26px) saturate(140%);
}
.video-page .content-cta p { color:#5b6875; }
.video-page .content-cta a {
 border:1px solid rgba(255,255,255,.58);
 box-shadow:0 12px 30px rgba(39,52,69,.15),inset 0 1px 0 rgba(255,255,255,.35);
}
.video-page .content-footer {
 border-top:1px solid rgba(255,255,255,.18);
 background:linear-gradient(135deg,rgba(26,36,49,.94),rgba(37,50,66,.9));
 -webkit-backdrop-filter:blur(20px);
 backdrop-filter:blur(20px);
}

@media (max-width:1050px) {
 .video-page .content-heading { padding:24px; border-radius:18px; }
 .video-page .visit-layout>div:first-child { padding:28px; }
}

@media (max-width:700px) {
 body.page-bg-factory-videos::before {
  background-image:
   radial-gradient(circle at 10% 10%,rgba(223,192,154,.32),transparent 26%),
   radial-gradient(circle at 90% 28%,rgba(157,196,217,.34),transparent 30%),
   linear-gradient(180deg,#f3f0eb,#e8eef1 52%,#efe8df)!important;
 }
 .video-page .content-nav {
  top:8px;
  margin-inline:10px;
  border-radius:18px;
  -webkit-backdrop-filter:blur(20px) saturate(140%);
  backdrop-filter:blur(20px) saturate(140%);
 }
 .video-page .brand-video-hero::before { width:300px; height:300px; right:-150px; }
 .video-page .brand-video-hero::after { width:320px; height:320px; bottom:-120px; left:-170px; }
 .video-page .brand-video-hero .director-intro-card {
  box-shadow:0 22px 52px rgba(38,49,65,.15),inset 0 1px 0 rgba(255,255,255,.8);
 }
 .video-page .content-heading {
  margin-bottom:24px;
  padding:20px 18px;
  border-radius:17px;
 }
 .video-page .yuki-video-card:hover { transform:none; }
 .video-page .visit-layout>div:first-child { padding:23px 20px; border-radius:18px; }
 .video-page .content-cta { margin-block:42px; padding:34px 22px; border-radius:20px; }
}

@media (prefers-reduced-motion:reduce) {
 .video-page .yuki-video-card,
 .video-page .content-nav nav a,
 .video-page .director-actions a { transition:none!important; }
}

/* Approved v26 fixed backgrounds: paired desktop and mobile artwork. */
body.page-bg-factory-company .factory-page {
 background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-desktop-v26.webp')!important;
}
body.page-bg-factory-videos .content-page {
 background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-desktop-v26.webp')!important;
}
body.page-bg-installation-projects .content-page {
 background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-desktop-v26.webp')!important;
}
body.page-bg-solar-street-lights .content-page {
 background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-desktop-v26.webp')!important;
}
body.page-bg-solar-energy-storage .content-page {
 background-image:linear-gradient(rgba(245,248,249,.08),rgba(245,248,249,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-desktop-v26.webp')!important;
}
body.page-bg-other-products .content-page {
 background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-desktop-v26.webp')!important;
}

/* Preserve the approved hero panels; the new artwork stays on the bottom layer. */
body.page-bg-factory-videos .brand-video-hero { background:#f3f0eb!important; }
body.page-bg-installation-projects .installation-hero {
 background-image:linear-gradient(90deg,#1f2734e6,#1f27346b),url('/wp-content/themes/shengjia-final/site/assets/home-installation-projects.jpg')!important;
}
body.page-bg-solar-street-lights .series-hero,
body.page-bg-solar-energy-storage .series-hero,
body.page-bg-other-products .series-hero {
 background-image:linear-gradient(100deg,#fffaf3f7,#f6efe6e8 48%,#28303d47),var(--series-hero-bg)!important;
}

@media (max-width:700px) {
 html { background:#f4eee6; }
 body.page-bg-factory-company,
 body.page-bg-factory-videos,
 body.page-bg-installation-projects,
 body.page-bg-solar-street-lights,
 body.page-bg-solar-energy-storage,
 body.page-bg-other-products { background:none!important; }
 body.page-bg-factory-company::before,
 body.page-bg-factory-videos::before,
 body.page-bg-installation-projects::before,
 body.page-bg-solar-street-lights::before,
 body.page-bg-solar-energy-storage::before,
 body.page-bg-other-products::before {
  content:"";
  position:fixed;
  inset:0;
  z-index:0;
  pointer-events:none;
  background-position:center top;
  background-repeat:no-repeat;
  background-size:cover;
 }
 body.page-bg-factory-company #root,
 body.page-bg-factory-videos #root,
 body.page-bg-installation-projects #root,
 body.page-bg-solar-street-lights #root,
 body.page-bg-solar-energy-storage #root,
 body.page-bg-other-products #root { position:relative; z-index:1; }
 body.page-bg-factory-company .factory-page,
 body.page-bg-factory-videos .content-page,
 body.page-bg-installation-projects .content-page,
 body.page-bg-solar-street-lights .content-page,
 body.page-bg-solar-energy-storage .content-page,
 body.page-bg-other-products .content-page { background:transparent!important; }
 body.page-bg-factory-company::before { background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-mobile-v26.webp'); }
 body.page-bg-factory-videos::before { background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-mobile-v26.webp'); }
 body.page-bg-installation-projects::before { background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-mobile-v26.webp'); }
 body.page-bg-solar-street-lights::before { background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-mobile-v26.webp'); }
 body.page-bg-solar-energy-storage::before { background-image:linear-gradient(rgba(245,248,249,.08),rgba(245,248,249,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-mobile-v26.webp'); }
 body.page-bg-other-products::before { background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-mobile-v26.webp'); }
}

/* Expanded Yuki biography, retaining the approved profile-card composition. */
.video-page .brand-video-hero .director-bio {
 max-width:430px;
 margin-top:16px;
}
.video-page .brand-video-hero .director-bio p {
 max-width:none;
 margin:0 0 10px;
 color:#5f6b76;
 font-size:12px;
 line-height:1.58;
}
.video-page .brand-video-hero .director-bio p:last-child { margin-bottom:0; }

/* Keep the expanded biography readable without sacrificing the large portrait.
   Both desktop panels stay equal-height; mobile stacks the portrait above the copy. */
@media (min-width:1051px) {
 .video-page .brand-video-hero .video-hero-grid { grid-template-rows:auto auto auto 560px; }
 .video-page .brand-video-hero .director-intro-card,
 .video-page .brand-video-hero .hero-video-stage { height:560px; }
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:minmax(230px,42%) minmax(0,1fr); }
 .video-page .brand-video-hero .director-intro-card>div:last-child { padding:26px 28px; }
 .video-page .brand-video-hero .director-intro-card .director-actions {
  flex-direction:row;
  gap:8px;
  margin-top:17px;
 }
 .video-page .brand-video-hero .director-intro-card .director-actions a {
  width:auto;
  flex:1 1 0;
  min-width:0;
  padding-inline:10px;
 }
}

@media (max-width:1050px) {
 .video-page .brand-video-hero .video-hero-grid { grid-template-rows:auto auto auto 520px; }
 .video-page .brand-video-hero .director-intro-card,
 .video-page .brand-video-hero .hero-video-stage { height:520px; }
 .video-page .brand-video-hero .director-intro-card { grid-template-columns:minmax(170px,40%) minmax(0,1fr); }
 .video-page .brand-video-hero .director-intro-card>div:last-child { padding:22px 20px; }
 .video-page .brand-video-hero .director-bio { margin-top:12px; }
 .video-page .brand-video-hero .director-bio p {
  margin-bottom:8px;
  font-size:11px;
  line-height:1.5;
 }
}

@media (max-width:700px) {
 .video-page .brand-video-hero .video-hero-grid { display:block; }
 .video-page .brand-video-hero .director-intro-card {
  display:grid;
  grid-template-columns:1fr;
  height:auto;
 }
 .video-page .brand-video-hero .director-photo {
  width:100%;
  height:clamp(320px,105vw,470px);
  min-height:0;
  border-right:0;
  border-bottom:1px solid #e8e3dc;
 }
 .video-page .brand-video-hero .director-intro-card>div:last-child { padding:24px 20px; }
 .video-page .brand-video-hero .hero-video-stage { height:auto; margin-top:30px; aspect-ratio:9/13; }
 .video-page .brand-video-hero .director-bio { margin-top:10px; }
 .video-page .brand-video-hero .director-bio p {
  margin-bottom:7px;
  font-size:10.5px;
  line-height:1.48;
 }
}

/* Keep the v29 glass canvas authoritative over earlier background presets. */
body.page-bg-factory-videos .content-page {
 background:
  radial-gradient(circle at 9% 8%,rgba(213,186,151,.34),transparent 25%),
  radial-gradient(circle at 90% 18%,rgba(156,190,211,.32),transparent 28%),
  linear-gradient(180deg,#f3f0eb 0%,#e9eef1 48%,#efe9e1 100%)!important;
}
body.page-bg-factory-videos .brand-video-hero { background:transparent!important; }

@media (max-width:700px) {
 body.page-bg-factory-videos .content-page { background:transparent!important; }
 body.page-bg-factory-videos::before {
  background-image:
   radial-gradient(circle at 10% 10%,rgba(223,192,154,.32),transparent 26%),
   radial-gradient(circle at 90% 28%,rgba(157,196,217,.34),transparent 30%),
   linear-gradient(180deg,#f3f0eb,#e8eef1 52%,#efe8df)!important;
 }
}

/* v30 · Match the exact warm liquid-glass language of Factory & Company. */
body.page-bg-factory-videos {
 --factory-glass-bg:rgba(255,252,247,.68);
 --factory-glass-border:rgba(255,255,255,.76);
 --factory-glass-shadow:0 22px 70px rgba(35,44,59,.1);
 background:#f4eee6;
}
body.page-bg-factory-videos .content-page {
 overflow:visible;
 background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-desktop-v26.webp')!important;
 background-position:center top!important;
 background-repeat:no-repeat!important;
 background-size:cover!important;
 background-attachment:fixed!important;
}

.video-page .content-nav {
 top:18px;
 border:1px solid rgba(255,255,255,.74);
 border-radius:18px;
 background:rgba(255,252,247,.82);
 box-shadow:0 14px 38px rgba(35,44,59,.11);
 -webkit-backdrop-filter:blur(22px) saturate(1.08);
 backdrop-filter:blur(22px) saturate(1.08);
}
.video-page .content-nav::after { display:none; }
.video-page .content-nav nav a:hover { background:rgba(255,255,255,.62); }
.video-page .content-home {
 color:#fff;
 border-color:#2b3442;
 background:#2b3442;
 box-shadow:0 8px 20px rgba(35,44,59,.16);
}

body.page-bg-factory-videos .brand-video-hero {
 width:calc(100% - 72px);
 max-width:1320px;
 margin:24px auto 0;
 padding:36px;
 overflow:hidden;
 border:1px solid rgba(255,255,255,.78);
 border-radius:26px;
 background:rgba(255,251,246,.62)!important;
 box-shadow:0 28px 90px rgba(35,44,59,.14);
 -webkit-backdrop-filter:blur(13px) saturate(1.02);
 backdrop-filter:blur(13px) saturate(1.02);
}
body.page-bg-factory-videos .brand-video-hero::before,
body.page-bg-factory-videos .brand-video-hero::after { display:none; }
.video-page .brand-video-hero .video-hero-grid { max-width:1240px; }
.video-page .brand-video-hero .content-kicker {
 padding:0;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
}
.video-page .brand-video-hero .video-hero-copy h1 { color:#354153; text-shadow:none; }
.video-page .brand-video-hero .director-intro-card {
 border:1px solid rgba(255,255,255,.8);
 background:rgba(255,252,247,.72);
 box-shadow:0 18px 48px rgba(35,44,59,.1);
 -webkit-backdrop-filter:blur(18px) saturate(1.04);
 backdrop-filter:blur(18px) saturate(1.04);
}
.video-page .brand-video-hero .director-intro-card>div:last-child { background:rgba(255,255,255,.08); }
.video-page .brand-video-hero .director-intro-card>div:last-child::before { display:none; }
.video-page .brand-video-hero .director-intro-card .director-actions a {
 border-color:rgba(53,65,83,.24);
 box-shadow:none;
}
.video-page .brand-video-hero .hero-video-stage {
 border:1px solid rgba(255,255,255,.8);
 box-shadow:0 18px 48px rgba(35,44,59,.13);
}

.video-page .video-library-section,
.video-page .dark-section,
.video-page .production-chapter {
 overflow:visible;
 background:transparent!important;
 color:#2d3038;
}
.video-page .video-library-section>.content-shell {
 padding:40px;
 border:1px solid rgba(255,255,255,.72);
 border-radius:24px;
 background:rgba(255,252,247,.58);
 box-shadow:0 22px 70px rgba(35,44,59,.1);
 -webkit-backdrop-filter:blur(18px) saturate(1.04);
 backdrop-filter:blur(18px) saturate(1.04);
}
.video-page .content-heading,
.video-page .production-chapter .content-heading {
 padding:0;
 border:0;
 border-radius:0;
 background:transparent;
 box-shadow:none;
 -webkit-backdrop-filter:none;
 backdrop-filter:none;
}
.video-page .dark-section .content-heading h2,
.video-page .dark-section .content-heading p,
.video-page .dark-section .yuki-video-copy h3,
.video-page .dark-section .yuki-video-copy>span { color:#2d3038; }
.video-page .dark-section .content-kicker,
.video-page .dark-section .yuki-video-copy>p,
.video-page .production-chapter .content-kicker,
.video-page .production-chapter .yuki-video-copy>p { color:#9a754c; }

.video-page .yuki-video-card,
.video-page .production-chapter .yuki-video-card {
 border:1px solid rgba(255,255,255,.78);
 background:rgba(255,252,247,.7);
 box-shadow:0 15px 42px rgba(35,44,59,.1);
 -webkit-backdrop-filter:blur(14px) saturate(1.03);
 backdrop-filter:blur(14px) saturate(1.03);
}
.video-page .yuki-video-card:hover,
.video-page .production-chapter .yuki-video-card:hover {
 border-color:rgba(255,255,255,.92);
 box-shadow:0 20px 52px rgba(35,44,59,.14);
}
.video-page .yuki-video-copy,
.video-page .production-chapter .yuki-video-copy {
 color:#2d3038;
 background:rgba(255,255,255,.12);
}
.video-page .yuki-video-copy h3 { color:#354153; }
.video-page .yuki-video-copy>span { color:#68717b; }
.video-page .yuki-video-frame { border-bottom-color:rgba(53,65,83,.12); }

.video-page .visit-section {
 padding-block:70px;
 background:transparent!important;
 color:#2d3038;
}
.video-page .visit-section::before { display:none; }
.video-page .visit-layout {
 padding:40px;
 border:1px solid rgba(255,255,255,.72);
 border-radius:24px;
 background:rgba(255,252,247,.58);
 box-shadow:0 22px 70px rgba(35,44,59,.1);
 -webkit-backdrop-filter:blur(18px) saturate(1.04);
 backdrop-filter:blur(18px) saturate(1.04);
}
.video-page .visit-layout>div:first-child,
.video-page .visit-video-note {
 border:1px solid rgba(255,255,255,.78);
 background:rgba(255,252,247,.7);
 box-shadow:0 15px 42px rgba(35,44,59,.09);
 -webkit-backdrop-filter:blur(14px) saturate(1.03);
 backdrop-filter:blur(14px) saturate(1.03);
}
.video-page .visit-layout h2,
.video-page .visit-video-note h3 { color:#354153; }
.video-page .visit-layout>div>p,
.video-page .visit-video-note p { color:#68717b; }

.video-page .content-cta {
 margin-block:70px;
 border:1px solid rgba(255,255,255,.72);
 border-radius:24px;
 background:rgba(255,252,247,.62)!important;
 color:#354153;
 box-shadow:0 22px 70px rgba(35,44,59,.1);
 -webkit-backdrop-filter:blur(18px) saturate(1.04);
 backdrop-filter:blur(18px) saturate(1.04);
}
.video-page .content-cta p { color:#68717b; }
.video-page .content-footer {
 border-top:1px solid rgba(255,255,255,.7);
 background:rgba(255,252,247,.72);
 color:#354153;
 -webkit-backdrop-filter:blur(20px) saturate(1.04);
 backdrop-filter:blur(20px) saturate(1.04);
}
.video-page .content-footer a,
.video-page .content-footer p { color:#596573; }

@media (max-width:1050px) {
 body.page-bg-factory-videos .brand-video-hero { width:calc(100% - 40px); padding:28px; }
 .video-page .video-library-section>.content-shell,
 .video-page .visit-layout { padding:30px; }
}

@media (max-width:700px) {
 body.page-bg-factory-videos::before {
  background-image:linear-gradient(rgba(248,245,240,.08),rgba(248,245,240,.18)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-mobile-v26.webp')!important;
  background-position:center top!important;
  background-repeat:no-repeat!important;
  background-size:cover!important;
 }
 body.page-bg-factory-videos .brand-video-hero {
  width:calc(100% - 20px);
  margin-top:14px;
  padding:20px 14px 24px;
  border-radius:20px;
 }
 .video-page .content-nav { top:8px; margin-inline:10px; }
 .video-page .video-library-section { padding-block:42px; }
 .video-page .video-library-section>.content-shell,
 .video-page .visit-layout {
  width:calc(100% - 20px);
  padding:18px;
  border-radius:19px;
 }
 .video-page .visit-section { padding-block:42px; }
 .video-page .visit-layout>div:first-child { padding:22px 18px; }
 .video-page .content-cta { width:calc(100% - 20px); margin-block:42px; }
}

/* v31 · Dedicated energy-storage video chapter. */
.video-page .energy-storage-chapter {
 padding-block:70px;
 background:transparent!important;
 color:#2d3038;
}
.video-page .energy-storage-chapter .energy-storage-video-grid {
 grid-template-columns:repeat(8,minmax(0,1fr));
 justify-content:center;
 gap:18px;
}
.video-page .energy-storage-chapter .energy-storage-video-grid>.yuki-video-card {
 grid-column:span 2;
 min-width:0;
}
.video-page .energy-storage-chapter .energy-storage-video-grid>.yuki-video-card:nth-last-child(3):nth-child(4n + 1) {
 grid-column:2 / span 2;
}
.video-page #production-quality .yuki-video-grid {
 grid-template-columns:repeat(2,minmax(0,292px));
 justify-content:center;
 gap:20px;
}
.video-page .energy-storage-chapter .content-heading h2 { color:#354153; }
.video-page .energy-storage-chapter .content-heading>p,
.video-page .energy-storage-chapter .yuki-video-copy>span { color:#68717b; }
.video-page .energy-storage-chapter .content-kicker,
.video-page .energy-storage-chapter .yuki-video-copy>p { color:#9a754c; }

@media (min-width:701px) and (max-width:1050px) {
 .video-page .energy-storage-chapter .energy-storage-video-grid {
  grid-template-columns:repeat(2,minmax(0,292px));
  gap:18px;
 }
 .video-page .energy-storage-chapter .energy-storage-video-grid>.yuki-video-card {
  grid-column:auto;
 }
 .video-page .energy-storage-chapter .energy-storage-video-grid>.yuki-video-card:last-child:nth-child(odd) {
  grid-column:1 / -1;
  width:292px;
  justify-self:center;
 }
}

@media (max-width:700px) {
 .video-page .energy-storage-chapter { padding-block:42px; }
 .video-page .energy-storage-chapter .energy-storage-video-grid,
 .video-page #production-quality .yuki-video-grid { grid-template-columns:1fr; }
 .video-page .energy-storage-chapter .energy-storage-video-grid>.yuki-video-card,
 .video-page .energy-storage-chapter .energy-storage-video-grid>.yuki-video-card:nth-last-child(3):nth-child(4n + 1) {
  grid-column:auto;
 }
}

/* v33 · Uploaded solar street-light collections. */
.series-page .solar-products-section {
 margin-block:72px;
 padding:42px;
 border:1px solid rgba(255,255,255,.74);
 border-radius:24px;
 background:rgba(255,252,247,.62);
 box-shadow:0 22px 70px rgba(35,44,59,.1);
 -webkit-backdrop-filter:blur(18px) saturate(1.04);
 backdrop-filter:blur(18px) saturate(1.04);
}
.series-page .solar-products-heading {
 display:grid;
 grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr);
 gap:48px;
 align-items:end;
 margin-bottom:34px;
}
.series-page .solar-products-heading h2 {
 max-width:720px;
 margin:10px 0 0;
 color:#354153;
 font:600 clamp(36px,3.4vw,50px)/1.08 Manrope,Arial,sans-serif;
 letter-spacing:-.04em;
}
.series-page .solar-products-heading>p {
 margin:0;
 color:#68717b;
 font-size:14px;
 line-height:1.75;
}
.series-page .solar-series-list { display:grid; gap:30px; }
.series-page .solar-series-card {
 overflow:hidden;
 border:1px solid rgba(255,255,255,.82);
 border-radius:20px;
 background:rgba(255,252,247,.72);
 box-shadow:0 15px 42px rgba(35,44,59,.09);
}
.series-page .solar-series-header {
 display:grid;
 grid-template-columns:minmax(0,1fr) auto;
 gap:8px 28px;
 align-items:end;
 padding:25px 28px 22px;
 border-bottom:1px solid rgba(53,65,83,.1);
}
.series-page .solar-series-header span {
 display:block;
 margin-bottom:6px;
 color:#9a754c;
 font-size:9px;
 font-weight:800;
 letter-spacing:.14em;
}
.series-page .solar-series-header h3 {
 margin:0;
 color:#354153;
 font:600 28px/1.1 Manrope,Arial,sans-serif;
 letter-spacing:-.025em;
}
.series-page .solar-series-header strong {
 color:#354153;
 font-size:14px;
 letter-spacing:.04em;
}
.series-page .solar-series-header p {
 grid-column:1/-1;
 max-width:760px;
 margin:5px 0 0;
 color:#68717b;
 font-size:13px;
 line-height:1.65;
}
.series-page .solar-series-gallery {
 display:grid;
 grid-template-columns:repeat(4,minmax(0,1fr));
 gap:12px;
 padding:14px;
}
.series-page .solar-product-image {
 position:relative;
 overflow:hidden;
 padding:0;
 border:1px solid rgba(53,65,83,.12);
 border-radius:12px;
 background:#ede9e2;
 aspect-ratio:16/9;
 cursor:zoom-in;
 box-shadow:0 7px 18px rgba(35,44,59,.08);
 transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease;
}
.series-page .solar-product-image:hover {
 z-index:1;
 transform:translateY(-3px);
 border-color:rgba(154,117,76,.45);
 box-shadow:0 13px 28px rgba(35,44,59,.15);
}
.series-page .solar-product-image img {
 display:block;
 width:100%;
 height:100%;
 object-fit:cover;
}
body.solar-lightbox-open { overflow:hidden; }
.solar-product-lightbox[hidden] { display:none; }
.solar-product-lightbox {
 position:fixed;
 inset:0;
 z-index:9999;
 display:grid;
 grid-template-columns:64px minmax(0,1fr) 64px;
 align-items:center;
 gap:18px;
 padding:32px;
 background:rgba(23,30,40,.82);
 -webkit-backdrop-filter:blur(20px) saturate(1.08);
 backdrop-filter:blur(20px) saturate(1.08);
}
.solar-product-lightbox figure {
 width:min(1100px,100%);
 margin:auto;
 padding:12px;
 border:1px solid rgba(255,255,255,.28);
 border-radius:18px;
 background:rgba(255,255,255,.12);
 box-shadow:0 26px 90px rgba(0,0,0,.36);
}
.solar-product-lightbox figure img {
 display:block;
 width:100%;
 max-height:78vh;
 border-radius:11px;
 object-fit:contain;
}
.solar-product-lightbox figcaption {
 padding:12px 6px 3px;
 color:rgba(255,255,255,.8);
 font-size:12px;
 letter-spacing:.03em;
 text-align:center;
}
.solar-lightbox-close,
.solar-lightbox-arrow {
 border:1px solid rgba(255,255,255,.28);
 color:#fff;
 background:rgba(255,255,255,.12);
 box-shadow:inset 0 1px 0 rgba(255,255,255,.2);
 -webkit-backdrop-filter:blur(14px);
 backdrop-filter:blur(14px);
 cursor:pointer;
}
.solar-lightbox-close {
 position:absolute;
 top:24px;
 right:24px;
 width:48px;
 height:48px;
 border-radius:50%;
 font-size:30px;
 line-height:1;
}
.solar-lightbox-arrow {
 width:56px;
 height:72px;
 border-radius:18px;
 font-size:38px;
}

@media (max-width:900px) {
 .series-page .solar-products-heading { grid-template-columns:1fr; gap:18px; }
 .series-page .solar-series-gallery { grid-template-columns:repeat(2,minmax(0,1fr)); }
}

@media (max-width:700px) {
 .series-page .solar-products-section {
  width:calc(100% - 20px);
  margin-block:42px;
  padding:20px 14px;
  border-radius:19px;
 }
 .series-page .solar-products-heading { margin-bottom:24px; }
 .series-page .solar-products-heading h2 { font-size:clamp(30px,9vw,39px); }
 .series-page .solar-series-list { gap:20px; }
 .series-page .solar-series-header { padding:20px 17px 18px; }
 .series-page .solar-series-header h3 { font-size:24px; }
 .series-page .solar-series-gallery { gap:8px; padding:9px; }
 .solar-product-lightbox { grid-template-columns:42px minmax(0,1fr) 42px; gap:6px; padding:14px 8px; }
 .solar-lightbox-arrow { width:40px; height:58px; border-radius:14px; font-size:30px; }
 .solar-lightbox-close { top:12px; right:12px; width:42px; height:42px; }
 .solar-product-lightbox figure { padding:7px; border-radius:13px; }
}

@media (prefers-reduced-motion:reduce) {
 .series-page .solar-product-image { transition:none; }
}

/* Monitoring-light specification presentation */
.monitoring-details-section,
.monitoring-models-section {
 position:relative;
 overflow:hidden;
}
.monitoring-details-section::before,
.monitoring-models-section::before {
 content:"";
 position:absolute;
 width:420px;
 height:420px;
 border-radius:50%;
 pointer-events:none;
 background:radial-gradient(circle,rgba(226,255,80,.14),transparent 68%);
 filter:blur(2px);
}
.monitoring-details-section::before { right:-150px; top:40px; }
.monitoring-models-section::before { left:-160px; bottom:-100px; }
.monitoring-section-head {
 position:relative;
 z-index:1;
 max-width:760px;
 margin-bottom:34px;
}
.monitoring-kicker,
.monitoring-model-badge {
 display:inline-flex;
 align-items:center;
 min-height:28px;
 padding:5px 11px;
 border:1px solid rgba(163,196,49,.4);
 border-radius:999px;
 color:#9fc22e;
 background:rgba(169,207,45,.08);
 font-size:11px;
 font-weight:750;
 letter-spacing:.12em;
}
.monitoring-section-head h2 {
 margin:15px 0 12px;
 font-size:clamp(32px,4.5vw,58px);
 line-height:1.02;
 letter-spacing:-.045em;
}
.monitoring-section-head p {
 max-width:700px;
 color:rgba(34,43,52,.68);
 font-size:16px;
 line-height:1.7;
}
.monitoring-common-grid {
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:repeat(3,minmax(0,1fr));
 gap:16px;
}
.monitoring-glass-card,
.monitoring-model-card {
 border:1px solid rgba(32,45,56,.1);
 background:linear-gradient(145deg,rgba(255,255,255,.8),rgba(244,247,241,.55));
 box-shadow:inset 0 1px 0 rgba(255,255,255,.92),0 22px 60px rgba(33,43,51,.1);
 -webkit-backdrop-filter:blur(20px) saturate(1.08);
 backdrop-filter:blur(20px) saturate(1.08);
}
.monitoring-glass-card {
 position:relative;
 min-width:0;
 padding:28px 24px 24px;
 border-radius:24px;
}
.monitoring-index {
 position:absolute;
 top:22px;
 right:22px;
 color:rgba(32,45,56,.28);
 font-size:12px;
 letter-spacing:.14em;
}
.monitoring-glass-card h3 {
 margin:0 44px 21px 0;
 color:#1f2933;
 font-size:21px;
 letter-spacing:-.025em;
}
.monitoring-glass-card dl,
.monitoring-model-specs { margin:0; }
.monitoring-spec-row {
 display:grid;
 grid-template-columns:minmax(100px,.88fr) minmax(0,1.25fr);
 gap:12px;
 padding:11px 0;
 border-top:1px solid rgba(32,45,56,.1);
}
.monitoring-spec-row dt {
 color:rgba(45,57,66,.62);
 font-size:12px;
 line-height:1.45;
}
.monitoring-spec-row dd {
 margin:0;
 color:#27323b;
 font-size:13px;
 font-weight:580;
 line-height:1.45;
 overflow-wrap:anywhere;
}
.monitoring-model-grid {
 position:relative;
 z-index:1;
 display:grid;
 grid-template-columns:repeat(2,minmax(0,1fr));
 gap:20px;
}
.monitoring-model-card {
 display:grid;
 grid-template-columns:minmax(190px,.78fr) minmax(260px,1.22fr);
 gap:26px;
 padding:30px;
 border-radius:28px;
}
.monitoring-model-copy { position:relative; }
.monitoring-model-number {
 display:block;
 margin:28px 0 12px;
 color:rgba(32,45,56,.28);
 font-size:12px;
 letter-spacing:.15em;
}
.monitoring-model-copy h3 {
 margin:0 0 13px;
 color:#1f2933;
 font-size:clamp(25px,2.3vw,34px);
 line-height:1.05;
 letter-spacing:-.04em;
}
.monitoring-model-copy p {
 margin:0;
 color:rgba(45,57,66,.68);
 font-size:14px;
 line-height:1.65;
}
.monitoring-model-specs {
 padding:4px 18px;
 border:1px solid rgba(32,45,56,.1);
 border-radius:18px;
 background:rgba(255,255,255,.62);
}
@media (max-width:1100px) {
 .monitoring-common-grid { grid-template-columns:1fr 1fr; }
 .monitoring-common-grid .monitoring-glass-card:last-child { grid-column:1/-1; }
 .monitoring-model-grid { grid-template-columns:1fr; }
}
@media (max-width:700px) {
 .monitoring-section-head { margin-bottom:24px; }
 .monitoring-section-head h2 { font-size:clamp(31px,10vw,42px); }
 .monitoring-common-grid { grid-template-columns:1fr; gap:12px; }
 .monitoring-common-grid .monitoring-glass-card:last-child { grid-column:auto; }
 .monitoring-glass-card { padding:24px 18px 18px; border-radius:20px; }
 .monitoring-model-card { grid-template-columns:1fr; gap:22px; padding:20px; border-radius:22px; }
 .monitoring-model-number { margin-top:22px; }
 .monitoring-model-specs { padding-inline:14px; }
 .monitoring-spec-row { grid-template-columns:minmax(94px,.8fr) minmax(0,1.2fr); gap:10px; }
}

/* v37 final cascade guard: keep the fixed bottom layer authoritative. */
body.page-bg-factory-company,
body.page-bg-factory-videos,
body.page-bg-installation-projects,
body.page-bg-solar-street-lights,
body.page-bg-solar-energy-storage,
body.page-bg-other-products { position:relative; min-height:100%; isolation:isolate; background:#f4eee6!important; }
body.page-bg-factory-company::before,
body.page-bg-factory-videos::before,
body.page-bg-installation-projects::before,
body.page-bg-solar-street-lights::before,
body.page-bg-solar-energy-storage::before,
body.page-bg-other-products::before {
 content:""; position:fixed; inset:0; z-index:0; pointer-events:none;
 background-position:center center!important; background-repeat:no-repeat!important; background-size:cover!important;
 transform:translateZ(0);
}
body.page-bg-factory-company::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-desktop-v26.webp')!important; }
body.page-bg-factory-videos::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-desktop-v26.webp')!important; }
body.page-bg-installation-projects::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-desktop-v26.webp')!important; }
body.page-bg-solar-street-lights::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-desktop-v26.webp')!important; }
body.page-bg-solar-energy-storage::before { background-image:linear-gradient(rgba(245,248,249,.1),rgba(245,248,249,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-desktop-v26.webp')!important; }
body.page-bg-other-products::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-desktop-v26.webp')!important; }
body.page-bg-factory-company #root,
body.page-bg-factory-videos #root,
body.page-bg-installation-projects #root,
body.page-bg-solar-street-lights #root,
body.page-bg-solar-energy-storage #root,
body.page-bg-other-products #root { position:relative; z-index:1; }
body.page-bg-factory-company .factory-page,
body.page-bg-factory-videos .content-page,
body.page-bg-installation-projects .content-page,
body.page-bg-solar-street-lights .content-page,
body.page-bg-solar-energy-storage .content-page,
body.page-bg-other-products .content-page { background-color:transparent!important; background-image:none!important; }
@media (max-width:700px) {
 body.page-bg-factory-company::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-company-mobile-v26.webp')!important; }
 body.page-bg-factory-videos::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/factory-videos-mobile-v26.webp')!important; }
 body.page-bg-installation-projects::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/installation-projects-mobile-v26.webp')!important; }
 body.page-bg-solar-street-lights::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-street-lights-mobile-v26.webp')!important; }
 body.page-bg-solar-energy-storage::before { background-image:linear-gradient(rgba(245,248,249,.1),rgba(245,248,249,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/solar-energy-storage-mobile-v26.webp')!important; }
 body.page-bg-other-products::before { background-image:linear-gradient(rgba(248,245,240,.1),rgba(248,245,240,.2)),url('/wp-content/themes/shengjia-final/site/assets/section-backgrounds/other-products-mobile-v26.webp')!important; }
}