@font-face{font-family:"Playfair Display";src:url("Assets/Font_style/Playfair_Display/PlayfairDisplay-VariableFont_wght.ttf") format("truetype");font-style:normal;font-weight:400 900;font-display:swap}
@font-face{font-family:"Playfair Display";src:url("Assets/Font_style/Playfair_Display/PlayfairDisplay-Italic-VariableFont_wght.ttf") format("truetype");font-style:italic;font-weight:400 900;font-display:swap}
@font-face{font-family:"Raleway";src:url("Assets/Font_style/Raleway/Raleway-VariableFont_wght.ttf") format("truetype");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Raleway";src:url("Assets/Font_style/Raleway/Raleway-Italic-VariableFont_wght.ttf") format("truetype");font-style:italic;font-weight:100 900;font-display:swap}:root{
  --card:#fdfdfc;
  --ring:#f3bc16;
  --input:#dcd9d0;
  --muted:oklch(0.97 0 0);
  --accent:oklch(0.97 0 0);
  --border:oklch(0.922 0 0);
  --radius:1.4rem;
  --chart-1:oklch(0.81 0.10 252);
  --chart-2:#e68c33;
  --chart-3:#308ce8;
  --chart-4:#e14747;
  --chart-5:#34b25e;
  --popover:#fdfdfc;
  --primary:#f3bc16;
  --sidebar:oklch(0.985 0 0);
  --spacing:.25rem;
  --font-mono:var(--font-text);
  --font-sans:"Raleway",Arial,"Helvetica Neue",sans-serif;
  --secondary:#e8e8e8;
  --background:#e6e9ec;
  --font-serif:"Playfair Display",Georgia,"Times New Roman",serif;--font-heading:var(--font-serif);--font-subheading:var(--font-serif);--font-text:var(--font-sans);--font-default:var(--font-text);--font-fallback:Arial,"Helvetica Neue",sans-serif;
  --foreground:#1a1a1a;
  --destructive:oklch(0.577 0.245 27.325);
  --shadow-blur:3px;
  --shadow-color:oklch(0 0 0);
  --sidebar-ring:#f3bc16;
  --shadow-spread:0;
  --letter-spacing:0;
  --shadow-opacity:.01;
  --sidebar-accent:#f2e5c0;
  --sidebar-border:#d8d5ca;
  --card-foreground:#1f1f1f;
  --shadow-offset-x:0;
  --shadow-offset-y:1px;
  --sidebar-primary:#f3bc16;
  --muted-foreground:#595959;
  --accent-foreground:#886807;
  --popover-foreground:#1f1f1f;
  --primary-foreground:#383838;
  --sidebar-foreground:#1a1a1a;
  --secondary-foreground:#262626;
  --destructive-foreground:#fff;
  --sidebar-accent-foreground:#9b7608;
  --sidebar-primary-foreground:#000;
  --surface:var(--card);
  --surface-muted:var(--muted);
  --surface-soft:var(--secondary);
  --text:var(--foreground);
  --text-strong:var(--card-foreground);
  --text-muted:var(--muted-foreground);
  --line:var(--border);
  --line-strong:var(--sidebar-border);
  --primary-strong:var(--chart-2);
  --primary-soft:var(--sidebar-accent);
  --inverse:#141414;
  --inverse-muted:#ebebeb;
  --surface-glass:color-mix(in srgb,var(--card) 94%,transparent);
  --surface-glass-light:color-mix(in srgb,var(--card) 72%,transparent);
  --overlay-subtle:color-mix(in srgb,var(--foreground) 14%,transparent);
  --overlay-medium:color-mix(in srgb,var(--foreground) 32%,transparent);
  --overlay-strong:color-mix(in srgb,var(--foreground) 82%,transparent);
  --overlay-solid:color-mix(in srgb,var(--foreground) 97%,transparent);
  --primary-tint:color-mix(in srgb,var(--primary) 28%,transparent);
  --shadow:color-mix(in srgb,var(--foreground) 18%,transparent);
  --ink:var(--foreground);
  --green:var(--foreground);
  --paper:var(--background);
  --gold:var(--primary);
  --accent-text:var(--ink);
  --accent-text-soft:var(--text-muted);
  --accent-text-inverse:var(--card);
  --accent-text-inverse-soft:#d2d2d2;

  --text-muted-inverse:#b0b0b0;
  --hero-scrim:linear-gradient(90deg,color-mix(in srgb,var(--foreground) 92%,transparent) 0%,color-mix(in srgb,var(--foreground) 66%,transparent) 48%,color-mix(in srgb,var(--foreground) 34%,transparent) 100%);
  --serif:var(--font-subheading);
  --sans:var(--font-text);
}*{box-sizing:border-box}html{scroll-behavior:smooth}:root{--header-height:27vh;--header-logo:27vh}i.fa-icon{font-style:normal}i.fa-icon.fa-up-right{transform:rotate(-45deg)}i.fa-icon.fa-down-right{transform:rotate(45deg)}i.fa-icon.fa-up-left{transform:rotate(45deg)}i.fa-icon.fa-down-left{transform:rotate(-45deg)}i.fa-icon.fa-up-right.fa-rotate-on-hover:hover{transform:rotate(-45deg) translate(2px,-2px)}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-text);font-size:15px;line-height:1.6}.site-header{position:absolute;z-index:10;top:0;left:0;width:100%;display:flex;align-items:center;justify-content:space-between;padding:24px 5vw;color:var(--card)}.brand img{height:54px;width:36px;object-fit:cover;object-position:top}.nav-links{display:flex;gap:36px;margin-left:auto;margin-right:44px}.nav-links a,.header-cta{color:var(--card);text-decoration:none;font-size:12px;letter-spacing:.06em}.nav-links a{opacity:.7}.nav-links a:hover,.nav-links a.active{opacity:1;color:var(--accent-text)}.header-cta{border:1px solid var(--surface-glass-light);padding:10px 16px}.header-cta span,.button span{margin-left:12px}.menu-toggle{display:none;background:none;border:0;color:var(--card);font-size:22px}.hero{min-height:100vh;position:relative;background:var(--hero-scrim),url('https://images.unsplash.com/photo-1600607687939-ce8a6c25118c?auto=format&fit=crop&w=2200&q=85') center/cover;display:flex;align-items:center;padding:140px 11vw 90px;color:var(--card)}.hero-copy{max-width:590px}.eyebrow,.section-kicker,.eyebrow{color:var(--accent-text);margin-bottom:22px}.hero h1{font:600 clamp(60px,8vw,114px)/.94 var(--font-subheading);letter-spacing:-.055em;margin:0 0 30px}.hero h1 em,h2 em{font-style:italic;color:var(--accent-text);font-weight:500}.hero-text{max-width:395px;color:var(--surface-glass-light);font-size:16px}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:42px}.button{display:inline-flex;align-items:center;border:0;text-decoration:none;padding:15px 22px;font:600 11px var(--font-text);letter-spacing:.06em;text-transform:uppercase;cursor:pointer}.button-gold{background:var(--gold);color:var(--ink)}.text-link{font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-decoration:none;color:var(--card)}.text-link span{color:var(--accent-text);margin-left:9px}.file-download-icon{display:inline-block;flex:none;margin-left:9px;vertical-align:-.2em;color:var(--accent-text);font-size:14px}.text-link.dark{color:var(--ink)}.hero-meta{position:absolute;right:5vw;bottom:60px;display:flex;align-items:center;gap:14px;font-size:10px;letter-spacing:.13em;text-transform:uppercase;writing-mode:vertical-rl}.hero-meta .line{width:1px;height:54px;background:var(--gold)}.scroll-hint{position:absolute;left:5vw;bottom:44px;font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--surface-glass-light)}.scroll-hint span{color:var(--accent-text);font-size:18px;margin-left:12px}.section{padding:130px 11vw}.section-kicker{display:flex;align-items:center;gap:14px;color:var(--text-muted)}.section-kicker span:first-child{color:var(--accent-text)}.section-kicker i{height:1px;width:36px;background:var(--gold)}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw;margin:52px 0 100px}.intro h2,.section-heading h2,.gallery h2,.contact h2{font:500 clamp(44px,5.6vw,80px)/1.02 var(--font-subheading);letter-spacing:-.05em;margin:0}.intro-content{padding-top:12px;max-width:480px}.lead{font:500 22px/1.4 var(--font-subheading);margin:0 0 26px}.intro-content p:not(.lead){color:var(--text-muted);max-width:420px}.stats{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);padding-top:26px}.stats div{display:flex;align-items:start;gap:16px}.stats strong{font:500 34px var(--font-subheading);color:var(--accent-text)}.stats span{font-size:12px;color:var(--text-muted);line-height:1.4}.dark-section{background:var(--green);color:var(--surface)}.section-kicker.light{color:var(--accent-text-soft)}.section-heading{display:grid;grid-template-columns:1fr 1fr;align-items:end;gap:60px}.section-heading p{color:var(--text-muted);max-width:300px;margin:0}.residence-tabs{display:flex;gap:24px;border-bottom:1px solid var(--text-muted);margin:70px 0 28px}.tab{background:none;border:0;border-bottom:2px solid transparent;color:var(--text-muted);padding:0 0 15px;font:500 11px var(--font-text);text-transform:uppercase;letter-spacing:.08em;cursor:pointer}.tab.active{color:var(--accent-text);border-color:var(--accent-text)}.residence-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.residence-card{background:var(--foreground)}.residence-image{height:290px;position:relative;background-position:center;background-size:cover}.image-one{background-image:linear-gradient(0deg,var(--overlay-strong),transparent 45%),url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=80')}.image-two{background-image:linear-gradient(0deg,var(--overlay-strong),transparent 45%),url('https://images.unsplash.com/photo-1600585154340-be6161a56a0c?auto=format&fit=crop&w=900&q=80')}.image-three{background-image:linear-gradient(0deg,var(--overlay-strong),transparent 45%),url('https://images.unsplash.com/photo-1600607688969-a5bfcd646154?auto=format&fit=crop&w=900&q=80')}.card-label{position:absolute;top:18px;left:18px;background:var(--gold);color:var(--ink);font-size:9px;text-transform:uppercase;letter-spacing:.1em;padding:5px 9px}.card-arrow{position:absolute;right:15px;bottom:15px;background:var(--surface-glass);border:0;border-radius:50%;width:35px;height:35px;cursor:pointer}.card-body{padding:22px;display:flex;justify-content:space-between;gap:10px}.card-body h3{font:500 20px var(--font-subheading);margin:0}.card-body p{color:var(--text-muted);font-size:11px;margin:4px 0}.card-body strong{white-space:nowrap;color:var(--accent-text);font:500 18px var(--font-subheading)}.card-body small{font:10px var(--font-text);color:var(--text-muted)}.amenities-row{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--text-muted);margin-top:72px;padding-top:26px}.amenities-row>div{display:flex;align-items:center;gap:16px;color:var(--line);font-size:11px}.amenity-icon{font-size:22px;color:var(--accent-text)}.gallery{background:var(--surface-soft)}.gallery-top{display:grid;grid-template-columns:1fr 1fr;gap:50px;margin-bottom:56px}.gallery-top .section-kicker{grid-column:1/-1}.gallery-top .text-link{align-self:end;justify-self:end}.gallery-grid{display:grid;grid-template-columns:1.15fr .85fr .85fr;grid-template-rows:230px 230px;gap:14px}.gallery-tile{background-position:center;background-size:cover;position:relative;overflow:hidden}.gallery-tile span{position:absolute;bottom:20px;left:20px;color:var(--card);font:500 18px var(--font-subheading)}.gallery-tile:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,var(--overlay-medium),transparent 60%)}.gallery-tile span{z-index:1}.tall{grid-row:1/3}.photo-1{background-image:url('https://images.unsplash.com/photo-1600566753086-00f18fb6b3ea?auto=format&fit=crop&w=1100&q=80')}.photo-2{background-image:url('https://images.unsplash.com/photo-1600210492486-724fe5c67fb0?auto=format&fit=crop&w=900&q=80')}.photo-3{background-image:url('https://images.unsplash.com/photo-1600607687920-4e2a09cf159d?auto=format&fit=crop&w=900&q=80')}.photo-4{background-image:url('https://images.unsplash.com/photo-1600585154526-990dced4db0d?auto=format&fit=crop&w=900&q=80')}.contact{background:var(--ink);color:var(--surface);display:grid;grid-template-columns:1fr 1fr;gap:12vw}.contact-copy>p{color:var(--text-muted);max-width:380px;margin:28px 0}.contact-details{display:flex;flex-direction:column;gap:7px;color:var(--accent-text);font:500 16px var(--font-subheading)}.enquiry-form{background:var(--foreground);padding:36px}.enquiry-form label{display:block;color:var(--text-muted);font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-bottom:22px}.enquiry-form input,.enquiry-form select{display:block;width:100%;margin-top:7px;background:none;border:0;border-bottom:1px solid var(--text-muted);padding:11px 0;color:var(--card);font:14px var(--font-text);outline:0}.enquiry-form select option{color:var(--foreground)}.enquiry-form .button{margin-top:10px}.form-note{color:var(--text-muted);font-size:10px;margin:22px 0 0}.toast{position:fixed;right:24px;bottom:24px;background:var(--gold);color:var(--ink);padding:14px 20px;font-size:12px;transform:translateY(calc(100% + 24px));opacity:0;visibility:hidden;transition:transform .35s ease,opacity .35s ease,visibility .35s;z-index:20}.toast.show{transform:translateY(0);opacity:1;visibility:visible}@media(max-width:800px){.site-header{padding:18px 6vw}.nav-links,.header-cta{display:none}.menu-toggle{display:block;margin-left:auto;margin-right:16px}.nav-links.open{display:flex;position:absolute;top:74px;left:0;right:0;background:var(--ink);padding:22px 6vw;flex-direction:column;gap:16px}.hero{padding:150px 8vw 80px}.hero h1{font-size:72px}.hero-meta{display:none}.section{padding:85px 8vw}.intro-grid,.section-heading,.contact{grid-template-columns:1fr;gap:30px}.intro-grid{margin-bottom:65px}.stats{gap:22px}.stats div{display:block}.stats strong{display:block;margin-bottom:6px}.residence-grid{grid-template-columns:1fr}.amenities-row{grid-template-columns:1fr 1fr;gap:25px}.gallery-top{grid-template-columns:1fr}.gallery-top .text-link{justify-self:start}.gallery-grid{grid-template-columns:1fr 1fr;grid-template-rows:220px 180px 180px}.tall{grid-row:auto;grid-column:1/-1}.contact{gap:50px}}
:root{--homepage-gold:var(--primary)}.hero-actions{display:flex;align-items:center;gap:28px;margin-top:42px}.card-eyebrow{display:block;color:var(--accent-text);font-size:10px;letter-spacing:.13em;text-transform:uppercase;margin-top:18px}.residence-section article h3{font:500 28px var(--font-subheading);margin:8px 0 0}.residence-section article p{color:var(--text-muted);font-size:12px;margin:3px 0 14px}.residence-section article>a:not(.button){color:var(--ink);text-decoration:none;font-size:10px;letter-spacing:.1em;text-transform:uppercase;border-bottom:1px solid var(--gold)}.residence-card-note{background:var(--green);color:var(--surface);padding:32px;display:flex;flex-direction:column;justify-content:center}.residence-card-note h3{font-size:34px!important;line-height:1.05}.residence-card-note p{color:var(--text-muted)!important;max-width:220px;margin:15px 0 24px!important}.residence-card-note .button{align-self:flex-start}.testimonial-section{background:var(--green);color:var(--surface);padding:110px 11vw 120px}.testimonial-section blockquote{max-width:850px;font:500 clamp(36px,5vw,72px)/1.06 var(--font-subheading);letter-spacing:-.045em;margin:48px 0 28px}.testimonial-section>p{color:var(--text-muted);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.faq-section{padding:110px 11vw;background:var(--surface-soft)}.faq-heading{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:end;margin:48px 0}.faq-heading h2{font:500 clamp(44px,5.6vw,80px)/1.02 var(--font-subheading);letter-spacing:-.05em;margin:0}.faq-heading em{color:var(--accent-text);font-style:italic}.faq-heading p{color:var(--text-muted);max-width:360px}.faq-list{max-width:800px;border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;list-style:none;font:500 22px var(--font-subheading);padding-right:32px;position:relative}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary:after{content:'+';position:absolute;right:0;color:var(--accent-text);font:24px var(--font-text)}.faq-list details[open] summary:after{content:'\002212'}.faq-list p{color:var(--text-muted);max-width:650px;font-size:13px;margin:12px 0 0}.condo-header.is-sticky{position:fixed;background:var(--overlay-solid);backdrop-filter:blur(12px);padding-top:14px;padding-bottom:14px}.condo-header.header-hidden{transform:translateY(-100%);transition:transform .35s ease}.condo-header{transition:transform .35s ease,background .35s ease,padding .35s ease}@media(max-width:800px){.hero-actions{align-items:flex-start;flex-direction:column;gap:20px}.faq-heading{grid-template-columns:1fr;gap:15px}.testimonial-section,.faq-section{padding:80px 8vw}.testimonial-section blockquote{margin-top:34px}.residence-card-note{min-height:280px}.condo-header.is-sticky{padding-top:14px;padding-bottom:14px}}

body,button,input,select,textarea{font-family:var(--font-default)}h1,h2{font-family:var(--font-heading)!important}h3,h4,h5,h6,.lead,blockquote,summary{font-family:var(--font-subheading)!important}

/* Shared desktop rhythm: prevent viewport-sized gutters on wide screens. */
:root{--page-gutter:clamp(20px,5vw,80px);--section-space:clamp(64px,7vw,96px);--layout-gap:clamp(28px,4vw,60px)}
@media(min-width:801px){
 .section,.testimonial-section,.faq-section{padding-right:var(--page-gutter);padding-left:var(--page-gutter)}
 .section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
 .testimonial-section{padding-top:var(--section-space);padding-bottom:calc(var(--section-space) + 12px)}
 .faq-section{padding-top:var(--section-space);padding-bottom:var(--section-space)}
 .intro-grid,.faq-heading{gap:var(--layout-gap)}
 .intro-grid{margin-bottom:clamp(64px,7vw,88px)}
 .section-heading{gap:var(--layout-gap)}
 .contact{gap:var(--layout-gap)}
}
/* Monochrome text palette: gold stays on surfaces (buttons, borders, logo); all text uses black/white shades. */
.hero,.hero-slider,.inner-hero,.tower-detail-hero,.property-detail-hero,.about-page-hero,.journal-hero,.amenities-hero,.dark-section,.contact,.condo-contact,.residence-card,.residence-card-note,.apartment-grid article,.testimonial-section,.tower-cta,.tower-chip,.amenity-preview--essentials,.amenities-confidence,.amenities-cta--updated,.site-footer,.site-header,.dropdown-menu,.nav-links.open,.about-visit-cta,.journal-cta{--accent-text:var(--accent-text-inverse);--accent-text-soft:var(--accent-text-inverse-soft)}

/* Muted grey (#595959) is unreadable on the dark surfaces, so it inverts there too.
   The header surfaces are deliberately left out: they are light/glass. */
.hero,.hero-slider,.inner-hero,.tower-detail-hero,.property-detail-hero,.about-page-hero,.journal-hero,.amenities-hero,.dark-section,.contact,.condo-contact,.residence-card,.residence-card-note,.apartment-grid article,.testimonial-section,.tower-cta,.tower-chip,.amenity-preview--essentials,.amenities-confidence,.amenities-cta--updated,.site-footer,.about-visit-cta,.journal-cta{--text-muted:var(--text-muted-inverse)}

/* Light cards nested inside those dark surfaces keep the light palette. */
.enquiry-form,.light-form{--accent-text:var(--ink);--accent-text-soft:var(--text-muted);--text-muted:var(--muted-foreground)}