.renovation-home{display:none}
html[data-experience=renovation] .renovation-home{display:block}
html[data-experience=renovation] .warm-opening,html[data-experience=renovation] .warm-front{display:none}
.reno-scroll{height:340svh;position:relative;width:100vw;margin-left:calc(50% - 50vw);background:#403e30}
.reno-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;color:#fff7e6;isolation:isolate}
.reno-visual{position:absolute;inset:0;transform:scale(var(--reno-zoom,1));transform-origin:58% 51%;will-change:transform}
.reno-frame{position:absolute!important;inset:0;width:100%!important;height:100%!important;max-width:none!important;object-fit:cover;border-radius:0!important;display:block}
.reno-roof{opacity:var(--reno-roof,0)}
.reno-after.reno-frame{clip-path:inset(0 0 var(--reno-clip,100%) 0)}
.reno-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(23,31,23,.62),rgba(23,31,23,.04) 65%),linear-gradient(0deg,rgba(18,27,21,.87),transparent 38%,transparent 78%,rgba(18,27,21,.38));pointer-events:none}
.reno-quick{position:absolute;top:27px;left:5%;right:5%;display:flex;gap:10px;align-items:center;flex-wrap:wrap;z-index:3}
.reno-quick>span{font:10px Arial,sans-serif;letter-spacing:2px;margin-right:auto}
.reno-quick>a{color:#fff8e9;text-decoration:none;font:12px Arial,sans-serif;padding:12px 17px;border:1px solid #ffffff66;border-radius:30px;background:#26392c66;backdrop-filter:blur(10px)}
.reno-quick>a:hover{background:#fff4e5;color:#344334}
.reno-copy{position:absolute;left:7%;top:25%;max-width:590px;width:50%}
.reno-kicker{font:10px Arial,sans-serif;letter-spacing:3px;color:#f2dec0}
.reno-copy :is(h1,.home-title){font:400 clamp(45px,5.4vw,82px)/1.05 Georgia,serif!important;letter-spacing:-2.8px;color:#fff8e9!important;margin:22px 0}
.reno-copy :is(h1,.home-title) em{color:#f0c99a!important;font-weight:400}
.reno-copy>p{font:16px/1.7 Arial,sans-serif;color:#fff2df;max-width:360px}
.reno-result{display:inline-block;margin-top:13px;color:#fff6e7;font:13px Arial,sans-serif;border-bottom:1px solid #fff6e7;padding-bottom:6px;text-decoration:none}
.reno-result[hidden]{display:none}
.reno-bottom{position:absolute;left:7%;right:7%;bottom:26px}
.reno-instruction{display:flex;justify-content:space-between;gap:15px;margin-bottom:21px;font:11px Arial,sans-serif;color:#fff1de}
.reno-instruction a{color:inherit;text-decoration:none}
.reno-steps{display:grid;grid-template-columns:repeat(3,1fr);position:relative;border-top:1px solid #fff6de66}
.reno-steps button{border:0;background:none;color:#d4cdbc;text-align:left;padding:17px 0 13px;font:19px Georgia,serif;cursor:pointer}
.reno-steps button small{font:10px Arial,sans-serif;margin-right:13px;opacity:.7}
.reno-steps button[aria-pressed=true]{color:#fff9ef}
.reno-progress{position:absolute;top:-2px;left:0;height:3px;width:100%;transform:scaleX(var(--reno-progress,0));transform-origin:left;background:#efbe8c}
.reno-disclaimer{display:block;margin-top:10px;font:9px/1.5 Arial,sans-serif;color:#dfd6c4}
section.reno-after{padding:65px 0 45px;display:grid;grid-template-columns:1.2fr 1fr;gap:65px;align-items:center;scroll-margin-top:25px}
section.reno-after h2{font:400 39px/1.2 Georgia,serif;color:#3c352d;margin:18px 0}
section.reno-after p{font:15px/1.8 Arial,sans-serif;color:#756a5b}
.reno-stage a:focus-visible,.reno-stage button:focus-visible{outline:3px solid #ffe2ac;outline-offset:5px}
@media(max-width:760px){
 .reno-scroll{height:270svh}.reno-stage{min-height:660px;background:#f2e9dc;color:#3e352b}
 .reno-visual{top:155px;bottom:182px;transform-origin:50% 50%}.reno-frame{object-fit:cover;object-position:52% 50%}
 .reno-shade{background:linear-gradient(0deg,#283b30 0%,#283b30 21%,transparent 46%,transparent 72%,#f2e9dc 83%)}
 .reno-quick{top:15px;left:5%;right:5%;gap:6px}.reno-quick>span{width:100%;font-size:9px;color:#6b5f4c}
 .reno-quick>a{font-size:10px;padding:9px 10px;color:#493e31;border-color:#b5a58c;background:#fbf5e9;backdrop-filter:none}
 .reno-copy{top:85px;left:6%;width:88%;max-width:none}.reno-kicker{font-size:8px;letter-spacing:1.8px;color:#846b50}
 .reno-copy :is(h1,.home-title){font-size:34px!important;letter-spacing:-1px;color:#3d372b!important;margin:10px 0;line-height:1.02!important}
 .reno-copy :is(h1,.home-title) br{display:none}.reno-copy :is(h1,.home-title) em{color:#a25337!important}
 .reno-copy>p{font-size:12px;line-height:1.5;max-width:280px;color:#5f5241;margin:0;display:none}
 .reno-result{margin-top:7px;font-size:11px;color:#73503a;border-color:#73503a}
 .reno-bottom{left:6%;right:6%;bottom:24px;color:#fff3df}
 .reno-instruction{font-size:10px;flex-direction:column;gap:9px;margin-bottom:15px}
 .reno-steps button{font-size:15px;padding-top:13px}.reno-steps button small{font-size:8px;margin-right:5px}
 .reno-disclaimer{font-size:8px;max-width:290px}
 section.reno-after{grid-template-columns:1fr;gap:8px;padding:35px 0 20px}
 section.reno-after h2{font-size:30px}
}
@media(prefers-reduced-motion:reduce){.reno-scroll{height:100svh;min-height:720px}.reno-visual{transform:none!important}.reno-stage{position:relative}.reno-instruction>span{font-size:0}.reno-instruction>span:after{content:'A szakaszok a lenti gombokkal is megtekinthetők.';font-size:11px}}
.reno-scroll{width:var(--reno-width,100%);margin-left:calc(50% - var(--reno-width,100%)/2)}
@media(max-width:760px){.reno-bottom{bottom:82px}.reno-visual{bottom:220px}.reno-steps button{font-size:14px;min-width:0}.reno-steps button small{display:block;margin:0 0 7px}.reno-steps{gap:8px}.reno-shade{background:linear-gradient(0deg,#283b30 0%,#283b30 26%,transparent 49%,transparent 72%,#f2e9dc 83%)}}