.og-comparison{--split:50%;display:grid;grid-template-rows:1fr auto auto;align-items:stretch;min-height:900px;min-height:max(820px,100svh);padding:170px max(5.8vw,24px) 28px;gap:20px}
.og-comparison .og-comparison-media{animation:none;z-index:-3;background:none;transform:none}
.og-comparison-media img{position:absolute;inset:0;width:100%;height:100%;max-width:none;object-fit:cover;object-position:50% 53%}
#og-before{clip-path:inset(0 calc(100% - var(--split)) 0 0)}
.og-comparison-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(12,12,11,.77),rgba(12,12,11,.35) 42%,rgba(12,12,11,.05) 72%),linear-gradient(0deg,#151411 0%,rgba(21,20,17,.75) 18%,transparent 48%);pointer-events:none}
.og-comparison-copy{align-self:center;max-width:580px;position:relative;z-index:5;padding-bottom:20px;pointer-events:none;animation:og-hero12-enter 500ms ease-out both}
.og-comparison .og-intro{display:flex;gap:20px;align-items:center;margin:0 0 20px;font:400 11px/1.4 var(--font-reading);letter-spacing:.34em;color:#f6f2eb}
.og-intro span{width:80px;height:1px;background:#bca78d}
.og-comparison h1{font:400 clamp(44px,4.5vw,76px)/1.08 var(--font-reading);letter-spacing:-.04em;margin:0 0 24px;text-wrap:initial}
.og-comparison h1 span{color:#d8ba97}
.og-comparison .og-description{font:400 15px/1.7 var(--font-reading);max-width:440px;margin:0 0 30px;color:#f2eee7}
.og-actions{display:flex;gap:16px;flex-wrap:wrap;pointer-events:auto}
.og-comparison .button{border-radius:3px;min-height:54px;font:500 13px/1.4 var(--font-reading);letter-spacing:0;padding:15px 24px;display:inline-flex;align-items:center;gap:26px;transition:background-color 180ms ease-out,border-color 180ms ease-out}
.og-comparison .og-primary{background:#f6f3ed;color:#24211c;border:1px solid #f6f3ed}
.og-comparison .og-primary:hover{background:#ddcbb5;border-color:#ddcbb5}
.og-comparison .og-secondary{background:rgba(20,19,17,.3);color:#fff;border:1px solid #c6b9a7}
.og-comparison .og-secondary:hover{background:rgba(20,19,17,.65);border-color:#fff}
.og-actions .icon{width:18px;height:18px;background:none;padding:0;color:inherit}
.og-divider{position:absolute;top:86px;bottom:180px;left:var(--split);width:1px;background:rgba(255,250,239,.65);z-index:2;pointer-events:none}
.og-divider span{position:absolute;top:40%;left:0;transform:translate(-50%,-50%);width:48px;height:48px;display:grid;place-items:center;background:#f6f2e9;color:#343029;border-radius:50%;font:400 24px/1 var(--font-reading);outline:1px solid #c4b7a0;outline-offset:7px}
.og-split{position:absolute;top:calc(86px + (100% - 266px)*.4 - 30px);left:0;width:100%;height:60px;z-index:4;margin:0;appearance:none;background:transparent;cursor:ew-resize;touch-action:pan-y}
.og-split::-webkit-slider-runnable-track{height:1px;background:transparent}
.og-split::-webkit-slider-thumb{appearance:none;width:1px;height:60px;margin-top:-30px;background:transparent}
.og-split::-moz-range-track{background:transparent;border:0}
.og-split::-moz-range-thumb{width:1px;height:60px;background:transparent;border:0}
.og-split:focus-visible{outline:0}
.og-comparison:has(.og-split:focus-visible) .og-divider span{outline:3px solid white;outline-offset:8px}
.og-range-label{position:absolute;right:max(5.8vw,24px);top:112px;color:#fff;font:400 10px/1.5 var(--font-reading);letter-spacing:.04em}
.og-states{display:flex;justify-content:space-between;align-self:end;color:#f3eee5;margin:4px 0 16px}
.og-states span{display:flex;flex-direction:column;gap:5px;border-bottom:1px solid #a99377;padding-bottom:10px;width:175px}
.og-states strong{font:500 13px/1.4 var(--font-reading)}
.og-states small{font:400 10px/1.4 var(--font-reading);color:#e0d6c8}
.og-gallery-wrap{grid-column:1;display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:20px;align-items:center}
.og-room-gallery{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(0,1fr);gap:14px;overflow-x:auto;padding:6px 2px 12px;scrollbar-width:thin;scrollbar-color:#bba58a transparent}
.og-room-gallery button{position:relative;height:112px;padding:0;overflow:hidden;border:1px solid transparent;border-radius:4px;background:#2a2722;cursor:pointer;color:white;transition:border-color 180ms ease-out}
.og-room-gallery button::after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.82),transparent 80%);pointer-events:none}
.og-room-gallery button img{width:100%;height:100%;object-fit:cover;object-position:center 55%;opacity:.85;transition:opacity 180ms ease-out}
.og-room-gallery button span{position:absolute;bottom:10px;left:12px;z-index:1;font:500 11px/1.4 var(--font-reading)}
.og-room-gallery button[aria-pressed=true]{border-color:#e7d5bb}
.og-room-gallery button[aria-pressed=true] img,.og-room-gallery button:hover img{opacity:1}
.og-room-arrow{width:44px;height:44px;border:1px solid #8d7c65;background:transparent;border-radius:50%;color:#fff;font-size:25px;cursor:pointer}
.og-room-arrow:hover{background:#383127}
.og-comparison-status{font:400 10px/1.5 var(--font-reading);color:#dbd2c6;margin:0;text-align:center;min-height:15px}
@media(min-width:1600px){.og-room-gallery button{height:130px}}
@media(max-width:1000px){.og-comparison{padding-top:150px;min-height:850px}.og-comparison-copy{max-width:470px}.og-comparison h1{font-size:52px}.og-description{max-width:360px!important}.og-room-gallery{grid-auto-columns:150px}.og-gallery-wrap{gap:12px}.og-divider{bottom:190px}}
@media(max-width:700px){
 .og-comparison{min-height:960px;padding:430px 22px 24px;gap:18px;display:block}
 .og-comparison .og-comparison-media{bottom:auto;height:440px}
 .og-comparison-media img{object-position:center 52%}
 .og-comparison-shade{background:linear-gradient(0deg,#151411 0%,#151411 50%,transparent 72%)}
 .og-comparison-copy{max-width:none;padding:0;animation:none}
 .og-comparison .og-intro{font-size:9px;margin-bottom:14px;letter-spacing:.24em}
 .og-comparison h1{font-size:clamp(35px,9.5vw,52px);margin-bottom:16px}
 .og-comparison .og-description{font-size:13px;line-height:1.75;max-width:none!important;margin-bottom:22px}
 .og-actions{gap:10px}.og-comparison .button{font-size:11px;min-height:48px;padding:12px 16px;gap:12px;flex:1;justify-content:center;white-space:nowrap}
 .og-divider{top:80px;bottom:auto;height:325px}.og-divider span{top:50%;width:42px;height:42px}
 .og-split{top:210px;height:64px}
 .og-range-label{top:98px;right:22px;font-size:9px;text-shadow:0 1px 5px #000}
 .og-states{margin:25px 0 15px}.og-states span{width:auto;min-width:120px}.og-states strong{font-size:11px}.og-states small{font-size:9px}
 .og-gallery-wrap{gap:8px;grid-template-columns:36px minmax(0,1fr) 36px}.og-room-arrow{width:36px;height:44px;border-radius:3px}
 .og-room-gallery{gap:10px;grid-auto-columns:126px}.og-room-gallery button{height:91px}.og-room-gallery button span{font-size:10px;left:9px;bottom:8px}
 .og-comparison-status{font-size:9px;margin-top:10px}
}
@media(prefers-reduced-motion:reduce){.og-comparison-copy{animation:none}.og-comparison .button,.og-room-gallery button,.og-room-gallery img{transition:none}}
.og-view-label{font:400 10px/1.5 var(--font-reading);color:#e0d6c8;align-self:center;text-align:center}
.og-view-label select{display:block;max-width:250px;margin-top:6px;padding:9px 30px 9px 12px;background:#211e19;color:#f4eee4;border:1px solid #a99376;border-radius:2px;font:400 11px/1.5 var(--font-reading);min-height:40px}
.og-view-label[hidden]{display:none}
@media(max-width:700px){.og-states{flex-wrap:wrap;gap:18px}.og-view-label{order:3;width:100%;text-align:left}.og-view-label select{max-width:none;width:100%;min-height:44px}.og-comparison{min-height:960px;padding-bottom:28px}.og-gallery-wrap{margin-top:18px}}
@media(min-width:701px) and (max-width:1000px){.og-comparison-copy{max-width:46%}.og-comparison h1{font-size:clamp(36px,5.3vw,52px)}.og-comparison .og-description{max-width:100%!important;font-size:13px}.og-actions{gap:10px}.og-comparison .button{font-size:11px;padding:12px 16px;min-height:48px;gap:12px}}
.og-range-label{background:rgba(17,16,14,.78);padding:6px 9px;border-radius:2px}