/* Logo QR: live typography and original artwork over a photographic stage. */
.logo-feature{position:relative;isolation:isolate;overflow:hidden;background:#07090f;margin:55px 0 20px}
.logo-feature:before{content:"";position:absolute;inset:0;z-index:-2;background:url("assets/logo-qr-stage.png") center 65%/cover no-repeat}
.logo-feature:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#07090fe8,transparent 65%),linear-gradient(0deg,#07090f,transparent 18%,transparent 85%,#07090f)}
.logo-feature-inner{position:relative;min-height:780px;padding-top:90px;padding-bottom:110px}
.logo-feature-copy{position:relative;z-index:2;pointer-events:none}
.logo-feature-copy h2{font-size:clamp(42px,5.3vw,72px);line-height:1.08;letter-spacing:-2.8px;margin:0 0 50px;max-width:800px}
.logo-feature-message{max-width:355px}

.logo-feature-message p{font-size:17px;line-height:1.7;color:#b2bfd7;margin:0}
.logo-feature-art{position:absolute;width:40%;max-width:460px;right:50px;top:245px;margin:0;perspective:1200px}
.logo-feature-sheet{padding:18px;background:linear-gradient(125deg,#373043,#11121b 35%,#18131e);border:1px solid #8d5a9b;border-right:3px solid #c67952;border-radius:12px;transform:rotate(4deg) rotateY(-9deg);box-shadow:18px 28px 35px #000b,inset 0 1px 2px #dfb2ff55}
.logo-feature-sheet img{width:100%;height:auto;border-radius:2px}

@media(max-width:1000px){.logo-feature-inner{min-height:700px}.logo-feature-art{top:260px;right:35px;width:43%}.logo-feature-message{max-width:300px}.logo-feature-message p{font-size:16px}}
@media(max-width:640px){.logo-feature{margin-top:35px}.logo-feature-inner{min-height:0;padding-top:60px;padding-bottom:70px}.logo-feature-copy h2{font-size:clamp(36px,8.9vw,55px);letter-spacing:-1.6px;margin-bottom:28px}.logo-feature-message{max-width:360px}.logo-feature-art{position:relative;top:auto;right:auto;width:88%;max-width:370px;margin:42px auto 0}.logo-feature-sheet{padding:12px;transform:rotate(3deg)}.logo-feature:before{background-size:auto 620px;background-position:65% bottom}.logo-feature:after{background:linear-gradient(180deg,#07090f 0%,#07090ff0 30%,transparent 64%,#07090f 100%)}}

/* Match the approved campaign composition while retaining live text and the real QR. */
@media(min-width:1001px){.logo-feature-inner{max-width:1440px;min-height:850px;padding:115px 80px 100px}.logo-feature-copy h2{font-size:clamp(72px,7.2vw,104px);letter-spacing:-4px;line-height:1.02;margin-bottom:62px;max-width:950px}.logo-feature-message{max-width:370px}.logo-feature-message p{font-size:20px}.logo-feature-art{width:34%;max-width:490px;top:215px;right:80px}}
@media(min-width:641px) and (max-width:1000px){.logo-feature-inner{min-height:590px;padding-top:65px;padding-bottom:65px}.logo-feature-copy h2{font-size:clamp(42px,6.4vw,64px);margin-bottom:40px;max-width:660px}.logo-feature-art{top:190px;width:39%;right:35px}.logo-feature-message{max-width:290px}}