/* Responsive rhythm and readable quiz states. Keep original photography and brand. */
.hero h1{text-transform:uppercase}
.hero{min-height:660px;height:clamp(660px,100svh,960px)}
.hero-content{padding-top:90px;padding-bottom:54px;animation:none}
.quiz-section .section-heading{max-width:1000px;margin-bottom:38px}
#quiz-title{max-width:1000px;text-wrap:balance;text-transform:uppercase}
.quiz-section .section-heading>p{max-width:710px;font-size:18px;line-height:1.65;margin-top:20px}
.quiz-heading{font-size:clamp(25px,2.2vw,32px);line-height:1.22;text-wrap:balance;text-wrap:pretty}
.quiz-hint{font-size:15px;line-height:1.55;color:#59655d;margin-top:12px;margin-bottom:25px;max-width:570px}
.quiz-option{padding:17px 16px;gap:13px;min-height:110px}
.quiz-option strong{font-size:15px;line-height:1.4;letter-spacing:-.015em}
.quiz-option small{font-size:14px;line-height:1.5;margin-top:5px;color:#59655d}
.quiz-option[aria-checked=true]{background:#f0eee5;border-color:#9b824c;box-shadow:inset 0 0 0 1px #9b824c}
@media(hover:hover) and (pointer:fine){.quiz-option:not(:disabled):hover{background:#f4f3ee;border-color:#9b824c}.quiz-option[aria-checked=true]:hover{background:#eee9db}}
.quiz-option:disabled{opacity:.45;cursor:not-allowed}
.quiz-controls .back:disabled{visibility:hidden}
.button.primary.next:disabled,.button.primary.next:disabled:hover{background:transparent;border:1px solid #c7ccc5;color:#7e877f;box-shadow:none;transform:none;opacity:1;cursor:default}
.button.primary.next{border:1px solid transparent}
.button.primary.next:disabled::after{display:none}
.channel-option>input:checked+.channel-card{background:#f0eee5;border-color:#9b824c;box-shadow:inset 0 0 0 1px #9b824c}
.channel-check{display:none}
.channel-card strong{font-weight:600;font-size:15px}
@media(hover:hover) and (pointer:fine){.channel-option:hover .channel-card{background:#f4f3ee;border-color:#9b824c}.channel-option>input:checked+.channel-card{background:#f0eee5}}
.contact-channels legend{font-size:15px;color:#59655d}
.footer{background:#222627;padding-top:8px}
.footer-main{display:flex;justify-content:space-between;align-items:center;gap:32px;padding:38px 0 30px}
.footer-brand{display:flex;align-items:center;gap:15px;width:max-content;max-width:100%}
.footer-brand .footer-mark{width:47px;height:54px;flex-shrink:0}
.footer-brand .footer-word{width:160px;height:34px}
.footer-identity>p{font-size:14px;line-height:1.5;color:#b8c0ba;margin-top:15px}
.footer-site{display:inline-flex;align-items:center;gap:14px;color:#edcf8c;font-size:15px;font-weight:600;min-height:44px}
.footer-site svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}
.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px 0 24px;border-top:1px solid rgba(255,255,255,.12)}
.footer-bottom>p{font-size:12px;color:#aab4ae;line-height:1.6}
.footer-legal{display:flex;gap:26px;flex-wrap:wrap}
.footer-legal a{display:flex;align-items:center;min-height:44px;font-size:12px;line-height:1.5;color:#c2c9c4}
.footer a:hover{text-decoration:underline;text-underline-offset:4px}
@media(min-width:1800px){.hero-content,.header-inner{width:min(1440px,calc(100% - 160px))}.hero h1{font-size:64px;max-width:1060px}.hero-lead{font-size:21px;max-width:630px}.hero-photo{left:auto;right:max(0px,calc((100% - 2560px)/2));width:auto;max-width:none;height:100%;object-fit:contain;object-position:center;mask-image:linear-gradient(90deg,transparent,#000 18%,#000 95%,transparent)}}
@media(min-width:901px) and (max-width:1150px){.hero h1{font-size:44px;max-width:800px}.hero-lead{max-width:460px;font-size:18px}.hero-button{min-height:66px;min-width:350px;font-size:15px}.hero-content{padding-top:112px}.quiz-layout{grid-template-columns:.8fr 1.2fr}.quiz-shell{padding:30px}.quiz-heading{font-size:27px}.quiz-options{gap:10px}.quiz-option{padding:14px 12px;gap:10px}.quiz-option strong{font-size:14px}.quiz-option small{font-size:13px}}
@media(min-width:901px) and (max-aspect-ratio:29/20){.hero{align-items:flex-start}.hero-content{padding-top:175px;padding-bottom:0}.hero-photo{object-position:100% center}.hero-lead{margin-top:24px}.hero-button{margin-top:28px}}
@media(min-width:601px) and (max-width:900px){
 .hero{min-height:0;height:880px;align-items:flex-start}
 .hero-content{padding-top:135px;padding-bottom:0}
 .hero h1{font-size:40px;max-width:670px;line-height:1.08}
 .hero-lead{font-size:18px;max-width:510px;line-height:1.6;margin-top:24px}
 .hero-button{min-height:66px;margin-top:26px;padding:19px 28px;min-width:360px;font-size:15px}
 .hero-photo{top:auto;bottom:0;height:560px;object-position:92% 50%;mask-image:none}
 .hero-shade{background:linear-gradient(180deg,#101414 0%,#101414 28%,rgba(16,20,20,.9) 39%,rgba(16,20,20,.08) 61%,transparent 82%,rgba(16,20,20,.12) 100%)}
 .quiz-layout{display:block}
 .quiz-preview{position:relative;top:auto;height:clamp(400px,60vw,520px);min-height:0;aspect-ratio:auto}
 .preview-photo{position:absolute;inset:0;object-position:50% 65%;width:100%;height:100%}
 .preview-header{left:18px;top:20px}
 .preview-caption{left:18px;right:18px;bottom:22px}
 .preview-caption>strong{font-size:20px;line-height:1.3}
 .preview-caption>span{font-size:13px}
 .quiz-shell{padding:32px;scroll-margin-top:24px}
 .quiz-heading{font-size:30px}
 .quiz-hint{font-size:14px}
 .quiz-options,.quiz-options[data-step=finish],.channel-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .quiz-options[data-step=colour]{grid-template-columns:repeat(3,minmax(0,1fr))}
 .quiz-option,.quiz-options[data-step=heat] .quiz-option,.quiz-options[data-step=extras] .quiz-option{min-height:92px}
 .quiz-options[data-step=colour] .quiz-option{flex-direction:column;min-height:152px;align-items:flex-start;gap:12px;padding:18px}
 .quiz-options[data-count="3"]>.quiz-option:last-child,.quiz-options[data-step=extras]>.quiz-option:last-child{grid-column:auto}
 .quiz-controls{gap:12px}.quiz-controls .next{min-width:126px;padding-inline:20px}
 .footer-bottom{align-items:flex-start}.footer-legal{gap:0 20px;justify-content:flex-end}
}
@media(max-width:600px){
 .wrap{width:calc(100% - 40px)}
 .header-inner{height:78px}
 .hero{display:block;height:auto;min-height:0;padding-bottom:365px}
 .hero-content{padding-top:calc(106px + env(safe-area-inset-top,0px));padding-bottom:0;animation:none}
 .hero h1{text-transform:none;font-size:clamp(29px,7.7vw,35px);line-height:1.12;letter-spacing:-.045em;max-width:420px;text-wrap:balance}
 .hero h1>span{display:inline;color:#fafbf8}
 .hero h1 br{display:none}
 .hero-lead{font-size:16px;line-height:1.55;max-width:370px;margin-top:19px;color:#e3e8e3}
 .hero-button{width:100%;min-width:0;min-height:60px;padding:17px 23px;font-size:14px;gap:16px;margin-top:25px}
 .hero-button>svg{width:23px;height:23px}
 .hero-photo{top:auto;bottom:0;left:0;height:440px;width:100%;object-position:96% 50%;mask-image:linear-gradient(to bottom,transparent,#000 18%,#000)}
 .hero-shade{background:linear-gradient(180deg,#101414 0%,#101414 27%,rgba(16,20,20,.96) 36%,rgba(16,20,20,.2) 52%,transparent 68%,rgba(16,20,20,.04) 100%)}
 .hero .steam-stage{opacity:.58}
 .advantages{padding:56px 0 64px}
 .section-heading{margin-bottom:28px}
 .section-heading h2{font-size:30px;line-height:1.12}
 .section-heading>p{font-size:16px;line-height:1.6;margin-top:19px}
 .benefit-content{padding:23px 22px}
 .benefit h3{font-size:23px}
 .benefit p{font-size:15px;line-height:1.6}
 .quiz-section{padding:58px 0 38px}
 #quiz-title{font-size:32px;line-height:1.12;text-transform:none;text-wrap:balance}
 .quiz-section .section-heading{margin-bottom:30px}
 .quiz-section .section-heading>p{font-size:16px;line-height:1.6;margin-top:18px}
 :root{--quiz-photo-height:clamp(210px,29svh,270px)}
 .quiz-layout{display:block;border-radius:18px}
 .quiz-preview{height:var(--quiz-photo-height);min-height:var(--quiz-photo-height);position:sticky;top:env(safe-area-inset-top,0px);border-radius:18px 18px 0 0}
 .quiz-preview:before{background:linear-gradient(180deg,rgba(9,18,15,.3),transparent 27%,transparent 55%,rgba(9,18,15,.7))}
 .preview-header>span{font-size:11px}
 .preview-caption>strong{font-size:18px}
 .quiz-shell{padding:25px 20px 28px;scroll-margin-top:calc(var(--quiz-photo-height) + env(safe-area-inset-top,0px))}
 .quiz-heading{font-size:26px;line-height:1.2;letter-spacing:-.035em;text-wrap:pretty}
 .quiz-hint{font-size:14px;line-height:1.55;margin-top:12px;margin-bottom:23px}
 .quiz-options,.quiz-options[data-step=colour],.quiz-options[data-step=finish],.channel-grid{grid-template-columns:minmax(0,1fr);gap:10px}
 .quiz-option,.quiz-options[data-step=heat] .quiz-option,.quiz-options[data-step=extras] .quiz-option,.quiz-options[data-step=colour] .quiz-option{min-height:92px;padding:15px 14px;gap:13px;flex-direction:row;align-items:center}
 .quiz-option strong,.quiz-options[data-step=colour] .quiz-option strong{font-size:15px;line-height:1.4}
 .quiz-option small,.quiz-options[data-step=colour] .quiz-option small{font-size:13px;line-height:1.5}
 .quiz-options[data-step=finish] .quiz-option{min-height:72px}
 .quiz-controls{margin-top:24px}
 .quiz-controls .next{min-width:130px;min-height:50px;justify-content:space-between;font-size:14px}
 .contact-phone{font-size:18px;min-height:58px}
 .contact-policy{font-size:12px;line-height:1.65}
 .channel-card{padding:15px;min-height:76px;gap:14px}
 .channel-card strong{font-size:15px}
 .channel-icon{width:36px;height:36px}
 .channel-icon svg{width:24px;height:24px}
 .quiz-layout:has(.contact-phone:focus) .quiz-preview{position:relative;top:auto}
 body:has(.contact-phone:focus) .mobile-contact-dock{display:none}
 .footer{padding-bottom:calc(88px + env(safe-area-inset-bottom,0px))}
 .footer-main{align-items:flex-start;gap:20px;padding:28px 0 22px;flex-direction:column}
 .footer-brand .footer-mark{width:42px;height:48px}.footer-brand .footer-word{width:145px;height:31px}.footer-brand{gap:13px}
 .footer-identity>p{font-size:13px;margin-top:13px}
 .footer-site{font-size:14px}
 .footer-bottom{display:flex;align-items:flex-start;flex-direction:column-reverse;gap:17px;padding:14px 0 22px}
 .footer-legal{display:flex;flex-direction:column;gap:0}
 .footer-legal a{font-size:13px;min-height:40px}
 .footer-bottom>p{font-size:12px}
}
@media(max-width:360px){
 .wrap{width:calc(100% - 32px)}
 .hero-content{padding-top:calc(96px + env(safe-area-inset-top,0px))}
 .hero{padding-bottom:325px}
 .hero h1{font-size:28px;line-height:1.12}
 .hero-lead{font-size:15px;line-height:1.55;margin-top:17px}
 .hero-button{font-size:12px;min-height:58px;padding-inline:19px;margin-top:22px}
 .hero-photo{height:395px;object-position:96% 50%}
 .quiz-shell{padding-inline:17px}.quiz-heading{font-size:24px}
 #quiz-title{font-size:29px}
 .quiz-option{padding-inline:12px;gap:11px}
 .quiz-option strong{font-size:14px}
}
@media(max-width:600px) and (max-height:680px){:root{--quiz-photo-height:180px}.preview-header>span{display:none}.preview-caption>strong{font-size:16px}.preview-caption>span{font-size:11px}}
@media(min-width:601px) and (max-width:1000px) and (max-height:520px){.header-inner{height:76px}.hero{height:660px;min-height:0;align-items:flex-start}.hero-content{padding-top:105px}.hero h1{font-size:36px;max-width:650px;line-height:1.08}.hero-lead{font-size:16px;line-height:1.5;max-width:450px;margin-top:18px}.hero-button{min-height:56px;min-width:340px;margin-top:22px;padding-block:15px}.hero-photo{height:520px;bottom:0;top:auto}}
@media(prefers-reduced-motion:reduce){.hero-content{animation:none}}