*{box-sizing:border-box}body{margin:0;background:#101713;color:#f8f7ef;font-family:Arial,sans-serif}.app{max-width:1600px;margin:auto}header{height:74px;display:flex;align-items:center;justify-content:space-between;padding:0 3%;border-bottom:1px solid #2a332d}header strong{font-size:22px;letter-spacing:-1px}header strong span{color:#d2a273}header small{font-size:10px;letter-spacing:.16em;color:#acb7aa;margin-left:25px}select{background:#1c2721;color:white;border:1px solid #485549;padding:11px;border-radius:8px}.layout{display:grid;grid-template-columns:minmax(0,1fr) 370px;gap:24px;padding:24px 3%}.image{position:relative;background:center/cover;min-height:570px;border-radius:18px;overflow:hidden}.shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(12,20,16,.92),rgba(12,20,16,.02) 70%)}.image-top,.image-bottom{position:absolute;left:32px;right:32px}.image-top{top:30px;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.15em}.image-bottom{bottom:32px}.over{color:#e9c19d;font-size:11px;letter-spacing:.18em}.image h1{font:normal clamp(34px,4vw,62px) Georgia,serif;margin:12px 0}.image p{color:#e3e8df;font-size:14px}.controls{display:flex;gap:9px;margin-top:24px}.controls button,.actions button{border:1px solid #ffffff65;background:#ffffff18;color:white;border-radius:8px;padding:12px 16px;cursor:pointer}#play{background:#eee8dc;color:#24342a;border:0}.film{display:flex;gap:8px;margin-top:12px}.film button{width:100px;height:58px;background-size:cover;background-position:center;border:2px solid transparent;border-radius:7px;cursor:pointer}.film button.active{border-color:#d7a978}.footnote{font-size:11px;color:#a9b7a7;margin-top:14px;line-height:1.6}.footnote a{color:#d5b89a}.guide{background:#1a251e;border:1px solid #354339;border-radius:18px;display:flex;flex-direction:column;min-height:670px}.guide-top{display:flex;align-items:center;gap:12px;padding:23px;border-bottom:1px solid #344238}.avatar{width:44px;height:44px;border-radius:50%;background:#e3c9ac;color:#34463a;display:grid;place-items:center;font-size:25px}.guide-top strong,.guide-top small{display:block}.guide-top small{font-size:11px;color:#a9b9a8;margin-top:5px}.dot{width:8px;height:8px;border-radius:50%;background:#abcf9f;margin-left:auto}.conversation{padding:22px;flex:1;overflow:auto;max-height:390px}.bubble{padding:14px;border-radius:12px;background:#2a392e;font-size:14px;line-height:1.6;margin-bottom:12px}.bubble.user{background:#dbcfba;color:#233027;margin-left:30px}.suggest{display:flex;flex-wrap:wrap;gap:6px;padding:0 18px 14px}.suggest button{background:transparent;color:#d6e1d3;border:1px solid #516151;border-radius:25px;padding:8px 10px;cursor:pointer;font-size:12px}.entry{display:flex;margin:0 18px;background:#101a14;border:1px solid #435448;border-radius:10px;padding:5px}.entry input{flex:1;min-width:0;background:none;border:0;color:white;padding:10px;outline:0}.entry button{border:0;background:#ddc6aa;border-radius:7px;width:37px;color:#1d2a20;cursor:pointer}.actions{display:flex;gap:8px;padding:12px 18px 0}.actions button{font-size:12px;padding:8px 10px}.disclaimer{color:#a4b2a3;font-size:11px;line-height:1.5;padding:0 18px 12px}.sr{position:absolute;left:-9999px}@media(max-width:850px){header small{display:none}.layout{grid-template-columns:1fr}.image{min-height:440px}.guide{min-height:480px}.conversation{min-height:160px}.image-top,.image-bottom{left:22px;right:22px}}

/* Mobile: preserve landscape photos and keep the filmstrip inside the viewport. */
@media (max-width:850px){
  .layout,.tour,.guide{min-width:0}
  .layout{padding:16px 3%;gap:18px}
  .image{min-height:0;background-size:100% auto;background-position:center top;background-repeat:no-repeat;background-color:#1a251e;padding-top:66.40625%;border-radius:14px}
  .image .shade{inset:0 0 auto;height:50px;background:linear-gradient(180deg,rgba(12,20,16,.72),transparent);pointer-events:none}
  .image-top{top:14px;left:16px;right:16px;font-size:10px;text-shadow:0 1px 6px #000}
  .image-bottom{position:relative;left:auto;right:auto;bottom:auto;background:#1a251e;padding:17px 16px 19px}
  .image h1{font-size:clamp(26px,7vw,36px);margin:8px 0}
  .image p{font-size:12px;line-height:1.5}
  .controls{margin-top:16px;flex-wrap:wrap}
  .controls button{min-height:44px;padding:10px 14px}
  .film{max-width:100%;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;padding-bottom:5px}
  .film button{flex:0 0 90px;height:58px}
  .guide{min-height:400px}
  .conversation{min-width:0;overflow-wrap:anywhere}
}
@media (max-width:360px){.layout{padding-inline:10px}.image-top{letter-spacing:.08em}.controls{gap:6px}.controls button{padding-inline:10px}}
/* Additional photos and independent video */
.extra-media{padding:18px 0 3px}.extra-media h2,.hotel-video summary{font-size:14px;color:#f7ede1;margin:0 0 10px}.extra-gallery{display:flex;gap:8px;overflow:auto;max-width:100%;padding:0 0 7px}.extra-photo{flex:0 0 96px;height:62px;background-color:#263329;background-size:cover;background-position:center;border:1px solid #849585;border-radius:7px;cursor:pointer}.extra-photo:focus-visible{outline:3px solid #e5c5a0;outline-offset:2px}.extra-source,.video-note{font-size:11px;color:#a9b7a7;line-height:1.5}.extra-source a,.video-note a{color:#e4c3a5}.hotel-video{margin-top:16px;border:1px solid #354339;border-radius:12px;overflow:hidden;background:#17221a}.hotel-video summary{cursor:pointer;padding:15px;margin:0}.hotel-video-body{padding:0 14px 14px}.hotel-video iframe{display:block;width:100%;aspect-ratio:16/9;border:0;border-radius:8px}.pending{opacity:.75;font-style:italic}@media(max-width:850px){.extra-photo{flex-basis:90px}.extra-media{padding-top:14px}}