:root{--heritage:#1c342e;--green:#152a38;--gold:#c8a96a;--cream:#f7f6f1}body{overflow-wrap:break-word}.skip-link{position:fixed;top:-100px;left:12px;z-index:20;padding:10px;background:white}.skip-link:focus{top:12px}.fox-top-banner,.contact{background:#132c26}.fox-story-banner{background:#1c342e}.facts,.planning{background:#13243b}.fox-top-banner{position:relative;z-index:4}.hero{min-height:760px;display:flex;flex-direction:column;justify-content:flex-end}.hero-copy{padding-top:180px;padding-bottom:45px}.hero h1{font-size:clamp(58px,7.6vw,116px)}.hero-bottom{z-index:1}.hero-shade{background:linear-gradient(90deg,#081925b5,transparent 85%),linear-gradient(0deg,#0b1c3490,transparent 50%)}header{background:#10233455;min-height:100px;height:auto;padding-block:14px;gap:20px}header nav{gap:24px}.brand-number{font-size:42px}.brand small,.fox-brand small{font-size:12px}.nav-contact{white-space:nowrap}.eyebrow,.facts span{font-size:12px}.hero-bottom button{font-size:14px}.wide-visual{margin:0 5%}.wide-visual .image-open img{aspect-ratio:16/8.3;max-height:none}.masterplan{padding-bottom:65px}.plan-open{padding:20px;background:white;border:1px solid #d4dcd7;width:100%;color:var(--ink)}.plan-open img{width:100%;max-height:740px;object-fit:contain}.plan-open span{display:block;text-align:right;padding-top:14px;font-size:14px}.plot-index{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid #d4dcd7;border-top:0}.plot-index a{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #d4dcd7;font-size:14px}.plot-index a:hover{background:#e5ebe5}.plot-index b{color:#816536;font-weight:400}.plot-index span{margin-left:auto;font-size:12px;color:var(--muted)}.homes{background:#e9edec;max-width:none}.home-switch{display:grid;grid-template-columns:repeat(6,minmax(0,1fr))}.home-switch button{padding:18px 10px;font-size:14px}.home-switch button span{display:block;margin:5px 0 0}.home-switch button.active{border-color:#977644;background:#f7f6f1}.home-explorer{grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr)}.drawing-area{padding:18px}.drawing-open img{aspect-ratio:1.48;object-fit:cover}.drawing-open.is-plan img{object-fit:contain;background:white}.drawing-open>span{font-size:14px}.drawing-switch{margin-bottom:18px}.plot-actions{display:flex;flex-direction:column;align-items:flex-start}.plot-actions button{background:none;color:var(--ink);border:0;border-bottom:1px solid var(--gold);padding:0 0 6px;min-height:40px}.plot-actions a{min-height:40px}#home-title{font-size:38px}.film-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.film-grid button{background:#13243b;color:white;border:0;padding:0;text-align:left;overflow:hidden}.film-grid img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s}.film-grid button:hover img{transform:scale(1.025)}.film-grid span{display:block;padding:18px 20px;font-size:16px}.planning-status{border-left:2px solid var(--gold);padding:12px 16px;background:#ffffff08}.conditions details p{font-size:16px}.location .map-pin-link img{aspect-ratio:auto}.contact .note{font-size:13px;margin-bottom:0}.footer-top p{font-size:14px}footer .brand{max-width:100%}#viewer{max-height:96dvh}#viewer-content{overscroll-behavior:contain}#viewer-content img{cursor:zoom-in}#viewer-content.zoomed{display:block}#viewer-content.zoomed img{max-width:none;max-height:none;width:1800px;cursor:zoom-out}body.viewer-open{overflow:hidden}.image-label{font-size:12px}.facts strong{line-height:1.5;display:block}.contact-email{font-size:clamp(24px,3vw,38px)}.films .section-heading p{max-width:360px}button[hidden]{display:none}
@media(max-width:1100px){header nav{gap:14px;font-size:14px}.brand{font-size:12px}.hero h1{font-size:80px}.home-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.home-explorer{grid-template-columns:1.4fr 1fr}.film-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.plot-index{grid-template-columns:repeat(2,1fr)}}
@media(max-width:850px){header{position:relative;top:auto;background:#13243b;flex-wrap:wrap;min-height:80px}.menu-toggle{display:flex;color:white;background:transparent;border:1px solid #c8a96a70;padding:10px 14px;min-height:44px;font-size:14px}header nav{display:none;width:100%;order:4;flex-basis:100%;border-top:1px solid #c8a96a55;padding-top:12px}header nav.is-open{display:grid;grid-template-columns:repeat(3,1fr)}header nav a{padding:12px}.brand{margin-right:auto}.hero{min-height:660px}.hero-copy{padding-top:90px}.hero h1{font-size:clamp(50px,9vw,80px)}.home-explorer{grid-template-columns:1fr}.drawing-area{border-right:0}.drawing-open img{aspect-ratio:16/10}.home-explorer aside{padding:30px}.fox-brand-line{display:none}}
@media(max-width:600px){.hero{min-height:620px}.hero-copy{padding-top:100px;padding-bottom:30px}.hero h1{font-size:clamp(43px,11vw,66px)}.hero-shade{background:linear-gradient(0deg,#0b1c34d0,#0b1c3433)}.hero video{object-position:56% center}.hero .eyebrow{max-width:30ch;font-size:12px}.hero-bottom{flex-wrap:wrap}.hero-bottom .credit{flex:1;font-size:12px;min-width:150px}.brand{font-size:12px}.brand small{font-size:12px}.brand-number{font-size:34px}header{gap:10px;padding-inline:5%}.nav-contact{font-size:14px;padding:10px}.menu-toggle{font-size:14px}.fox-story-banner p:not(.eyebrow){font-size:22px}.home-switch button{font-size:14px;min-height:80px}.plot-index{grid-template-columns:1fr}.plot-index a{font-size:16px}.plot-index span{font-size:14px}.film-grid{grid-template-columns:1fr;gap:20px}.wide-visual{margin:0}.wide-visual .image-open img{aspect-ratio:16/11}.image-label{letter-spacing:.04em;font-size:12px}.image-label>span:first-child{max-width:24ch}.plan-open{padding:8px}.plan-open img{min-height:200px}.drawing-switch{grid-template-columns:1fr 1fr}.drawing-switch button{font-size:14px}.facts{grid-template-columns:1fr 1fr}.facts span{font-size:12px}.facts strong{font-size:15px}.fox-closing-film{min-height:550px}.closing-copy{padding-top:160px}.closing-copy .actions{display:flex}.closing-copy .button:last-child{grid-column:auto}.footer-bottom{font-family:Arial,sans-serif;font-size:12px;gap:12px}#viewer{max-height:100dvh}.contact-email{font-size:25px}}
@media(max-width:390px){header .brand{flex-basis:100%;margin-bottom:4px}.menu-toggle{margin-right:auto}header nav.is-open{grid-template-columns:1fr 1fr}.hero h1{font-size:43px}.facts{gap:25px 12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.film-grid img{transition:none}}