/* OCT Investment Website v2 — additions to original design system */
:root{--oct-ivory:#f7f5f0;--oct-navy:#102639;--oct-gold:#c69b49}
.btn-outline-dark{background:transparent;border-color:var(--navy);color:var(--navy)}.btn-outline-dark:hover{background:var(--navy);color:#fff}
/* Discoverable direct contact, without changing the visible business phone number */
.floating-whatsapp{position:fixed;right:24px;bottom:22px;z-index:100;display:inline-flex;align-items:center;gap:10px;background:#127c52;color:#fff;font:800 12px/1 var(--font);padding:14px 19px;border-radius:40px;box-shadow:0 10px 27px #031b1566;transition:transform .2s,box-shadow .2s}
.floating-whatsapp svg{width:22px;height:22px;display:block}.floating-whatsapp:hover{transform:translateY(-3px);box-shadow:0 15px 30px #031b1577}.floating-whatsapp:focus-visible,.btn:focus-visible,.gallery-item:focus-visible,.film-card:focus-visible{outline:3px solid var(--gold);outline-offset:3px}
/* Corporate identity and distinct company page */
.about-hero{background:#0c2335;color:#fff;overflow:hidden}.about-hero-grid{display:grid;grid-template-columns:1fr .88fr;min-height:610px;gap:7%;align-items:center}.about-hero-text{padding:78px 0 90px}.about-hero h1{font:400 clamp(46px,5.3vw,81px)/1.12 Georgia,serif;letter-spacing:-.045em;margin:27px 0;color:#fff}.about-hero h1 em{color:#d7bc7f;font-weight:400}.about-hero-text>p:not(.eyebrow){max-width:475px;color:#dae0e3;font-size:15px;line-height:2;margin-bottom:34px}.about-hero-photo{height:100%;max-height:625px;min-height:480px;position:relative}.about-hero-photo:before{content:'';position:absolute;inset:16px -30px 32px 32px;border:1px solid #b8924e55}.about-hero-photo img{width:100%;height:100%;max-height:625px;min-height:480px;object-fit:cover;position:relative;filter:saturate(.92)}
.about-story-grid{display:grid;grid-template-columns:.85fr 1fr;gap:10%;align-items:center}.story-image{position:relative}.story-image img{aspect-ratio:.88;object-fit:cover;width:100%;box-shadow:-23px 23px 0 #e3dacc}.about-story-grid .lead-copy{max-width:600px}.mission-section{background:#ede8de}.mission-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}.mission-grid article{background:#fffefa;padding:56px 49px;min-height:290px;border-top:3px solid var(--gold)}.mission-grid h2{font:400 43px/1.1 var(--serif);margin:20px 0 22px;color:var(--navy)}.mission-grid p{color:var(--soft);max-width:460px;line-height:1.95}.values-section{background:#fffefa}.values-grid{margin-top:44px}.about-lotus{background:#102639;color:#fff}.about-lotus-grid{display:grid;grid-template-columns:.9fr 1fr;gap:9%;align-items:center}.about-lotus-grid .display-title{color:#fff}.about-lotus-grid .lead-copy{color:#dae3e7;margin-bottom:30px}.about-lotus-grid img{width:100%;height:490px;object-fit:cover}.about-contact-cta{text-align:center}.about-contact-cta .display-title{margin-bottom:12px}.about-contact-cta .lead-copy{margin-left:auto;margin-right:auto}.about-contact-cta .hero-actions{justify-content:center;margin-top:35px}
/* Highlight videos individually */
.v2-film-section{background:#f3f0ea}.v2-film-section .film-card{border-radius:2px;box-shadow:0 14px 35px #0e253323;aspect-ratio:16/9}.v2-film-section .film-play{background:#cca65b;color:#142433;border:0;box-shadow:0 0 0 10px #ffffff21}.v2-film-section .film-label{padding:20px;left:0;right:0;bottom:0;background:linear-gradient(transparent,#081b2be0);font-size:14px}.v2-film-section .film-card:hover .film-play{background:#e9c77c}
/* Download or browse full 28-page brochure */
.digital-brochure{background:#eae6df}.digital-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:35px}.digital-heading .lead-copy{max-width:700px}.digital-heading>.btn{flex-shrink:0}.brochure-app{background:#fff;border:1px solid #d7cfbf;box-shadow:0 23px 50px #23374b1b;overflow:hidden}.brochure-toolbar{background:#102639;color:#fff;padding:12px 22px;display:flex;justify-content:space-between;align-items:center}.brochure-status{display:flex;gap:20px;align-items:center}.brochure-status .eyebrow{color:#d8b56a}.brochure-status strong{font-size:12px;letter-spacing:.15em;color:#fff}.brochure-tools{display:flex;gap:6px}.brochure-tools button{background:#ffffff10;border:1px solid #ffffff38;color:#fff;font-size:14px;padding:9px 12px}.brochure-tools button:hover{background:#ffffff25}.brochure-stage{position:relative;display:flex;align-items:center;justify-content:center;gap:8px;padding:20px 12px;background:#edeae3;min-height:300px}.brochure-page-frame{width:100%;flex:1;display:flex;justify-content:center;align-items:center;overflow:auto}.brochure-page-frame img{width:100%;height:auto;max-width:1150px;max-height:70vh;object-fit:contain;box-shadow:0 4px 20px #0b25303a;display:block;background:#fff;transition:max-width .2s}.brochure-app.zoomed .brochure-page-frame img{max-width:1800px;width:160%;max-height:none;flex:none}.brochure-side{border:0;background:#102639;color:#f6f5ef;border-radius:99px;width:43px;height:43px;flex:0 0 43px;font:400 31px/1 Arial,sans-serif}.brochure-side:disabled{opacity:.3;cursor:not-allowed}.brochure-bottom{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;gap:16px}.brochure-bottom-nav{border:1px solid #d9d1c2;background:transparent;padding:10px 16px;color:#182e40;font:700 11px var(--font)}.brochure-bottom-nav:hover{background:#f2eee5}.brochure-bottom-nav:disabled{opacity:.35;cursor:not-allowed}.brochure-select{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700}.brochure-select select{border:1px solid #d4cbbf;background:#fff;padding:10px 12px;font-size:12px}.brochure-app:fullscreen{background:#ece9e3;display:flex;flex-direction:column}.brochure-app:fullscreen .brochure-stage{flex:1;min-height:0}.brochure-app:fullscreen .brochure-page-frame img{max-height:calc(100vh - 165px)}
.home-brochure-teaser{padding:85px 0;background:#102639;color:#fff}.home-brochure-teaser>.container{display:grid;grid-template-columns:.45fr 1fr;gap:11%;align-items:center}.home-brochure-teaser .display-title{color:#fff}.home-brochure-teaser .lead-copy{color:#c9d4dc}.home-brochure-photo{width:100%;max-width:400px;box-shadow:20px 18px 0 #c69b4933}.home-brochure-photo img{width:100%;aspect-ratio:16/9;object-fit:cover}.home-brochure-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:30px}.home-brochure-teaser .btn-outline-dark{border-color:#d8caad;color:#fff}.home-brochure-teaser .btn-outline-dark:hover{background:white;color:var(--navy)}
/* Project and surrounding area — map accurately geolocated */
.district-section{background:#f9f7f3}.district-top{display:flex;justify-content:space-between;align-items:end;gap:55px;margin-bottom:40px}.district-top>div:first-child{max-width:830px}.district-top .lead-copy{max-width:820px;margin-top:22px}.district-accent{border-left:3px solid var(--gold);padding:7px 0 7px 20px;min-width:190px}.district-accent strong{font:400 60px/1.1 var(--serif);color:var(--navy)}.district-accent strong small{font:700 15px var(--font)}.district-accent span{display:block;color:var(--soft);font-size:10px;margin-top:10px}.district-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:stretch}.district-map{min-height:415px;background:#eee;position:relative;overflow:hidden;border:1px solid var(--line)}.district-map iframe{width:100%;height:100%;min-height:415px;border:0;display:block;filter:saturate(.7)}.map-float-label{position:absolute;left:16px;top:16px;background:#102639;color:#fff;font-size:12px;padding:8px 16px;box-shadow:0 4px 20px #0004;pointer-events:none}.district-copy{padding:35px 27px;background:#f0ece4}.district-copy h3{font:400 29px var(--serif);margin-bottom:21px}.local-amenities{display:grid;gap:11px}.local-amenities>div{display:flex;align-items:start;gap:12px;font-size:12px;border-bottom:1px solid #c6baa744;padding-bottom:10px;color:#384957}.amenity-dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:var(--gold);margin-top:9px}.district-copy .note{color:#818c93;line-height:1.75;margin-top:14px}.location-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.location-actions .btn{font-size:10px;min-height:46px;gap:7px;padding:0 15px}.distance-tiles{display:grid;grid-template-columns:repeat(4,1fr);margin-top:35px;border-top:1px solid #ddd4c8;border-bottom:1px solid #ddd4c8}.distance-tiles>div{padding:23px 20px;border-right:1px solid #ddd4c8}.distance-tiles>div:last-child{border:0}.distance-tiles strong{display:block;font:400 34px/1.3 var(--serif);color:var(--navy)}.distance-tiles strong small{font:700 12px var(--font)}.distance-tiles span{font-size:11px;color:var(--soft)}.district-footer-note{color:var(--soft)}
/* Gallery keyboard, swipe, arrows with true separate file lightbox */
.gallery-hint{font-size:12px;margin:12px 0 20px;color:var(--soft)}.gallery-disclaimer{font-size:11px;margin-top:25px;color:#819098}.lightbox:not([hidden]){display:flex;flex-direction:row;align-items:center;justify-content:center;padding:40px 65px}.lightbox-center{display:flex;flex-direction:column;align-items:center;justify-content:center;max-width:calc(100vw - 160px);max-height:95vh;min-width:0}.lightbox-imagewrap{min-width:0;display:flex;align-items:center;justify-content:center}.lightbox-imagewrap img{max-width:calc(100vw - 175px);max-height:76vh;object-fit:contain}.lightbox-meta{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap;color:#fff;font-size:12px;padding-top:10px}.lightbox-counter{color:#d9b96e;font-weight:800;letter-spacing:.1em;white-space:nowrap}.lightbox-meta .modal-caption{padding:0;font-size:12px}.lightbox-note{font-size:10px;max-width:840px;color:#aabbc7;text-align:center;line-height:1.6;margin-top:7px}.lightbox-arrow{background:#ffffff14;color:#fff;border:1px solid #ffffff70;border-radius:60px;position:absolute;top:50%;transform:translateY(-50%);width:46px;height:60px;font:400 43px/1 Georgia,serif;z-index:5}.lightbox-arrow:hover{background:#cca65b;color:#102639}.lightbox-prev{left:16px}.lightbox-next{right:16px}
/* FAQ */
.faq-section{background:#eae6df}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:12%}.faq-list{border-top:1px solid #cfc5b8}.faq-list details{border-bottom:1px solid #cfc5b8}.faq-list summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 0;font-weight:700;font-size:14px;color:var(--navy)}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font:400 27px var(--serif);color:var(--gold-dark)}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:620px;color:#5c6a74;font-size:13px;padding:0 0 24px;line-height:1.9}
@media(max-width:1050px){.about-hero-grid{gap:3%}.district-grid{gap:20px}.district-copy{padding:26px 18px}.location-actions .btn{width:100%}}
@media(max-width:780px){.about-hero-grid{display:block}.about-hero-text{padding:65px 0 55px}.about-hero h1{font-size:clamp(44px,9vw,67px)}.about-hero-photo{height:330px;min-height:0;margin:0 -22px}.about-hero-photo img{height:330px;min-height:0}.about-hero-photo:before{display:none}.about-story-grid,.mission-grid,.about-lotus-grid,.faq-layout,.home-brochure-teaser>.container,.district-grid{grid-template-columns:1fr}.about-story-grid,.about-lotus-grid{gap:44px}.about-story-grid .story-image{max-height:420px;overflow:hidden}.about-story-grid .story-image img{aspect-ratio:1.2}.mission-grid article{padding:35px}.about-lotus-grid img{height:300px}.district-top{display:block}.district-accent{margin-top:32px}.district-map,.district-map iframe{min-height:300px}.distance-tiles{grid-template-columns:1fr 1fr}.distance-tiles>div:nth-child(2){border-right:0}.distance-tiles>div:nth-child(-n+2){border-bottom:1px solid #ddd4c8}.digital-heading{display:block}.digital-heading .btn{margin-top:23px}.home-brochure-teaser>.container{gap:45px}.home-brochure-photo{max-width:310px}.home-brochure-teaser{padding:70px 0}.faq-layout{gap:40px}.brochure-side{width:34px;height:42px;flex-basis:34px}.brochure-stage{gap:3px;padding:15px 5px}.brochure-bottom{padding:10px;gap:6px}.brochure-bottom-nav{font-size:0;padding:9px 10px;min-width:35px}.brochure-bottom-nav:first-child:after{content:'←';font-size:15px}.brochure-bottom-nav:last-child:after{content:'→';font-size:15px}.brochure-tools button span{display:none}.lightbox:not([hidden]){padding:36px 39px}.lightbox-center{max-width:calc(100vw - 80px)}.lightbox-imagewrap img{max-width:calc(100vw - 80px);max-height:70vh}.lightbox-arrow{width:30px;height:48px;font-size:29px;border:0;background:#0008}.lightbox-prev{left:2px}.lightbox-next{right:2px}.lightbox-note{max-width:90vw}.floating-whatsapp{right:14px;bottom:15px;padding:12px 15px}.floating-whatsapp span{display:none}}
@media(max-width:480px){.district-top .display-title,.faq-section .display-title{font-size:40px}.brochure-status{gap:8px}.brochure-status .eyebrow{font-size:8px}.brochure-status strong{font-size:10px}.brochure-toolbar{padding:10px}.brochure-select{font-size:10px;gap:3px}.brochure-select select{font-size:11px;padding:7px}.mission-grid h2{font-size:36px}.about-hero-text>p:not(.eyebrow){font-size:14px}}

/* Residence type cards now pair verified area data with illustrative visuals. */
.residence-card{overflow:hidden}.residence-preview{height:166px;position:relative;margin:-1px -1px 18px;background:#d2d1ca}.residence-preview img{width:100%;height:100%;object-fit:cover}.residence-preview-note{position:absolute;right:8px;bottom:8px;background:#0b2030ca;padding:5px 8px;color:#fff;font-size:8px;letter-spacing:.09em;font-weight:700}.residence-plan-link{display:block;margin-top:16px;border-top:1px solid #ded5c6;padding-top:14px;color:#946c2f;font-size:11px;font-weight:800}.residence-plan-link:hover{text-decoration:underline}