/* FIMM X — the owner's timber and steel mark, 29 October 2026. */
:root{--ink:#231f20;--paper:#f4f0e9;--white:#fffdf8;--copper:#bd9952;--line:#d6cec0;--muted:#6c655c;--gold:#c7a15b;--steel:#d6d6d6}
body{background:var(--paper)}
h1,h2,h3{letter-spacing:-.045em}
.brand-lockup{display:inline-flex;align-items:center;gap:14px;flex:none;color:var(--steel);white-space:nowrap}
.brand-symbol{position:relative;display:block;overflow:hidden;width:49px;aspect-ratio:1;background:#231f20;flex:none}
.brand-symbol img{position:absolute;width:405.556%;height:auto;max-width:none;left:-157.222%;top:-44.444%}
.brand-name{font-size:29px;font-weight:700;line-height:1;letter-spacing:.055em}
.header{height:88px;background:#231f20;color:#dedbd5;border-bottom:1px solid #544633;backdrop-filter:none}
.header nav{font-size:12px;gap:32px}
.header nav a{transition:color .2s}
.header nav a:hover,.footer a:hover{color:var(--gold)}
.header .nav-contact{border-bottom-color:var(--gold);color:var(--gold)}
.header .nav-contact span{margin-left:25px}
.menu-toggle{color:var(--steel)}
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline-color:var(--gold)}
.eyebrow{letter-spacing:.18em;color:#85672f}
.button{border-radius:0}
.button.dark{background:#231f20;color:#f4f0e9;border-color:#231f20}
.button.dark:hover{background:#44372b;border-color:#44372b}
.text-link{border-bottom-color:#a18145}
.sales-intro{position:relative;color:#f4f0e9;isolation:isolate;padding:66px 0 58px;align-items:center;gap:50px}
.sales-intro:before{content:"";position:absolute;inset:0;background:#231f20;box-shadow:0 0 0 100vmax #231f20;clip-path:inset(0 -100vmax);z-index:-1}
.sales-intro h1{font-size:clamp(58px,6.25vw,96px);font-weight:500;line-height:1.02;letter-spacing:-.055em}
.sales-intro h1 em{color:var(--gold)}
.sales-intro .eyebrow{color:#bdb3a3;font-size:10px;margin-bottom:28px}
.status-dot{background:var(--gold);width:6px;height:6px;border-radius:0}
.intro-aside{min-width:260px;max-width:300px;border-left:1px solid #65533a;padding-left:30px}
.intro-aside .project-address{color:#f4f0e9;font-size:25px}
.intro-aside p+p,.intro-aside>.small{color:#bbb2a5}
.intro-aside .button{background:var(--gold);color:#231f20;border-color:var(--gold);min-width:230px}
.intro-aside .button:hover{background:#d9b773;border-color:#d9b773}
.intro-price-link{color:#d6ba81;border-bottom-color:#6d5938}
.sales-hero{margin:0;background:#231f20}
.sales-hero img{max-height:790px;object-position:center 48%}
.sales-hero figcaption{padding:17px max(28px,calc((100vw - 1328px)/2));border-bottom:0;color:#b9b0a2;font-size:9px}
.hero-open{background:#231f20ed;color:#e6d3b2;border:1px solid #8b6c3d}
.sales-facts{padding-top:48px}
.sales-facts strong{color:#7c5d29}
.sales-story{padding:98px 0}
.feature-list span{border-top-color:#b8a17a}
.choose-section{background:#e9e2d5}
.unit-button{background:#f7f3ec;border-color:#c7baa3}
.unit-button:hover{border-color:#8b6c3d}
.unit-button[aria-pressed=true]{background:#231f20;border-color:#231f20;box-shadow:inset 0 3px var(--gold)}
.unit-button[aria-pressed=true] .unit-extra{color:#dfbf83}
.court-strip{color:#73654d}
.map-street{border-color:#b9a787}
.choose-section .unit-detail{background:var(--white);border-top:3px solid var(--gold)}
.unit-dimensions .outdoor dd,#unit-price-rate{color:#86652e}
.unit-detail .outdoor-breakdown{color:#7a6139}
.floor-tabs button[aria-selected=true]{border-bottom-color:#a78039;background:#e8decc}
.floor-panel{background:#fffdf8}
.plot-plan{background:#eae2d4}
.plot-copy .dimension-list dd{color:#86652e}
.interior-story{background:#ded4c4}
.sales-download{position:relative;background:#231f20;border-top:3px solid var(--gold)}
.sales-download .eyebrow{color:var(--gold)}
.sales-download .button{background:var(--gold);border-color:var(--gold);color:#231f20}
.sales-download p:not(.eyebrow){color:#bfb7ab}
.group-section{background:#e6ddce}
.group-links a{border-top-color:#ac8d56}
.group-links a>span{color:#8c6b32}
.group-links strong{font-weight:500}
.pricing-table thead tr:first-child th{background:#231f20;color:#e3cfaa}
.pricing-table thead th{background:#e5d7bd}
.pricing-table tbody tr:last-child{background:#eaddc6}
.page-heading{padding-top:70px}
.page-heading h1{font-size:clamp(54px,7.2vw,108px)}
.dark-section{background:#231f20;color:#f4f0e9}
.dark-section .eyebrow{color:var(--gold)}
.dark-section .text-link{color:#d6ba81}
.identity-signature{background:#231f20;margin-top:50px;padding:24px;display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:6%;color:#d6d6d6}
.identity-artwork{overflow:hidden;aspect-ratio:706/466;position:relative}
.identity-artwork img{position:absolute;max-width:none;width:103.4%;height:auto;left:-1.7%;top:-2.58%}
.identity-copy{padding:20px 28px 20px 0}
.identity-copy .eyebrow{color:var(--gold);margin-bottom:18px}
.identity-copy p:last-child{font-size:21px;line-height:1.5;color:#dedbd5;max-width:330px}
.equipment{background:#ded5c6}
.equipment-type{background:#231f20;color:#d6d6d6;border:1px solid #8a7044}
.equipment-type i{color:var(--gold)}
.equipment-type>span{color:#c8b38e}
.contact-notice,.contact-person{border-color:#c8b797}
input,select,textarea{border-color:#c5b79f;background:var(--white)}
.footer{background:#231f20;color:#d6d6d6;border-top:1px solid #65533a}
.footer .brand-symbol{width:58px}
.footer .brand-name{font-size:32px}
.footer-top>div:first-child>p{color:#b8a789;margin-top:20px;letter-spacing:.08em}
.footer-bottom{border-top-color:#51483c;color:#aaa294}
@media(min-width:1600px){.sales-intro{padding-top:86px;padding-bottom:78px}}
@media(max-width:1050px){.header nav{gap:20px}.sales-intro h1{font-size:clamp(52px,6.7vw,72px)}.sales-intro{gap:32px}.intro-aside{min-width:235px;padding-left:24px}.intro-aside .button{min-width:205px}.brand-name{font-size:26px}.brand-symbol{width:43px}}
@media(max-width:760px){
 .header{height:76px;padding:0 20px}.header .brand-lockup{gap:10px}.brand-symbol{width:40px}.brand-name{font-size:24px;letter-spacing:.045em}
 .header nav{top:76px;background:#231f20;box-shadow:0 18px 20px #0003;gap:0}.header nav a{border-bottom-color:#51483c}.menu-toggle{font-size:11px}
 .sales-intro{padding:42px 0 34px}.sales-intro h1{font-size:clamp(48px,10.7vw,76px)}.sales-intro .eyebrow{font-size:8px;letter-spacing:.11em;margin-bottom:22px}
 .intro-aside{max-width:none;min-width:0;border-left:0;border-top:1px solid #65533a;padding:22px 0 0;margin-top:28px;column-gap:12px}
 .intro-aside .project-address{font-size:20px}.intro-aside .button{min-width:0;font-size:11px;padding:14px;gap:14px}
 .intro-price-link{font-size:11px}.intro-aside>.small{font-size:9px}.sales-hero{margin:0}.sales-hero img{aspect-ratio:1.2;object-position:49% center}.sales-hero figcaption{padding:14px 20px;font-size:8px}
 .sales-facts{padding-top:32px}.sales-story{padding:65px 0}.page-heading{padding-top:48px}.page-heading h1{font-size:clamp(48px,11vw,74px)}
 .identity-signature{grid-template-columns:1fr;gap:0;padding:16px;margin-top:35px}.identity-copy{padding:10px 16px 22px}.identity-copy p:last-child{font-size:18px;max-width:none}
 .footer .brand-symbol{width:48px}.footer .brand-name{font-size:29px}
}
@media print{.brand-symbol img{max-width:none}.sales-intro:before{display:none}.sales-intro,.sales-intro h1 em{color:#231f20}.identity-signature{break-inside:avoid}}
