/* Shared ASTAY identity, matching the landing masthead reference. */
:root{--ink:#234759;--dark:#234759;--accent:#234759;--muted:#607580;--paper:#f4f1e8;--cream:#f4f1e8;--white:#fffefa;--line:#23475926;--gold:#ad9872;--sans:Arial,Helvetica,sans-serif;--serif:Georgia,'Times New Roman',serif;--control-border:#cbd3d2}
body[data-site]{color:#234759;background:#f4f1e8;font-family:Arial,Helvetica,sans-serif}
[data-site] :is(button,input,select,textarea){font-family:Arial,Helvetica,sans-serif}
[data-site] :is(h1,h2,h3,h4){font-family:Georgia,'Times New Roman',serif;font-weight:400;color:#234759}
[data-site] :is(a,button,summary){color:#234759}
[data-site] :is(.eyebrow,.atlas-kicker,.guide-heading>div>p,.portfolio-heading>div>p:first-child,.unit-sheet-intro p:first-child){color:#426274;letter-spacing:2px;text-transform:uppercase}
[data-site] :is(button,a,summary,select,input,textarea):focus-visible{outline-color:#557f92}
[data-site] :is(.topbar,.guide-header)>a.app-brand,[data-site=neighborhood]>header>a.app-brand{display:flex;align-items:center;justify-content:space-between;gap:38px;min-width:0;width:min(530px,52vw);max-width:none;text-decoration:none;color:#234759;font-weight:400}
.app-brand .brand-name{font:32px Georgia,'Times New Roman',serif;letter-spacing:5px;white-space:nowrap;line-height:1.1}
.app-brand .brand-name small{display:block!important;font:8px Arial,Helvetica,sans-serif;letter-spacing:4px;margin-top:10px;color:#234759}
.app-brand .brand-project{text-align:center;white-space:nowrap;font:20px Georgia,'Times New Roman',serif;letter-spacing:3px;line-height:1.2}
.app-brand .brand-project small{display:block!important;font:7px Arial,Helvetica,sans-serif;letter-spacing:2px;margin-top:10px;color:#234759}
[data-site=explorer] .topbar .project-title{display:none}
[data-site] :is(.topbar,.guide-header),[data-site=neighborhood]>header{background:#f7f5ee;border-bottom:1px solid #23475930}
[data-site] :is(.guide-header nav,.header-actions,.masthead nav,.languages,.guide-language,.language-switch){color:#234759}
[data-site] :is(.guide-language,.language-switch,.languages) button{color:#234759}
[data-site] :is(.guide-language,.language-switch,.languages) button[aria-pressed=true]{background:#e6ebeb;color:#173d50}
[data-site=explorer] :is(.workspace,.explorer,.scene-bottom){background:#f4f1e8}
[data-site] :is(.sidebar,.unit-card,.selected-residence,.plan-navigation,.source-heading,.source-controls,.portfolio,.floor-atlas,.concept-board,.unit-sheet,.places-panel,.place-detail,.crm-dialog,.crm-directory,.crm-editor,.sales-panel,.pricing-panel,.workflow-panel){background:#fffefa;color:#234759;border-color:#23475926}
[data-site] :is(.unit-title,.price,.selected-price strong,.selected-identity h3,.unit-sheet h4,.unit-sheet-area strong,.atlas-title h3,.atlas-header h2,.portfolio-selection h3,.portfolio-card-caption strong,.crm-form-title,.crm-directory-top h3){color:#234759}
[data-site] :is(.unit-specs,.unit-title small,.portfolio-selection p,.portfolio-card-caption small,.portfolio-card-caption>span,.guide-caveat,.guide-note,.source-note,.atlas-note,.atlas-selection,.unit-sheet-schedule-note,.unit-sheet>header p,.unit-sheet>header small,.unit-sheet-area>span,.unit-sheet>footer small,.place-row small){color:#607580}
[data-site] :is(.experience-tabs,.sidebar-tabs,.sales-tabs,#guide-filters,.portfolio-filterbar,.atlas-modes){border-color:#23475930}
[data-site] :is(.experience-tabs,.sidebar-tabs) button{color:#607580}
[data-site] :is(.experience-tabs,.sidebar-tabs) button.active{color:#234759;border-bottom-color:#234759;background:transparent}
[data-site] :is(.sales-tabs,.atlas-modes){background:#eeeee7}
[data-site] :is(.sales-tabs,.atlas-modes) button[aria-pressed=true]{background:#e0e8e9;color:#234759;border-color:#a4bac3}
[data-site] :is(.primary-button,.primary),[data-site] #crm-save,[data-site] #guide-filters button[aria-pressed=true],[data-site] .portfolio-filterbar button[aria-pressed=true],[data-site] .categories button[aria-pressed=true]{background:#234759;color:#fffefa;border-color:#234759}
[data-site] :is(.primary-button,.primary):hover,[data-site] #crm-save:hover{background:#173b4d;color:#fffefa}
[data-site] :is(.secondary-button,.crm-header-button,.round-button,.atlas-tools button,.unit-sheet>footer button,.portfolio-extra button){color:#234759;border-color:#c5d0d2;background:#fffefa}
[data-site] :is(.secondary-button,.round-button,.unit-sheet>footer button):hover{background:#e9eeec}
[data-site] :is(input,select,textarea){color:#234759;border-color:#c7d2d4}
[data-site] :is(.crm-dialog,.sales-panel,.pricing-panel,.workflow-panel) label{color:#506d79}
[data-site] :is(.crm-dialog,.sales-panel,.pricing-panel,.workflow-panel) :is(input:not([type=checkbox]),select,textarea){color:#234759;background:#fffefa;border-color:#c7d2d4}
[data-site] :is(.crm-heading,.crm-dialog .crm-heading,.dialog-top,.drawer-heading){color:#234759;background:#f7f5ee;border-color:#c7d2d4}
[data-site] :is(.crm-editor-heading,.crm-section-title,.crm-record-name,.crm-unit-summary,.crm-list-caption){color:#234759}
[data-site] :is(.crm-record,.crm-list button){color:#234759}
[data-site] :is(.crm-record,.crm-list button)[aria-pressed=true]{background:#e9eff0;border-color:#9cb6c1}
[data-site] :is(.portfolio-card,.portfolio-concepts>button,.guide-card,.overview-grid button){background:#fffefa;border-color:#cbd4d1;color:#234759}
[data-site] .portfolio-concepts>button[aria-pressed=true]{border-color:#234759;box-shadow:0 0 0 1px #234759}
[data-site] :is(.atlas-browser,.unit-sheets,.atlas-canvas,.guide-film,.source-plan-viewport){background-color:#f4f1e8}
[data-site] .atlas-plan-list button[aria-pressed=true]{background:#fffefa;border-color:#93aeba}
[data-site] .atlas-plan-list button[aria-pressed=true]>span{background:#234759;color:#fffefa}
[data-site] .unit-sheet-monogram{color:#ccd6d8}
[data-site] .unit-sheet-plan polygon{stroke:#385568}
[data-site] .unit-sheet-plan text{fill:#234759}
[data-site] .atlas-source .C1{stroke:#34566a}
[data-site] .atlas-source .C2{fill:#34566a}
[data-site] :is(.unit-sheet-plan circle){stroke:#aebfc5}
[data-site] :is(.scene-tools,.atlas-tools,.scene-tool-panel){background:#fffefaed;border-color:#bfcdd1}
[data-site] :is(.scene-tools>button,.scene-tools summary,.scene-tool-panel label,.scene-tool-panel strong){color:#234759}
[data-site] .scene-tools .scene-tool[open]>summary{background:#e1eaed;color:#234759}
[data-site] .scene-tool-panel select{background:#f8f7f1;color:#234759;border-color:#c7d2d4}
[data-site] :is(.privacy-dialog,.portfolio-dialog,.workflow-dialog,.share-presentation-dialog,dialog#guide-viewer){background:#fffefa;color:#234759}
[data-site] :is(.explorer-footer,.privacy-footer){color:#607580;border-color:#c7d2d4}
[data-site] .explorer-footer>a{font-family:Georgia,'Times New Roman',serif;letter-spacing:3px;color:#234759}
[data-site=guide] .guide-card-caption{color:#fffefa}
[data-site=guide] .guide-card-caption strong{font-family:Georgia,'Times New Roman',serif}
[data-site=guide] .overview-hero h2{color:#fffefa}
[data-site=neighborhood] .place-row[aria-pressed=true]{background:#e9eff0;border-left-color:#234759}
[data-site=neighborhood] .place-row[aria-pressed=true] .number{background:#234759;color:#fffefa;border-color:#234759}
/* Availability indicators, room colours and collection swatches retain their meaning. */
@media(max-width:1200px){[data-site] :is(.topbar,.guide-header)>a.app-brand,[data-site=neighborhood]>header>a.app-brand{width:min(500px,65vw);gap:25px}.app-brand .brand-project{font-size:18px;letter-spacing:2px}.app-brand .brand-project small{font-size:6px;letter-spacing:1.3px}}
@media(max-width:768px){[data-site] :is(.topbar,.guide-header)>a.app-brand,[data-site=neighborhood]>header>a.app-brand{width:100%;max-width:none;flex-basis:100%;gap:16px}.app-brand .brand-name{font-size:25px;letter-spacing:4px}.app-brand .brand-name small{font-size:7px;letter-spacing:3px;margin-top:7px}.app-brand .brand-project{font-size:15px;letter-spacing:1.5px}.app-brand .brand-project small{font-size:5px;letter-spacing:1px;margin-top:7px}[data-site=guide] .guide-header nav{order:3;flex-basis:100%}[data-site=guide] .guide-language{margin-left:auto}[data-site=explorer] .topbar .header-actions{margin-left:auto;margin-top:5px}[data-site] :is(.topbar,.guide-header),[data-site=neighborhood]>header{row-gap:10px}}
@media(max-width:380px){.app-brand .brand-name{font-size:23px;letter-spacing:3px}.app-brand .brand-project{font-size:12px;letter-spacing:1px}.app-brand .brand-project small{font-size:4.6px;letter-spacing:.7px}}
/* Landing masthead: the original illustrated, centered wordmark composition. */
[data-site=landing] .masthead{background:linear-gradient(90deg,#f4f1e8e6,#f4f1e899 55%,#f4f1e8a8);box-shadow:none;border-bottom:1px solid #23475940}
[data-site=landing] .masthead nav button{font-weight:400}
[data-site=landing] .masthead nav button[aria-pressed=false]{color:#768d98}
[data-site=landing] .masthead .nav-explore{display:none}
@media(min-width:1201px){
 [data-site=landing] .masthead{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);min-height:clamp(108px,9.2vw,156px);padding:24px 4.3%;gap:24px}
 [data-site=landing] .masthead .astay{font-size:clamp(32px,2.85vw,48px);letter-spacing:6px}
 [data-site=landing] .masthead .astay span{font-size:clamp(8px,.8vw,13px);letter-spacing:5px;margin-top:10px}
 [data-site=landing] .masthead .wordmark{justify-self:center;font-size:clamp(22px,1.9vw,32px);letter-spacing:4px}
 [data-site=landing] .masthead .wordmark small{font-size:clamp(8px,.72vw,12px);letter-spacing:3px;margin-top:14px}
 [data-site=landing] .masthead nav{justify-self:end;gap:12px;font-size:clamp(12px,1vw,16px)}
 [data-site=landing] .masthead nav .neighborhood-link{font-size:inherit}
 [data-site=landing] .hero-copy{padding-top:calc(clamp(108px,9.2vw,156px) + 8vh)}
}
@media(max-width:1200px){[data-site=landing] .masthead{background:linear-gradient(90deg,#f4f1e8f2,#f4f1e8cc)}}

/* Stable vector arrows and a readable action over the aerial photograph. */
.link-arrow{display:inline-block;width:1.15em;height:1.15em;vertical-align:-.18em;flex:none}
.project-guide-link::after,.neighborhood-nav::after{content:"";display:inline-block;width:1em;height:1em;margin-left:.45em;vertical-align:-.12em;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M6 18 18 6M6 6h12v12' fill='none' stroke='black' stroke-width='1.7' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
[data-site=guide] .overview-hero a{display:inline-flex;align-items:center;gap:.65em;min-height:44px;padding:12px 18px;color:#234759;background:#fffefa;border:1px solid #fffefa;border-radius:5px;font-size:15px;font-weight:600;text-decoration:none;box-shadow:0 3px 16px #102b2233}
[data-site=guide] .overview-hero a:hover{background:#e7edf0}
[data-site=guide] .overview-hero a:focus-visible{outline:3px solid #fffefa;outline-offset:4px}
.walk-controls button svg{width:22px;height:22px;display:block;margin:auto;pointer-events:none}

.view-thumbnails{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x proximity;padding-bottom:10px;max-width:100%}
.view-thumbnails>.view-thumb,.view-thumbnails>.interior-link{flex:0 0 clamp(150px,22vw,210px);scroll-snap-align:start}
.model-render-note{font-size:12px;color:#516774;line-height:1.5;margin:0 0 12px}