/* Demo 1 visual language, adapted to the apartment architecture. */
:root{--paper:#171613;--text:#e5e2db;--ink:#e5e2db;--muted:#aaa79e;--hairline:#ffffff24;--forest:#25241f;--gold:#bca27a}
body{background:var(--paper);color:var(--text)}
.project-nav{padding:24px 5vw;color:#e9e6df}.project-nav nav{gap:32px;text-transform:uppercase;letter-spacing:1.5px;font-size:12px}.nav-contact{border-radius:5px}.wordmark{font-family:Georgia,serif}
.finder-active .project-nav{display:none}.finder-active .project-hero{display:none}
.explorer{height:100svh;min-height:640px;max-height:none}.scene{background:#171613}.scene-shade{background:linear-gradient(180deg,#17161335,transparent 25%,transparent 80%,#17161370)}
.explorer .sidebar{background:transparent;box-shadow:none;inset:24px auto 100px 28px;width:390px;padding:0}
.explorer .scene-title{display:none!important}
.project-hero{position:absolute;inset:0;z-index:4;height:100%;min-height:0;max-height:none;background:none;pointer-events:none;isolation:auto}
.project-hero a{pointer-events:auto}.project-hero .hero-tint{z-index:0;background:linear-gradient(90deg,#171613a6,transparent 65%)}
.hero-copy{z-index:1;left:6vw;top:50%;transform:translateY(-38%);max-width:490px}.hero-copy h1{font-size:clamp(45px,4.5vw,76px);line-height:1.03;font-weight:400;letter-spacing:-1.6px;margin:20px 0}.hero-copy em{font-style:normal;color:#c5b18e}.hero-copy p{font-size:16px;color:#dedbd3;margin:20px 0 24px;line-height:1.65}.kicker{letter-spacing:2.8px;font-size:12px;color:var(--gold)}.hero-copy .kicker{color:#e4e1d7}
.gold-rule{display:block;width:48px;height:1px;background:var(--gold);margin:24px 0}.hero-stats{display:flex;gap:25px;margin:22px 0 28px}.hero-stats>div+div{border-left:1px solid #ffffff40;padding-left:25px}.hero-stats strong{display:block;font:28px Georgia,serif}.hero-stats span{display:block;font-size:11px;letter-spacing:1.7px;margin-top:4px;color:#d7d4cc}
.project-button{border-radius:6px;text-transform:uppercase;letter-spacing:1.3px;font-size:12px;min-height:52px}.project-button.light{background:#dcd5c5;color:#24221c}.project-button.dark{background:#c0a47b;color:#191714}.project-button:hover{background:#c6b493;color:#191714}.discover-project{position:absolute;bottom:28px;left:6vw;font-size:12px;letter-spacing:1px;color:#e3dfd5}.discover-project span{margin-left:22px}
body:not(.finder-active) .explorer .sidebar,body:not(.finder-active) .explorer .scene-header,body:not(.finder-active) .explorer .scene-bottom,body:not(.finder-active) .explorer .mobile-menu{display:none}
.explorer .glass{background:#34332ec9;border:1px solid #ffffff26;border-radius:10px}.explorer .apartment-card{background:#272621a8;border-radius:7px}.explorer .apartment-card.selected{background:#4c4539;border-color:#bea986}.explorer .card-image{background:#24221e}.explorer .floating-title h2{font:26px Georgia,serif}.explorer .floating-title>button{min-width:44px}.explorer .cards-scroll{max-height:none}.explorer .sidebar-content:has(.filter-fields:not([hidden])) .cards-scroll{max-height:none}
.explorer .detail-panel{background:#34332eeb;color:#e5e2db;border:1px solid #ffffff26;box-shadow:0 15px 45px #0003;backdrop-filter:blur(16px);border-radius:10px;top:85px;bottom:100px;max-height:none}.detail-top{border-color:#ffffff26}.detail-panel h2{font:28px Georgia,serif}.detail-body dl div{border-color:#ffffff22;font-size:14px}.detail-body dt,.detail-body .price small,.detail-note,.detail-gallery>p,.detail-body .description{color:#bcb8ad}.interior-thumbs button{color:#bcb8ad}.interior-thumbs button.active{color:#eee9dd;border-color:var(--gold)}.interest-cta{background:#c4ad85;color:#201e19;border-radius:5px}.interest-cta:hover{background:#d9c8a9}.viewer-contact{border-radius:5px}
.explorer .scene-bottom{left:50%;right:auto;transform:translateX(-50%);bottom:24px;gap:16px}.explorer .view-caption{display:none}.explorer .camera-controls{gap:8px;background:#292823de;border:1px solid #ffffff35;border-radius:10px;padding:6px;box-shadow:0 8px 28px #0002}.explorer .camera-controls .rotate{width:44px;height:44px;border-radius:6px;background:transparent}.explorer .angle-buttons{gap:4px}.explorer .angle-buttons button{width:44px;height:44px;min-height:44px;border-radius:6px;font-size:13px;color:#d3d0c7}.explorer .angle-buttons button.active{color:#25221c;background:#d9d1c0;box-shadow:none}.explorer .angle-buttons button.queued{background:#766953;box-shadow:inset 0 0 0 1px #c6b38e}.explorer .motion-button{width:44px;height:44px;justify-content:center;border:1px solid #ffffff35;border-radius:8px;background:#292823de}.explorer .motion-button span{display:none}
.editorial{max-width:1700px;padding:90px 7vw}.editorial h2,.residence-copy h2,.contact-band h2{color:#e5e2db;font-weight:400}.editorial p,.residence-copy p{color:#afaca3}.editorial figcaption,.editorial small,.residence-copy small{color:#929087}.introduction{border-bottom:1px solid #ffffff12}.architecture{padding-top:80px}.editorial figure img{border-radius:10px}.text-link{color:#c5ac84;border-color:#73634e}.text-link:hover{color:#dfc59d}.residences{background:#23211c}.residence-copy{padding:80px 5vw}.residence-copy h2 em{color:#c2ac86}.sustainability{display:block;border-bottom:1px solid #ffffff14}.sustainability>.kicker{padding:0;margin-bottom:25px}.sustainability>div>h2{margin-top:0}.sustainability>div>h2:after,.location h2:after{content:'';display:block;width:65px;height:1px;background:var(--gold);margin-top:28px}.sustainability>div>p{max-width:700px}.feature-grid{border:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.feature-grid>div{display:grid;grid-template-columns:44px 1fr;gap:8px 16px;align-content:start;padding:26px;background:#26241f;border:1px solid #ffffff1a;border-radius:12px}.feature-grid>div>span{grid-row:1/3;display:grid;place-items:center;width:44px;height:44px;background:#3b3831;color:#c4b69f;border-radius:9px;font-size:15px}.feature-grid h3{font-size:24px;color:#e2dfd7}.feature-grid p{grid-column:2;font-size:14px;line-height:1.6}.location{align-items:start;gap:5vw}.location .editorial-copy{max-width:none}.location figure{padding-top:70px}.location figure img{height:490px}.amenities{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:30px}.amenities>div{padding:20px;border:1px solid #ffffff1a;border-radius:10px;background:#26241f}.amenities span{display:block;border:0;padding:0;font-size:13px;color:#aaa69b}.amenities strong{display:block;font-size:16px;margin-top:6px;font-weight:500}.types{border-top:1px solid #ffffff14}.type-list{border-color:#ffffff26}.type-list>button:hover{background:#26241f}.type-list small,.type-number{color:#aaa69b}.type-range{color:#c5b798}.availability-strip{color:#bcb8ae}.availability-strip a{color:#c4ac84}
.contact-band{display:grid;grid-template-columns:1.4fr 1fr;gap:10vw;text-align:left;padding:90px 7vw;background:#171613;border-top:1px solid #ffffff20}.contact-band h2{font-size:clamp(44px,5vw,76px);margin:22px 0}.contact-band p{font-size:16px;color:#a8a49a}.contact-band aside{border-left:1px solid #ffffff20;padding:25px 0 25px 5vw}.contact-band aside h3{font:40px/1.15 Georgia,serif;color:#dfd9cc;margin:25px 0}.project-footer{background:#12110f;border-top:1px solid #ffffff16}.project-footer>p{color:#99968e}.mobile-project-nav{background:#201e19}.contact-dialog,.privacy-dialog{background:#24221e;color:#e3dfd5}.contact-heading p,.privacy-dialog p{color:#bcb7ab}.form-grid label{color:#ccc7bb}.form-grid input:not([type=checkbox]),.form-grid select,.form-grid textarea{background:#302d27;border-color:#ffffff2b;color:#eee8db}.form-grid small,.form-note{color:#aaa397}.form-grid select option{background:#302d27}.field-error,.form-status{color:#f0a090}.consent input{accent-color:#bca27a}.success-mark{border-color:var(--gold)}#comparison{background:#28251f;color:#e5e2db}#comparison tbody th{color:#bcb7ad}
@media(max-width:1150px) and (min-width:701px){.explorer .sidebar{width:330px;left:20px}.explorer .detail-panel{width:315px;right:20px}.project-nav nav{gap:20px}.hero-copy{max-width:430px}.feature-grid{gap:12px}.feature-grid>div{padding:18px;grid-template-columns:1fr}.feature-grid>div>span{grid-row:auto}.feature-grid p{grid-column:1}.location{gap:30px}.amenities>div{padding:15px}}
@media(max-width:700px){.project-nav{padding:calc(18px + env(safe-area-inset-top)) 24px 15px}.explorer{min-height:650px;height:100svh}.hero-copy{top:auto;bottom:80px;left:25px;right:25px;transform:none;max-width:none}.hero-copy h1{font-size:46px;line-height:1.05}.hero-copy p{font-size:14px;line-height:1.6;margin:16px 0}.hero-copy .kicker{font-size:11px}.hero-stats{margin:18px 0 22px}.hero-stats strong{font-size:24px}.hero-stats span{font-size:10px}.gold-rule{margin:18px 0}.project-hero .hero-tint{background:linear-gradient(0deg,#171613e8,transparent 90%)}.discover-project{bottom:calc(22px + env(safe-area-inset-bottom));left:25px}.explorer .scene-bottom{left:50%;right:auto;bottom:calc(22px + env(safe-area-inset-bottom));flex-wrap:nowrap;gap:7px}.explorer .camera-controls{gap:3px;padding:4px;border-radius:10px}.explorer .angle-buttons button{width:36px}.explorer .camera-controls .rotate{width:38px}.explorer .motion-button{position:static;width:38px;flex-shrink:0}.explorer .mobile-menu{background:#d9d1c0;color:#28231a;bottom:calc(98px + env(safe-area-inset-bottom))}.explorer .sidebar{inset:auto 0 0;width:100%;padding:22px 16px calc(18px + env(safe-area-inset-bottom));background:#302e28;max-height:84%;color:#e5e2db;border-radius:16px 16px 0 0}.explorer .sidebar.collapsed.open{transform:translateY(0)}.explorer .sidebar .floating-title,.explorer #closeMenu{color:#e5e2db}.explorer .glass{background:transparent;color:#e5e2db;border:0}.explorer .filter-heading>button,.explorer .results-heading button,.explorer .results-tools,.explorer .results-tools button,.explorer .filter-fields label{color:#c7c2b7}.explorer .filter-fields select{background:#24221e;color:#ddd7ca;border-color:#ffffff30}.explorer .apartment-card{background:#24221e;border-color:#ffffff23}.explorer .card-main h3,.explorer .card-specs b,.explorer .card-price strong{color:#e5e2db}.explorer .card-specs,.explorer .card-price span,.explorer .card-price small,.explorer .card-actions button,.explorer .status-legend,.explorer .panel-footnote{color:#b9b3a6}.explorer .card-price{border-color:#ffffff20}.explorer .detail-panel{inset:auto 0 0;width:100%;max-height:85%;border-radius:16px 16px 0 0;background:#302e28f5;padding-top:15px}.editorial{padding:60px 25px}.architecture{padding-top:15px}.residence-copy{padding:45px 25px}.feature-grid{grid-template-columns:1fr;gap:12px}.feature-grid>div{padding:22px}.location{display:block}.location figure{padding-top:25px;margin:0}.location figure img{height:auto;aspect-ratio:1.2}.amenities{gap:10px}.amenities>div{padding:16px}.contact-band{display:block;padding:60px 25px}.contact-band aside{border-left:0;border-top:1px solid #ffffff20;padding:35px 0 0;margin-top:40px}.contact-band h2{font-size:48px}.contact-band aside h3{font-size:34px}.project-footer{padding:45px 25px 25px}.project-button{min-height:52px}}
/* Fill a landscape viewport without cropping the camera or duplicating media. */
.explorer{height:100svh;min-height:0}.explorer:fullscreen{height:100dvh;min-height:0}
.scene #mediaFrame{width:100%;height:100%;left:0;top:0}.scene #mediaFrame>img{object-fit:cover}
.location-map iframe{display:block;width:100%;height:490px;border:0;border-radius:10px;background:#282621}.location-map figcaption{display:flex;flex-wrap:wrap;gap:12px;justify-content:space-between;line-height:1.6}.location-map figcaption a{color:var(--gold);text-decoration:underline;text-underline-offset:4px}
@media(max-width:700px){.location-map iframe{height:360px}}
.entering-finder .explorer .sidebar{visibility:hidden}.breadcrumb #viewerHome{color:inherit;padding:0;font-size:12px;letter-spacing:1.5px;text-transform:uppercase;min-height:44px}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}
#hoverCard{background:#faf9f6;color:#242421}#hoverCard strong{color:#20201e}#hoverCard span,#hoverCard .status{color:#45453f}#hoverCard[data-status="sold"] span{color:#73736b}#hoverCard[data-status="sold"] strong{color:#62625b}

/* Shared, immediate press feedback. Animate composited properties only. */
:root{--control-radius:16px;--panel-radius:20px}
button,a,input,select,textarea{-webkit-tap-highlight-color:transparent;touch-action:manipulation}
button,.project-button,.text-link,.floorplan-link,.plan-download{transition:transform 160ms cubic-bezier(.2,.7,.2,1),background-color 160ms,color 160ms,border-color 160ms;}
button:active,.project-button:active,.plan-download:active{transform:scale(.97);transition-duration:60ms}
.project-button,.nav-contact,.viewer-contact,.interest-cta,.mobile-menu,.text-button,.floorplan-link{border-radius:var(--control-radius)}
.explorer .camera-controls{border-radius:22px}
.explorer .camera-controls .rotate,.explorer .angle-buttons button{border-radius:15px}
.explorer .angle-buttons button.queued{transition-duration:80ms}
.explorer .glass,.explorer .detail-panel{border-radius:var(--panel-radius)}
.explorer .apartment-card{border-radius:16px;overflow:hidden}
.filter-fields select,.form-grid input,.form-grid select,.form-grid textarea{border-radius:12px}
.interior-thumbs button{border-radius:12px;overflow:hidden}
.floorplan-link{display:block;width:100%;text-align:left;padding:13px 16px;margin:16px 0;background:#ffffff0c;border:1px solid #ffffff30;color:#e4d8c1;font-size:13px;text-decoration:none}
.plan-intro{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:35px 0;border-bottom:1px solid #ffffff26}.plan-intro h3{font:30px Georgia,serif;margin:0 0 8px}.plan-intro p{margin:0;font-size:14px}
.floorplan-dialog{width:min(1000px,calc(100vw - 48px));height:min(920px,calc(100dvh - 48px));max-width:none;max-height:none;padding:0;border:0;border-radius:24px;background:#f5f3ee;color:#282823;overflow:hidden;box-shadow:0 24px 90px #0005}
.floorplan-dialog[open]{display:flex;flex-direction:column}.floorplan-dialog::backdrop{background:#151612b8}
.floorplan-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:24px 28px 18px}.floorplan-dialog .kicker{font-size:10px;color:#76694e}.floorplan-dialog h2{font:30px Georgia,serif;margin:5px 0 0}.plan-close{width:44px;height:44px;font-size:28px;background:#e9e5dc;border-radius:50%}
.plan-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:0 28px 20px}.plan-tabs button{display:flex;flex-direction:column;align-items:start;gap:3px;border:1px solid #d8d5cc;border-radius:14px;padding:12px;color:#5c5b53;text-align:left;font-size:12px;min-height:62px}.plan-tabs button strong{font-weight:500}.plan-tabs button[aria-pressed=true]{background:#383b32;color:#fff;border-color:#383b32}.plan-tabs span{font-size:11px}
.plan-stage{position:relative;flex:1;min-height:0;margin:0 28px;background:#fff;overflow:auto;overscroll-behavior:contain;border:1px solid #e0ddd5;border-radius:16px}.plan-stage img{display:block;width:100%;height:100%;object-fit:contain}.plan-stage img:not([src]){visibility:hidden}.plan-stage.zoomed img{width:160%;height:auto;max-width:none;object-fit:initial}.plan-status{position:absolute;bottom:15px;left:20px;right:20px;background:#fff;color:#3c3f35;font-size:13px;margin:0}.plan-status:empty{display:none}
.floorplan-dialog footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 28px}.floorplan-dialog footer p{margin:0;font-size:11px;color:#6c6a62;max-width:280px}.floorplan-dialog footer>div{display:flex;gap:8px;align-items:center}.plan-zoom,.plan-download{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 15px;border-radius:14px;font-size:12px;text-decoration:none;white-space:nowrap;background:#e6e1d7;color:#32362d}.plan-download{background:#373c31;color:#fff}
@media(hover:hover){.explorer .rotate:hover{background:#ffffff25}.plan-tabs button:hover:not([aria-pressed=true]){background:#e9e5dc}.floorplan-link:hover{background:#ffffff18}.project-button:hover>span,.interest-cta:hover>span{transform:translateX(3px)}}
.project-button>span,.interest-cta>span{transition:transform 160ms ease}
@media(max-width:700px){.explorer .sidebar,.explorer .detail-panel{border-radius:24px 24px 0 0}.plan-intro{align-items:start;flex-direction:column;gap:20px}.floorplan-dialog{width:100%;height:100dvh;margin:0;border-radius:0}.floorplan-dialog header{padding:calc(18px + env(safe-area-inset-top)) 18px 18px}.floorplan-dialog h2{font-size:25px}.plan-tabs{padding:0 18px 15px;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.plan-tabs button{padding:10px 12px;min-height:58px}.plan-stage{margin:0 12px}.floorplan-dialog footer{padding:15px 18px calc(15px + env(safe-area-inset-bottom));flex-direction:column;align-items:stretch;gap:12px}.floorplan-dialog footer p{max-width:none}.floorplan-dialog footer>div{justify-content:space-between}.plan-stage.zoomed img{width:230%}}
@media(prefers-reduced-motion:reduce){button,.project-button,.text-link,.floorplan-link,.plan-download,.project-button>span,.interest-cta>span{transition:none!important;transform:none!important}}
