/* Full-width gallery views: the sidebar is hidden, so the explorer must own the whole row. body.us-on (3D unit selector, unit-selector.css) sets a 318/392 px first column from 900 px and ≥1550 px; without these overrides the explorer was squeezed into that column and the rest of the page stayed empty (29 Sep 2026). */
body:is([data-experience=amenities],[data-experience=designs]) .workspace,body.us-on:is([data-experience=amenities],[data-experience=designs]) .workspace{grid-template-columns:minmax(0,1fr)}body:is([data-experience=amenities],[data-experience=designs]) .workspace>.explorer{grid-column:1/-1;min-width:0}body:is([data-experience=amenities],[data-experience=designs]) .workspace>.sidebar{display:none}body:is([data-experience=amenities],[data-experience=designs]) .explorer{width:100%;max-width:1480px;margin:0 auto;padding-left:40px;padding-right:40px}body:is([data-experience=amenities],[data-experience=designs]) #open-residences{display:none}
@media(max-width:1100px){body:is([data-experience=amenities],[data-experience=designs]) .explorer{padding-left:24px;padding-right:24px}}
@media(max-width:599px){body:is([data-experience=amenities],[data-experience=designs]) .explorer{padding-left:12px;padding-right:12px}}
@media(min-width:900px){:is(#amenities-section,#interior-gallery-section) .portfolio-concepts{display:grid;grid-template-columns:repeat(auto-fill,minmax(172px,1fr));overflow:visible;scroll-snap-type:none;padding:3px 3px 8px}:is(#amenities-section,#interior-gallery-section) .portfolio-concepts>button{flex:none}}
@media(min-width:601px){:is(#amenities-section,#interior-gallery-section) .portfolio-heading{flex-wrap:wrap}:is(#amenities-section,#interior-gallery-section) .portfolio-heading>:first-child{flex:1 1 420px;min-width:0}}

.life-doc{width:min(880px,calc(100% - 28px));max-height:92dvh;margin:auto;padding:0;border:0;border-radius:2px;background:#f7f4ee;color:#234759}
.life-doc::backdrop{background:#152028a6}
.life-doc article{max-height:92dvh;overflow:auto;padding:28px 32px 40px}
.life-doc-head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}
.life-doc-head p{margin:0;letter-spacing:.16em;font:500 11px/1 Arial,Helvetica,sans-serif;color:#607580}
.life-doc-head h2{margin:8px 0 0;font:400 32px/1.15 Georgia,'Times New Roman',serif}
.life-doc-room{margin:6px 0 0;letter-spacing:0;font:400 16px/1.3 Georgia,serif;color:#234759}
.life-doc-head button{min-height:36px;margin-left:8px;padding:0 12px;border:0;background:transparent;color:#234759;font:500 14px/1 Arial,sans-serif;cursor:pointer}
.life-doc-hero{margin:22px 0 0}
.life-doc-hero img{display:block;width:100%;aspect-ratio:3/2;object-fit:cover}
.life-doc-hero figcaption{margin-top:8px;color:#607580;font:400 13px/1.4 Georgia,serif}
.life-doc-intent{margin:18px 0 0;max-width:40rem;font:400 17px/1.5 Georgia,serif}
.life-doc-palette{display:flex;gap:8px;margin:18px 0 0;padding:0;list-style:none}
.life-doc-palette li{width:36px;height:14px}
.life-doc-cols{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}
.life-doc h3{margin:0 0 10px;font:400 13px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#607580}
.life-doc-cols ul,.life-doc-pieces ul{margin:0;padding:0;list-style:none}
.life-doc-cols li,.life-doc-pieces li{padding:8px 0;border-top:1px solid #23475918}
.life-doc-cols strong,.life-doc-pieces strong{display:block;font:500 14px/1.3 Arial,sans-serif}
.life-doc-cols span,.life-doc-pieces span{display:block;margin-top:2px;color:#607580;font:400 13px/1.4 Georgia,serif}
.life-doc-pieces{margin-top:28px}
.life-doc-stills{display:flex;gap:8px;margin-top:22px;overflow-x:auto}
.life-doc-stills button{flex:0 0 120px;padding:0;border:0;background:transparent;cursor:pointer}
.life-doc-stills img{display:block;width:120px;height:80px;object-fit:cover}
.life-doc-note{margin:28px 0 0;max-width:40rem;color:#8a969c;font:400 12px/1.45 Arial,sans-serif}
@media(max-width:700px){.life-doc article{padding:20px 16px 32px}.life-doc-cols{grid-template-columns:1fr}.life-doc-head h2{font-size:26px}}
@media print{body *{visibility:hidden}.life-doc,.life-doc *{visibility:visible}.life-doc{position:absolute;left:0;top:0;width:100%;max-height:none;background:#fff}.life-doc article{max-height:none}.life-doc-head button,.life-doc-stills{display:none}}
.life-services{margin:8px 0 22px;padding:0 0 18px;border-bottom:1px solid #23475918}
.life-services header p{margin:0 0 6px;font-size:11px;letter-spacing:.18em;color:#8a7352}
.life-services header h2{margin:0 0 6px;font:400 28px/1.15 Georgia,"Times New Roman",serif}
.life-services header span{display:block;max-width:62ch;color:#60737a;font-size:15px;line-height:1.45}
.life-services>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:16px 0}
.life-services article{background:#fffefa;border:1px solid #23475914;border-radius:14px;overflow:hidden}
.life-services img{display:block;width:100%;height:150px;object-fit:cover}
.life-services b{display:block;margin:12px 14px 0;font-weight:500;font-size:11px;letter-spacing:.16em;color:#8a7352}
.life-services h3{margin:4px 14px 0;font:500 16px/1.3 Georgia,"Times New Roman",serif}
.life-services article p{margin:6px 14px 14px;color:#60737a;font-size:13.5px;line-height:1.45}
.life-services small{display:block;max-width:78ch;color:#8a969c;font-size:12px;line-height:1.45}
.life-services>a{display:inline-flex;margin-top:12px;min-height:40px;align-items:center;padding:0 16px;border:1px solid #23475933;border-radius:999px}
@media(max-width:800px){.life-services>div{grid-template-columns:1fr}.life-services img{height:190px}}

/* Lookbook: one stage, a collection filmstrip, then an editorial mosaic. Shared by interiors and Yaşam. */
:is(#amenities-section,#interior-gallery-section).look{padding:0 0 36px;background:transparent;border:0;border-radius:0}
.look-head{display:flex;justify-content:space-between;align-items:flex-end;gap:24px;margin:0 0 18px}
.look-head h2,.look-stage h2{margin:0;font:400 clamp(30px,3.4vw,48px)/1.05 Georgia,'Times New Roman',serif;color:#173044}
.look-kicker{margin:0 0 8px;font:500 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.18em;text-transform:uppercase;color:#8a7352}
.look-lead{margin:10px 0 0;max-width:40rem;color:#607580;font:400 16px/1.45 Georgia,'Times New Roman',serif}
.look-head .look-lead{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.look-actions{display:flex;flex-wrap:wrap;gap:8px 14px;justify-content:flex-end}
.look-head .look-actions :is(button,a){padding:8px 0;border:0;border-bottom:1px solid #23475955;background:transparent;color:#234759;font:500 13px/1 Arial,Helvetica,sans-serif;text-decoration:none;cursor:pointer}
.look-head .look-actions :is(button,a)[aria-pressed=true]{border-bottom-color:#173044;color:#173044}
.look-stage{position:relative;aspect-ratio:16/9;max-width:920px;margin:0 0 18px;background:#1a242c;overflow:hidden;border-radius:14px}
.look-stage-hit{position:absolute;inset:0;padding:0;border:0;background:transparent;cursor:pointer}
.look-stage-hit img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 42%}
.look-veil{position:absolute;left:0;right:0;bottom:0;z-index:1;padding:96px 24px 18px;background:linear-gradient(180deg,#0b141a00 0%,#0b141ab8 28%,#0b141af5 100%);color:#fff;pointer-events:none}
.look-stage .look-kicker{color:#f6ead4;font-size:11px;letter-spacing:.16em;text-shadow:0 1px 2px #0b141acc}
.look-stage .look-veil h2{color:#fff;max-width:16em;font-size:clamp(26px,2.6vw,36px);text-shadow:0 1px 2px #0b141ae6,0 10px 28px #0b141acc;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.look-stage .look-veil .look-lead{color:#fff;max-width:32rem;margin-top:6px;font-size:15px;text-shadow:0 1px 2px #0b141ae6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.look-stage .look-veil .look-still{color:#fff;text-shadow:0 1px 2px #0b141ae6}
.look-palette{display:flex;gap:6px;margin-top:12px}
.look-palette i{display:block;width:22px;height:3px}
.look-still{margin:8px 0 0;max-width:36rem;font:500 13px/1.35 Arial,Helvetica,sans-serif;color:#fff;text-shadow:0 1px 2px #0b141acc;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.look-stage .look-actions{position:absolute;top:12px;right:12px;z-index:2;max-width:min(520px,70%);justify-content:flex-end;align-items:center}
.look-stage .look-actions :is(button,a){display:inline-flex;align-items:center;justify-content:center;box-sizing:border-box;height:30px;margin:0;padding:1px 13px 0;border:1px solid #ffffff2e;border-radius:999px;background:#0b141ad4;color:#fff;font:500 12.5px/1 Arial,Helvetica,sans-serif;letter-spacing:0;text-align:center;white-space:nowrap;text-decoration:none;cursor:pointer;box-shadow:0 4px 16px #0b141a44;appearance:none;-webkit-appearance:none}
.look-stage .look-actions :is(button,a):hover{background:#0b141af0}
.look-stage .look-actions :is(button,a)[aria-pressed=true]{background:#fff;color:#173044;border-color:#fff}
.look-rail{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding:2px 2px 16px;margin:0;scrollbar-width:thin}
.look-rail>button{flex:0 0 164px;scroll-snap-align:start;display:flex;flex-direction:column;gap:8px;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:#7d8b92;cursor:pointer}
.look-rail img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#e7e2d8}
.look-rail>button[aria-pressed=true]{color:#173044}
.look-rail>button[aria-pressed=true] img{outline:1px solid #173044;outline-offset:3px}
.look-rail span{font:400 14px/1.25 Georgia,'Times New Roman',serif;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;min-height:2.5em}
.look-rail .look-all{flex:0 0 76px;align-self:flex-start;height:102px;display:flex;align-items:center;justify-content:center;padding:8px;border:1px solid #23475922;font:500 11px/1.3 Arial,Helvetica,sans-serif;letter-spacing:.14em;text-transform:uppercase;text-align:center;color:#607580}
.look-rail .look-all[aria-pressed=true]{color:#f7f4ee;background:#173044;border-color:#173044;box-shadow:none}
.look-bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:2px 0 14px;border-top:1px solid #23475916;padding-top:10px}
.look-rooms{display:flex;gap:2px;overflow-x:auto;scrollbar-width:none;min-width:0}
.look-rooms button{flex:0 0 auto;margin-right:16px;padding:8px 0;border:0;border-bottom:1px solid transparent;background:transparent;color:#8a969c;font:500 13px/1 Arial,Helvetica,sans-serif;cursor:pointer;white-space:nowrap}
.look-rooms button[aria-pressed=true]{color:#173044;border-bottom-color:#173044}
.look-bar>[role=status]{flex:0 0 auto;color:#8a969c;font:500 12px/1 Arial,Helvetica,sans-serif;font-variant-numeric:tabular-nums}
.look-mosaic{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:12px;max-width:920px}
.look-tile{position:relative;grid-column:span 4;min-width:0;padding:0;border:0;border-radius:12px;background:#1a242c;overflow:hidden;cursor:pointer;color:#fff;text-align:left}
.look-tile:nth-child(1),.look-tile:nth-child(2){grid-column:span 4}
.look-mosaic:has(>.look-tile:nth-child(4):last-child)>.look-tile:nth-child(n+3){grid-column:span 6}
.look-mosaic:has(>.look-tile:nth-child(2):last-child)>.look-tile{grid-column:span 6}
.look-mosaic:has(>.look-tile:only-child)>.look-tile{grid-column:span 6;max-width:460px}
.look-tile img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}
.look-tile:nth-child(-n+2) img{aspect-ratio:4/3}
.look-tile span{position:absolute;left:0;right:0;bottom:0;display:flex;flex-direction:column;gap:2px;padding:52px 12px 12px;background:linear-gradient(180deg,#0b141a00 0%,#0b141acc 46%,#0b141af5 100%);text-align:left}
.look-tile span small{font:600 11px/1 Arial,Helvetica,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#f6ead4;text-shadow:0 1px 2px #0b141ae6}
.look-tile span strong{color:#fff;font:500 15px/1.3 Georgia,'Times New Roman',serif;text-shadow:0 1px 2px #0b141ae6,0 8px 18px #0b141a99;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.look-more{margin:18px 0 0}
.look-more button,.look-empty button{padding:0;border:0;border-bottom:1px solid #23475955;background:transparent;color:#234759;font:500 14px/1 Arial,Helvetica,sans-serif;cursor:pointer}
.look-empty{margin:8px 0 0;color:#607580}
.look-note{margin:28px 0 0;max-width:48rem;color:#8a969c;font:400 12px/1.5 Arial,Helvetica,sans-serif}
.look .life-services{margin-top:42px}
.look :is(button,a):focus-visible{outline:2px solid #b58846;outline-offset:3px}
@media(max-width:1100px){.look-tile,.look-tile:nth-child(1),.look-tile:nth-child(2){grid-column:span 6}}
@media(max-width:700px){.look-head{flex-direction:column;align-items:flex-start}.look-stage{aspect-ratio:4/3;max-width:none}.look-veil{padding:64px 16px 14px}.look-stage h2{font-size:28px}.look-stage .look-lead{-webkit-line-clamp:2}.look-stage .look-actions{top:10px;right:10px;left:10px;max-width:none;justify-content:flex-start}.look-stage .look-actions :is(button,a){height:30px;padding:1px 12px 0;font-size:12px}.look-rail>button{flex-basis:136px}.look-rail .look-all{height:85px;flex-basis:64px}.look-tile,.look-tile:nth-child(1),.look-tile:nth-child(2){grid-column:span 12}.look-tile img,.look-tile:nth-child(-n+2) img{aspect-ratio:4/3}.look-mosaic{max-width:none}}
@media(prefers-reduced-motion:reduce){.look-stage-hit img,.look-tile img{transition:none}}