/* VULQIR 2.4 — Home cinematic video + editorial layout + translucent campaign CTA.
 * This stylesheet runs after v2.3 responsive CSS and affects ONLY the home page.
 */
.vq-hero.vq-cinema-home .vq-home-video {
 position:absolute;inset:0;width:100%;height:100%;display:block;z-index:0;
 object-fit:cover;object-position:center center;pointer-events:none;
 opacity:0;transition:opacity .85s ease;background:transparent;
}
.vq-hero.vq-cinema-home.vq-home-video-playing .vq-home-video {opacity:1}
.vq-hero.vq-cinema-home.vq-home-video-playing .vq-hero-picture{animation-play-state:paused}
/* Keep titles over either moving video or original static banner. */
.vq-hero.vq-cinema-home .vq-cinema-content {width:min(840px,54%)}
.vq-hero.vq-cinema-home .vq-cinema-headline {font-size:clamp(58px,5.15vw,96px)}
.vq-hero.vq-cinema-home .vq-cinema-subtitle {font-size:clamp(15px,1.03vw,19px);line-height:1.8}
.vq-hero.vq-cinema-home .vq-cinema-shade {
 background:linear-gradient(90deg,rgba(19,15,14,.88) 0%,rgba(24,19,17,.71) 25%,rgba(24,19,17,.47) 43%,rgba(24,19,17,.12) 72%,rgba(24,19,17,.06) 100%);
}
/* Expanded editorial proportions, without stretching paragraph reading length. */
#vulqir-home .vq-wrap {width:min(calc(100% - 2 * var(--vq-content-gutter, 48px)),1560px)}
#vulqir-home .vq-intro {padding:clamp(78px,7vw,130px) 0 clamp(82px,7vw,132px)}
#vulqir-home .vq-intro-grid {grid-template-columns:.96fr 1.04fr;gap:clamp(42px,6vw,132px)}
#vulqir-home .vq-intro-copy{max-width:660px}
#vulqir-home .vq-intro .vq-display{font-size:clamp(55px,4.35vw,84px);line-height:1.06;max-width:630px}
#vulqir-home .vq-copy{font-size:clamp(16px,.88vw,18px);line-height:1.9}
#vulqir-home .vq-intro .vq-copy{max-width:590px}
#vulqir-home .vq-intro-visual{padding:0 11% 10% 0}
#vulqir-home .vq-intro-main{aspect-ratio:4/4.65}
#vulqir-home .vq-intro-inset{width:38%;border-width:8px}
#vulqir-home .vq-manifesto{padding:clamp(70px,5vw,104px) 24px}
#vulqir-home .vq-manifesto .vq-quote{font-size:clamp(41px,3.6vw,64px);max-width:960px}
#vulqir-home .vq-collection{padding:clamp(86px,7vw,126px) 0 clamp(90px,7vw,130px)}
#vulqir-home .vq-collection-head{margin-bottom:44px}
#vulqir-home .vq-collection .vq-h2{font-size:clamp(42px,3.7vw,62px)}
#vulqir-home .vq-collection-grid{gap:clamp(18px,1.7vw,32px)}
#vulqir-home .vq-product .vq-img{aspect-ratio:4/4.65}
#vulqir-home .vq-product-name{font-size:clamp(17px,1vw,20px)}
#vulqir-home .vq-product-meta{padding:20px 3px 18px}
#vulqir-home .vq-collection-foot{margin-top:42px}
#vulqir-home .vq-story{padding:clamp(88px,7vw,130px) 0}
#vulqir-home .vq-story-grid{grid-template-columns:.98fr 1.02fr;gap:clamp(48px,6vw,116px)}
#vulqir-home .vq-story-text{max-width:620px}
#vulqir-home .vq-story .vq-h2{font-size:clamp(40px,3.35vw,57px)}
#vulqir-home .vq-story-lead{font-size:clamp(31px,2.55vw,43px)}
#vulqir-home .vq-approach{padding:clamp(84px,6vw,118px) 0}
#vulqir-home .vq-approach-top{margin-bottom:44px}
#vulqir-home .vq-approach-top .vq-h2{font-size:clamp(39px,3.35vw,57px)}
#vulqir-home .vq-principle{padding-top:34px;padding-bottom:38px}
#vulqir-home .vq-principle+.vq-principle{padding-left:clamp(25px,2.2vw,40px)}
#vulqir-home .vq-principle .vq-num{font-size:31px}
#vulqir-home .vq-principle h3{font-size:17px}
#vulqir-home .vq-principle p{font-size:15px;max-width:345px}
/* Bottom campaign: keep the complete original photo on the right; add layered warm glass on the left. */
.vq-home-cta-glass #vulqir-home .vq-feature{
 min-height:clamp(520px,32vw,680px);
 background:radial-gradient(circle at 72% 46%,#6b4e3c 0%,#3a2b24 55%,#211a17 100%);
}
.vq-home-cta-glass #vulqir-home .vq-feature>img{
 width:min(48vw,970px);object-fit:contain;object-position:right center;
 opacity:.96;
}
.vq-home-cta-glass #vulqir-home .vq-feature::before{
 background:linear-gradient(90deg,rgba(23,18,16,.74) 0%,rgba(27,20,17,.56) 33%,rgba(30,22,18,.26) 59%,rgba(30,22,18,.05) 100%);
}
.vq-home-cta-glass #vulqir-home .vq-feature-inner{padding:clamp(52px,6vw,108px) 0}
.vq-home-cta-glass #vulqir-home .vq-feature-copy{
 max-width:660px;padding:clamp(27px,2.65vw,52px);
 border:1px solid rgba(226,193,150,.25);border-left:2px solid rgba(220,182,126,.74);
 background:linear-gradient(120deg,rgba(35,26,22,.52),rgba(42,31,26,.26));
 backdrop-filter:blur(8px) saturate(108%);-webkit-backdrop-filter:blur(8px) saturate(108%);
 box-shadow:0 22px 56px rgba(9,6,5,.15);
}
.vq-home-cta-glass #vulqir-home .vq-feature .vq-display{font-size:clamp(46px,3.55vw,65px);max-width:590px}
.vq-home-cta-glass #vulqir-home .vq-feature .vq-copy{font-size:clamp(16px,1vw,18px);color:#fffaf3}
.vq-home-cta-glass #vulqir-home .vq-cta-btn{border:1px solid rgba(236,207,160,.8);background:rgba(213,171,111,.91);transition:background .25s ease,transform .25s ease}
.vq-home-cta-glass #vulqir-home .vq-cta-btn:hover{background:#e5c699;transform:translateY(-2px)}
.vq-home-cta-glass #vulqir-home .vq-cta-note{color:#eee1d2}
/* Laptop: maintain photographic scale and legibility. */
@media (max-width:1550px){
 #vulqir-home .vq-wrap{width:min(calc(100% - 80px),1360px)}
 #vulqir-home .vq-intro-grid,#vulqir-home .vq-story-grid{gap:5%}
 .vq-home-cta-glass #vulqir-home .vq-feature-copy{max-width:590px}
}
@media (max-width:1180px){
 #vulqir-home .vq-wrap{width:calc(100% - 56px)}
 #vulqir-home .vq-intro-grid,#vulqir-home .vq-story-grid{gap:5%}
 #vulqir-home .vq-intro .vq-display{font-size:clamp(48px,5.1vw,67px)}
 #vulqir-home .vq-collection .vq-h2{font-size:clamp(37px,4.1vw,53px)}
 #vulqir-home .vq-story .vq-h2{font-size:clamp(37px,4.1vw,52px)}
}
@media(max-width:960px){
 .vq-hero.vq-cinema-home .vq-cinema-headline{font-size:clamp(48px,5.5vw,69px)}
 #vulqir-home .vq-intro-grid,#vulqir-home .vq-story-grid{gap:36px}
 #vulqir-home .vq-product .vq-img{aspect-ratio:4/5}
 .vq-home-cta-glass #vulqir-home .vq-feature-copy{max-width:520px}
}
@media(max-width:760px){
 .vq-hero.vq-cinema-home .vq-home-video{object-position:56% center}
 .vq-hero.vq-cinema-home .vq-cinema-content{width:86%}
 .vq-hero.vq-cinema-home .vq-cinema-headline{font-size:clamp(39px,8.8vw,64px)}
 .vq-hero.vq-cinema-home .vq-cinema-shade{background:linear-gradient(0deg,rgba(22,17,15,.91),rgba(22,17,15,.64) 31%,rgba(22,17,15,.25) 66%,rgba(22,17,15,.08))}
 #vulqir-home .vq-wrap{width:calc(100% - 36px)}
 #vulqir-home .vq-intro,#vulqir-home .vq-collection,#vulqir-home .vq-story,#vulqir-home .vq-approach{padding:64px 0}
 #vulqir-home .vq-intro-grid,#vulqir-home .vq-story-grid,#vulqir-home .vq-approach-top{grid-template-columns:1fr;gap:29px}
 #vulqir-home .vq-intro .vq-display{font-size:clamp(42px,9vw,61px)}
 #vulqir-home .vq-intro-visual{max-width:550px;width:100%;margin:0 auto}
 #vulqir-home .vq-manifesto{padding:62px 22px}
 #vulqir-home .vq-manifesto .vq-quote{font-size:clamp(35px,6.2vw,47px)}
 #vulqir-home .vq-collection-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:17px}
 #vulqir-home .vq-collection-head{display:block;margin-bottom:27px}
 #vulqir-home .vq-collection-head .vq-copy{margin-top:16px}
 #vulqir-home .vq-product-name{font-size:16px}
 #vulqir-home .vq-story .vq-h2{font-size:clamp(38px,7vw,51px)}
 #vulqir-home .vq-approach-top{margin-bottom:24px}
 #vulqir-home .vq-principles{grid-template-columns:1fr}
 #vulqir-home .vq-principle,#vulqir-home .vq-principle+.vq-principle{padding:20px 0;border-left:0}
 #vulqir-home .vq-principle+.vq-principle{border-top:1px solid var(--line)}
 .vq-home-cta-glass #vulqir-home .vq-feature{min-height:560px}
 .vq-home-cta-glass #vulqir-home .vq-feature>img{width:100%;object-fit:contain;opacity:.88}
 .vq-home-cta-glass #vulqir-home .vq-feature::before{background:linear-gradient(0deg,rgba(22,17,15,.88),rgba(22,17,15,.66) 45%,rgba(22,17,15,.24) 100%)}
 .vq-home-cta-glass #vulqir-home .vq-feature-inner{padding:70px 0}
 .vq-home-cta-glass #vulqir-home .vq-feature-copy{max-width:600px;padding:30px 24px;background:rgba(36,27,22,.42)}
 .vq-home-cta-glass #vulqir-home .vq-feature .vq-display{font-size:clamp(41px,9vw,54px)}
}
@media(max-width:480px){
 #vulqir-home .vq-collection-grid{gap:14px 12px}
 #vulqir-home .vq-product:last-child{grid-column:1/-1;max-width:calc(50% - 6px);width:100%;margin:auto}
 #vulqir-home .vq-product-meta{flex-wrap:wrap;gap:4px}
 #vulqir-home .vq-product-meta small{font-size:10px}
 .vq-home-cta-glass #vulqir-home .vq-feature-copy{padding:26px 20px}
}
@media(prefers-reduced-motion:reduce){
 .vq-hero.vq-cinema-home .vq-home-video{display:none!important}
}