:root{--paper:#f7f3eb;--ink:#28261f;--rust:#843d2c;--rule:#a28b7680;--soft:#eae0d1;--g:clamp(20px,5vw,112px)}
*,*::before,*::after{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 "DM Sans",Arial,sans-serif}a{color:inherit}button{font:inherit}img{max-width:100%}[hidden]{display:none!important}.wrap{width:min(1320px,calc(100% - 2 * var(--g)));margin-inline:auto}.anchor{display:block}.sr-only,.skip:not(:focus){position:absolute;clip-path:inset(50%);overflow:hidden;width:1px;height:1px;white-space:nowrap}.skip:focus{position:absolute;top:8px;left:8px;z-index:20;background:#fffaf1;color:#28261f;padding:12px}.hero,.booking{line-height:normal}.hero :focus-visible{outline:3px solid #fff9ee;outline-offset:3px;box-shadow:0 0 0 5px #35291f}.booking-head{flex-wrap:wrap;gap:5px 0}.booking label:has(select){min-height:61px}.booking select{min-height:26px}.booking .btn{min-height:44px}.booking input[aria-invalid=true],.booking label:has([aria-invalid=true]){outline:2px solid var(--rust)}#inquiry-status:not(:empty){margin-top:8px;font-size:14px;font-weight:700;color:#692c20}#inquiry-direct{font-size:13px;min-height:44px}#inquiry-ready{font-size:14px}.utilities{display:flex;justify-content:flex-end;margin-top:12px}.utilities button{width:44px;height:44px;color:var(--ink);background:none;border:1px solid transparent;cursor:pointer}.utilities button[aria-pressed=true]{text-decoration:underline;text-underline-offset:4px;font-weight:700}.utilities button:hover{background:#eae0d1}
@supports not (backdrop-filter:blur(1px)){.head .nav,.head .head-action{background:#35291f}.booking.glass{background:#f7ead5}}
.layout{display:grid;gap:24px;grid-template-columns:repeat(12,minmax(0,1fr))}.chapter{padding:96px 0}.chapter + .chapter:not(.light,.mineral):not(.light + *,.mineral + *){border-top:1px solid var(--rule)}.chapter-label{color:#6b4230;margin-bottom:14px;line-height:1.4}.chapter h2,dialog h2,.subpage h1,.subpage h2{font:600 clamp(48px,5vw,72px)/.98 "Cormorant Garamond",Georgia,serif;letter-spacing:-.035em;margin:0 0 24px;max-width:22ch}.chapter h3{font:600 clamp(30px,3vw,40px)/1.05 "Cormorant Garamond",Georgia,serif;margin:0 0 7px}.chapter p{margin:0 0 16px;max-width:64ch}.chapter figure,.subpage figure,dialog figure{margin:0}.chapter figure img,.subpage figure img{width:100%;object-fit:cover;display:block}.chapter figcaption,.subpage figcaption{font-size:13px;line-height:1.45;color:#55463b;margin-top:8px}.chapter .btn,.control{min-height:44px}.chapter .btn{margin-top:6px}.text-link{min-height:44px;display:inline-flex;align-items:center;text-underline-offset:3px;color:#743b29;font-weight:650;text-decoration:underline}.text-link:hover{text-decoration-thickness:2px;color:#60281d}.text-link:active{color:#28261f}.control{border:1px solid #826b57;background:#fffaf1;color:#28261f;padding:8px 13px;min-width:44px;border-radius:7px;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out}.control:hover{background:#eae0d1}.control:active,.control[aria-pressed=true]{background:#843d2c;color:white;border-color:#843d2c}.control[aria-pressed=true]{text-decoration:underline;text-underline-offset:3px}.text-link:focus-visible,.control:focus-visible,summary:focus-visible,.utilities button:focus-visible{outline:3px solid #843d2c;outline-offset:3px}.mineral{background:#eae0d1}.light{background:#fffaf1}
.split{align-items:center}.stay-layout>figure{grid-column:span 5}.stay-layout>div{grid-column:7/-1}.stay-layout img{aspect-ratio:5/4;object-position:50% 55%}.stay-rows{padding:0;margin:0;list-style:none;border-bottom:1px solid var(--rule)}.stay-rows li{display:grid;grid-template-columns:26px minmax(0,1fr) minmax(125px,34%);gap:12px;align-items:center;padding:18px 0;border-top:1px solid var(--rule)}.stay-rows p{font-size:15px;margin:0}.row-number{color:#743b29}.stay-rows a{font-size:14px}.studio-intro{align-items:end}.studio-intro h2{grid-column:span 7}.studio-intro p{grid-column:9/-1}.studio-plates{margin-top:12px}.studio-plates>figure{grid-column:span 7}.studio-plates>figure img{aspect-ratio:4/3;object-position:50% 45%}.support{grid-column:span 5;display:grid;gap:20px;padding-top:32px}.support img{aspect-ratio:16/9;object-position:50% 56%}.support figure+figure img{aspect-ratio:16/10;object-position:50% 46%}.gallery-entry{margin-top:10px}.amenities,.amenity-grid{grid-template-columns:repeat(3,minmax(0,1fr));margin:24px 0 8px}.amenities>*{border-top:1px solid var(--rule);padding-top:12px}.amenity-grid ul{padding-left:18px}.amenity-grid h3{font-size:29px}.disclosure{margin-top:18px}.business-layout>div{grid-column:span 5}.business-layout>figure{grid-column:7/-1}.business-layout img{aspect-ratio:5/4;object-position:50% 65%}.references{border-top:1px solid var(--rule);margin-top:40px;padding-top:16px}.references .amenities{margin-top:0}.review-layout>.rating{grid-column:span 3}.review-layout>div+div{grid-column:5/12}.rating-number{font:600 72px/.9 "Cormorant Garamond",Georgia,serif;color:#843d2c}.rating p{font-size:14px;margin:8px 0}.review-layout blockquote{margin:0 0 12px;font:600 clamp(26px,3vw,38px)/1.2 "Cormorant Garamond",Georgia,serif}.review-layout blockquote::before{content:"“"}.review-layout blockquote::after{content:"”"}.controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.controls span{font-size:14px}
address{font-style:normal}.filters{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0 12px}.map-layout>#map-shell{grid-column:span 8}.map-layout>#map-list{grid-column:span 4}.map-layout>#map-shell[hidden]+#map-list{grid-column:1/-1}.map-layout ol{padding:0;margin:0;list-style:none}.map-layout #map{height:460px;background:#eae0d1;isolation:isolate}.map-layout #map-list{max-height:520px;overflow:auto;padding:6px}.place-item{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px;padding:12px 4px;border-top:1px solid var(--rule)}.place-item p{font-size:14px;margin:0}.place-links{display:flex;gap:12px;flex-wrap:wrap}.place-links .text-link{font-size:13px}.place-item .place-select{border:0;background:none;color:inherit;text-align:left;font-weight:750;padding:0;min-height:44px;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.place-item:has([aria-pressed=true]){background:#eae0d1;border-left:3px solid var(--rust)}#map-status:not(:empty){padding:12px;background:#eae0d1}#map .leaflet-control-zoom a{width:44px;height:44px;line-height:44px}.map-pin{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:#843d2c;color:white;border:2px solid #fff;font-weight:700}.map-pin.selected{outline:3px solid #28261f}.map-pin.home{background:#28261f}.map-pin img{width:18px;height:23px;object-fit:contain}
.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.city-grid img{aspect-ratio:3/2}.city-grid h3{margin-top:12px}.faq-layout>div:first-child{grid-column:span 4}.faq-layout>div+div{grid-column:6/-1}.faq-row,.disclosure{border-top:1px solid var(--rule)}.faq-row:last-child,.disclosure{border-bottom:1px solid var(--rule)}summary{cursor:pointer;list-style:none;min-height:56px;padding:14px 36px 14px 0;position:relative;font-weight:700}summary::-webkit-details-marker{display:none}summary::after{content:"+";position:absolute;right:8px;top:12px;font-size:21px}details[open]>summary::after{content:"−"}.faq-row p{padding-right:32px}.host-layout{align-items:center}.host-layout>.micro,.host-layout>h2{grid-column:1/-1;margin-bottom:0}.portraits{grid-column:span 5;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.portraits img{aspect-ratio:1;object-position:50% 35%}.host-copy{grid-column:7/-1}.site-footer{display:flex;justify-content:space-between;gap:16px;padding:36px 0;flex-wrap:wrap}.site-footer nav{display:flex;gap:0 20px;flex-wrap:wrap}.site-footer p{margin:0}
dialog{width:min(1120px,calc(100% - 32px));max-height:calc(100% - 32px);border:1px solid var(--rule);border-radius:12px;padding:24px;background:#fffaf1;color:#28261f}dialog::backdrop{background:#241b16d9}dialog h2{font-size:clamp(32px,4vw,48px);margin:8px 0 14px}.dialog-close{float:right}#gallery{background:#28261f;color:#fffaf1}.gallery-frame{height:min(58svh,660px);display:grid;place-items:center;background:#1c1a16;clear:both}.gallery-frame img{width:100%;height:100%;object-fit:contain;min-height:0}.gallery-frame p{grid-area:1/1}.gallery-frame img{grid-area:1/1}.gallery-frame p:empty{display:none}#gallery figcaption{padding:8px 0}#gallery :focus-visible{outline-color:#fff9ee}.subpage{padding:36px 0}.subpage section{max-width:66ch;margin-bottom:40px}.subpage .city-grid img{object-fit:contain;background:#eae0d1}
@media(max-width:1023px){.chapter{padding:72px 0}.layout{gap:16px;grid-template-columns:repeat(8,minmax(0,1fr))}.stay-layout>figure,.stay-layout>div,.business-layout>div,.business-layout>figure{grid-column:span 4}.studio-intro h2,.studio-plates>figure{grid-column:span 5}.studio-intro p,.support{grid-column:span 3}.amenities,.amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.review-layout>.rating{grid-column:span 3}.review-layout>div+div{grid-column:span 5}.map-layout>#map-shell{grid-column:span 5}.map-layout>#map-list{grid-column:span 3}.city-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.faq-layout>div:first-child{grid-column:span 3}.faq-layout>div+div{grid-column:span 5}.portraits,.host-copy{grid-column:span 4}}
@media(max-width:850px){.stay-layout>figure,.stay-layout>div,.map-layout>#map-shell,.map-layout>#map-list{grid-column:1/-1}.stay-layout img{aspect-ratio:16/8}}
@media(max-width:600px){.chapter{padding:56px 0}.chapter h2{font-size:clamp(38px,9vw,52px);line-height:1;margin-bottom:16px}.layout{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.layout>:is(div,figure,h2,p,article){grid-column:1/-1}.stay-layout img{aspect-ratio:4/3}.stay-rows li{grid-template-columns:22px 1fr;gap:4px 10px;padding:14px 0}.stay-rows a{grid-column:2}.support{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding-top:0}.support img,.support figure+figure img{aspect-ratio:4/3}.amenities,.amenity-grid{grid-template-columns:1fr}.amenities>*{margin:0}.map-layout #map{height:300px}.faq-layout>div:first-child,.faq-layout>div+div{grid-column:1/-1}.city-grid{gap:26px}.business-layout>figure{margin-top:8px}.review-layout>.rating,.review-layout>div+div{grid-column:1/-1}.review-layout blockquote{margin-top:10px}.host-copy{margin-top:12px}.site-footer nav{gap:0 16px}.gallery-frame{height:46svh}dialog{padding:16px}}
@media(max-width:520px){.head .nav a,.head .head-action{position:relative}.head .nav a::after,.head .head-action::after{content:"";position:absolute;inset:50% 0 auto;height:44px;transform:translateY(-50%)}.booking .btn{white-space:normal}.booking-head strong{max-width:100%}}
@media(prefers-reduced-motion:reduce){.hero .head a::before{display:none}.booking .btn:active{transform:none}.btn,.control{transition:none}}

.utilities{justify-content:space-between;align-items:center;gap:4px 12px;flex-wrap:wrap}.utilities [role=group]{margin-left:auto}.utilities #inquiry-direct{font-weight:600}
.stay-rows{position:relative}.stay-rows::before{content:"";position:absolute;top:0;left:0;width:100%;height:1px;background:#a28b76;pointer-events:none;transform-origin:left}.stay-rows li:first-child{border-top:0}
@media(prefers-reduced-motion:no-preference){.stay-rows.rule-arrived::before{animation:draw-rule .22s cubic-bezier(.2,.75,.25,1) both}@keyframes draw-rule{from{transform:scaleX(0)}to{transform:scaleX(1)}}}
@media(max-width:520px) and (pointer:coarse){.head .nav a,.head .head-action{overflow:visible}}
.hero .display,.hero-copy .micro{text-shadow:0 1px 2px #21170fb8,0 2px 10px #21170f80}
/* Layouts restored from the approved visual references. */
.head-tools{justify-self:end;display:flex;align-items:center;gap:12px;white-space:nowrap}
#languages{display:flex;align-items:center;gap:2px}
#languages button{border:0;background:none;color:#fff9ee;min-width:34px;min-height:44px;font-size:11px;padding:0 5px}
#languages button[aria-pressed=true]{font-weight:750;text-decoration:underline;text-underline-offset:4px}
#languages button:hover{background:#fff2;border-radius:20px}
@media(max-width:520px){.head-tools{gap:3px}#languages button{min-width:30px}.head-tools .head-action{padding-inline:8px}}
.reference-studios,.reference-reviews,.reference-map,.reference-business,.reference-city{color:#30251e}
.reference-studios{background:#eee3d4}.reference-reviews{background:#f5efe5}.reference-business{background:#dfcfbb}.reference-map{background:#e8ddce}.reference-city{background:#f5f3ee}
.reference-heading{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,27%);gap:24px;align-items:start;margin-bottom:34px}
.reference-heading h2,.review-reference h2,.corporate-card h2,.city-banner h2{white-space:pre-line}
:is(.reference-studios,.reference-business,.reference-reviews,.reference-map,.reference-city) h2{font:500 clamp(30px,3.4vw,49px)/1.12 "DM Sans",Arial,sans-serif;letter-spacing:-.045em;margin:0 0 18px;max-width:none}
.reference-heading p,.review-reference>div:first-child>p{color:#5b493d;font-size:15px}
.reference-heading .chapter-label,.review-reference .chapter-label,.studio-copy .chapter-label{color:#6b4a38}
.studio-card{display:grid;grid-template-columns:1fr 1fr;background:#faf9f3;border-radius:4px;overflow:hidden}
.studio-showcase{position:relative;min-height:510px;background:#d8c9b9}
.studio-showcase img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.studio-showcase .gallery-entry{position:absolute;bottom:20px;left:20px;background:#faf9f3;color:#30251e;padding:12px 16px;border-radius:3px;text-decoration:none;font-size:14px}
.studio-showcase .gallery-entry:hover{background:white;text-decoration:underline}
.studio-copy{padding:clamp(24px,3.5vw,52px);display:flex;flex-direction:column;align-items:flex-start}
.studio-copy h3{font:500 clamp(24px,2.45vw,35px)/1.15 "DM Sans",Arial,sans-serif;letter-spacing:-.04em;margin-bottom:20px}
.studio-copy p{color:#5b493d}.studio-facts,.studio-rates{width:100%;border-block:1px solid #d1bca5;padding:14px 0;font-size:13px}
.studio-check{padding:0;list-style:none;font-size:14px;line-height:1.9;margin:18px 0 8px}
.studio-check li::before{content:"✓";margin-right:9px;color:#81533b}
.studio-rates{margin-top:24px;border-bottom:0;display:flex;gap:4px 16px;justify-content:space-between;align-items:center;flex-wrap:wrap}
#included-dialog{background:#faf9f3}.amenity-grid>div{border:1px solid #d7c5b2;padding:16px;background:#f4ece1}.amenity-grid h3{margin:0}.amenity-grid ul{margin-bottom:0}
.corporate-card{background:#32241c;color:#f7f6ef;display:grid;grid-template-columns:1.12fr 1fr;align-items:center;gap:clamp(28px,5vw,76px);padding:clamp(28px,5vw,78px)}
.corporate-card .chapter-label,.corporate-card p{color:#f3e6d8}.corporate-card h2{font-size:clamp(28px,3vw,43px)}
.corporate-icon{width:42px;height:42px;margin-bottom:24px}.corporate-card .btn{background:#f5f3ed;color:#32241c;border-radius:3px}.corporate-card .btn:hover{background:#e9dac8}
.company-references{display:flex;flex-wrap:wrap;gap:22px;padding:12px 0 18px}.company-references strong{font:700 30px Georgia,serif}.company-references p,.coworking p:last-child{font-size:13px}
.coworking{border-top:1px solid #776051;padding-top:18px}.coworking strong{font-size:24px}
.review-reference{display:grid;grid-template-columns:minmax(235px,34%) minmax(0,1fr);gap:clamp(24px,7vw,110px)}
.rating-summary{display:flex;align-items:center;gap:16px;margin:22px 0 12px;font-size:13px}.rating-number{font:500 40px/1 "DM Sans",Arial,sans-serif;background:#30251e;color:white;border-radius:8px 8px 8px 0;padding:13px}
.review-card{background:#f8f6f1;border:1px solid #d5c2af;border-radius:4px;min-height:295px;padding:clamp(20px,3vw,42px);display:flex;flex-direction:column;gap:18px}
.review-brand{letter-spacing:.18em;color:#5b493d;font-size:14px}.review-card blockquote{font:600 clamp(21px,2.1vw,31px)/1.35 Georgia,serif;margin:0 0 15px}.review-card blockquote::before{content:"“"}.review-card blockquote::after{content:"”"}
.review-byline{display:flex;align-items:center;gap:12px;margin-top:auto;font-size:14px}.review-byline span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#ede0d1;font:20px Georgia,serif}
.review-controls{margin:14px 0;gap:8px}.review-controls button{border-radius:50%;background:transparent}.review-pagination{margin-right:auto;display:flex;align-items:center;gap:8px}.review-pagination progress{width:clamp(40px,7vw,105px);height:5px;accent-color:#805136}.review-source p{font-size:12px;color:#5b493d}
.reference-map .filters{margin-bottom:20px}.reference-map .filters button{border-radius:99px;background:transparent;border-color:#a78e77;display:inline-flex;align-items:center;gap:8px}.reference-map .filters svg{width:18px;height:18px;flex:none}
.reference-map .filters button:hover{background:#e0cdb7;transform:translateY(-1px)}.reference-map .filters button[aria-pressed=true]{background:#30251e;color:white;border-color:#30251e;text-decoration:none}.reference-map .filters button{transition:background-color .18s,color .18s,transform .18s}
.reference-map .map-layout{display:grid;grid-template-columns:minmax(240px,26%) minmax(0,1fr);gap:0;border:1px solid #c3aa93;border-radius:4px;overflow:hidden;background:#f0e7db}
.reference-map #map-shell{grid-column:2;grid-row:1;background:#d9c7b5;padding:10px;min-width:0}.reference-map #map-list{grid-column:1;grid-row:1;padding:0;max-height:550px}
.reference-map #map{height:440px}.reference-map #map-shell[hidden]+#map-list{grid-column:1/-1}.map-home{display:flex;align-items:center;gap:12px;padding:14px;font-size:13px;background:#f0e7db;position:sticky;top:0;z-index:1}.map-home img{width:30px;height:42px}.map-home span{font-size:12px;color:#5b493d}.reference-map .place-item{padding:10px 12px}
.city-banner{min-height:clamp(340px,38vw,495px);position:relative;isolation:isolate;display:flex;align-items:center;color:white;padding:clamp(24px,6vw,90px);background:#372921}
.city-banner img,.city-banner::after{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2}.city-banner::after{content:"";z-index:-1;background:linear-gradient(90deg,#261911ef,#26191178 70%,#26191160)}.city-banner .chapter-label{color:#fff}.city-banner p{max-width:42ch}.city-banner small{position:absolute;right:12px;bottom:10px;font-size:11px;background:#32241c;padding:3px 7px}
.city-inner{padding:48px 0 0;width:90%;margin:auto}.city-inner .reference-heading{margin-bottom:20px}.city-inner h3{font:600 clamp(21px,2vw,29px)/1.12 "DM Sans",Arial,sans-serif;letter-spacing:-.03em}.city-inner figcaption{letter-spacing:.09em;text-transform:uppercase;font-size:11px}.city-credit{margin-top:20px!important;font-size:13px}
@media(max-width:800px){.reference-heading,.studio-card,.corporate-card,.review-reference{grid-template-columns:1fr;gap:18px}.studio-showcase{min-height:0;aspect-ratio:4/3}.studio-card{gap:0}.reference-map .map-layout{grid-template-columns:1fr}.reference-map #map-shell,.reference-map #map-list{grid-column:1;grid-row:auto}.reference-map #map{height:300px}.reference-map #map-list{max-height:435px;scrollbar-width:thin}.map-home{position:static}.city-inner{width:100%}}
@media(max-width:600px){.reference-heading{margin-bottom:18px}.city-banner{padding-bottom:46px}.city-inner{padding-top:34px}.review-card{min-height:280px}.corporate-card{padding:24px}.studio-copy{padding:22px}}
@media(prefers-reduced-motion:reduce){.reference-map .filters button{transition:none}.reference-map .filters button:hover{transform:none}}
@media(max-width:345px){.head .wordmark{font-size:13px}.head .brand{gap:6px}#languages button{min-width:24px;padding-inline:2px}.head-tools{gap:2px}}
/* Warm surfaces and glass accents echo the inquiry panel. */
main p,.subpage p,.review-card blockquote,#policy-body p,#included-dialog li,.studio-check li{text-align:justify;text-align-last:left;hyphens:auto}
.hero-copy p,.city-credit,.host-strip p{text-align:left}
#studios{margin-top:clamp(24px,5vw,68px)}
.studio-modes{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px}
.studio-modes a,.studio-showcase .gallery-entry,.reference-map .filters button:not([aria-pressed=true]){
 background:#f6eee3;background:linear-gradient(145deg,#fffaf0ed,#efe0ceba);
 border:1px solid #c5ad94;border-radius:99px;box-shadow:inset 0 1px 0 #fff9,0 4px 12px #37221416;
 backdrop-filter:blur(14px) saturate(1.12);color:#4c3023;
}
.studio-modes a{padding:8px 14px;text-decoration:none;font-size:14px}
.studio-modes a:hover,.studio-showcase .gallery-entry:hover{background:#fff6ea;color:#60281d;text-decoration:underline}
.corporate-card{background:linear-gradient(132deg,#4a3428,#32241c 72%)}
.reference-map .filters button:not([aria-pressed=true]):hover{background:#fff6ea}
#city{padding-bottom:clamp(18px,3vw,34px)}
#faq{padding-top:clamp(28px,4vw,52px)}
.city-credit,.city-credit .text-link{color:#6e6155;font-size:12px;font-weight:400}
.city-credit .text-link{text-decoration-color:#a39484}
#reserve{padding:clamp(20px,3vw,36px) 0;background:#eee3d4}
.host-strip{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-template-areas:"portraits label actions" "portraits title actions";align-items:center;gap:2px 20px;padding:12px 0}
.host-strip .chapter-label{grid-area:label;align-self:end;margin:0;font-size:10px}
.host-strip h2{grid-area:title;align-self:start;font-size:clamp(26px,3vw,39px);margin:0}
.host-strip .portraits{grid-area:portraits;display:flex;gap:10px}
.host-strip figure{text-align:center}
.host-strip figure img{width:48px;height:48px;border-radius:50%;border:2px solid #faf2e8}
.host-strip figcaption{margin-top:3px;font-size:11px}
.host-strip .host-copy{grid-area:actions;display:flex;align-items:center;gap:4px 14px;flex-wrap:wrap;margin:0}
.host-strip .btn{margin:0;font-size:14px}
.host-strip .host-copy .text-link{font-size:13px}
@media(max-width:800px){.host-strip{grid-template-columns:auto minmax(0,1fr);grid-template-areas:"portraits label" "portraits title" "actions actions"}.host-strip .host-copy{margin-top:10px}}
/* Shared chapter rhythm and controls */
#studios{margin-top:clamp(16px,3vw,44px)}
#studios,#empresas,#reviews,#local,#city,#faq{padding-block:clamp(32px,4.25vw,64px)}
#city{padding-bottom:clamp(18px,2vw,30px)}
#faq{padding-top:clamp(24px,3vw,44px)}
.reference-studios,.reference-reviews,.reference-city{background:#f7f3eb}
.reference-map{background:#ede1d2}
.reference-business{background:#e9dac7}
.reference-heading{margin-bottom:24px}
#faq h2{font-size:clamp(34px,4vw,53px)}
.reference-heading h2,.review-reference h2,.corporate-card h2,.city-banner h2{font-size:clamp(30px,3.4vw,49px)}
.chapter p,.review-card blockquote{line-height:1.55}
.chapter p{hyphens:auto}
.studio-modes{margin:0 0 20px}
.studio-modes a,.gallery-entry,.included-entry{display:inline-flex;align-items:center;gap:8px}
.studio-modes a{background:#fffaf1;box-shadow:none}
.studio-showcase .gallery-entry{display:inline-flex;box-shadow:inset 0 1px 0 #fff9,0 3px 12px #37221433}
.section-icon{width:20px;height:20px;flex:none;display:inline-block}
.studio-check li,#included-dialog li{text-align:start;hyphens:manual}
.studio-copy h3{margin-bottom:15px}
#included-dialog{padding:0;max-height:calc(100dvh - 32px)}
.included-top{position:sticky;top:0;z-index:1;padding:20px clamp(16px,3vw,36px) 12px;background:#faf7f0;border-bottom:1px solid #e3d5c5}
.included-top .dialog-close{margin-inline-start:12px}
.included-top h2{margin:4px 0 0}
.included-top .chapter-label{margin-bottom:4px}
#included-dialog .amenity-grid{padding:clamp(16px,3vw,36px);margin:0;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}
#included-dialog .amenity-grid>div{padding:16px;border-radius:10px;background:#fffaf2}
.amenity-heading{display:flex;align-items:center;gap:10px;margin-bottom:11px}
.amenity-heading svg{width:36px;height:36px;padding:7px;color:#80472e;background:#f0e1d1;border-radius:9px}
#included-dialog .amenity-heading h3{font:650 16px/1.25 "DM Sans",Arial,sans-serif;margin:0}
#included-dialog ul{margin:0;padding:0;list-style:none}
#included-dialog li{position:relative;padding:7px 0 7px 20px;font-size:14px;line-height:1.4}
#included-dialog li+li{border-top:1px solid #e8ded1}
#included-dialog li::before{content:"";position:absolute;left:3px;top:12px;width:6px;height:10px;border:solid #8a5339;border-width:0 1.5px 1.5px 0;transform:rotate(45deg)}
#included-dialog li small{display:block;color:#66574a;margin-top:3px}
.reference-map .filters button:not([aria-pressed=true]){background:#f8f0e5;box-shadow:none}
.reference-map .filters button:not([aria-pressed=true]):hover{background:#fffaf1}
.map-feedback{display:flex;flex-wrap:wrap;align-items:center;gap:0 12px}
#map-status:not(:empty){margin:0;padding:4px 0;background:transparent;font-size:14px}
#map-retry{border:0;background:none;text-decoration:underline;text-underline-offset:3px;color:#60281d;padding-inline:2px}
.reference-map #map-shell:has(#map[hidden]){align-self:start;background:#e9dbca}
.city-banner{min-height:clamp(270px,30vw,385px)}
.city-grid article:first-child img{object-position:50% 32%}
.city-inner{padding-top:clamp(24px,3vw,42px)}
.review-card blockquote{font-weight:400;font-size:clamp(20px,2vw,28px)}
.review-card{min-height:350px}
#reserve{padding:14px 0;background:#f0e5d7}
.host-strip{grid-template-areas:"portraits title actions";padding:4px 0}
.host-strip .chapter-label{display:none}
.host-strip h2{align-self:center;font-size:clamp(23px,3vw,32px)}
.site-footer{padding-block:24px}
.site-footer>div .text-link{font-size:13px}
@media(max-width:900px){#included-dialog .amenity-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.host-strip{grid-template-areas:"portraits title" "portraits actions"}.host-strip .host-copy{margin-top:0}.review-card{min-height:330px}}
@media(max-width:520px){#included-dialog .amenity-grid{grid-template-columns:1fr}.reference-heading{gap:8px}.studio-modes{gap:5px}.studio-modes a{padding-inline:9px;font-size:13px}.studio-modes .section-icon{width:16px;height:16px}.host-strip{column-gap:12px}.host-strip .portraits{gap:6px}.host-strip figure img{width:40px;height:40px}}
.quote-stack{display:grid}
.quote-stack blockquote{grid-area:1/1}
.quote-placeholder{visibility:hidden;pointer-events:none;user-select:none}

/* Final layout refinements */
#studios{margin-top:0;padding-top:clamp(24px,3vw,44px)}
#studios .reference-heading{display:block;margin-bottom:18px}
#studios .reference-heading h2{margin:0;white-space:normal;text-wrap:balance}
#studios .chapter-label{margin-bottom:8px}
.studio-indicators{display:flex;flex-wrap:wrap;gap:8px 18px;list-style:none;padding:0;margin:0 0 16px;color:#634535;font-size:14px}
.studio-indicators li{display:flex;align-items:center;gap:6px}
.studio-indicators .section-icon{width:17px;height:17px}
#empresas{padding:0;color:#fff8ed;border-top:0;background:#36281f}
#empresas .corporate-card{background:none;padding:clamp(28px,4.5vw,64px) 0;gap:clamp(20px,5vw,76px)}
#empresas{background-image:linear-gradient(105deg,#30221aec 0%,#33241af5 61%,#32241cef 100%),url("assets/architecture-detail.jpg");background-size:cover;background-position:center 44%}
#empresas .corporate-card h2{color:#fff8ed}
#empresas .coworking{padding-top:0;border-top:0}
.company-band{border-top:1px solid #f6dac34a;background:#2e2119b8;padding:14px 0 20px}
.company-band>p{margin:0 auto 10px;max-width:none;width:min(1320px,calc(100% - 2 * var(--g)));font-size:13px;color:#f3e6d8;text-align:left}
.company-window{overflow:hidden}
.company-track{display:flex;width:max-content;animation:company-marquee 32s linear infinite}
.company-window:hover .company-track{animation-play-state:paused}
.company-run{display:flex;flex:none;align-items:center;justify-content:space-around;gap:clamp(32px,8vw,120px);min-width:100vw;padding:0 clamp(22px,5vw,80px);margin:0;list-style:none}
.company-run li{display:flex;flex-direction:column;justify-content:center;white-space:nowrap;min-height:54px}
.company-run strong{font:600 clamp(21px,2.4vw,34px)/1.1 Georgia,serif}
.company-run small{font-size:12px;color:#ebdac8}
@keyframes company-marquee{to{transform:translateX(-50%)}}
#reviews{padding-block:clamp(24px,3vw,44px)}
#reviews .review-card{min-height:0;padding:clamp(14px,2vw,28px);gap:10px}
#reviews .review-card blockquote{font-size:clamp(18px,1.65vw,24px);line-height:1.4;margin-bottom:4px}
#reviews .review-controls{margin:8px 0}
#reviews .rating-summary{margin-block:12px 6px}
#reviews .review-source p{margin-bottom:0}
#local{background:#f3ebdf;color:#30241c}
#local .map-layout{border-color:#a88d75;background:#fff9ef}
#local #map-shell{background:#e1d2c0;color:#30241c}
#local #map-list{background:#fff9ef;color:#30241c}
#local .map-home{background:#eee0ce;border-bottom:1px solid #c5ac93}
#local .filters button:not([aria-pressed=true]){background:#fffaf2;border-color:#a58970;color:#3d2b20}
#local .filters button:not([aria-pressed=true]):hover{background:#ead8c3}
#local .filters button[aria-pressed=true]{background:#4e3426;color:#fffaf2}
#city{padding-top:0}
#city .city-banner{width:100%;min-height:clamp(255px,30vw,400px);padding-inline:max(var(--g),calc((100% - 1320px)/2))}
#city .city-banner img{object-position:50% 42%}
#reserve.institutional-footer{background:#eee1cf;border-top:1px solid #d4bda5;padding:clamp(24px,4vw,50px) 0 16px;color:#3a2a20}
.footer-top{display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:20px;padding-bottom:24px}
.footer-brand{display:flex;align-items:center;gap:12px}
.footer-brand img{object-fit:contain}
.footer-brand span,.footer-brand strong{display:block}
.footer-brand span{font-size:10px;letter-spacing:.3em;text-transform:uppercase}
.footer-brand strong,.footer-tagline{font:600 clamp(19px,2vw,27px)/1.2 Georgia,serif}
.footer-tagline{margin:0;text-align:center}
.footer-contact{display:grid;justify-self:end;gap:2px;font-size:14px}
.footer-contact span,.footer-bottom small{color:#685449}
.footer-contact a{color:#4a3021;text-decoration:none;min-height:28px;display:flex;align-items:center}
.footer-contact a:hover{text-decoration:underline}
.footer-bottom{border-top:1px solid #bb9e83;display:flex;align-items:center;justify-content:space-between;gap:8px 20px;flex-wrap:wrap;padding-top:8px}
.footer-bottom nav{display:flex;flex-wrap:wrap;gap:0 16px}
.footer-bottom .text-link{font-size:13px;font-weight:500;color:#604533}
@media(max-width:740px){.footer-top{grid-template-columns:1fr 1fr}.footer-tagline{grid-column:1/-1;grid-row:2;text-align:left}.footer-contact{justify-self:start}}
@media(max-width:460px){.footer-top{grid-template-columns:1fr;gap:12px}.footer-tagline{grid-row:auto}.footer-bottom nav{gap:0 10px}.company-run{gap:36px}}
@media(prefers-reduced-motion:reduce){.company-track{width:100%;animation:none}.company-run{width:100%;min-width:0;flex-wrap:wrap;justify-content:flex-start;gap:12px 28px}.company-run[aria-hidden=true]{display:none}.company-run li{white-space:normal}}

/* Booking alignment, compact dialogs and section details */
.booking select[name=guests]{
 font-size:13px;
 line-height:normal;
 height:1lh;
 min-height:0;
 padding-block:0;
}
.tour-entry{display:inline-flex;align-items:center;gap:8px;align-self:flex-start}
.tour-entry svg{color:#81533b}
.company-run .company-meta{display:flex;align-items:center;gap:5px;margin-top:3px}
.company-flag{width:16px;height:auto;flex:none;border-radius:2px}

#local .reference-heading,.city-inner .reference-heading{display:block}
.map-address{display:flex;align-items:center;justify-content:space-between;gap:2px 20px;flex-wrap:wrap;padding-top:8px;font-size:14px}
.map-address address{color:#564438}
.city-inner .reference-heading{margin-bottom:clamp(14px,2vw,22px)}
.city-inner .reference-heading h2{margin-bottom:0}
#faq{padding-block:clamp(16px,2.8vw,36px)}
.faq-compact{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 20px}
#faq .faq-compact h2{margin:0;font-size:clamp(26px,3vw,37px)}
#faq-trigger{margin:0}
#faq-rows{margin-top:14px}
.compact-dialog{padding:0;border:1px solid #d3bda7;background:#fbf6ed;box-shadow:0 18px 70px #21170e4d}
.compact-dialog-top{position:sticky;top:0;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px clamp(14px,3vw,24px);background:#fbf6ed;border-bottom:1px solid #e0cfba}
.compact-dialog-top h2{order:-1;margin:0;font-size:clamp(24px,3vw,36px);line-height:1.08}
.compact-dialog-top .dialog-close{float:none;flex:none}
#faq-dialog{width:min(720px,calc(100% - 28px))}
.faq-dialog-body{padding:4px clamp(14px,3vw,24px) 20px}
.faq-dialog-body #faq-rows{margin:0}
.faq-dialog-body .faq-row:first-child{border-top:0}
.faq-dialog-body .faq-row p{margin:0 0 16px;text-align:justify;hyphens:auto}
#tour-dialog{width:min(780px,calc(100% - 28px))}
.tour-body{padding:clamp(10px,2vw,18px)}
.tour-body video{display:block;width:100%;max-height:70dvh;background:#251b16;border-radius:8px}
#direct-tour-status:empty{display:none}
.footer-contact{position:relative}
.footer-hosts{display:flex;gap:5px;align-items:center}
.footer-hosts img{display:block;width:36px;height:36px;border:1px solid #c7ad93;border-radius:50%;object-fit:cover;object-position:50% 36%}
@media(prefers-reduced-motion:no-preference){
 .compact-dialog[open]{animation:compact-dialog-in .22s ease-out}
 @keyframes compact-dialog-in{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
}

/* Reputation, menu destinations and footer finishing */
.rating-pair{display:grid;gap:8px 12px;margin-top:12px}
.rating-platform{min-width:0;display:grid;align-content:start}
.rating-platform .rating-summary{margin:0;min-width:0}
.rating-platform .rating-number{box-sizing:border-box;display:grid;place-items:center;flex:0 0 74px;width:74px;height:66px;padding:0;font-variant-numeric:tabular-nums}
.rating-platform .text-link{min-height:34px;font-size:14px;justify-self:start}
.review-identity{display:flex;align-items:center;flex-wrap:wrap;gap:3px 8px}
.review-identity .review-flag{display:block;width:18px;height:12px;border:1px solid #3a2a2033;border-radius:2px;box-sizing:content-box}
#studios,#empresas,#local{scroll-margin-top:12px}
#reserve.institutional-footer{
 background:radial-gradient(ellipse at 16% 0%,#564031 0%,transparent 58%),#392b22;
 border-top:1px solid #9a7150;
 color:#fff9ee;
}
.institutional-footer .footer-brand .brand-symbol{width:44px;height:57px;flex:none}
.institutional-footer .wordmark{display:grid;gap:4px;font:600 23px/1 'Cormorant Garamond',Georgia,serif;letter-spacing:.02em}
.institutional-footer .wordmark span{font:inherit;letter-spacing:inherit;text-transform:none}
.institutional-footer .footer-tagline{font:600 clamp(22px,2.15vw,29px)/1.15 'Cormorant Garamond',Georgia,serif;color:#f8ebdb}
.institutional-footer .footer-contact a,.institutional-footer .footer-bottom .text-link{color:#f9ecd9}
.institutional-footer .footer-contact span,.institutional-footer .footer-bottom small{color:#e2cdb8}
.institutional-footer .footer-bottom{border-color:#c49b7166}
.institutional-footer .footer-hosts img{border-color:#c19876}
.institutional-footer a:focus-visible{outline-color:#ffd6a8}
@media(max-width:460px){.institutional-footer .wordmark{font-size:21px}}


.institutional-footer .wordmark span{text-transform:uppercase}




.rating-count-mobile{display:none}
/* Layout refinements for narrow phone screens. */
@media(max-width:600px){
 #studios .reference-heading h2{
  font-size:clamp(26px,7vw,35px);
  line-height:1.15;
  hyphens:none;
  text-wrap:balance;
 }
 .studio-copy h3{text-align:center;align-self:stretch}
 .studio-indicators{align-self:stretch;justify-content:center;gap:6px 12px;text-align:center}
 .studio-indicators li{justify-content:center}
 .studio-copy .included-entry,.studio-copy .tour-entry{align-self:center;justify-content:center;text-align:center}
 .studio-rates{flex-direction:column;justify-content:center;gap:0;text-align:center}
 #empresas .corporate-card{text-align:center}
 #empresas .corporate-card p{margin-inline:auto;text-align:center}
 #empresas .corporate-card h2{text-wrap:balance}
 .rating-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:4px 10px}
 .rating-platform{display:contents}
 .rating-platform .rating-summary{grid-row:1;align-items:start;gap:6px;font-size:clamp(11px,3.05vw,13px);line-height:1.35}
 .rating-platform .rating-number{flex-basis:43px;width:43px;height:44px;font-size:24px}
 .rating-platform .text-link{grid-column:1/-1;justify-self:center;text-align:center;justify-content:center;min-height:36px;font-size:13px}
 .rating-platform:first-child .text-link{grid-row:2}
 .rating-platform:last-child .text-link{grid-row:3}
 #local .map-layout #map-list{max-height:435px;overflow-y:auto;scrollbar-width:thin}
 #faq:has(#faq-trigger:not([hidden])){padding-block:14px}
 #faq .faq-compact{justify-content:center}
 #faq .faq-compact:has(#faq-trigger:not([hidden])) h2{display:none}
 .institutional-footer .footer-top{grid-template-columns:1fr;justify-items:center;text-align:center;gap:12px}
 .institutional-footer .footer-brand{justify-content:center;text-align:center}
 .institutional-footer .footer-tagline{grid-area:auto;text-align:center}
 .institutional-footer .footer-contact{justify-self:center;justify-items:center;text-align:center}
 .institutional-footer .footer-hosts{justify-content:center}
 .institutional-footer .footer-bottom{flex-direction:column;justify-content:center;text-align:center}
 .institutional-footer .footer-bottom nav{justify-content:center}
 #city .city-grid{grid-template-columns:minmax(0,1fr)}
 #city .city-grid article:not(:last-child){display:none}
}

@media(max-width:600px){
 .booking-head{justify-content:center;text-align:center}
 #studios .reference-heading h2{
  width:100%;
  max-width:none;
  text-align:center;
  text-wrap:wrap;
  font-size:clamp(26px,6.65vw,34px);
 }
 #empresas .corporate-card p,#empresas .company-band>p{
  text-align:center;
  text-align-last:auto;
 }
 #reviews .review-reference h2,#local .reference-heading h2{
  max-width:none;
  white-space:normal;
  text-align:center;
  text-wrap:wrap;
  font-size:clamp(25px,6.15vw,33px);
 }
 #local .reference-heading h2{text-wrap:balance}
 #reviews .rating-count-full{display:none}
 #reviews .rating-count-mobile{display:inline}
 #city .city-grid article:last-child{
  width:min(100%,460px);
  justify-self:center;
  text-align:center;
 }
 #city .city-grid article:last-child p{
  margin-inline:auto;
  text-align:center;
  text-align-last:auto;
 }
}

@media(max-width:600px){
 #studios .reference-heading h2{max-width:10.85em;margin-inline:auto}
}

.tour-controls{display:flex;align-items:center;gap:12px;padding-top:10px}
.tour-controls input{flex:1;min-width:0;height:44px;accent-color:var(--rust)}
.tour-controls input:focus-visible{outline:2px solid var(--rust);outline-offset:2px}

@media(max-width:600px){
 #studios .reference-heading .chapter-label{text-align:center}
 #reviews .rating-platform .rating-summary{justify-self:center;width:max-content;max-width:100%}
 #city .city-banner>div{width:100%;text-align:center}
 #city .city-banner p{
  margin-inline:auto;
  text-align:center;
  text-align-last:auto;
 }
 #city .city-inner .reference-heading{text-align:center}
 .institutional-footer .footer-hosts img{width:42px;height:42px}
}

/* Keep the complete header in view without moving the hero content. */
html{scroll-padding-top:var(--sticky-head-height,0px)}
.sticky-head-shell{
 position:fixed;
 inset:0 0 auto;
 z-index:12;
 padding-top:max(24px,env(safe-area-inset-top,0px));
 padding-inline:env(safe-area-inset-left,0px) env(safe-area-inset-right,0px);
 color:#fff9ee;
 line-height:normal;
 pointer-events:none;
}
.sticky-head-shell::before{
 content:"";
 position:absolute;
 inset:0;
 background:#34271ef0;
 box-shadow:0 7px 23px #2b1b1530;
 opacity:0;
 transition:opacity .24s ease-out;
}
.sticky-head-shell.is-scrolled::before{opacity:1}
@supports ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
 .sticky-head-shell::before{
  background:#35271ed9;
  -webkit-backdrop-filter:blur(18px) saturate(1.2);
  backdrop-filter:blur(18px) saturate(1.2);
 }
}
.sticky-head-shell .head{pointer-events:auto}
.sticky-head-shell :focus-visible{outline:3px solid #fff9ee;outline-offset:3px;box-shadow:0 0 0 5px #35291f}
@media(max-width:520px){
 .sticky-head-shell{padding-top:max(16px,env(safe-area-inset-top,0px))}
}
@media(prefers-reduced-motion:reduce){
 .sticky-head-shell::before{transition:none}
 .sticky-head-shell .head a::before{display:none}
}

/* Ratings links share a row on desktop and retain their mobile stack. */
.review-links .text-link{min-height:34px;font-size:14px}
@media(max-width:600px){
 #reviews .review-links{
  grid-row:2;
  display:grid;
  justify-items:center;
  gap:4px;
  margin-top:-14px;
 }
 #reviews .review-links .text-link{
  justify-content:center;
  min-height:36px;
  font-size:13px;
  text-align:center;
 }
}
@media(min-width:601px){
 #reviews .rating-pair{
  container-type:inline-size;
  width:min(460px,100%);
  grid-template-columns:repeat(2,minmax(0,1fr));
  align-items:start;
 }
 #reviews .rating-platform .rating-summary{align-items:start}
 #faq:has(#faq-trigger:not([hidden])){padding-block:14px}
 #faq .faq-compact{justify-content:center}
 #faq .faq-compact:has(#faq-trigger:not([hidden])) h2{display:none}
 .institutional-footer .footer-hosts img{width:43px;height:43px}
 #reviews .rating-count-full{display:none}
 #reviews .rating-count-mobile{display:inline}
 #reviews .review-reference{row-gap:12px}
 #reviews .review-links{
  grid-column:1/-1;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:clamp(14px,3vw,40px);
  text-align:center;
 }
 #empresas .corporate-card{grid-template-columns:minmax(0,1fr);justify-items:center;text-align:center}
 #empresas .corporate-card p,#empresas .company-band>p{
  margin-inline:auto;
  text-align:center;
  text-align-last:auto;
 }
}
@media(min-width:1024px){
 #reviews .rating-pair{width:min(460px,calc(100% + 42px))}
}
/* A pair of horizontal badges and labels needs roughly 330px.
   Below that, keep both platforms aligned and place each label below its badge. */
@media(min-width:601px){
 @container (width < 330px){
  #reviews .rating-platform .rating-summary{flex-direction:column;gap:6px}
  #reviews .rating-platform .rating-number{flex:0 0 66px}
 }
}
@media(min-width:801px){
 #reviews .review-links{grid-row:2}
 #reviews .review-carousel{grid-column:2;grid-row:1}
}

@media(min-width:601px){
 #reviews .review-source{display:none}
}