:root{--p:#F4F1ED;--p2:#ECE8E2;--iv:#F9F8F6;--i:#0A0A0A;--i2:#3D3B38;--m:#7A756E;--l:rgba(10,10,10,.12);--g:#454E3C;--t:#CCBAAA}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--p);color:var(--i);font:300 16px/1.5 Stack Sans Headline,system-ui,sans-serif}a{color:inherit;text-decoration:none}button,select{font:inherit}button{cursor:pointer}.section{padding:110px clamp(24px,5vw,76px);border-top:1px solid var(--l)}.eye{font:11px Geist Mono;text-transform:uppercase;letter-spacing:.08em;color:var(--m);margin:0 0 20px}.light{color:#ffffffb8}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-weight:300;letter-spacing:-.025em}h2{font-size:clamp(42px,5.2vw,78px);line-height:1.02}.lead{font-size:clamp(18px,2vw,25px);color:var(--i2)}header{height:74px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--iv);border-bottom:1px solid var(--l)}.brand{display:flex;align-items:center;gap:10px}.mark{width:34px;height:34px;border:1px solid;display:grid;place-items:center;font:21px Georgia,serif}.brand small{font:9px Geist Mono;align-self:flex-start;margin-top:12px}nav{display:flex;gap:34px;font-size:14px}nav a{opacity:.7}.cta,.dark{background:var(--i);color:var(--iv);padding:13px 18px;border:0;display:inline-flex;gap:10px;align-items:center}.hero{height:calc(100svh - 74px);min-height:650px;position:relative;color:#fff;display:flex;align-items:flex-end;padding:0 clamp(24px,5vw,76px) 120px}.hero>img,.shade{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.shade{background:#00000040}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(66px,10vw,150px);line-height:.87;margin-bottom:28px}.hero-copy>p:last-child{font-size:19px;max-width:560px}.search{position:absolute;z-index:3;bottom:-40px;left:clamp(24px,5vw,76px);right:clamp(24px,5vw,76px);min-height:82px;background:var(--iv);color:var(--i);display:grid;grid-template-columns:1fr 1fr 1fr 1.15fr;box-shadow:0 12px 35px #0002;border:1px solid var(--l)}.field{padding:15px 23px;border-right:1px solid var(--l);display:flex;flex-direction:column;justify-content:center}.field label{font:10px Geist Mono;text-transform:uppercase;color:var(--m)}.field select{border:0;background:transparent;padding:5px 0}.find{border:0;background:var(--g);color:#fff}.intro{padding-top:160px}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:10vw}.lines{margin-top:35px}.lines span{display:block;border-top:1px solid var(--l);padding:12px 0;font:11px Geist Mono;text-transform:uppercase;color:var(--m)}.properties{background:var(--iv)}.head{display:flex;align-items:flex-end;justify-content:space-between;gap:40px;margin-bottom:44px}.head h2{margin:0}.head>p{max-width:520px;color:var(--m)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{border:1px solid var(--l);background:var(--p)}.pic{height:420px;position:relative;overflow:hidden}.pic img{width:100%;height:100%;object-fit:cover;transition:opacity .15s}.card:hover img{opacity:.85}.status{position:absolute;top:14px;left:14px;background:#f9f8f6ef;color:var(--g);border:1px solid var(--g);padding:7px 10px;font:10px Geist Mono;text-transform:uppercase}.meta{padding:19px}.meta>p:first-child,.record{font:10px Geist Mono;text-transform:uppercase;color:var(--m)}.meta h3{font-size:28px;margin-bottom:8px}.place{font:11px Geist Mono}.note{font-size:14px;color:var(--m);margin:18px 0 0}.actions a,.actions button{width:100%;border:0;border-top:1px solid var(--l);background:transparent;padding:13px 18px;text-align:left;display:flex;justify-content:space-between}.actions button{color:var(--g)}.centre{text-align:center;margin-top:38px}.opts{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.opt{min-height:460px;background:var(--iv);border:1px solid var(--l)}.house{height:155px;background:var(--g);color:var(--iv);clip-path:polygon(0 20%,50% 0,100% 20%,100% 100%,0 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:22px;font-size:22px;line-height:.95}.house strong{font-size:26px;font-weight:300}.ob{padding:22px 18px;display:flex;flex-direction:column;height:305px}.ob h3{font-size:18px;font-weight:400;margin:20px 0 10px}.ob>p:not(.record){font-size:13px;color:var(--m)}.ob a{margin-top:auto;width:38px;height:38px;border:1px solid #0004;display:grid;place-items:center}.areas{display:grid;grid-template-columns:repeat(3,1fr);min-height:690px}.area{padding:55px 42px;display:flex;flex-direction:column;justify-content:flex-end;color:#fff;background-size:cover;background-position:center;position:relative}.area:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#000b,#0001)}.area>*{position:relative}.area h2{font-size:65px;margin-bottom:12px}.area a{border:1px solid #ffffff88;padding:11px 14px;width:max-content}.central{background-image:url(https://90years.buildingcentre.co.uk/wp-content/uploads/2022/02/glass-building-1.jpg)}.inner{background-image:url(https://tmhmedia.themodernhouse.com/uploads/Harfield-Gardens-9.jpg)}.greater{background-image:url(https://media.rightmove.co.uk/dir/property-photo/01248c889/174665975/01248c8898f530fef38d7d12e41e3130_max_656x437.jpeg)}.aida{display:grid;grid-template-columns:1fr 1fr;gap:10vw;align-items:center;background:var(--p2)}.orb{aspect-ratio:1;border-radius:50%;background:var(--g);max-width:530px;display:grid;place-items:center;color:#fff;position:relative}.orb span{font:14vw Georgia,serif}.orb i{position:absolute;width:12px;height:12px;border-radius:50%;background:#a3e2c7;bottom:15%;right:19%;box-shadow:0 0 0 7px #a3e2c722}.prompts{display:flex;flex-direction:column;gap:8px;margin:25px 0}.prompts button{background:#ffffff70;border:1px solid var(--l);padding:12px;text-align:left}.owners{background:var(--g);color:#fff}.owners-heading{max-width:900px}.owners-heading>p:last-child{font-size:20px;max-width:680px;color:#ffffffb8}.models{display:grid;grid-template-columns:1fr 1fr;margin-top:55px;border-block:1px solid #ffffff40}.model{padding:45px 6vw 50px 0}.model+.model{border-left:1px solid #ffffff40;padding-left:6vw}.model>span{font:11px Geist Mono;text-transform:uppercase;color:#fff9}.model strong{font-size:110px;font-weight:300;line-height:1;display:block;margin-top:26px}.model small{font:12px Geist Mono;text-transform:uppercase}.model p{font-size:17px;color:#ffffffbf;margin:30px 0}.model ul{list-style:none;padding:0}.model li{border-top:1px solid #ffffff29;padding:11px 0}.owner-cta{margin-top:45px;display:flex;justify-content:space-between;align-items:center;gap:30px}.owner-cta h3{font-size:32px;margin:0}.owner-cta p{color:#ffffffa6}.owner-cta a{background:#fff;color:#000;padding:15px 20px;white-space:nowrap}footer{background:var(--i);color:#fff;padding:75px clamp(24px,5vw,76px) 32px;display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px}.footer-brand h2{font-size:50px;margin:20px 0 12px}.footer-brand p{color:#fff8}footer>div:not(.footer-brand):not(.bottom){display:flex;flex-direction:column;gap:13px;font-size:14px}footer>div>span:first-child{font:10px Geist Mono;text-transform:uppercase;color:#fff7}.bottom{grid-column:1/-1;border-top:1px solid #ffffff33;padding-top:25px;margin-top:35px;display:flex;justify-content:space-between;color:#fff7;font:11px Geist Mono}@media(max-width:1100px){nav{display:none}.opts{grid-template-columns:repeat(3,1fr)}.grid{grid-template-columns:1fr 1fr}.areas{grid-template-columns:1fr}.area{min-height:500px}}@media(max-width:760px){.section{padding:78px 20px}header{padding:0 16px}.cta{font-size:0}.hero{height:790px;padding:0 20px 205px}.hero h1{font-size:66px}.search{left:16px;right:16px;bottom:18px;grid-template-columns:1fr 1fr}.field:nth-child(3){display:none}.find{min-height:58px}.intro{padding-top:78px}.intro-grid,.aida{grid-template-columns:1fr;gap:45px}.head{display:block}.head>p{margin-top:20px}.grid{grid-template-columns:1fr}.pic{height:390px}.opts{display:flex;overflow:auto;margin-right:-20px;padding-right:20px}.opt{min-width:235px}.area{padding:36px 20px}.area h2{font-size:58px}.models{grid-template-columns:1fr}.model{padding:40px 0}.model+.model{border-left:0;border-top:1px solid #ffffff40;padding-left:0}.model strong{font-size:88px}.owner-cta{display:block}.owner-cta a{display:inline-block;margin-top:20px}footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.bottom{display:block;line-height:2}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}
