html,body{overflow-x:clip}
.hero-media{inset:0!important;background:radial-gradient(circle at 72% 38%,rgba(196,137,81,.72),transparent 24%),linear-gradient(124deg,#111c1c 0%,#1d3433 44%,#756d58 100%)!important;animation:none!important}
.hero-media:before{content:'';position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,13,14,.72) 0%,rgba(7,13,14,.32) 48%,rgba(7,13,14,.2)),linear-gradient(0deg,rgba(6,10,11,.72) 0%,transparent 52%,rgba(6,10,11,.24) 100%)}
.hero-media:after{content:'BROWNSVILLE · TEXAS';position:absolute;right:8vw;bottom:26vh;color:rgba(255,255,255,.72);font:400 8px var(--ui);letter-spacing:.25em;transform:rotate(-90deg);transform-origin:right bottom}
.manifesto{min-height:94svh;padding-top:8vw;padding-bottom:7vw}
body:has(.page-hero.green) .header,body:has(.page-hero.dusk) .header,body:has(.page-hero.ink) .header,body:has(.page-hero.contact) .header,body:has(.page-hero.rust) .header{color:#fff}
.global-contact{background:#d6d0c3;display:grid;grid-template-columns:1.05fr .95fr;min-height:95svh}
.contact-intro{padding:10vw 4vw;display:flex;flex-direction:column;justify-content:center;border-right:1px solid rgba(23,24,22,.18)}
.contact-intro>p{font-size:8px;letter-spacing:.24em;margin:0 0 3rem}
.contact-intro h2{font:normal clamp(75px,10vw,170px)/.78 var(--display);letter-spacing:-.055em;margin:0}
.contact-intro>span{font-size:9px;letter-spacing:.14em;margin-top:4rem}
.contact-panel{padding:10vw 5vw;display:flex;align-items:center}
.contact-panel .lead-form{width:100%}
.contact-panel .lead-form .button{background:transparent;color:var(--ink);border:1px solid var(--ink);transition:background .35s,color .35s,transform .35s}
.contact-panel .lead-form .button:hover{background:var(--ink);color:#fff;transform:translateY(-3px)}
.page-wipe{position:fixed;z-index:200;inset:0;background:#171a17;color:#f5f1e8;display:flex;align-items:center;justify-content:center;transform:translateY(105%);pointer-events:none;transition:transform .8s cubic-bezier(.77,0,.18,1)}
.page-wipe span{font:normal clamp(70px,15vw,260px)/1 var(--display);letter-spacing:-.05em;opacity:0;transition:opacity .4s .2s}
.page-wipe.active{transform:none}.page-wipe.active span{opacity:1}
.cinematic{opacity:0;transform:translateY(50px);transition:opacity 1.05s cubic-bezier(.2,.7,.2,1),transform 1.05s cubic-bezier(.2,.7,.2,1)}
.cinematic.in-view{opacity:1;transform:none}
.cinematic img{clip-path:inset(0 0 12% 0);transition:clip-path 1.4s cubic-bezier(.2,.7,.2,1),transform 1.5s cubic-bezier(.2,.7,.2,1)}
.cinematic.in-view img{clip-path:inset(0)}
.steps article,.amenity-grid article,.journal article,.faq details{transition:background .4s,color .4s,padding-left .4s}
.steps article:hover,.amenity-grid article:hover,.journal article:hover{background:#e8e3d9;padding-left:5vw}
.faq details[open]{background:#e3ded4;padding-left:2rem;padding-right:2rem}
.development-record{background:#d5d1c7;padding:10vw 4vw;display:grid;grid-template-columns:.9fr 1.35fr;gap:9vw;min-height:105svh}
.record-heading{position:sticky;top:14vh;align-self:start}
.record-heading h2{font:normal clamp(80px,11vw,185px)/.78 var(--display);letter-spacing:-.055em;margin:3rem 0}
.record-heading>p:last-child{max-width:330px;font-size:15px}
.record-timeline{border-top:1px solid var(--line)}
.record-timeline article{display:grid;grid-template-columns:110px 1fr;gap:2rem;padding:3rem 0;border-bottom:1px solid var(--line)}
.record-timeline span{font-size:9px;letter-spacing:.17em}
.record-timeline h3{font:normal clamp(34px,4vw,58px)/.95 var(--display);margin:0 0 1rem}
.record-timeline p{max-width:520px;font-size:14px;margin:0}
.development-record>.text-link{grid-column:2}
.ownership-guide{padding:10vw 4vw;display:grid;grid-template-columns:1fr 1.1fr;gap:9vw;background:#e8e4db}
.ownership-guide h2{font:normal clamp(75px,10vw,160px)/.8 var(--display);letter-spacing:-.05em;margin:3rem 0}
.ownership-points{border-top:1px solid var(--line)}
.ownership-points article{display:grid;grid-template-columns:45px 1fr;padding:2.5rem 0;border-bottom:1px solid var(--line)}
.ownership-points b{font-size:9px}.ownership-points h3{font:normal 38px var(--display);margin:0}.ownership-points p{grid-column:2;font-size:14px;max-width:480px}
.acre-visual{align-self:stretch;min-height:72svh;position:relative;overflow:hidden;border:1px solid rgba(23,24,22,.22);background:linear-gradient(145deg,rgba(255,255,255,.13),transparent 48%),repeating-linear-gradient(90deg,transparent 0 19.8%,rgba(23,24,22,.14) 20%),repeating-linear-gradient(0deg,transparent 0 19.8%,rgba(23,24,22,.14) 20%)}
.acre-visual:before,.acre-visual:after{content:'';position:absolute;border:1px solid rgba(23,24,22,.35);transform:rotate(-18deg)}
.acre-visual:before{width:70%;height:32%;left:-8%;top:24%}.acre-visual:after{width:58%;height:42%;right:-12%;bottom:8%}
.acre-visual span{position:absolute;font-size:8px;letter-spacing:.2em}.acre-visual span:nth-child(1){top:10%;left:9%}.acre-visual span:nth-child(2){top:51%;right:8%}.acre-visual span:nth-child(3){bottom:8%;left:10%}
.acre-visual i{position:absolute;width:130%;height:1px;left:-15%;top:48%;background:rgba(23,24,22,.5);transform:rotate(27deg)}
.trail-story{background:radial-gradient(circle at 73% 28%,rgba(196,138,75,.55),transparent 22%),linear-gradient(140deg,#162821 0%,#31483a 48%,#765944 100%)}
.trail-lines{position:absolute;inset:0;opacity:.46;overflow:hidden}
.trail-lines i{position:absolute;width:86%;height:46%;border:1px solid rgba(255,255,255,.48);border-radius:50%;transform:rotate(-22deg)}
.trail-lines i:nth-child(1){left:-25%;top:8%}.trail-lines i:nth-child(2){right:-32%;top:18%;transform:rotate(18deg)}.trail-lines i:nth-child(3){left:8%;bottom:-18%;transform:rotate(-8deg)}.trail-lines i:nth-child(4){right:-12%;bottom:4%;width:58%;height:28%;transform:rotate(32deg)}
.content-cta{margin-top:8rem;padding:4rem;background:var(--olive);color:#f7f2e8}
.content-cta p{font-size:8px;letter-spacing:.22em}.content-cta h3{font:normal clamp(42px,6vw,82px)/.95 var(--display);margin:.45em 0}.content-cta a{display:inline-block;margin-top:1rem;text-decoration:none;font-size:9px;letter-spacing:.18em;border-bottom:1px solid;padding-bottom:8px}
.location .map{padding:0;background:#d7d1c5;min-height:760px}
.location .map:before{display:none}
.location .map iframe{display:block;width:100%;height:100%;min-height:760px;border:0;filter:saturate(.72) contrast(.94)}
@media(max-width:820px){
  .manifesto{min-height:88svh;padding-top:18vw}
  .header,.inner .header{background:rgba(18,21,18,.9);backdrop-filter:blur(12px);mix-blend-mode:normal;filter:none;color:#fff}
  .header .brand,.header .menu{opacity:.96}
  .overlay-nav{height:100dvh;overflow-y:auto;overscroll-behavior:contain}
  .nav-main a{min-height:9.5dvh;align-items:center}
  .overlay-nav>p{display:none}
  .stat-copy strong{font-size:35vw}
  .stat-copy em{margin-left:39%}
  body:has(.page-hero.green) .header,body:has(.page-hero.dusk) .header,body:has(.page-hero.ink) .header,body:has(.page-hero.contact) .header,body:has(.page-hero.rust) .header,.inner .header{color:#fff}
  .global-contact{grid-template-columns:1fr;min-height:0}
  .contact-intro{padding:22vw 5vw 16vw;border-right:0;border-bottom:1px solid rgba(23,24,22,.18)}
  .contact-intro>p{margin-bottom:2rem}
  .contact-intro h2{font-size:16.5vw;line-height:.86}
  .contact-intro>span{margin-top:3rem;line-height:1.8}
  .contact-panel{padding:16vw 5vw 22vw}
  .contact-panel .lead-form{gap:1.7rem}
  .cinematic{transform:translateY(28px)}
  .steps article:hover,.amenity-grid article:hover,.journal article:hover{padding-left:5vw}
  .development-record{padding:20vw 5vw;grid-template-columns:1fr;gap:12vw;min-height:0}
  .record-heading{position:static}
  .record-heading h2{font-size:21vw;margin:2.5rem 0}
  .record-timeline article{grid-template-columns:65px 1fr;gap:1rem;padding:2.3rem 0}
  .record-timeline h3{font-size:10vw}
  .development-record>.text-link{grid-column:auto;margin-left:65px}
  .ownership-guide{padding:20vw 5vw;grid-template-columns:1fr;gap:10vw}
  .ownership-guide h2{font-size:20vw;margin:2.5rem 0}
  .ownership-points article{grid-template-columns:38px 1fr}
  .acre-visual{min-height:64svh;margin-left:16%}
  .content-cta{margin-top:5rem;padding:3rem 1.5rem}
  .location .map,.location .map iframe{min-height:68svh}
}
@media(prefers-reduced-motion:reduce){.page-wipe{display:none}.cinematic{opacity:1;transform:none}.cinematic img{clip-path:none}}