#mekan.revision-room{background:#f3eee5;color:#244c50;font:16px/1.65 Arial,sans-serif;scroll-margin-top:108px}
#mekan.revision-room *{box-sizing:border-box}
#mekan .revision-room-intro{background:#203436;color:#eee6d8;padding:34px 6% 44px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:7%;align-items:center;border-top:1px solid #c6c8ba50}
#mekan .revision-room-eyebrow{font:600 14px/1.5 Arial,sans-serif;letter-spacing:.075em}
#mekan .revision-room-intro h2{font:400 clamp(36px,4vw,58px)/1.12 Georgia,serif;letter-spacing:-1.3px;margin:20px 0 0}
#mekan .revision-room-intro em{color:#d3ab85}
#mekan .revision-room-intro p{font:16px/1.65 Arial,sans-serif;color:#e0dfd4;max-width:460px;margin:0}
#mekan .revision-room-track{position:relative}
#mekan .revision-room-scene{display:grid;grid-template-columns:32% 68%;min-width:0}
#mekan .revision-room-copy{padding:40px 10% 40px 16%;align-self:center;min-width:0}
#mekan .revision-room-index{display:block;font:600 16px/1.5 Arial,sans-serif;color:#75472e}
#mekan .revision-room-copy h3{font:400 clamp(36px,4vw,58px)/1.12 Georgia,serif;letter-spacing:-1.3px;margin:20px 0}
#mekan .revision-room-copy h3 em{color:#925d3d}
#mekan .revision-room-copy p{font:16px/1.65 Arial,sans-serif;color:#52645d;max-width:350px;margin:0}
#mekan .revision-room-image{margin:0;min-width:0;display:flex;flex-direction:column;background:#e9e5dc}
#mekan .revision-room-image-frame{position:relative;min-height:180px;flex:1;display:grid;place-items:center}
#mekan .revision-room-image img{display:block;width:100%;height:auto;object-fit:contain;max-height:80svh}
#mekan .revision-room-image figcaption{padding:12px 24px;background:#f3eee5;color:#52645d;font:14px/1.5 Arial,sans-serif}
#mekan .revision-room-image-error{padding:24px;max-width:440px;font:16px/1.65 Arial,sans-serif;color:#244c50}
#mekan .revision-room-controls,#mekan .revision-room-meter{display:none}
#mekan .revision-room-outro{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px 30px;padding:22px 6% 28px;border-top:1px solid #244c5025}
#mekan .revision-room-outro a{font:16px/1.5 Arial,sans-serif;min-height:48px;display:inline-flex;align-items:center;text-underline-offset:5px;color:#244c50}
#mekan :is(a,button):focus-visible{outline:3px solid #925d3d;outline-offset:4px}
#mekan [hidden]{display:none!important}
/* Only enhance when the viewport can hold every scene's text and image. */
#mekan [data-room-enhanced=true] .revision-room-stage{position:sticky;top:var(--room-pin-top,108px);height:calc(100svh - var(--room-pin-top,108px));display:grid;grid-template-rows:minmax(0,1fr) auto 3px;overflow:hidden}
#mekan [data-room-enhanced=true] .revision-room-scenes{position:relative;min-height:0}
#mekan [data-room-enhanced=true] .revision-room-scene{position:absolute;inset:0}
#mekan [data-room-enhanced=true] .revision-room-copy{padding-top:24px;padding-bottom:24px}
#mekan [data-room-enhanced=true] .revision-room-image{min-height:0;height:100%}
#mekan [data-room-enhanced=true] .revision-room-image-frame{overflow:hidden}
#mekan [data-room-enhanced=true] .revision-room-image img{position:absolute;inset:0;width:100%;height:100%;max-height:none;object-fit:contain}
#mekan [data-room-enhanced=true] .revision-room-scene:not(.is-current) .revision-room-copy,
#mekan [data-room-enhanced=true] .revision-room-scene:not(.is-current) figcaption{visibility:hidden}
#mekan [data-room-enhanced=true] .revision-room-controls{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;padding:6px 5%;border-top:1px solid #244c5025}
#mekan .revision-room-controls>div{display:flex;gap:18px;flex-wrap:wrap}
#mekan .revision-room-controls button{font:16px/1.5 Arial,sans-serif;background:transparent;border:0;border-bottom:2px solid transparent;color:#52645d;min-height:44px;padding:8px 0;cursor:pointer}
#mekan .revision-room-controls button[aria-current=step]{color:#244c50;border-bottom-color:#925d3d;font-weight:600}
#mekan .revision-room-hint{font:14px/1.5 Arial,sans-serif;color:#52645d}
#mekan [data-room-enhanced=true] .revision-room-meter{display:block;background:#244c5025;height:3px;overflow:hidden}
#mekan .revision-room-meter span{display:block;width:100%;height:100%;background:#925d3d;transform:scaleX(var(--room-progress,0));transform-origin:left}
@media(min-width:851px) and (max-width:1199px){#mekan .revision-room-scene{grid-template-columns:40% 60%}#mekan .revision-room-copy{padding-left:13%;padding-right:8%}#mekan .revision-room-copy h3{font-size:clamp(36px,4vw,48px)}}
@media(max-width:850px){
 #mekan .revision-room-intro{grid-template-columns:1fr;gap:22px;padding:28px 6% 32px}
 #mekan .revision-room-intro h2{font-size:clamp(34px,5vw,40px)}
 #mekan .revision-room-scene{grid-template-columns:1fr;grid-template-rows:auto minmax(180px,1fr)}
 #mekan .revision-room-copy,#mekan [data-room-enhanced=true] .revision-room-copy{padding:18px 6%;align-self:auto}
 #mekan .revision-room-index{font-size:14px}
 #mekan .revision-room-copy h3{font-size:clamp(34px,5vw,40px);letter-spacing:-1px;margin:10px 0}
 #mekan .revision-room-copy h3 br{display:none}
 #mekan .revision-room-copy h3 em:before{content:' '}
 #mekan .revision-room-copy p{max-width:none}
 #mekan .revision-room-image figcaption{padding:10px 6%}
 #mekan [data-room-enhanced=true] .revision-room-controls{padding:6px 6%;gap:4px 18px}
 #mekan .revision-room-controls>div{gap:14px}
 #mekan .revision-room-controls button{font-size:14px}
}
@media(max-width:760px){#mekan.revision-room{scroll-margin-top:88px}}
@media(prefers-reduced-motion:reduce){#mekan .revision-room-image{opacity:1!important}}
