/* Home page - Amayra SkyCity brochure look: champagne + bronze, light uppercase-style headings, gold rules. */
:root{--bronze:#8a6a4a;--bronze-d:#5e4530;--champ:#e9d9bf;--cream:#f8f3ea;--gold2:#c9a35a;--text:#3b2d20;--text-soft:#6b5a49}
body{background:var(--cream);color:var(--text)}
.header .header-cta{background:var(--bronze-d)}.header .header-cta:hover{background:var(--bronze)}
em,b{color:inherit}
.button.ghost{background:transparent;border:1px solid currentColor;color:inherit}.button.ghost:hover{background:#ffffff22}
.home-hero .button:not(.ghost),.closing .button:not(.ghost){background:var(--gold2);color:#2c1f14}
.home-hero .button:not(.ghost):hover,.closing .button:not(.ghost):hover{background:#dcb870}
h1,h2{font-family:'Helvetica Neue',Helvetica,Arial,sans-serif;font-weight:300;letter-spacing:-.02em;text-transform:uppercase;line-height:1.08;margin:0}
.sub{font-family:var(--sans);color:var(--text-soft);margin:.6em 0 0}
.rule{display:block;height:1px;background:currentColor;opacity:.35;margin:22px 0;max-width:520px}
.gold-bar{display:block;height:10px;width:min(100%,560px);margin:24px 0;background:linear-gradient(90deg,#6b4a2c,#e7cf8e 55%,#c9a35a)}
.anchor{height:0;scroll-margin-top:100px}
section{scroll-margin-top:100px}
.eyebrow{display:block;font-size:11px;letter-spacing:.2em;font-weight:700;color:var(--gold2)}
.artist{position:absolute;right:0;bottom:0;background:var(--bronze-d);color:#fff;font:600 11px var(--serif);letter-spacing:.04em;padding:5px 14px}
figure{margin:0}img{max-width:100%;height:auto;display:block}

/* Hero */
.home-hero{position:relative;min-height:clamp(620px,92vh,880px);display:flex;align-items:flex-end;color:#fff;background:#6b4f35;overflow:hidden}
.home-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.home-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#2c1f1460 0%,#2c1f1400 35%,#2c1f14cc 100%)}
.home-hero-copy{position:relative;padding:0 max(6%,calc((100% - 1280px)/2)) 90px;max-width:900px}
.home-hero h1{font-size:clamp(48px,8vw,112px);margin:18px 0}.home-hero h1 strong{font-weight:700;display:block}
.home-hero p{font-size:clamp(15px,1.5vw,19px);line-height:1.7;max-width:560px;margin:0 0 30px;color:#f3e8d6}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.hero-actions .button{border-radius:8px}

/* Shared two-column layouts */
.intro,.legacy,.location,.closing{padding:clamp(70px,9vw,130px) max(6%,calc((100% - 1280px)/2))}
.intro{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,80px);align-items:center;background:var(--cream)}
.intro-card{border:1px solid var(--gold2);border-radius:18px 18px 40px 40px;padding:clamp(28px,4vw,56px);background:#fffaf1}
.intro-card h2{font-size:clamp(28px,3.4vw,46px);margin-top:16px}
.intro-card p{line-height:1.9;font-size:15px}.intro-card .closing-line{font-weight:600;color:var(--bronze-d)}
.intro-media img,.aspects-media img{width:100%;height:100%;object-fit:cover;border-radius:6px}
.intro-media img{aspect-ratio:6/5}

/* Legacy + stats */
.legacy{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);background:linear-gradient(135deg,#efe3cc,#d6bb92 55%,#b9946a)}
.legacy-logo{width:110px;margin-bottom:22px;background:linear-gradient(135deg,#d9bd96,#b8946a);padding:14px;border-radius:10px 10px 22px 22px}
.legacy h2{font-size:clamp(26px,3vw,42px)}.legacy p{line-height:1.9;font-size:14.5px}
.stats{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:34px 30px;align-content:center}
.stats li{display:grid;grid-template-columns:auto 1fr;gap:4px 14px;align-items:center}
.stats b{font:200 clamp(54px,6.4vw,96px)/1 'Helvetica Neue',Arial,sans-serif;color:#1c2447;letter-spacing:-.04em}
.stats sup{font-size:.35em;vertical-align:top;position:relative;top:.3em}
.stats span{font:300 15px/1.3 'Helvetica Neue',Arial,sans-serif;text-transform:uppercase;color:#1c2447;letter-spacing:.02em}

/* 4 aspects */
.aspects{display:grid;grid-template-columns:1.9fr 1fr;min-height:560px;background:linear-gradient(160deg,#a98a68,#6c5039)}
.aspects-media img{border-radius:0;min-height:420px}
.aspects-card{margin:clamp(20px,3vw,44px);border:1px solid #ffffff90;border-radius:14px 14px 30px 30px;padding:clamp(22px,3vw,38px);color:#fff;align-self:center}
.aspects-card h2{font-size:15px;font-weight:300;line-height:1.35;text-transform:none;letter-spacing:0}.aspects-card .big{display:block;font-size:clamp(34px,3.6vw,50px);text-transform:uppercase;margin-bottom:6px}.aspects-card b{font-weight:600;text-transform:uppercase}
.aspects ul{list-style:none;margin:26px 0 0;padding:0;display:grid;gap:22px}
.aspects li{display:flex;gap:16px;align-items:center}.aspects strong{display:block;font:300 15px 'Helvetica Neue',Arial,sans-serif;text-transform:uppercase}.aspects li span{font-size:11px;font-weight:700;color:#f3e6d0}

/* Icons (generic ring; swap for final artwork) */
.ic,.icon-row i{flex:none;display:grid;place-items:center;border-radius:50%;border:1.5px solid currentColor}
.ic{width:46px;height:46px}.ic:before,.icon-row i:before{content:'';width:34%;height:34%;border:1.5px solid currentColor;transform:rotate(45deg)}
.ic-pin:before,.ic-cap:before,.ic-plus:before,.ic-bldg:before{border-radius:50% 50% 50% 0;transform:rotate(-45deg)}.ic-plus:before{border-radius:0;transform:none;border-width:0 0 0 0;background:linear-gradient(currentColor,currentColor) center/100% 2px no-repeat,linear-gradient(currentColor,currentColor) center/2px 100% no-repeat}
.ic-gate:before{border-radius:6px 6px 0 0;transform:none}.ic-sofa:before{border-radius:4px;transform:none;height:24%}.ic-club:before{border-radius:50%;transform:none}

/* Location */
.location{display:grid;grid-template-columns:1fr 1.15fr .8fr;gap:clamp(24px,3vw,48px);align-items:start;background:#f6efe2}
.location h2{font-size:clamp(26px,3vw,40px)}
.loc-list{list-style:none;margin:0;padding:0;display:grid;gap:22px}.loc-list li{display:flex;gap:16px;align-items:center;font-size:14px;line-height:1.6;color:var(--bronze-d)}.loc-list .ic{width:40px;height:40px;color:var(--bronze)}
.location-map img,.location-photo img{width:100%;object-fit:cover;border-radius:6px}.location-map img{aspect-ratio:1/1;background:#fff}.location-photo img{aspect-ratio:3/4}
.location figcaption{font-size:11px;letter-spacing:.14em;text-transform:uppercase;margin-top:10px;color:var(--text-soft)}
.location-photo{position:relative}.location-photo figcaption{position:absolute;left:16px;bottom:14px;margin:0;color:#fff;font:300 clamp(20px,2vw,28px) 'Helvetica Neue',Arial,sans-serif}

/* Photo strips (future perfect / activities) */
.future{display:grid;grid-template-columns:3.1fr 1fr;background:linear-gradient(160deg,#b39573,#765840);min-height:520px}
.strip{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px}
.strip li{position:relative;overflow:hidden}.strip img{width:100%;height:100%;min-height:440px;object-fit:cover}
.strip span{position:absolute;right:0;bottom:24px;writing-mode:vertical-rl;transform:rotate(180deg);background:#fff;color:var(--text);padding:12px 8px;font:300 clamp(14px,1.4vw,19px) 'Helvetica Neue',Arial,sans-serif;text-transform:uppercase;letter-spacing:.04em}
.strip li span{right:auto;left:auto;inset:auto 0 24px auto}
.strip-card{margin:clamp(16px,2.5vw,34px);border:1px solid #ffffff90;border-radius:14px 14px 30px 30px;padding:clamp(20px,2.4vw,32px);color:#fff;align-self:center}
.strip-card h2{font-size:clamp(20px,2vw,28px)}.strip-card p{font-size:12.5px;line-height:1.85;color:#f6ebd9;margin:0}

/* Image / text spreads */
.spread{display:grid;grid-template-columns:1fr 1fr;min-height:clamp(480px,50vw,680px)}
.spread.flip .spread-copy{order:2}
.spread.dark{background:linear-gradient(150deg,#c4a37f,#8f6f4f);color:#2a1d12}
.spread.light{background:#faf5ec}
.spread-copy{padding:clamp(40px,6vw,90px) clamp(28px,6vw,100px);display:flex;flex-direction:column;justify-content:center}
.spread h2{font-size:clamp(28px,3.4vw,50px)}.spread .sub{font-size:clamp(13px,1.2vw,16px);text-transform:uppercase;letter-spacing:.03em;font-weight:500;color:inherit;opacity:.85}
.spread-copy>p:not(.sub){font-size:14px;line-height:1.9;max-width:640px;margin:0}
.spread-media{position:relative;overflow:hidden}.spread-media img{width:100%;height:100%;object-fit:cover;min-height:360px}
.spread-media figcaption{position:absolute;left:clamp(18px,3vw,36px);bottom:34px;color:#fff;font:300 clamp(22px,3vw,40px) 'Helvetica Neue',Arial,sans-serif;text-transform:uppercase;text-shadow:0 2px 14px #0006}
.icon-row{list-style:none;margin:34px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:22px 0}
.icon-row li{display:flex;flex-direction:column;align-items:center;gap:10px;width:96px;padding:0 6px;text-align:center;font-size:11px;line-height:1.35;border-left:1px dashed #00000040}
.icon-row li:first-child{border-left:0}.icon-row i{width:42px;height:42px;color:var(--bronze)}.dark .icon-row i{color:#4b3522}

/* Closing */
.closing{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(30px,6vw,100px);align-items:center;background:linear-gradient(150deg,#f6efe2,#ead9bd)}
.closing-card{position:relative;border:1px solid var(--gold2);border-radius:18px 18px 40px 40px;padding:clamp(28px,4vw,56px);background:#fffaf1}
.closing-card h2{font-size:clamp(28px,3.4vw,46px)}
.quote{display:block;font:700 90px/0.8 Georgia,serif;color:var(--bronze);margin:28px 0 0}
blockquote{margin:0}blockquote p{font-size:14px;line-height:1.9;margin:6px 0 24px}blockquote footer{font-weight:700;font-size:15px}
.closing-brand{text-align:center;display:grid;justify-items:center;gap:22px;background:linear-gradient(145deg,#d9bd96,#a98558);color:#fff;border-radius:6px;padding:clamp(30px,5vw,70px)}
.closing-brand img{width:min(300px,70%);filter:drop-shadow(0 4px 14px #0004)}.closing-brand address{font-style:normal;line-height:1.8;font-size:14px}.closing-brand .hero-actions{justify-content:center}
.brochure-link{font-size:13px;font-weight:600;border-bottom:1px solid currentColor;padding-bottom:3px}
.rera{margin:0;padding:22px max(6%,calc((100% - 1280px)/2));font-size:10px;line-height:1.7;color:var(--text-soft);background:#ead9bd}

/* Reveal animation (only when JS is available) */
.js-reveal .reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.js-reveal .reveal.in{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.js-reveal .reveal{transition:none}}

@media(max-width:1000px){
.intro,.legacy,.location,.closing,.aspects,.future,.spread{grid-template-columns:1fr}
.spread.flip .spread-copy{order:0}.spread-media img{min-height:300px;aspect-ratio:7/5}
.aspects-media img{min-height:300px}.aspects-card{margin:24px}
.strip{grid-template-columns:repeat(2,1fr)}.strip img{min-height:300px}
.location-photo{display:none}
}
@media(max-width:560px){
.home-hero-copy{padding-bottom:60px}
.stats{grid-template-columns:1fr}.stats b{font-size:64px}
.strip{grid-template-columns:1fr 1fr;gap:6px}.strip img{min-height:240px}.strip span{font-size:12px;padding:8px 6px}
.icon-row li{width:50%;border-left:0}
.spread-copy{padding:40px 22px}
}

/* Gallery + pricing */
.gallery,.pricing{padding:clamp(60px,8vw,110px) max(6%,calc((100% - 1280px)/2))}.gallery{background:#1d1610;color:#f3e8d6}.pricing{background:var(--cream)}
.gallery-head{margin-bottom:34px}.gallery-head h2{font-size:clamp(28px,3.4vw,48px);margin-top:12px}.gallery-head b{font-weight:700;color:var(--gold2)}
.gallery-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:12px;grid-auto-flow:dense}
.gallery-grid li{grid-column:span 2;aspect-ratio:4/3;overflow:hidden;border-radius:6px}.gallery-grid li.gt{grid-row:span 2;aspect-ratio:auto}
.gallery-grid button{display:block;width:100%;height:100%;padding:0;background:none;cursor:zoom-in}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.gallery-grid button:hover img{transform:scale(1.05)}
.gal-dialog{background:#120d09;border:0;padding:16px;width:min(1100px,96vw);max-height:96vh;color:#fff;border-radius:10px;overflow:auto}.gal-dialog img{width:100%;max-height:78vh;object-fit:contain}
.gal-close{position:absolute;right:10px;top:6px;background:none;color:#fff;font-size:34px;z-index:1}.gal-nav{display:flex;justify-content:center;align-items:center;gap:24px;margin-top:10px}.gal-nav button{background:#ffffff1f;color:#fff;width:44px;height:44px;border-radius:50%;font-size:20px}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:28px}.price-grid.first{grid-template-columns:1.4fr 1fr}
.tbl-wrap{overflow-x:auto}table{width:100%;border-collapse:collapse;background:#fffaf1;border:1px solid var(--gold2);font-size:14px}caption{text-align:left;font:300 20px 'Helvetica Neue',Arial,sans-serif;text-transform:uppercase;padding:0 0 10px}
th{background:#e8d3b4;text-align:left}th,td{padding:11px 14px;border:1px solid #e0c79a}td:last-child{white-space:nowrap}.plc{font-size:12.5px;font-weight:600;line-height:1.6;color:var(--bronze-d)}
.notes{font-size:11.5px;line-height:1.8;color:var(--text-soft);padding-left:18px;margin:0}
@media(max-width:1000px){.gallery-grid{grid-template-columns:1fr 1fr}.gallery-grid li,.gallery-grid li.gt{grid-column:auto;grid-row:auto;aspect-ratio:4/3}.price-grid,.price-grid.first{grid-template-columns:1fr}}
/* v2 overrides: masonry gallery keeps each photo's own tagline bar uncropped; stronger hero shade */
.gallery-grid{display:block;column-count:3;column-gap:12px}
.gallery-grid li,.gallery-grid li.gt{display:block;break-inside:avoid;margin:0 0 12px;aspect-ratio:auto}
.gallery-grid img{height:auto;object-fit:initial}
.home-hero-shade{background:linear-gradient(90deg,#1a110acc 0%,#1a110a99 45%,#1a110a22 100%),linear-gradient(180deg,#1a110a66 0%,#1a110a00 40%,#1a110acc 100%)}
@media(max-width:1000px){.gallery-grid{column-count:2}}
@media(max-width:560px){.gallery-grid{column-count:1}}
/* Header: solid light bar so the dark logo reads clearly over the dark hero photo */
.header{background:#fffaf1f2;-webkit-backdrop-filter:none;backdrop-filter:none;border-bottom:1px solid #e0c79a;box-shadow:0 6px 24px #2c1f1426}
.header-logo{width:96px}
.header nav a{color:#5e4530}.header nav a.active,.header nav a:hover{color:#2c1f14}
.header .menu-toggle{background:#fff;border-color:#e0c79a}
.home-hero-copy{padding-top:140px}
@media(max-width:850px){.header nav{background:#fffaf1}}