/* LivingTel Draft 01 — photo-led, white surfaces, existing brown identity. */
:root{--draft-ink:#292522;--draft-muted:#595955;--draft-line:#ddd8d4;--draft-accent:#594239}
.draft-nav{display:none}
.draft-edition{font:500 11px/1.5 var(--sans);letter-spacing:.16em;color:var(--draft-ink);align-self:center}
.original-main .hero-bottom{justify-content:flex-end}
.draft-inquiry-note{font-size:14px;line-height:1.7;color:var(--draft-muted);margin:12px 0 32px}
.draft-chat-empty{font-size:14px;line-height:1.7;color:var(--draft-muted);margin:24px 12px;text-align:center}
.draft-nav a{font:500 14px/1.5 var(--sans);color:var(--draft-ink);text-decoration:none;padding:12px 6px;position:relative}
.draft-nav a::after{content:'';position:absolute;bottom:4px;left:6px;right:6px;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .2s ease-out}
.draft-nav a:hover::after,.draft-nav a[aria-current=location]::after{transform:scaleX(1)}
body :is(button,a,input,textarea,select):focus-visible{outline:2px solid var(--draft-accent);outline-offset:5px}
body .section-head{align-items:end}
body .section-head h2{letter-spacing:-.045em;font-weight:400;line-height:1.22}
body .section-aside{color:var(--draft-muted);line-height:1.8}
body .eyebrow{letter-spacing:.13em}
body .filter{border-radius:2px}
body .room-choice{border-radius:0;box-shadow:none;transition:color .18s ease-out,background-color .18s ease-out,border-color .18s ease-out}
body .room-choice.selected{background:var(--draft-accent);border-color:var(--draft-accent);color:#fff}
body .room-choice.selected :is(strong,small,span){color:#fff}
body .room-selector{gap:0;border-top:1px solid var(--draft-line);border-bottom:1px solid var(--draft-line)}
body .room-selector .room-choice{border:0;border-right:1px solid var(--draft-line)}
body .room-subtitle{color:var(--draft-muted)}
body .thumbnail{border-radius:0}
body .amenity-item{border-radius:0;box-shadow:none;background:#fff}
body .inquiry-draft{border-top:1px solid var(--draft-line);padding-top:36px}
body .inquiry-room-option>span{border-radius:2px}
body .inquiry-message-label textarea{border-radius:2px;resize:vertical;min-height:150px;line-height:1.7}
body .contact-action{border-radius:2px;min-height:52px}
body .room-selector button{min-height:64px}
body .inquiry-room-option{min-height:44px}
@media(min-width:1100px){
 body #header.scrolled .draft-nav{display:flex;align-items:center;gap:22px;margin-left:auto;margin-right:48px}
 body .section{padding-top:112px;padding-bottom:112px}
 body .section-head{margin-bottom:44px}
 body .section-head h2{font-size:clamp(40px,3.7vw,58px)}
 body .room-selector{grid-template-columns:repeat(10,minmax(0,1fr));margin-top:28px;margin-bottom:42px}
 body .room-choice{padding:18px 6px;min-width:0}
 body .room-choice strong{font-size:21px;white-space:nowrap}
 body .room-choice strong small{display:block;font-size:13px;margin-top:3px}
 body .room-choice>span{font-size:12px;white-space:nowrap;margin-top:8px}
 body .selected-room{gap:clamp(40px,6vw,96px)}
 body .amenities-section .section-head{margin-bottom:56px}
 body .location-layout{gap:64px}
}
@media(max-width:700px), (max-width:1000px) and (pointer:coarse){
 .draft-edition{font-size:10px;letter-spacing:.12em}
 body .section{padding-top:64px;padding-bottom:64px}
 body .section-head{gap:20px;margin-bottom:28px}
 body .section-head h2{font-size:32px;line-height:1.28}
 body .section-aside{font-size:14px}
 body .room-selector{gap:0;grid-template-columns:repeat(5,minmax(0,1fr));margin-bottom:28px}
 body .room-choice{padding:12px 3px;min-width:0;min-height:72px}
 body .room-choice strong{font-size:16px;white-space:nowrap}
 body .room-choice strong small{display:block;font-size:12px;margin-top:3px}
 body .room-choice>span{font-size:11px;white-space:nowrap;margin-top:6px}
 body .inquiry-draft{padding-top:28px}
 body #photoThumbs{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
 body #photoThumbs .thumbnail{display:block;min-width:0;min-height:44px;aspect-ratio:4/3;padding:2px}
 body #photoThumbs img{display:block;width:100%;height:100%;object-fit:contain}
 .draft-inquiry-note{font-size:13px;margin-bottom:24px}
 body .inquiry-actions{flex-wrap:nowrap;gap:8px}
 body .inquiry-actions>.contact-action{flex:1 1 0;min-width:0;padding:12px 5px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.draft-nav a::after,body .room-choice{transition:none}}
@media(max-width:360px){body .site-header .brand{width:150px!important;max-width:100%}}