/* Approved ELEVATE hybrid hero, scoped to this page. */
.elevate-hybrid{--concierge-clearance:0px;max-width:1600px;margin:0 auto;padding:112px 36px 40px;background:#f4f0e8;color:#332e28;font:15px/1.65 "DM Sans",sans-serif}.el-concierge-space{display:none}
.elevate-hybrid *{box-sizing:border-box}
.elevate-hybrid .launch-exterior{display:grid;grid-template-columns:minmax(260px,28%) minmax(0,1fr);gap:34px;align-items:start}
.elevate-hybrid .villa-editorial{padding-top:85px}
.elevate-hybrid .villa-eyebrow{font-size:10px;letter-spacing:.14em;font-weight:500;color:#655441}
.elevate-hybrid .villa-editorial h1{font:400 clamp(43px,4.2vw,64px)/1.05 'Instrument Serif',serif;letter-spacing:-.025em;margin:21px 0}
.elevate-hybrid .villa-editorial h1 em{font-weight:400;color:#7a654c}
.elevate-hybrid .villa-editorial>p{max-width:305px;margin:18px 0}
.elevate-hybrid .villa-editorial dl{margin:32px 0}
.elevate-hybrid .villa-editorial dl>div{margin-top:18px}
.elevate-hybrid .villa-editorial dt{font-size:10px;letter-spacing:.12em;color:#756752}
.elevate-hybrid .villa-editorial dd{margin:5px 0 0;font-size:14px}
.elevate-hybrid .villa-editorial .villa-invitation{font-size:13px;line-height:1.8;color:#665d51;margin-top:32px}
.elevate-hybrid .villa-project-link{display:inline-flex;gap:23px;align-items:center;min-height:44px;color:#4d3d2b;text-decoration:none;border-bottom:1px solid #9d876a;font-size:13px;margin-top:10px}
.elevate-hybrid .villa-project-link:hover{color:#7c5c34}
.elevate-hybrid .villa-view-heading{padding:0 0 12px}
.elevate-hybrid .villa-view-heading h2{font:400 30px/1.2 'Instrument Serif',serif;margin:4px 0}
.elevate-hybrid .villa-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px;padding:0 0 13px}
.elevate-hybrid .villa-toolbar [role=group]{display:flex;align-items:center;gap:7px;flex-wrap:wrap}
.elevate-hybrid .villa-toolbar [role=group]>span{font-size:10px;letter-spacing:.11em;margin-right:5px;color:#6b5d4a}
.elevate-hybrid .launch-exterior button{font:500 12px/1.4 'DM Sans',sans-serif;min-width:44px;min-height:44px;padding:10px 13px;color:#3f3326;background:#f8f4ed;border:1px solid #bdad96;border-radius:3px;cursor:pointer;scroll-margin-top:24px;scroll-margin-bottom:145px}
.elevate-hybrid .launch-exterior button:hover:not(:disabled){background:#e8dfd1}
.elevate-hybrid .launch-exterior button[aria-pressed=true]{background:#756047;color:#fff;border-color:#756047}
.elevate-hybrid .launch-exterior button[aria-pressed=true]:hover{background:#624d38}
.elevate-hybrid .launch-exterior button:disabled{opacity:.45;cursor:default}
.elevate-hybrid .launch-exterior :focus-visible{outline:2px solid #805b30;outline-offset:4px}
.elevate-hybrid .villa-stage{height:555px;position:relative;overflow:hidden;border:1px solid #c8bfaf;border-radius:4px;background:radial-gradient(ellipse at 47% 32%,#f7f3eb88,transparent 64%),linear-gradient(140deg,#e5dfd4,#cec5b7)}
.elevate-hybrid .villa-surface{position:absolute;inset:0}
.elevate-hybrid .villa-surface canvas{display:block;width:100%;height:100%;touch-action:pan-y;cursor:grab}
.elevate-hybrid .villa-surface canvas:active{cursor:grabbing}
.elevate-hybrid .villa-loading{position:absolute;top:42%;left:12px;right:12px;background:#f4f0e8ed;padding:14px;text-align:center;font-size:13px}
.elevate-hybrid .villa-hint{position:absolute;bottom:10px;left:12px;right:12px;text-align:center;font-size:11px;line-height:1.5;color:#5f503d;pointer-events:none;margin:0;padding:7px;background:#f6f1e5cf;border-radius:2px}
.elevate-hybrid .villa-status{font-size:12px;line-height:1.6;min-height:20px;color:#645643;margin:12px 0 5px}
.elevate-hybrid .villa-caption{font-size:11px;color:#756a5b;margin:0}
.elevate-hybrid [hidden]{display:none!important}
@media(min-width:701px) and (max-width:1050px){.elevate-hybrid .launch-exterior{grid-template-columns:230px minmax(0,1fr);gap:22px}
.elevate-hybrid .villa-editorial{padding-top:85px}
.elevate-hybrid .villa-editorial h1{font-size:44px}
.elevate-hybrid .villa-stage{height:490px}
}
@media(max-width:700px){.elevate-hybrid .launch-exterior{grid-template-columns:1fr;gap:22px}
.elevate-hybrid .villa-editorial{padding:0}
.elevate-hybrid .villa-eyebrow{font-size:9px}
.elevate-hybrid .villa-editorial h1{font-size:43px;margin:15px 0}
.elevate-hybrid .villa-editorial>p{font-size:14px;margin:13px 0}
.elevate-hybrid .villa-editorial dl,.elevate-hybrid .villa-editorial .villa-invitation{display:none}
.elevate-hybrid .villa-project-link{margin:0;font-size:12px}
.elevate-hybrid .villa-view-heading{padding-bottom:10px}
.elevate-hybrid .villa-view-heading h2{font-size:27px}
.elevate-hybrid .villa-toolbar{gap:9px;padding-bottom:12px}
.elevate-hybrid .villa-toolbar [role=group]{gap:6px}
.elevate-hybrid .villa-toolbar button{padding:10px 11px;font-size:12px}
.elevate-hybrid .villa-toolbar [role=group]>span{font-size:9px;margin-right:2px}
.elevate-hybrid .villa-stage{height:350px}
.elevate-hybrid .villa-hint{font-size:10px;bottom:9px;left:9px;right:9px;padding:6px}
.elevate-hybrid .villa-status{font-size:11px;min-height:34px}
.elevate-hybrid .villa-caption{font-size:10px}
}
@media(max-width:350px){.elevate-hybrid .villa-editorial h1{font-size:39px}
.elevate-hybrid .villa-stage{height:320px}
.elevate-hybrid .villa-toolbar button{padding:10px}
.elevate-hybrid .villa-toolbar [role=group]>span{display:none}
}
@media(prefers-reduced-motion:reduce){.elevate-hybrid *{scroll-behavior:auto}
}
.elevate-hybrid .launch-exterior{grid-template-columns:minmax(250px,24%) minmax(0,1fr);gap:30px}
.elevate-hybrid .villa-editorial{padding-top:80px}
.elevate-hybrid .villa-stage{height:580px;background:radial-gradient(ellipse at 46% 28%,#f8f4eb88,transparent 65%),linear-gradient(140deg,#e1dbcf,#c9bfaf)}
.elevate-hybrid .villa-editorial h1{font-size:clamp(42px,4vw,61px)}
.elevate-hybrid .hybrid-nav{display:flex;gap:22px;align-items:stretch;margin-bottom:24px;padding:8px 0 12px;border-bottom:1px solid #cdbfa9;background:#f4f0e8;position:sticky;top:0;z-index:20}
.elevate-hybrid .hybrid-nav button,.elevate-hybrid .concept-gallery button{font:500 13px/1.4 'DM Sans',sans-serif;min-height:44px;min-width:44px;padding:10px 14px;cursor:pointer;border:1px solid #baa88d;border-radius:3px;background:#f8f4ed;color:#493823;scroll-margin-top:85px;scroll-margin-bottom:24px}
.elevate-hybrid .hybrid-nav button{border:0;border-bottom:2px solid transparent;border-radius:0;background:transparent;padding:9px 2px;text-align:left}
.elevate-hybrid .hybrid-nav button[aria-pressed=true]{border-color:#7c6140;color:#493823}
.elevate-hybrid .hybrid-nav small{font-weight:400;font-size:10px;margin-left:8px;color:#77664e}
.elevate-hybrid .hybrid-nav button:focus-visible,.elevate-hybrid .concept-gallery :focus-visible{outline:2px solid #805b30;outline-offset:4px}
.elevate-hybrid .hybrid-nav button:hover{color:#8b693b}
.elevate-hybrid .concept-heading{display:flex;justify-content:space-between;gap:24px;align-items:flex-start;margin:10px 0 24px}
.elevate-hybrid .concept-heading h2{font:400 clamp(32px,3.4vw,49px)/1.12 'Instrument Serif',serif;margin:10px 0}
.elevate-hybrid .concept-heading>div>p{font-size:14px;color:#6b5e4c;max-width:650px}
.elevate-hybrid .concept-heading button{flex-shrink:0}
.elevate-hybrid .concept-select{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}
.elevate-hybrid .concept-select button[aria-pressed=true]{background:#756047;color:#fff;border-color:#756047}
.elevate-hybrid .concept-select button:hover:not([aria-pressed=true]),.elevate-hybrid .concept-heading button:hover{background:#e8dfd1}
.elevate-hybrid .concept-room{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(240px,.85fr);gap:36px;align-items:center;animation:elevate-concept-enter .18s ease-out}
.elevate-hybrid .concept-space{aspect-ratio:8/5;min-height:300px;border:1px solid #cdbfa9;background:#eee8dd;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:32px;position:relative;color:#77664d}
.elevate-hybrid .concept-number{position:absolute;top:20px;left:24px;font:italic 28px 'Instrument Serif',serif;color:#a88f6b}
.elevate-hybrid .concept-awaiting{font-size:10px;letter-spacing:.16em}
.elevate-hybrid .concept-space strong{font:400 clamp(30px,3.2vw,48px)/1.2 'Instrument Serif',serif;color:#665239;margin-top:14px}
.elevate-hybrid .concept-space p{font-size:12px;margin:12px 0 0}
.elevate-hybrid .concept-space small{font-size:11px;margin-top:18px;max-width:300px}
.elevate-hybrid .concept-brief h3{font:400 33px/1.15 'Instrument Serif',serif;margin:13px 0}
.elevate-hybrid .concept-brief>p{font-size:14px;line-height:1.85;color:#655847}
.elevate-hybrid .concept-brief dl{margin:24px 0}
.elevate-hybrid .concept-brief dl>div{margin-top:16px}
.elevate-hybrid .concept-brief dt{font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:#79674d}
.elevate-hybrid .concept-brief dd{margin:5px 0 0;font-size:13px;line-height:1.75}
.elevate-hybrid .concept-brief .concept-approval{font-size:11px;border-top:1px solid #d3c6b1;padding-top:16px}
.elevate-hybrid .concept-status{font-size:12px;min-height:20px;color:#78654a;margin-top:18px}
.elevate-hybrid .concept-room img{display:block;width:100%;height:auto;object-fit:contain}
.elevate-hybrid .launch-exterior,.elevate-hybrid .concept-gallery{scroll-margin-top:90px}
@keyframes elevate-concept-enter{from{opacity:.25;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}
.elevate-hybrid .concept-visual{margin:0;min-width:0}
.elevate-hybrid .concept-media{display:block;aspect-ratio:8/5;background:#eee8dd;border:1px solid #cdbfa9}
.elevate-hybrid .concept-media img{width:100%;height:100%;object-fit:contain}
.elevate-hybrid .concept-visual figcaption{font-size:11px;line-height:1.65;color:#6b5e4c;padding-top:10px}
.elevate-hybrid .concept-room{align-items:start}
.elevate-hybrid .concept-brief{padding-top:16px}
@media(min-width:701px) and (max-width:1050px){.elevate-hybrid .launch-exterior{grid-template-columns:220px minmax(0,1fr);gap:20px}
.elevate-hybrid .villa-stage{height:470px}
.elevate-hybrid .concept-room{gap:24px;grid-template-columns:1.2fr 1fr}
.elevate-hybrid .concept-space{min-height:280px;padding:24px}
.elevate-hybrid .concept-brief h3{font-size:29px}
}
@media(max-width:700px){.elevate-hybrid .hybrid-nav{gap:18px;padding:7px 0 10px;margin-bottom:18px;min-height:58px;align-items:center}
.elevate-hybrid .hybrid-nav button{font-size:12px;max-width:220px}
.elevate-hybrid .hybrid-nav small{display:block;margin:4px 0 0;font-size:9px}
.elevate-hybrid .launch-exterior{grid-template-columns:1fr;gap:18px}
.elevate-hybrid .villa-editorial{padding-top:0}
.elevate-hybrid .villa-editorial h1{font-size:42px}
.elevate-hybrid .villa-stage{height:285px}
.elevate-hybrid .villa-invitation{display:none}
.elevate-hybrid .villa-status{min-height:28px;margin-top:10px}
.elevate-hybrid .villa-caption{line-height:1.65}
.elevate-hybrid .villa-toolbar button{scroll-margin-top:85px;scroll-margin-bottom:20px}
.elevate-hybrid .concept-heading{display:block;margin-top:0;margin-bottom:19px}
.elevate-hybrid .concept-heading h2{font-size:35px}
.elevate-hybrid .concept-heading>div>p{font-size:13px}
.elevate-hybrid .concept-heading button{margin-top:4px;font-size:12px}
.elevate-hybrid .concept-select{gap:6px}
.elevate-hybrid .concept-select button{font-size:11px;padding:10px 11px}
.elevate-hybrid .concept-room{grid-template-columns:1fr;gap:18px}
.elevate-hybrid .concept-space{aspect-ratio:8/5;min-height:205px;padding:26px 20px}
.elevate-hybrid .concept-number{top:12px;left:16px;font-size:23px}
.elevate-hybrid .concept-awaiting{font-size:9px}
.elevate-hybrid .concept-space strong{font-size:32px;margin-top:11px}
.elevate-hybrid .concept-space small{font-size:10px;margin-top:10px}
.elevate-hybrid .concept-space p{margin-top:7px;font-size:11px}
.elevate-hybrid .concept-brief h3{font-size:30px}
.elevate-hybrid .concept-brief>p{font-size:13px;line-height:1.75}
.elevate-hybrid .concept-brief dl{margin:18px 0}
.elevate-hybrid .concept-brief dd{font-size:12px}
.elevate-hybrid .concept-status{font-size:11px}
.elevate-hybrid .concept-heading h2{scroll-margin-top:86px}
}
@media(max-width:350px){.elevate-hybrid .villa-editorial h1{font-size:38px}
.elevate-hybrid .villa-stage{height:260px}
.elevate-hybrid .concept-select{display:grid;grid-template-columns:1fr 1fr}
.elevate-hybrid .concept-select button:last-child{grid-column:1/-1}
.elevate-hybrid .hybrid-nav{gap:16px}
.elevate-hybrid .hybrid-nav button{max-width:190px}
.elevate-hybrid .concept-space{min-height:190px}
.elevate-hybrid .concept-space strong{font-size:29px}
}
@media(prefers-reduced-motion:reduce){.elevate-hybrid .concept-room{animation:none}
.elevate-hybrid *{scroll-behavior:auto;transition:none!important}
}

.elevate-hybrid .el-plan{position:relative;inset:auto;width:100%;max-width:900px;margin:0 auto;padding:30px}
.elevate-hybrid .el-plan button{min-height:44px;padding:10px 14px;border:1px solid #baa88d;background:#f8f4ed;color:#493823;cursor:pointer}
.elevate-hybrid .villa-toolbar button,.elevate-hybrid .hybrid-nav button,.elevate-hybrid .concept-gallery button{line-height:1.4}
@media(max-width:1050px) and (min-width:701px){.elevate-hybrid{padding:112px 24px 32px}}
@media(max-width:700px){
body.elevate-hybrid-page{height:100dvh;overflow:hidden}
.el-page{position:fixed;inset:0 0 var(--concierge-clearance,72px) 0;overflow:auto;overscroll-behavior-y:contain;scroll-padding-top:82px;scroll-padding-bottom:16px}
.elevate-hybrid{padding:90px 16px 28px}
.el-concierge-space{display:block;position:fixed;bottom:0;left:0;right:0;height:var(--concierge-clearance,72px);background:#f1eadf;border-top:1px solid #cdbfa9;z-index:490;pointer-events:none}
.elevate-hybrid-page #aba-concierge{bottom:max(12px,env(safe-area-inset-bottom));z-index:500}
}

/* Approved project thumbnails: preserve complete images inside the existing card dimensions. */
.el-project-image img.el-approved-project-thumb{object-fit:contain;object-position:center;background:#d9d1c4}
