/* ATY Signature / September 2026. Presentation only: existing motion is retained. */
html:root {
  --orange:#ff6e00; --orange-dark:#a74700; --ink:#272626; --muted:#73706d;
  --paper:#f6f4ee; --tint:#eeece6; --line:#dad8d3; --forest:#222221;
  --champagne:#ffb37d; --sans:'ATY Geist',Arial,Helvetica,sans-serif;
  --card-paper:#fffef8; --card-ink:#201f1f; --card-muted:#706e6b;
  --card-line:#dad8d3; --card-soft:#f2f0ea; --card-dark:#201f1f;
  --card-accent:#ff6e00; --card-accent-ink:#a74700; --card-radius:4px;
  --card-shadow:0 8px 28px #26262508; --card-shadow-hover:0 18px 40px #26262514;
}
html:root body {background:var(--paper);color:var(--ink);font-family:var(--sans)}
html:root body ::selection {background:#ffc093;color:#161615}
html:root body :is(h1,h2) {letter-spacing:-.045em}
html:root body .header {background:#131312f7;color:#f6f4ee;border-bottom:1px solid #ff6e004d;box-shadow:0 5px 26px #1c1b1b10}
html:root body .navigation {font-size:13px;gap:24px}
html:root body .navigation>a:not(.button):hover {color:#ffb37d}
html:root body .header .button {background:#ff6e00;border-color:#ff6e00;color:#161615;border-radius:2px;padding:15px 19px}
html:root body :is(.navigation.open,.location-menu>div) {background:#222221;color:#f6f4ee;border-color:#4f4d4b}
html:root body .location-menu>div a:hover {background:#373534;color:#d4d2cd}
html:root body .button {border-radius:2px;min-height:48px;letter-spacing:.015em}
html:root body .button.dark {background:#222221;border-color:#222221}
html:root body .text-link {font-size:14px;border-bottom-color:#c0753f;gap:26px;min-height:40px}
html:root body .text-link>span {color:#a74700}
html:root body .section {padding-top:100px;padding-bottom:100px}
html:root body .section.compact {padding-top:48px;padding-bottom:48px}
html:root body .section-heading {gap:70px;align-items:end;margin-bottom:48px;padding-bottom:28px;border-bottom:1px solid var(--line)}
html:root body .section-heading h2 {font-size:clamp(38px,4.2vw,64px);line-height:1.07}
html:root body .section-heading .eyebrow {color:#a74700;letter-spacing:.17em;font-size:12px}
html:root body .section-heading>div>p:not(.eyebrow) {line-height:1.8;font-size:16px}
html:root body .page-intro {padding-block:72px 48px;position:relative;border-bottom:1px solid var(--line);margin-bottom:40px}
html:root body .page-intro:before {content:'';display:block;width:54px;height:4px;background:#ff6e00;margin-bottom:28px}
html:root body .page-intro h1 {font-size:clamp(46px,6.2vw,86px);max-width:1050px}
html:root body .page-intro .eyebrow {color:#a74700}
html:root body .page-intro .lead {font-size:20px;max-width:780px}
/* Cinema keeps the exact original animation, timing, controls and imagery layers. */
html:root body :is(.house-scroll,.developer-cinema,.location-cinema,.section-cinema) {background:#211f1d}
html:root body .hero-copy h1 em {color:#ffb781}
html:root body .hero-copy .eyebrow {color:#ffd4b4}
html:root body .hero-copy .button {background:#ff6e00;color:#161615;border-color:#ff6e00}
html:root body .hero-caption span {color:#f4f3ed}
html:root body .hero-caption small {color:#dfded8}
html:root body .hero-caption i {background:#ff6e00}
html:root body :is(.hero-bottom,.hero-bottom a) {color:#f3f1eb;border-color:#ffffff38}
html:root body .hero-shade {z-index:2;background:linear-gradient(90deg,#10100fc9 0%,#10100f68 50%,#10100f08 100%),linear-gradient(0deg,#10100fda,transparent 48%)}
html:root body :is(.hero-caption,.hero-bottom) {z-index:3}
html:root body .hero-copy p:not(.eyebrow) {color:#f2f0ea}
html:root body .villa-controls button {background:#16161573;color:#f7f5ef;border:1px solid #fff6;border-radius:2px}
html:root body .hero-progress {background:#ff6e00}
/* Charcoal editorial opening, warm-white destination gallery and dark knowledge library. */
html:root body #about.about {background:#f6f4ee;color:#201f1f;padding-top:104px;padding-bottom:80px}
html:root body #about .eyebrow {color:#a74700}
html:root body #about h2 {font-size:clamp(40px,4.7vw,70px)}
html:root body #about h2 em {color:#a74700}
html:root body #about .about-grid {grid-template-columns:1.1fr 1fr;gap:90px}
html:root body #about .about-grid p:not(.lead) {color:#706e6b;line-height:1.85}
html:root body #about .lead {color:#201f1f;font-size:23px}
html:root body #about .principles {border-color:#dad8d3;color:#dfded8;gap:26px}
html:root body #about .principles b {color:#a74700;font-size:16px}
html:root body #about .text-link {border-color:#c0753f}
html:root body .home-locations {padding-top:54px}
html:root body #main .location-choice {background:#fffef8;border-radius:3px;border:1px solid #d5d3ce;border-top:0;box-shadow:0 10px 30px #2a29280b}
html:root body #main .location-card-image {height:300px;border-radius:2px 2px 0 0}
html:root body #main .location-card-copy {background:#fffef8;padding:30px}
html:root body #main .location-card-copy h3 {color:#242423;font-size:43px}
html:root body #main .location-card-copy p {color:#706d6a;line-height:1.75}
html:root body #main .location-card-action {color:#2a2a29;border-color:#d6d4cf}
html:root body #main .location-card-action>span {background:#ff6e00;color:#1b1b1a;border-radius:50%;width:38px;height:38px}
html:root body .home-developers {background:#222221}
html:root body #main .developer-logo-flip-face {border-radius:3px;border-top:1px solid #aba8a34d;box-shadow:0 10px 24px #2b2a2909}
html:root body #main .developer-logo-flip-toggle {border-radius:2px}
html:root body #main :is(.project-card,.news-card,.guide-card,.download-location-card,.layout-property-card,.document-card,.locality-card) {border-radius:3px;border-top-width:1px;box-shadow:var(--card-shadow)}
html:root body #main .project-card.project-card {padding:16px 24px 0;border:1px solid #dbdad4;background:#fffef8}
html:root body #main .project-card.project-card .listing-logo {border-bottom:1px solid #dfded8;background:#fff;border-radius:2px;min-height:150px}
html:root body #main .project-card.project-card .project-body {padding:28px 0}
html:root body #main .project-card.project-card .project-body h3 {font-size:29px;line-height:1.16;font-family:var(--serif);font-weight:400}
html:root body #main .project-card.project-card .project-actions {border-color:#d9d8d2}
html:root body #main .project-card.project-card .project-actions a {background:#242423;border-radius:2px;border-color:#242423;color:#f4f3ed}
html:root body #main .project-card.project-card .project-actions button {border-radius:2px;color:#696764}
html:root body #main :is(.listing-status,.tag) {border-radius:2px}
html:root body .locality-strip {border-color:#d9d8d2;background:#f0efe9;padding:22px;gap:22px}
html:root body .locality-strip>span {color:#a74700}
html:root body .knowledge-feature {background:#201f1f;color:#f4f3ed}
html:root body .knowledge-feature .section-heading {border-color:#6c6a67}
html:root body .knowledge-feature :is(h2,.text-link) {color:#f4f3ed}
html:root body .knowledge-feature .section-heading .eyebrow {color:#ffbc8b}
html:root body .knowledge-feature .section-heading>div>p:not(.eyebrow) {color:#cccbc5}
html:root body .home-guides {gap:0}
html:root body .home-guides>a {border-color:#5f5d5b;background:transparent;padding:30px 28px}
html:root body .home-guides>a:first-child {border-color:#5f5d5b}
html:root body .home-guides>a>span {color:#ffbc8b;font-family:var(--serif);font-size:35px;font-weight:400}
html:root body .home-guides>a h3 {font-size:29px;color:#f4f3ed;font-family:var(--serif);font-weight:400}
html:root body .home-guides>a p {color:#cccbc5;font-size:15px;line-height:1.8}
html:root body .home-guides>a b {color:#ffb781;font-size:14px}
html:root body .home-guides>a:hover {background:#343332}
html:root body .knowledge-footnote {border-color:#5f5d5b;color:#cccbc5}
html:root body #main .news-card {padding:30px;background:#fffef8;border-color:#dbdad4}
html:root body #main .news-card .news-content h3 {font-family:var(--serif);font-weight:400;font-size:30px}
html:root body #main .news-card .news-content .news-read-link {border-radius:2px;background:#242423;color:#f4f3ed}
html:root body #main :is(.edit-cover-title,.edit-desk) {background:#242423;border-color:#585654;color:#f4f3ed}
html:root body #main :is(.edit-story,.article-grid>article,.guide-card) {border-radius:3px;border-top-width:1px}
html:root body #main .edit-story :is(.edit-number,.edit-period) {background:#eeece6;color:#904513}
html:root body #investment {background:#edece6}
html:root body :is(.growth-card,.planning-promo) {background:#fffef8;border:1px solid #d8d7d2;border-radius:3px;padding:32px}
html:root body .planning-promo h3 {font-family:var(--serif);font-size:45px;color:#2b2a2a}
html:root body .planning-promo>a {border-color:#d9d8d2;color:#3c3b39}
html:root body .planning-promo>a>span {color:#a74700}
html:root body .planning-promo>a small {color:#706e6b}
html:root body #main :is(.filter-panel,.download-filters,.layout-search-panel,.edit-filter-bar) {background:#efede7;border-radius:3px;border-color:#dbdad4}
html:root body #main :is(.filter-panel,.download-filters,.layout-search-panel,.edit-filter-bar) :is(input,select) {border-radius:2px;border-color:#b6b3ad;min-height:48px}
html:root body :is(.tabs,.category-tabs) {border-color:#d8d7d2}
html:root body .tabs button.active {background:#242423;color:#f7f5ef;border-color:#242423}
html:root body #main :is(.planning-tools>.tabs,.planning-tools .calculator,.planning-tools .buyer-tool,.planning-tools .roi-panel) {border-radius:3px;border-top-width:1px}
html:root body #main .planning-tools :is(.calculator-result,.buyer-result) {background:#242423;border-color:#5e5c59;border-radius:3px}
html:root body #main .planning-tools>.tabs button {border-radius:2px}
html:root body #main .planning-tools>.tabs button.active {background:#242423;box-shadow:inset 0 -3px #ff6e00}
html:root body #main .planning-tools :is(.buyer-tool button,input:not([type=checkbox]):not([type=radio]),select) {border-radius:2px}
html:root body #main :is(.download-location-card,.layout-property-card) {border-radius:3px;background:#fffef8;border-color:#dbdad4}
html:root body #main .download-location-card {padding:36px;min-height:250px}
html:root body #main .download-location-card span {background:#242423;color:#f4f3ed;border-radius:2px}
html:root body #main :is(.layout-property-actions,.document-actions,.download-actions) a {border-radius:2px;border-color:#b8b5af}
html:root body :is(.layout-location-card,.layout-search-empty,.download-section,.archive-callout,.callout,.benchmark-note) {background:#efede8;border-color:#dddbd6}
html:root body :is(.layout-location-card,.callout) {border-radius:3px}
html:root body :is(.callout,.benchmark-note) {border-left-color:#ff6e00}
html:root body #main .article-grid>article {padding:30px;background:#fffef8}
html:root body :is(.article,.guide-article) {color:#434240;line-height:1.85}
html:root body :is(.article h2,.guide-article h2) {color:#201f1f}
html:root body :is(.article blockquote,.guide-article blockquote) {border-color:#ff6e00;background:#eeece6;color:#565552}
html:root body :is(.article table,.facts,.project-detail-table) {border-color:#d8d6d1}
html:root body :is(.article th,.facts>div) {border-color:#d8d6d1}
html:root body :is(.faq-section,.home-documents) {background:#f6f4ee}
html:root body .faq-section details {border-color:#d8d6d1;padding:20px 0}
html:root body .faq-section summary {font-family:var(--serif);font-size:24px;color:#242423}
html:root body .faq-section summary:after {color:#a74700}
html:root body :is(.contact-final,.contact-card) {background:#252424}
html:root body .contact-final {border-top:1px solid #5e5c59}
html:root body #main :is(.contact-card,.enquiry-panel,.contact-selection) {border-radius:3px;border-color:#d9d7d2;box-shadow:none}
html:root body :is(.contact-story h2,.contact-story h1) {color:#242423}
html:root body .contact-story .eyebrow {color:#a74700}
html:root body .contact-story :is(p,.business-link) {color:#ceccc7}
html:root body :is(.enquiry-panel,.enquiry-form) {background:#fffef8}
html:root body :is(.enquiry-panel,.enquiry-form) :is(input,textarea,select) {background:#fff;border-color:#b4b1ab;color:#242423;border-radius:2px;min-height:46px}
html:root body .contact-promise {background:#323130;border-left:2px solid #ff6e00;color:#dddbd6;padding:22px}
html:root body .footer {background:#201f1f;border-top:3px solid #ff6e00;padding-top:74px;color:#f7f5ef}
html:root body .footer-top h3 {color:#ffb57d;letter-spacing:.1em;text-transform:uppercase;font-size:12px}
html:root body .footer-top :is(p,a),html:root body .footer-bottom,html:root body .footer>.fine {color:#cbcac4}
html:root body .footer-top a:hover {color:#ffb57d}
html:root body .footer-bottom {border-color:#595855;padding-top:26px}
/* Developer imagery remains on the original automatic reveal timeline. */
html:root body .developer-cinema-shade {background:linear-gradient(90deg,#141413bf,transparent 78%),linear-gradient(0deg,#141413fa,#14141382 30%,transparent 72%)}
html:root body .developer-cinema-copy h1 {color:#f6f4ee;font-size:clamp(46px,6vw,86px)}
html:root body .developer-cinema-project {color:#ffba85}
html:root body .developer-cinema-kicker {color:#ffd9bb}
html:root body .developer-cinema-tagline {color:#efede7}
html:root body .developer-motion-toggle {border-radius:2px;background:#1b1a1a70}
html:root body .developer-cinema-identity {border-bottom-color:#ff6e00;border-radius:2px}
html:root body .developer-cinema-progress {background:#ff6e00}
html:root body .developer-cinema-credit {color:#dfded8}
html:root body .section-cinema-shade {background:linear-gradient(90deg,#151414ed 0%,#151414bd 30%,#15141418 68%,transparent),linear-gradient(0deg,#151414ee,transparent 35%)}
html:root body .section-cinema-copy .eyebrow {color:#ffd1ad}
html:root body .section-cinema-copy .button {background:#ff6e00;border-color:#ff6e00;color:#161615}
html:root body .section-cinema-motion {background:#25242380;border-radius:2px}
html:root body .section-cinema-progress {background:#ff6e00}
html:root body .project-detail-v3 {background:#f6f4ee;color:#242423}
html:root body .project-detail-v3 :is(h1,h2) {font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.035em;color:#242423}
html:root body .project-detail-v3 h1 {font-size:clamp(38px,4.2vw,58px)}
html:root body .project-detail-v3 h2 {font-size:34px}
html:root body .project-detail-v3 :is(.eyebrow,.inline-button,.pd-source,.document-actions,.plan-description .text-link) {color:#a74700}
html:root body .project-detail-v3 :is(.breadcrumb,.project-location,.gallery-source,.hero-note,.information-grid dt,.variant small,.confirmation-list,.document-intro) {color:#716f6b}
html:root body .project-detail-v3 :is(.project-gallery,.gallery-main,.gallery-secondary,.plan-image) {border-radius:3px;background:#edebe5}
html:root body .project-detail-v3 .gallery-open {background:#242423;color:#f4f3ed;border-radius:2px}
html:root body .project-detail-v3 .section-nav {background:#f6f4eef7;border-color:#d6d5cf}
html:root body .project-detail-v3 .section-nav a {color:#615f5c}
html:root body .project-detail-v3 .section-nav a.active {color:#a74700;border-color:#ff6e00}
html:root body .project-detail-v3 :is(.key-facts,.compact-empty,.filing-link,.document-pending,.plan-file) {background:#eeece6;border-color:#d8d7d1;border-radius:3px}
html:root body .project-detail-v3 :is(.project-content>section,.information-grid>div,.registration-record,.project-overview) {border-color:#dcdbd5}
html:root body .project-detail-v3 .key-facts strong {color:#242423}
html:root body .project-detail-v3 .variant {border-radius:3px;background:#fffef8}
html:root body .project-detail-v3 .variant[aria-pressed=true] {border-color:#ba5a14;background:#f1efe9}
html:root body .project-detail-v3 .variant b {color:#994809}
html:root body .project-detail-v3 .selected-plan {border-radius:3px;border-color:#d6d5cf}
html:root body .project-detail-v3 :is(.title-row,.project-summary) {padding-top:18px}
html:root body .enquiry-form {border-radius:3px;box-shadow:0 18px 48px #29282809}
html:root body .developer-intro {border-bottom:1px solid #d9d7d2;padding-bottom:44px;gap:64px}
html:root body :is(.portfolio-group,.portfolio-section) {border-color:#d9d7d2}
html:root body :is(.developer-cinema-links a,.developer-scene-phases button[aria-current=step]) {border-color:#ff9d5e}
html:root body #main :is(a,button,input,select,textarea,summary):focus-visible {outline:3px solid #a74700;outline-offset:4px;box-shadow:0 0 0 3px #fff}
@media(max-width:1200px) {
 html:root body .navigation {gap:20px}
 html:root body .section-heading {gap:40px}
 html:root body #about .about-grid {gap:45px}
}
@media(max-width:850px) {
 html:root body .section {padding-block:64px}
 html:root body .section-heading {gap:24px;padding-bottom:24px;margin-bottom:30px}
 html:root body #about.about {padding-block:64px}
 html:root body #about .about-grid {grid-template-columns:1fr;gap:18px}
 html:root body .page-intro {padding-block:48px 30px;margin-bottom:28px}
 html:root body .page-intro h1 {font-size:clamp(43px,7vw,66px)}
 html:root body #main .location-card-image {height:240px}
 html:root body .developer-intro {gap:30px}
}
@media(max-width:700px) {
 html:root body .villa-autoplay:not(.developer-directory-cinema) .hero-sticky {background:#201f1f}
 html:root body .section-heading h2 {font-size:38px}
 html:root body #about h2 {font-size:42px}
 html:root body .page-intro .lead {font-size:18px}
 html:root body #main .project-card.project-card {padding:14px 22px 0}
 html:root body #main .project-card.project-card .project-body {padding:22px 0}
 html:root body #main .location-card-copy {padding:25px}
 html:root body #main .location-card-copy h3 {font-size:36px}
 html:root body .home-guides>a {padding:26px 10px}
 html:root body #main :is(.news-card,.download-location-card,.layout-property-card) {padding:24px}
 html:root body .developer-cinema-shade {background:linear-gradient(0deg,#1b1b1a 0%,#1b1b1a 31%,#1b1b1ae8 44%,#1b1b1a20 74%)}
 html:root body .developer-cinema-copy h1 {font-size:clamp(36px,10vw,54px)}
 html:root body .footer {padding-top:52px}
 html:root body :is(.growth-card,.planning-promo) {padding:24px}
}
@media(max-width:600px) {
 html:root body .section-cinema-shade {background:linear-gradient(180deg,#201f1f 0%,#201f1f 38%,transparent 54%,transparent 82%,#201f1f 94%)}
 html:root body .developer-directory-cinema .hero-shade {background:linear-gradient(180deg,#201f1f 0%,#201f1f 42%,transparent 55%,transparent 78%,#201f1f 90%)}
}
@media(max-width:380px) {
 html:root body .section-heading h2 {font-size:33px}
 html:root body #about h2 {font-size:36px}
 html:root body .hero-copy h1 {font-size:40px}
}
@media print {
 html:root body,html:root body #main {background:#fff;color:#000}
}
/* Owner's final reference direction: neutral near-black and warm white with ATY orange details. */
html:root {--emerald:#3c3b39;--gold:#ff6e00;--gold-ink:#a74700;--night:#141414;--champagne:#ffaf72}
html:root body .button:hover {background:#ffaf72;border-color:#ffaf72;color:#1b1b1a}
html:root body .button.outline:hover {background:#edebe6;border-color:#8e8b87;color:#2b2a2a}
html:root body .button.dark:hover {background:#444341;border-color:#444341;color:#fbfaf3}
html:root body .header .button {background:transparent;color:#ffb67d;border-color:#b36a39}
html:root body .header .button:hover {background:#ff6e00;color:#201f1e}
html:root body .header {border-color:#a5a29d38}
html:root body #about.about {background:#1b1b1a;color:#f3f1eb;position:relative}
html:root body #about .eyebrow,html:root body #about h2 em {color:#ffb17b}
html:root body #about .lead {color:#f1efe9}
html:root body #about .about-grid p:not(.lead) {color:#cbcac4}
html:root body #about .text-link {color:#ffd4b4;border-color:#bc773f}
html:root body #about .principles {border-color:#b7b3ae40;padding-top:32px;margin-top:54px;color:#e5e4de}
html:root body #about .principles>span {display:flex;align-items:center;gap:20px;padding:0 14px 0 0}
html:root body #about .principles>span+span {border-left:1px solid #b7b3ae40;padding-left:24px}
html:root body #about .principles svg {width:42px;height:42px;flex-shrink:0;color:#ff9e5c}
html:root body #about .principles b {display:block;margin:0 0 7px;color:#ffb681;font-size:10px;letter-spacing:.11em}
html:root body #main .location-choice {overflow:hidden;background:#212020;border:0;border-radius:5px;box-shadow:none}
html:root body #main .location-card-copy {background:#212020;padding:28px 30px;color:#f1efe9}
html:root body #main .location-card-copy h3 {color:#f1efe9}
html:root body #main .location-card-copy p {color:#cac9c4}
html:root body #main .location-card-action {color:#ffb781;border-color:#93918c50}
html:root body #main .location-card-action>span {color:#272625;background:#ff6e00}
html:root body .home-developers {background:linear-gradient(135deg,#323130,#171616)}
html:root body .home-developers .section-heading {border-color:#a9a6a140}
html:root body .home-developers .section-heading :is(h2,.text-link) {color:#f0eee8}
html:root body .home-developers .section-heading .eyebrow {color:#ffb27d}
html:root body .home-developers .section-heading>div>p:not(.eyebrow),html:root body .home-developers .source-note {color:#cccac5}
html:root body #main .developer-logo-flip-face {border:1px solid #c4c3be66;border-radius:5px}
html:root body #main .developer-logo-flip-back {background:linear-gradient(145deg,#3e3d3b,#1e1e1d);color:#f0eee8;border-color:#a4a19c}
html:root body #main .developer-logo-flip-back :is(.developer-logo-flip-eyebrow,.developer-logo-flip-hint) {color:#ffba8b}
html:root body #main .project-card.project-card .project-body h3 {color:#333231;text-shadow:none}
html:root body #main .project-card.project-card .project-meta span:first-child {color:#666461}
html:root body #main .project-card.project-card .project-meta span:last-child {background:#efede7;color:#5c5b58;border:1px solid #d1d0ca;border-radius:2px;box-shadow:none}
html:root body #main .project-card.project-card .project-actions a {box-shadow:none}
html:root body #main .project-card.signature-project {padding:0;background:#1e1d1d;border:0;overflow:hidden;border-radius:5px;box-shadow:none;color:#f0efe9}
html:root body #main .signature-project>a {border-radius:0}
html:root body .signature-project-image {position:relative;aspect-ratio:1.12;overflow:hidden;background:#302f2e}
html:root body .signature-project-image img {width:100%;height:100%;object-fit:cover;display:block}
html:root body .signature-project-image:after {content:'';position:absolute;inset:45% 0 0;pointer-events:none;background:linear-gradient(transparent,#1e1d1d)}
html:root body .signature-project-image>span {position:absolute;right:14px;bottom:14px;z-index:1;color:#e9e8e2;font-size:10px;letter-spacing:.02em}
html:root body #main .project-card.signature-project .project-body {padding:23px 26px 29px}
html:root body #main .project-card.signature-project .project-body h3 {color:#f3f2ec;min-height:0;font-size:31px}
html:root body #main .project-card.signature-project .project-meta span:first-child {color:#ffb881}
html:root body #main .project-card.signature-project .project-meta span:last-child {background:transparent;color:#dbdad4;border-color:#c1bdb75e}
html:root body #main .project-card.signature-project :is(.muted,.config,.project-price small) {color:#cbcac5}
html:root body #main .project-card.signature-project .project-price {color:#fff0dc;border-color:#b5b1ac3d}
html:root body #main .project-card.signature-project .project-actions {border-color:#b0ada73d}
html:root body #main .project-card.signature-project .project-actions a {background:transparent;color:#ffaf77;border:0;border-bottom:1px solid #ca7139;width:auto;padding:8px 0;justify-content:space-between;min-height:40px;border-radius:0}
html:root body #main .project-card.signature-project .project-actions a:hover {background:transparent;color:#f5f3ed}
html:root body .signature-invitation {display:grid;grid-template-columns:1.06fr 1fr;background:#161615;color:#f0efe9;min-height:570px}
html:root body .signature-invitation figure {margin:0;position:relative;overflow:hidden;min-height:480px}
html:root body .signature-invitation figure img {position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:66% 50%}
html:root body .signature-invitation figcaption {position:absolute;bottom:0;inset-inline:0;padding:26px;font-size:11px;color:#f1f0ea;background:linear-gradient(transparent,#171716dd)}
html:root body .signature-invitation>div {padding:80px clamp(32px,5vw,85px);align-self:center}
html:root body .signature-invitation .eyebrow {color:#ffb783;font-size:11px;letter-spacing:.19em}
html:root body .signature-invitation h2 {font-size:clamp(38px,4.1vw,62px);line-height:1.08;margin:0 0 25px}
html:root body .signature-invitation h2 em {color:#cbc9c4}
html:root body .signature-invitation p:not(.eyebrow) {max-width:390px;color:#cdccc7;line-height:1.8;margin-bottom:30px}
html:root body .signature-secondary-link {display:block;width:fit-content;margin-top:24px;font-size:13px;color:#ffb98a;border-bottom:1px solid #c27642;padding-bottom:7px}
html:root body .home-documents .location-links>a {background:#f1f0ea;border-color:#d5d3ce;color:#403f3d;padding:26px}
html:root body .faq-section {border-top:1px solid #d8d6d1}
html:root body .contact-final {background:linear-gradient(140deg,#343332,#181717)}
html:root body :is(.contact-final,.contact-card) .contact-story :is(h1,h2) {color:#f1efe9}
html:root body :is(.contact-final,.contact-card) .contact-story .eyebrow {color:#ffb782}
html:root body .contact-final .contact-story :is(p,a),html:root body .contact-card .contact-story :is(p,a) {color:#d0cec9}
html:root body .contact-final .contact-promise {color:#dfddd8;border-color:#ef7627}
html:root body .footer {border-top:1px solid #9d9a9542;background:#111110}
html:root body .section-cinema-copy h1 em {color:#ffaf77}
html:root body .developer-cinema-copy h1 {text-shadow:0 2px 25px #0004}
html:root body .section-cinema-copy p:not(.eyebrow) {color:#e8e6e0}
html:root body .developer-directory-cinema .hero-copy h1 em {color:#ffaf77}
html:root body :is(.tag,.eyebrow) {color:#a74700}
html:root body .location-cinema :is(.eyebrow,.location-cinema-kicker) {color:#ffc08b}
html:root body .location-cinema h1 em {color:#ffd2af}
html:root body .directory-controls :is(input,select) {background:#fffef8;border-color:#c2c0bb;border-radius:2px}
@media(max-width:850px){
 html:root body #about .principles>span+span {border-left:0;padding-left:0}
 html:root body #about .principles {gap:24px}
 html:root body .signature-invitation {grid-template-columns:1fr}
 html:root body .signature-invitation figure {min-height:380px}
 html:root body .signature-invitation>div {padding:56px 32px}
}
@media(max-width:580px){
 html:root body .signature-invitation figure {min-height:290px}
 html:root body .signature-invitation>div {padding:48px 24px}
 html:root body .signature-invitation h2 {font-size:40px}
 html:root body .signature-project-image {aspect-ratio:1.3}
 html:root body #main .location-card-copy {padding:25px}
}
/* Text retains accessible contrast on both gallery and editorial surfaces. */
html:root body #main {background:#f6f4ee}
html:root body #main .project-card.signature-project .project-body>.muted,
html:root body #main .project-card.signature-project .project-price small {color:#cecdc7}
html:root body #main .project-card.signature-project .project-price>span {color:#e6e5df}
html:root body .contact-story :is(p,.business-link) {color:#62605d}
html:root body .contact-story .eyebrow {color:#a74700}
html:root body .contact-final .contact-story :is(p,a) {color:#d0cec9}
html:root body .contact-final .contact-story .eyebrow {color:#ffb782}
html:root body .developer-cinema-links a span,
html:root body .developer-scene-phases button[aria-current=step]>span {color:#ffaf77}
html:root body .developer-cinema-links a:hover,
html:root body .developer-cinema-credit a:hover {color:#ffd6b3;border-color:#ff6e00}
/* Final owner correction: a neutral base; orange is the brand accent. */
html:root {--orange:#ff6e00;--orange-dark:#a74700;--ink:#252523;--muted:#676763;--paper:#f7f5ef;--tint:#eeece5;--line:#d8d5ce;--forest:#181918;--champagne:#ffb781;--emerald:#222322;--night:#111211;--gold:#ff6e00;--gold-ink:#a74700;--card-paper:#fffdf8;--card-ink:#252523;--card-muted:#676763;--card-line:#d8d5ce;--card-soft:#f0eee8;--card-dark:#191a19;--card-accent:#ff6e00;--card-accent-ink:#a74700}
html:root body,html:root body #main {background:#f7f5ef;color:#252523}
html:root body .header {background:#101110f7;border-color:#ff6e002e;color:#f9f5ed}
html:root body .header .button {background:#ff6e00;border-color:#ff6e00;color:#151515}
html:root body #about.about,html:root body .knowledge-feature {background:#151615;color:#f7f2e8}
html:root body .home-developers {background:linear-gradient(130deg,#252625,#111211)}
html:root body .contact-final {background:linear-gradient(135deg,#252625,#121312)}
html:root body .signature-invitation,html:root body .footer {background:#111211;color:#f7f2e8}
html:root body #main .location-choice,html:root body #main .location-card-copy {background:#191a19}
html:root body #main .project-card.signature-project {background:#191a19}
html:root body .signature-project-image:after {background:linear-gradient(transparent,#191a19)}
html:root body #main .developer-logo-flip-back {background:linear-gradient(140deg,#333430,#151614);color:#f7f3e8;border-color:#bd703e}
html:root body #main .developer-logo-flip-back :is(.developer-logo-flip-eyebrow,.developer-logo-flip-hint) {color:#ffb784}
html:root body .button:hover {background:#ff9548;border-color:#ff9548;color:#181818}
html:root body .button.dark:hover {background:#343532;border-color:#343532;color:#fff}
html:root body .button.outline:hover {background:#eae7df;border-color:#aaa497;color:#272725}
html:root body :is(.hero-progress,.developer-cinema-progress,.section-cinema-progress,.dot) {background:#ff6e00}
html:root body .hero-copy h1 em,html:root body .signature-invitation h2 em {color:#fff1df}
html:root body #about h2 em {color:#f1d2b8}
html:root body #investment {background:#ece9e1}
html:root body :is(.growth-chart,.planning-promo) {background:#fffdf7;border-color:#d7d2c8}
html:root body .chart-bar {background:linear-gradient(0deg,#b64e12,#ff9140)}
html:root body .chart-column .chart-bar {background:linear-gradient(0deg,#b64e12,#ff9140)}
html:root body .planning-promo>a {color:#302f2b;border-color:#d9d3c9}
html:root body #main .project-card.project-card .project-body h3 {color:#242522}
html:root body #main .project-card.signature-project .project-body h3 {color:#fff3df}
html:root body .project-card .config {color:#41443c}
html:root body .project-card .project-price>span {color:#353930}
html:root body #main .project-card.signature-project .project-price>span {color:#f4e8d2}
html:root body #main .project-card.signature-project .project-body>.muted,
html:root body #main .project-card.signature-project .config,
html:root body #main .project-card.signature-project .project-price small {color:#c8c9bf}
html:root body .contact-story :is(p,.business-link) {color:#606159}
html:root body .contact-final .contact-story :is(p,a) {color:#ced0c4}
html:root body .contact-story .eyebrow {color:#a74700}
html:root body .contact-final .contact-story .eyebrow {color:#ffb884}
html:root body #main .project-card.project-card.signature-project .project-price small {color:#c8c9bf}
html:root body .contact-promise p {color:#d7d7ce}
html:root body #main .developer-logo-flip-toggle {background:#efede7;color:#444640;border-color:#d1ccc0}
html:root body #main .developer-logo-flip-card[data-dark=true] .developer-logo-flip-toggle {background:#292a27;color:#f2eee2;border-color:#7b7d72}
html:root body #main .developer-logo-flip-card[data-dark=false] :is(.developer-logo-card-count,.developer-logo-flip-hint) {color:#65665e}
html:root body #main .developer-logo-flip-back .developer-logo-flip-hint {color:#ffb781}

/* Homepage Opus One card: centre the tower group within the shared image frame. */
html:root body #closer-look .signature-project>a[href="/projects/opus-one"] .signature-project-image img {object-position:90% 50%}