.skip-link{position:absolute;top:-80px;left:16px;z-index:100;background:#f4d8a8;color:#111;padding:12px 18px;border-radius:12px}.skip-link:focus{top:12px}
.video-more-link{display:inline-block;margin-top:18px;font:600 11px 'Poppins',sans-serif;color:#f3d5a3;border-bottom:1px solid #f3d5a3;padding-bottom:5px}
.video-story-copy>a+a{margin-top:12px}
.site-header nav a[aria-current="page"]{background:#ffffff2b;color:#f4d8a8}
.sub-page{background:radial-gradient(circle at 4% 30%,#f0eae1,transparent 28%),#f8f8f6}
.sub-hero{width:min(1450px,calc(100% - 44px));margin:26px auto 0;display:grid;grid-template-columns:1fr 1fr;min-height:570px;background:radial-gradient(circle at 20% 90%,#624b37,#151519 48%,#0d0e11);border-radius:32px;overflow:hidden;color:#fff;box-shadow:0 22px 60px #1b120c27}
.sub-hero-copy{padding:clamp(48px,6vw,90px);display:flex;flex-direction:column;align-items:start;justify-content:center}
.sub-hero .eyebrow{color:#e9c996;margin-bottom:20px}.sub-hero h1{font-size:clamp(50px,5.5vw,82px);color:#fff;line-height:1.04;margin:0 0 26px;letter-spacing:-.06em}.sub-hero h1 em{color:#e9c996;font-style:normal}.sub-hero-copy>p:not(.eyebrow){color:#e0dcd6;line-height:1.75;font-size:15px;max-width:540px;margin:0 0 25px}.sub-hero-actions{display:flex;gap:12px;flex-wrap:wrap}.sub-hero .btn-clear{color:#fff}
.sub-hero-media{min-height:570px;display:grid;place-items:center;position:relative;background:radial-gradient(circle at 50% 45%,#b19c7d,#292929 63%,#111)}.sub-hero-media img{width:100%;height:100%;object-fit:cover}.sub-hero-media video{width:100%;height:100%;max-height:640px;object-fit:contain;background:#111}.sub-hero-media.portrait video{width:min(100%,360px);box-shadow:0 18px 55px #0007}.sub-hero-media:has(img):after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 100px #0002;pointer-events:none}
.sub-trail{display:flex;gap:9px;align-items:center;font-size:11px;color:#8f8a84;padding:30px 0 0}.sub-trail a{text-decoration:underline;text-underline-offset:3px}.sub-trail span{color:#ab8050}
.sub-intro{padding:105px 0 60px;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:end}.sub-intro h2,.sub-title{font-size:clamp(38px,4.2vw,60px);line-height:1.1;letter-spacing:-.05em;margin:0}.sub-intro h2 em,.sub-title em{color:#a77b48}.sub-intro>p{font-size:15px;line-height:1.85;color:#625e59;margin:0;max-width:580px}
.sub-panels{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:90px}.sub-panel{padding:34px;border:1px solid #fff;border-radius:26px;background:#ffffffbb;box-shadow:0 11px 35px #17120a0e}.sub-panel span{color:#a77b48;font-size:10px;letter-spacing:.17em;font-weight:700}.sub-panel h3{font-size:25px;line-height:1.18;margin:24px 0 13px}.sub-panel p{color:#67625c;font-size:13px;line-height:1.75;margin:0}.sub-panel a{display:inline-block;margin-top:22px;border-bottom:1px solid #a77b48;font-size:11px;font-weight:700;padding-bottom:5px}
.sub-feature{width:min(1450px,calc(100% - 44px));margin:0 auto 90px;display:grid;grid-template-columns:1fr 1fr;min-height:470px;border-radius:30px;overflow:hidden;background:#eae5dc}.sub-feature.reverse>img,.sub-feature.reverse>.sub-feature-video{grid-column:2;grid-row:1}.sub-feature.reverse>.sub-feature-copy{grid-column:1;grid-row:1}.sub-feature>img{width:100%;height:100%;min-height:470px;object-fit:cover}.sub-feature-video{display:grid;place-items:center;background:#1b1b1b;min-height:470px}.sub-feature-video video{height:470px;max-width:100%;object-fit:contain}.sub-feature-copy{padding:clamp(45px,6vw,85px);display:flex;flex-direction:column;align-items:start;justify-content:center}.sub-feature-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.1;margin:0 0 22px}.sub-feature-copy h2 em{color:#a77b48}.sub-feature-copy p:not(.eyebrow){line-height:1.8;color:#68625b;font-size:14px;max-width:530px}.sub-feature-copy a:not(.btn){font-size:12px;font-weight:700;border-bottom:1px solid #a77b48;padding-bottom:5px;margin-top:10px}
.sub-detail{padding:0 0 90px}.sub-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:start}.sub-detail-grid>div{padding-top:22px;border-top:1px solid #d6c8b5}.sub-detail h2{font-size:clamp(36px,3.7vw,54px);line-height:1.12;margin:0 0 25px}.sub-detail p,.sub-detail li{font-size:14px;line-height:1.85;color:#625e59}.sub-detail ul{padding-left:19px}.sub-detail li+li{margin-top:12px}
.sub-video-pair{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:0 auto 90px}.sub-video-pair article{border-radius:27px;overflow:hidden;background:#fff;border:1px solid #fff;box-shadow:0 11px 35px #0000000e;display:grid;grid-template-columns:43% 57%}.sub-video-pair video{width:100%;height:370px;object-fit:contain;background:#111}.sub-video-pair article>div{padding:27px;display:flex;flex-direction:column;justify-content:center}.sub-video-pair span{color:#a77b48;font-size:9px;letter-spacing:.16em;font-weight:700}.sub-video-pair h3{font-size:27px;line-height:1.15;margin:18px 0 13px}.sub-video-pair p{color:#68625b;font-size:12px;line-height:1.7;margin:0}
.sub-faq{padding:75px 0 95px;border-top:1px solid #ddd5ca;display:grid;grid-template-columns:1fr 1.25fr;gap:80px}.sub-faq h2{font-size:clamp(38px,4vw,58px);margin:0}.sub-faq details{border-bottom:1px solid #d6cec3;padding:18px 0}.sub-faq summary{cursor:pointer;font-weight:700;font-size:14px;line-height:1.5}.sub-faq details p{color:#625e59;font-size:13px;line-height:1.8;margin:15px 0 2px}
.sub-cta{background:radial-gradient(circle at 70% 110%,#6d543e,#18191d 63%);color:#fff;text-align:center;padding:90px 20px}.sub-cta h2{font-size:clamp(40px,4.5vw,68px);line-height:1.08;margin:0 auto 26px;max-width:800px}.sub-cta h2 em{color:#e9c996}.sub-cta p{color:#d2cfcc;font-size:14px;line-height:1.7;margin:0 auto 28px;max-width:600px}.sub-cta .btn{margin:5px}
.sub-page footer{margin-top:0}.sub-page .footer-top{padding-top:65px}
.guide-overview{margin:0 auto 85px;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.guide-overview a{padding:19px 16px;background:#ffffffbf;border:1px solid #fff;border-radius:17px;font-size:11px;font-weight:700;box-shadow:0 5px 20px #0000000a}.guide-overview a span{color:#a77b48;display:block;margin-bottom:9px}.guide-content{padding-top:15px}.guide-content section{scroll-margin-top:110px}
@media(max-width:1050px){.sub-hero{min-height:500px}.sub-hero-copy{padding:45px}.sub-hero-media{min-height:500px}.sub-hero h1{font-size:55px}.sub-panels{gap:11px}.sub-panel{padding:27px}.sub-video-pair article{grid-template-columns:40% 60%}}
@media(max-width:820px){.sub-hero{grid-template-columns:1fr}.sub-hero-media{min-height:410px}.sub-hero-media.portrait video{height:410px}.sub-intro{grid-template-columns:1fr;gap:20px;padding-top:70px}.sub-panels{grid-template-columns:1fr 1fr}.sub-feature{grid-template-columns:1fr}.sub-feature.reverse>img,.sub-feature.reverse>.sub-feature-video,.sub-feature.reverse>.sub-feature-copy{grid-column:auto;grid-row:auto}.sub-feature>img{min-height:350px;max-height:450px}.sub-feature-video{min-height:400px}.sub-feature-video video{height:400px}.sub-faq{gap:35px}.guide-overview{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.sub-hero{width:calc(100% - 24px);margin-top:12px;border-radius:24px}.sub-hero-copy{padding:48px 25px}.sub-hero h1{font-size:48px}.sub-hero-copy>p:not(.eyebrow){font-size:14px}.sub-hero-actions{display:grid;width:100%}.sub-hero-actions .btn{justify-content:center}.sub-hero-media{min-height:370px}.sub-hero-media.portrait video{height:390px}.sub-trail{padding-top:20px}.sub-intro{padding:62px 0 35px}.sub-intro h2,.sub-title{font-size:39px}.sub-panels{grid-template-columns:1fr;margin-bottom:55px}.sub-panel{padding:27px}.sub-panel h3{margin-top:15px}.sub-feature{width:calc(100% - 24px);border-radius:23px;margin-bottom:60px}.sub-feature-copy{padding:47px 25px}.sub-feature-copy h2{font-size:40px}.sub-feature>img{min-height:300px}.sub-detail{padding-bottom:50px}.sub-detail-grid{grid-template-columns:1fr;gap:25px}.sub-video-pair{grid-template-columns:1fr;margin-bottom:60px}.sub-video-pair video{height:300px}.sub-faq{display:block;padding:55px 0 65px}.sub-faq h2{margin-bottom:28px}.sub-cta{padding:65px 20px 85px}.sub-cta h2{font-size:42px}.guide-overview{gap:8px;margin-bottom:55px}.guide-overview a{font-size:10px}}
@media(max-width:820px){.site-header nav{background:#202024fa;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}}
@media(max-width:600px){.sub-page{padding-bottom:0}}
