@media(min-width:701px){.method-accordion>.wrap{width:100%!important;max-width:none!important;margin:0!important}}
@media(min-width:701px){.method-accordion .wrap,.method-accordion .method-list{width:100%!important;max-width:none!important;margin-left:0!important;margin-right:0!important}}
@media(min-width:701px){.method-intro{padding:78px 0 68px}.method-intro h1{font-size:clamp(38px,4.6vw,64px);max-width:760px;margin-bottom:20px}.method-intro>.wrap>p:last-child{font-size:14px;line-height:1.6;max-width:520px}}
@media(max-width:700px){.method-intro{padding:70px 0 62px}.method-intro h1{font-size:42px;line-height:1.04}}
@media(min-width:701px){.method-list{min-height:640px!important}.method-tab,.method-item:first-child .method-tab{min-height:640px!important}.method-image{min-height:640px!important}}
@media(min-width:701px){.method-intro{background:#111!important;color:#fff!important;padding:70px 0 58px!important}.method-intro h1{font-size:clamp(38px,4.6vw,64px)!important;max-width:760px!important}.method-intro>.wrap>p:last-child{font-size:14px!important}.method-accordion{background:#000!important;padding:0!important}.method-list{background:#000!important;align-items:stretch!important}}
/* Venthermo imagery: keep the reference interaction, but make the service page ours. */
.method-image-1{background-image:url('assets/category-wood-hoxter.webp')!important}
.method-image-2{background-image:url('assets/hoxter-modern-living-hero.webp')!important}
.method-image-3{background-image:url('assets/category-gas-trimline.webp')!important}
.method-image-4{background-image:url('assets/category-cassette-romotop.webp')!important}
@media(min-width:701px){.method-list{min-height:640px}.method-tab,.method-item:first-child .method-tab{min-height:640px}.method-tab{position:relative;justify-content:flex-start;writing-mode:vertical-rl}.method-tab span:nth-child(2){position:absolute;top:38px;left:50%;transform:translateX(-50%) rotate(180deg)}.method-number,.method-item.active .method-number{position:absolute;bottom:14px;left:50%;transform:translateX(-50%) rotate(180deg);font-size:104px;line-height:.7;font-weight:300;white-space:nowrap}.method-item:not(.active) .method-number{font-size:92px}.method-image{min-height:640px}.method-copy{padding-top:24px}.method-copy p{font-size:14px;line-height:1.5}}

