.hero{height:clamp(740px,100svh,900px);min-height:0}
.hero video{width:77%;object-position:58% 53%;opacity:.87;mask-image:linear-gradient(90deg,transparent 0%,#000 37%)}
.hero:after{background:linear-gradient(90deg,#161411 0%,#161411eb 19%,#1614117d 47%,transparent 74%),linear-gradient(0deg,#161411db,transparent 30%)}
.hero-inner{padding-top:130px;padding-bottom:95px}
.hero h1{font-size:clamp(70px,7vw,104px);margin:25px 0}
.hero-note{bottom:75px}
.ester-section{padding-top:55px;padding-bottom:48px;gap:70px}
.ester-screen{max-width:330px}
.about{padding-top:48px;padding-bottom:56px;gap:70px}
.portrait{width:100%;max-width:390px;justify-self:center;height:auto;min-height:0}
.portrait>img{display:block;width:100%;height:auto;min-height:0;filter:none}
.portrait:hover>img{transform:none}
.portrait:after{display:none}
.comparisons{padding-top:35px;padding-bottom:55px}
.comparisons .section-head{margin-bottom:30px}
.results-gallery{padding:54px 0 42px}
.gallery-card img,.gallery-card video{height:320px}
.gallery-heading{margin-bottom:26px}
.mid-cta{padding:48px 6% 58px}
.mid-cta h2{font-size:clamp(44px,5vw,66px);margin:14px auto}
.mid-cta p{margin:12px auto 26px}
.choices{max-width:1010px;margin:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.choice{display:flex;align-items:center;justify-content:space-between;gap:8px;text-align:left;padding:12px 15px;min-height:49px;background:#f4efe5;border:1px solid #c9bca4;border-radius:3px;font-weight:600;font-size:12px;transition:background .2s,border-color .2s}
.choice:hover{background:#faf7f0;border-color:#8e7855}
.choice span{color:#726042}
.contact{padding-top:58px;padding-bottom:58px;gap:65px}
.contact h2{font-size:clamp(45px,5.3vw,68px)}
.contact form{padding:26px}
.contact select{display:block;width:100%;margin-top:6px;padding:10px 12px;background:#28231d;color:#f1e9db;border:1px solid #ffffff30;border-radius:3px;font-size:13px}
.faq{padding-top:45px;padding-bottom:62px}
.faq h2{margin-bottom:18px}
.faq details{padding:14px 0}
@media(max-width:800px){
 .hero{height:810px;min-height:0}
 .hero video{width:100%;mask-image:none;object-position:64% 50%;opacity:.72}
 .hero:after{background:linear-gradient(90deg,#161411da,#16141143),linear-gradient(0deg,#161411 0%,#16141150 58%,#16141116)}
 .hero-inner{padding:125px 7% 180px}
 .hero h1{font-size:clamp(51px,16vw,74px);margin:22px 0}
 .hero-note{bottom:57px}
 .ester-section,.about,.contact{gap:24px}
 .ester-section,.about,.comparisons,.contact,.faq{padding-top:38px;padding-bottom:42px}
 .ester-screen{max-width:310px}
 .pair-images img,.pair-images video{height:235px}
 .results-gallery{padding:39px 0 35px}
 .gallery-card img,.gallery-card video{height:300px}
 .choices{grid-template-columns:repeat(2,minmax(0,1fr))}
 .choice{font-size:11px;padding:9px 10px}
 .contact form{padding:19px}
}
header{transition:transform .28s ease,padding .25s ease}
header.is-hidden:not(:focus-within){transform:translateY(-110%);pointer-events:none}
.hero-media{position:absolute;inset:0 0 0 auto;width:77%;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 37%);background:#26221c}
.hero-media::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 30%,#ffffff18 50%,transparent 70%);animation:hero-shimmer 1.6s infinite}
.hero-media.ready::before{display:none}
@keyframes hero-shimmer{from{transform:translateX(-100%)}to{transform:translateX(100%)}}
.hero-media img,.hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 53%;mask-image:none}
.hero-media img{opacity:.87}
.hero-media video{opacity:0}
.hero-media.playing video{opacity:.87;display:block}
@media(max-width:800px){.hero-media{width:100%;mask-image:none}.hero-media img,.hero-media video{object-position:64% 50%}.hero-media img,.hero-media.playing video{opacity:.72}}
@media(prefers-reduced-motion:reduce){header{transition:none}.hero-media::before{animation:none}}