.logo img{width:100px;height:105px;object-fit:contain;background:white;border-radius:6px;box-shadow:0 4px 16px #1924330d}.logo{gap:15px}.logo>span{color:#071a32;font-size:21px}.logo small{color:#8e3029}header{padding-top:12px;padding-bottom:12px}.hero-brand{position:absolute;right:6%;bottom:48px;width:172px;background:#fff;padding:12px 12px 20px;box-shadow:0 12px 35px #0003;transform:rotate(-3deg)}.hero-brand img{width:100%;display:block}.hero-brand small{display:block;text-align:center;color:#071a32;font-size:8px;letter-spacing:2px;margin-top:6px}#intro{background:radial-gradient(ellipse at 70% 40%,#243647 0,#101e2d 48%,#071321 100%);overflow:hidden}#intro:before{content:'';position:absolute;inset:18px;border:1px solid #c9ac7930;pointer-events:none}.intro-layout{display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;width:min(1120px,90vw);gap:40px}.intro-brand{text-align:left;animation:brandReveal 1s both}.intro-brand>img{display:block;width:180px;height:180px;object-fit:contain;background:#fff;border-radius:8px;padding:5px;margin-bottom:30px;box-shadow:0 15px 50px #0004}.intro-brand .eyebrow{font-size:10px;letter-spacing:3px;color:#c8af81;margin-bottom:20px}#intro .intro-brand h2{text-align:left;font-size:clamp(36px,4.5vw,62px);line-height:1.14}#intro h2 em{font-weight:400;color:#dfc59b}#intro .intro-brand p{font-size:13px;letter-spacing:.4px;margin:20px 0 26px;color:#b9c1c5}.intro-progress{width:160px;height:2px;background:#ffffff25}.intro-progress i{display:block;height:100%;background:#d4b883;animation:progress 6.3s linear both}.intro-scene{position:relative;text-align:center;animation:sceneReveal 1.2s both}.intro-scene>img{display:block;width:100%;max-height:65vh;filter:drop-shadow(0 22px 25px #0004)}.scene-label{display:block;font-size:9px;letter-spacing:3px;color:#aab7bd;margin-bottom:18px}.scene-caption{display:block;color:#c8af81;font-size:11px;letter-spacing:1px;margin-top:12px}#skip{z-index:2;top:35px;right:40px;padding:10px 15px;border:1px solid #ccb18050;border-radius:3px}#intro.done .intro-layout{transform:translateY(-15px);transition:transform .7s}footer .logo img{width:100px;height:105px}@keyframes brandReveal{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes sceneReveal{from{opacity:0;transform:translateX(35px)}to{opacity:1;transform:translateX(0)}}@keyframes progress{from{width:0}to{width:100%}}@media(max-width:900px){.hero-brand{width:135px}.intro-layout{gap:15px}.intro-brand>img{width:140px;height:140px}.intro-scene>img{max-height:58vh}.logo img{width:85px;height:88px}}@media(max-width:600px){.logo>span{font-size:16px}.logo img{width:77px;height:80px}.hero-brand{right:6%;bottom:22px;width:100px;padding:5px 5px 10px}.hero-brand small{font-size:6px;letter-spacing:1px}.hero{padding-bottom:110px}.intro-layout{grid-template-columns:1fr;width:86vw;gap:0;text-align:center;padding-top:40px}.intro-brand{text-align:center;display:flex;align-items:center;flex-direction:column}.intro-brand>img{width:100px;height:100px;margin-bottom:14px}.intro-brand .eyebrow{font-size:8px;margin-bottom:10px}#intro .intro-brand h2{text-align:center;font-size:32px}#intro .intro-brand p{display:none}.intro-progress{margin:15px 0 5px;width:100px}.intro-scene>img{height:40vh;max-height:340px;min-height:220px}.scene-label{display:none}.scene-caption{font-size:10px;margin-top:0}#skip{top:25px;right:25px;font-size:10px;padding:7px 10px}}@media(prefers-reduced-motion:reduce){#intro{display:none}.intro-brand,.intro-scene,.intro-progress i{animation:none}}

/* Stacked brand lettering in the shared header and footer. */
.logo .brand-name{display:block;line-height:1.15}.logo .brand-word{display:block;font:inherit;letter-spacing:inherit;color:inherit}.logo .brand-word+.brand-word{margin-top:3px}.logo .brand-name small{margin-top:8px;font-size:8px;letter-spacing:2px}

.productbottom .quote-price{font-size:11px;line-height:1.5;display:block;max-width:150px;color:#8e3029}
