@import url('/portal-assets/fonts.css');
:root{font-family:Arial,Helvetica,sans-serif;color:#eef2e7;background:#101b17;font-synthesis:none}*{box-sizing:border-box}body{margin:0;padding:0 5.2vw}a{color:inherit;text-decoration:none}header,footer{display:flex;justify-content:space-between;align-items:center}header{height:100px;border-bottom:1px solid #ffffff20}.wordmark{font-size:34px;letter-spacing:-2px;font-weight:700}.wordmark span{font-size:13px;vertical-align:super;letter-spacing:0;margin-left:5px}.header-note,footer{font-size:12px;color:#adbaad}main{max-width:1560px;margin:0 auto}.intro{padding:65px 0 44px;display:grid;grid-template-columns:1.3fr 1fr;align-items:end}.eyebrow{grid-column:1/-1;margin:0 0 24px;font-size:11px;letter-spacing:2px;text-transform:uppercase;color:#a8c69c}h1{font-family:Georgia,'Times New Roman',serif;font-weight:400;font-size:clamp(64px,7.2vw,116px);line-height:.98;letter-spacing:-5px;margin:0}.intro-copy{color:#b1beb0;font-size:15px;line-height:1.7;margin:0 0 5px}.spaces{display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:18px}.space{position:relative;display:flex;flex-direction:column;min-height:390px;padding:27px;overflow:hidden;transition:transform .25s,filter .25s}.space:hover{transform:translateY(-6px);filter:brightness(1.04)}a:focus-visible{outline:3px solid #eac695;outline-offset:5px}.space:active{transform:translateY(-2px)}.karaoke{background:#253e2b}.work{background:#222f2b}.art{background:#e6ddcc;color:#2d2c26}.space-number{font-size:11px;letter-spacing:1px}.space-art{height:215px;display:flex;align-items:center;justify-content:center}.space-caption{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:auto}h2{font-family:Georgia,'Times New Roman',serif;font-size:39px;font-weight:400;letter-spacing:-1px;margin:0 0 10px}.space p{font-size:12px;margin:0;opacity:.7}.arrow{font-size:32px;font-weight:400}.access{border-top:1px solid #ffffff25;padding-top:17px;font-size:10px;letter-spacing:.6px;margin-top:25px;opacity:.65}.art .access{border-color:#2d2c2625}.waves{gap:7px}.waves i{width:7px;background:#c0e78f;border-radius:8px;height:38px}.waves i:nth-child(2n){height:76px}.waves i:nth-child(3n){height:120px}.waves i:nth-child(4n){height:96px}.waves i:nth-child(6){height:150px}.blueprint{position:relative;perspective:600px}.cube{position:absolute;width:105px;height:105px;transform:rotateX(58deg) rotateZ(45deg);border:1px solid #9db9a6;background:linear-gradient(90deg,transparent 49%,#9db9a633 50%,transparent 51%),linear-gradient(transparent 49%,#9db9a633 50%,transparent 51%);background-size:35px 35px}.cube:after{content:'';position:absolute;inset:14px;border:1px solid #9db9a655}.cube.one{left:calc(50% - 82px);top:67px}.cube.two{left:calc(50% - 22px);top:100px}.cube.three{left:calc(50% - 22px);top:33px}.gallery-preview{position:relative;background:linear-gradient(170deg,#f1e9da 65%,#d4c8b6 65%);margin:22px -27px 25px;height:183px}.mini-painting{position:absolute;width:112px;height:94px;left:calc(50% - 46px);top:20px;background:#493b30 url('/art-deco/artworks/02.webp') center/cover;border:5px solid #715c40;box-shadow:5px 7px 14px #54433038}.mini-bench{position:absolute;width:112px;height:9px;background:#8d7053;bottom:24px;left:calc(50% - 70px)}.mini-bench:after,.mini-bench:before{content:'';position:absolute;height:13px;width:4px;background:#554a3b;top:9px;left:12px}.mini-bench:after{left:auto;right:12px}footer{padding:35px 0 28px;max-width:1560px;margin:auto} @media(min-width:1600px){body{padding:0 max(5.2vw,calc((100vw - 1560px)/2))}}@media(max-width:760px){header{height:76px}.intro{display:block;padding:42px 0 32px}h1{font-size:clamp(44px,13.5vw,74px);letter-spacing:-2px}.intro-copy{margin-top:24px;font-size:14px}.eyebrow{font-size:9px;letter-spacing:1.5px}.spaces{grid-template-columns:1fr;gap:16px}.space{min-height:295px;padding:24px}.space-art{height:135px}.gallery-preview{margin:20px -24px;height:165px}.waves i:nth-child(6){height:112px}.waves i:nth-child(3n){height:90px}.cube.one{top:30px}.cube.two{top:63px}.cube.three{top:-3px}h2{font-size:35px}.access{margin-top:20px}.header-note{font-size:10px}footer{font-size:10px;padding:28px 0}}

/* Fourth project: shop plan, preserving the existing portal. */
.spaces{grid-template-columns:repeat(4,minmax(0,1fr))}.plan{background:#25383b}.space-caption h2{font-size:clamp(27px,2.5vw,39px)}
@media(max-width:1100px) and (min-width:761px){.spaces{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.spaces{grid-template-columns:1fr}.space-caption h2{font-size:35px}}