.access-layout{max-width:1240px;margin:0 auto;padding:70px var(--gutter);display:grid;grid-template-columns:1fr 1fr;gap:8%;align-items:start}.access-intro{padding-top:35px}.access-intro h1{font-size:clamp(48px,5vw,76px);letter-spacing:-3px}.access-intro>p{max-width:420px;color:var(--muted);font-size:17px;line-height:1.8}.access-brands{border-top:1px solid var(--line);margin-top:40px;padding-top:25px;display:grid;gap:14px;color:var(--mint);font-size:14px}.access-card{padding:32px;border:1px solid var(--line);border-radius:8px;background:var(--surface);min-width:0}.access-card h2{font-size:30px;letter-spacing:-1px}.access-card p{color:var(--muted);line-height:1.7}.access-tabs{display:flex;gap:25px;border-bottom:1px solid var(--line);margin-bottom:28px}.access-tabs a{padding-bottom:16px;color:var(--muted)}.access-tabs a[aria-current=page]{border-bottom:2px solid var(--mint);color:var(--mint)}.access-form{display:grid;gap:19px}.access-form label{display:grid;gap:8px;font-size:14px}.access-form input,.access-form textarea,.access-form select{width:100%;font:inherit;color:var(--ink);border:1px solid #b5a585;border-radius:3px;background:#f7f3eb;padding:12px;min-height:46px}.access-form textarea{resize:vertical;min-height:100px}.access-form input:focus,.access-form textarea:focus{outline:2px solid var(--mint);outline-offset:2px}.access-form small{font-size:12px;color:var(--muted);line-height:1.6}.access-form .consent{display:flex;align-items:flex-start;gap:10px;font-size:12px;line-height:1.6}.consent input{width:18px;min-height:18px;flex-shrink:0;accent-color:var(--mint);margin:2px 0}.access-form button,.access-button{cursor:pointer;border:0}.notice{padding:15px;border:1px solid #b8a071;border-radius:3px;margin-bottom:22px;color:var(--mint)!important}.notice.error{border-color:#b37055;color:#8d3f28!important}.access-foot{padding:24px var(--gutter);font-size:12px;color:var(--muted);border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.account-bar{padding:12px var(--gutter);display:flex;justify-content:flex-end;gap:24px;align-items:center;background:#eee5d4;font-size:13px}.account-bar form{margin:0}.plain-button{border:0;background:none;color:var(--mint);font:inherit;cursor:pointer;padding:6px}.mission-line{margin-top:30px;padding:22px 0;border-top:1px solid var(--line);color:var(--mint)!important}.business-card .business-purpose{font-size:13px;line-height:1.7;color:var(--muted);margin-bottom:22px}.business-purpose strong{color:var(--ink);font-weight:500}.review-layout{max-width:1080px;margin:0 auto;padding:55px var(--gutter)}.review-layout h1{font-size:48px;letter-spacing:-2px}.request-card{border:1px solid var(--line);padding:25px;margin-top:20px;border-radius:6px}.request-card h2{font-size:24px;letter-spacing:-.5px}.request-card p{line-height:1.7;overflow-wrap:anywhere;white-space:pre-wrap}.request-meta{color:var(--muted);font-size:13px}.review-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.review-actions button{font:inherit;padding:11px 18px;border:1px solid var(--line);background:#eee2c9;color:var(--mint);border-radius:3px;cursor:pointer}.status-tag{font-size:12px;text-transform:uppercase;letter-spacing:1px;color:var(--mint)}.security-note{font-size:12px;line-height:1.7;color:var(--muted)}@media(max-width:800px){.access-layout{grid-template-columns:1fr;padding-top:25px;gap:30px}.access-intro{padding-top:0}.access-intro h1{font-size:48px}.access-brands{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px 22px}.access-card{padding:24px}.account-bar{justify-content:space-between;gap:12px;flex-wrap:wrap}.review-layout h1{font-size:38px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
/* Beige and gold group identity; sage distinguishes the proptech business. */
.button-primary{background:#d8bb80;color:#302619}.button-primary:hover{background:#e3cca1}.hero-art img{mix-blend-mode:normal;opacity:.92}.contact-section{background:#e9d9b8;color:#302619}.contact-section em{color:#80602c}.contact-section p,.contact-email{color:#665337}.journey-tabs button[aria-selected=true]{background:#e4d1a9;color:#46371d}.proptech-card{background:#eef2e9}.proptech-card .card-category,.proptech-card .card-number,.proptech-card .card-icon,.proptech-card .card-link,.proptech-brand{color:#50694b}.proptech-card .card-tags span{border-color:#b8c6ac;background:#e5eddf;color:#496144}.proptech-card .business-purpose strong{color:#41573b}.access-brands .proptech-brand{color:#50694b}.access-form input,.access-form textarea{background:#fffcf6}.access-card{box-shadow:0 16px 55px #65512908}.account-bar{background:#eee4d1}.notice{background:#f2e9d8}.notice.error{background:#fbefe8}.monogram span{color:#957039}.access-foot{color:#746956}.access-layout .access-intro .eyebrow{font-size:12px;letter-spacing:1.65px}.access-card .security-note{margin-top:20px}.review-actions button{background:#eadbbc;color:#604820}.status-tag{color:#7e5e2d}.access-form .consent input{accent-color:#92713b}@media(max-width:380px){.access-layout{padding-left:20px;padding-right:20px}.access-card{padding:20px}.header>.status-tag{font-size:10px;max-width:47px}.header>.brand{gap:9px}.access-intro h1{font-size:43px}}
.business-card.proptech-card{background:linear-gradient(150deg,#f1f4ed,#e7eddf)}.business-card.proptech-card:hover{background:linear-gradient(150deg,#e9f0e3,#dfe9d5)}

/* Brand headlines: visible on the access screen and beneath each business name. */
.business-card .business-headline{font-size:20px;line-height:1.45;font-weight:500;color:#80602c;margin:-7px 0 22px;max-width:330px;min-height:58px}.business-card.proptech-card .business-headline{color:#50694b}.access-brands>div{padding:4px 0}.access-brands>div>span{font-weight:600}.access-brands>div>p{font-size:13px;color:#70685b;line-height:1.6;margin:5px 0 0}.access-brands>div.proptech-brand>p{color:#50694b}@media(max-width:800px){.business-card .business-headline{min-height:0;max-width:100%;font-size:21px}.access-brands{display:grid;gap:14px}.access-intro h1{font-size:clamp(38px,9vw,48px)}}

.access-brands>div{padding:16px 0;border-bottom:1px solid var(--line)}.access-brands>div>span{font-size:18px}.access-brands>div>p.access-business-description{margin-top:10px;font-size:14px;line-height:1.7;color:#70685b}

.vision-access{position:relative;isolation:isolate}.vision-access:before{content:"";position:absolute;z-index:-1;inset:0 46% 0 calc((1240px - 100vw)/2);background:linear-gradient(180deg,rgba(247,243,235,.83),rgba(247,243,235,.92) 65%,#f7f3eb),url('/vision-concept.png') center top/auto 1050px no-repeat;pointer-events:none}.vision-access>.access-card{background:#fbf8f1}.development-vision{margin:28px 0 0;border:1px solid var(--line);border-radius:5px;overflow:hidden;background:#fbf8f1}.development-vision img{display:block;width:100%;height:auto}.development-vision figcaption{padding:16px 18px;font-size:12px;line-height:1.7;color:#70685b}.development-vision strong{font-size:15px;color:#86652f}.development-vision figcaption span{display:block;margin-top:7px}@media(max-width:1240px){.vision-access:before{left:0}}@media(max-width:800px){.vision-access:before{right:0;background-size:auto 850px}}

/* Tyne Bridge identity: cream, gold, beige and a restrained sage accent. */
.brand{gap:15px}.bridge-logo{display:block;object-fit:contain;width:120px;height:80px;mix-blend-mode:multiply;flex-shrink:0}.brand .brand-name{font-family:Georgia,'Times New Roman',serif;font-size:23px;line-height:1.2;letter-spacing:-.5px;font-weight:400;color:#80602c}.brand .brand-name>span{font-family:'DM Sans',Arial,sans-serif;font-size:12px;letter-spacing:4px;text-transform:uppercase;color:#86775f;margin-top:7px}.brand-name b{font-weight:500;color:#607954}.footer .brand-name{font-size:21px}.footer .brand-name>span{font-size:11px}@media(max-width:1120px){.brand .brand-name{font-size:20px}.bridge-logo{width:96px;height:65px}.nav{gap:18px}}@media(max-width:800px){.brand{gap:9px}.bridge-logo{width:78px;height:54px}.brand .brand-name{font-size:18px;letter-spacing:-.5px}.brand .brand-name>span{font-size:10px;letter-spacing:2.5px;margin-top:5px}.header{min-height:94px}.nav{top:93px}.header>.status-tag{font-size:10px;max-width:48px}}@media(max-width:380px){.bridge-logo{width:57px;height:45px}.brand .brand-name{font-size:15px}.brand .brand-name>span{font-size:9px;letter-spacing:2px}.brand{gap:7px}.header>.brand{gap:7px}}

/* Restore the user-selected original bridge artwork without colour blending. */
.bridge-logo{mix-blend-mode:normal;border-radius:3px}

/* The development vision is a soft backdrop; text and controls remain sharp. */
.vision-access:before{position:fixed;inset:-24px;z-index:-2;background:url('/vision-concept.png') center center/cover no-repeat;filter:blur(12px);opacity:.32;transform:scale(1.04)}
.vision-access:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(247,243,235,.78),rgba(247,243,235,.56) 55%,rgba(247,243,235,.75))}
.vision-access .development-vision>a{display:none}.vision-access .development-vision{background:rgba(251,248,241,.82);margin-top:24px}.vision-access>.access-card{background:#fbf8f1;box-shadow:0 18px 60px rgba(70,57,33,.08)}
@media(max-width:800px){.vision-access:before{background-position:62% center;filter:blur(9px);opacity:.27}.vision-access:after{background:rgba(247,243,235,.72)}}
.vision-access:before{opacity:.58;filter:blur(8px)}.vision-access:after{background:linear-gradient(90deg,rgba(247,243,235,.78),rgba(247,243,235,.44) 62%,rgba(247,243,235,.62))}@media(max-width:800px){.vision-access:before{opacity:.4;filter:blur(8px)}.vision-access:after{background:rgba(247,243,235,.7)}}
/* Increase visibility of the concept while retaining readable foreground copy. */
.vision-access:before{opacity:.76;filter:blur(5px)}.vision-access:after{background:linear-gradient(90deg,rgba(247,243,235,.71),rgba(247,243,235,.27) 62%,rgba(247,243,235,.44))}@media(max-width:800px){.vision-access:before{opacity:.58;filter:blur(5px)}.vision-access:after{background:rgba(247,243,235,.61)}}

/* Selected ten-storey concept: recognisable background, light softening only. */
.vision-access:before{opacity:.9;filter:blur(2px);background-position:center center;transform:scale(1.01)}.vision-access:after{background:linear-gradient(90deg,rgba(247,243,235,.79) 0%,rgba(247,243,235,.60) 35%,rgba(247,243,235,.12) 68%,rgba(247,243,235,.22) 100%)}@media(max-width:800px){.vision-access:before{opacity:.78;filter:blur(2px);background-position:65% center}.vision-access:after{background:rgba(247,243,235,.62)}}

/* Soft architectural backdrop: preserved flats and upper-level wellness concept. */
.vision-access:before{filter:blur(6px);opacity:.9;background-position:62% center;transform:scale(1.035)}
.vision-access:after{background:linear-gradient(90deg,rgba(247,243,235,.84) 0%,rgba(247,243,235,.66) 36%,rgba(247,243,235,.20) 70%,rgba(247,243,235,.28) 100%)}
@media(max-width:800px){.vision-access:before{filter:blur(4px);opacity:.85;background-position:69% center}.vision-access:after{background:rgba(247,243,235,.65)}}

/* Clearer reading on the image-backed access screen. Blur stays on the image. */
:root{--muted:#554f45}
.vision-access>.access-intro{padding:32px;background:#fbf8f1f5;border:1px solid #d7c9b1;border-radius:8px;box-shadow:0 16px 48px #3026190a}
.vision-access>.access-card{background:#fffcf6;border-color:#c8b792}
.vision-access .access-intro h1{font-weight:500;font-size:clamp(44px,4.7vw,68px);letter-spacing:-2.4px;color:#302c25}
.vision-access .access-intro h1 em{color:#795821}
.vision-access .access-intro>p,.access-card>p{color:#494238;font-size:17px;line-height:1.75}
.access-layout .access-intro .eyebrow{font-size:12px;letter-spacing:1px;color:#635033}
.vision-access .development-vision{background:#f2eadb;border-color:#d3c2a2}
.development-vision figcaption{font-size:14px;line-height:1.75;color:#504638}
.development-vision strong{color:#735326;font-size:17px}
.access-brands>div>p,.access-brands>div>p.access-business-description{color:#494238;font-size:16px;line-height:1.75}
.access-brands>div>span{font-size:20px;color:#745326}
.access-brands>div.proptech-brand>span,.access-brands>div.proptech-brand>p{color:#3f583b}
.access-form label,.access-form input,.access-form textarea{font-size:16px}
.access-form input,.access-form textarea{color:#302c25;border-color:#99835a}
.access-form small,.access-card .security-note{font-size:14px;color:#554b3b}
.access-card .status-tag{font-size:12px;color:#68502b;letter-spacing:.7px}
.access-card .security-note a{text-decoration:underline;text-underline-offset:3px;overflow-wrap:anywhere}
.header .brand-name>span{color:#685739}.header .status-tag{color:#6b5027}
.business-card>p:not(.business-headline){font-size:16px;line-height:1.8;color:#554f45}
.contact-section p:not(.eyebrow){color:#665337}
@media(max-width:800px){.vision-access>.access-intro{padding:26px}.vision-access .access-intro h1{font-size:clamp(40px,8.5vw,58px);letter-spacing:-1.7px}}
@media(max-width:380px){.vision-access>.access-intro{padding:20px}.vision-access .access-intro h1{font-size:39px}.vision-access .access-intro>p,.access-card>p{font-size:16px}.access-layout .access-intro .eyebrow{font-size:11px;letter-spacing:.6px}}
.access-foot{font-size:14px;color:#554b3b}.access-brands>div>p:not(.access-business-description){font-weight:600}
.access-layout .access-intro .eyebrow{font-size:13px;font-weight:600;white-space:nowrap}.access-card .status-tag{font-size:13px}
@media(max-width:520px){.access-layout .access-intro .eyebrow{font-size:10.5px;letter-spacing:.2px;white-space:nowrap;gap:8px}.access-layout .access-intro .eyebrow>span:empty{width:18px}}
@media(max-width:380px){.access-layout .access-intro .eyebrow{font-size:10px;letter-spacing:0;gap:7px}.access-layout .access-intro .eyebrow>span:empty{width:15px}}
.access-foot{position:relative;z-index:1;background:#f7f3eb}

/* Keep the private access business summaries together instead of a long vertical list. */
.vision-access>.access-intro{min-width:0}
.vision-access .access-brands{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;max-width:100%;margin-top:26px;padding-top:0;border:1px solid #d3c2a2;background:#fbf8f1}
.vision-access .access-brands>div{min-width:0;padding:18px 16px;border-bottom:0}
.vision-access .access-brands>div+div{border-left:1px solid #d3c2a2}
.vision-access .access-brands>div>span{display:block;font-size:17px;line-height:1.2;letter-spacing:-.3px}
.vision-access .access-brands>div>p:not(.access-business-description){font-size:12px;line-height:1.45;margin-top:8px}
.vision-access .access-brands>div>p.access-business-description{font-size:12px;line-height:1.55;margin-top:9px}
@media(max-width:1050px){.vision-access .access-brands{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto;scroll-snap-type:x mandatory}.vision-access .access-brands>div{flex:0 0 72%;scroll-snap-align:start}.vision-access .access-brands>div+div{border-left:1px solid #d3c2a2}}
@media(max-width:800px){.vision-access .access-brands{margin-top:22px;flex-wrap:nowrap;gap:0}.vision-access .access-brands>div{flex-basis:58%}}
@media(max-width:520px){.vision-access .access-brands{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto}.vision-access .access-brands>div{flex:0 0 84%;padding:17px 18px}.vision-access .access-brands>div+div{border-left:1px solid #d3c2a2;border-top:0}}

/* Full-width version used on the login/register pages. */
.vision-access .access-brands-wide{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible;margin-top:0}
.vision-access .access-brands-wide>div{flex:auto;padding:24px 26px}
.vision-access .access-brands-wide>div>span{font-size:22px}
.vision-access .access-brands-wide>div>p:not(.access-business-description){font-size:14px}
.vision-access .access-brands-wide>div>p.access-business-description{font-size:14px;line-height:1.65}
@media(max-width:1050px){.vision-access .access-brands-wide{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:visible}.vision-access .access-brands-wide>div{flex:auto}}
@media(max-width:800px){.vision-access .access-brands-wide{display:flex;flex-wrap:nowrap;gap:0;overflow-x:auto}.vision-access .access-brands-wide>div{flex:0 0 72%;scroll-snap-align:start}}
@media(max-width:520px){.vision-access .access-brands-wide>div{flex-basis:84%}}

/* Let the development concept replace the former long property-vision copy. */
.vision-access .development-vision{position:relative;background:#191b17;border-color:#c4ad7e;box-shadow:0 18px 42px rgba(44,35,22,.16)}
.vision-access .development-vision>a{display:block;overflow:hidden}
.vision-access .development-vision img{aspect-ratio:3/2;object-fit:cover;transition:transform .7s ease,filter .7s ease}
.vision-access .development-vision:hover img{transform:scale(1.025);filter:saturate(1.05)}
.vision-access .development-vision figcaption{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:10px;padding:10px 13px;background:rgba(20,24,20,.78);border:1px solid rgba(234,218,186,.42);border-radius:3px;color:#f2eadb;backdrop-filter:blur(8px);pointer-events:none}
.vision-access .development-vision figcaption strong{font-size:14px;color:#f3dfb3}
.vision-access .development-vision figcaption span{display:inline;margin:0;padding-left:10px;border-left:1px solid rgba(234,218,186,.38);font-size:10px;line-height:1.2;letter-spacing:1.2px;text-transform:uppercase;color:#d7ccb9}
@media(max-width:520px){.vision-access .development-vision figcaption{left:9px;right:9px;bottom:9px;justify-content:space-between}.vision-access .development-vision figcaption strong{font-size:12px}.vision-access .development-vision figcaption span{font-size:9px}}

/* Cinematic architectural treatment for the private development concept. */
.vision-access .development-vision{isolation:isolate;border-radius:7px}
.vision-access .development-vision>a{position:relative;aspect-ratio:16/9;background:#11140f}
.vision-access .development-vision>a:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(10,14,11,.2),transparent 32%,transparent 64%,rgba(9,12,9,.52)),linear-gradient(90deg,rgba(17,14,9,.18),transparent 28%,transparent 72%,rgba(17,14,9,.14));box-shadow:inset 0 0 48px rgba(10,11,8,.22)}
.vision-access .development-vision>a:after{content:"";position:absolute;z-index:3;top:0;bottom:0;width:34%;left:-46%;pointer-events:none;background:linear-gradient(105deg,transparent,rgba(255,236,196,.16),transparent);transform:skewX(-12deg);animation:vision-light-pass 12s ease-in-out infinite}
.vision-access .development-vision img{width:100%;height:100%;aspect-ratio:auto;object-fit:cover;object-position:52% 52%;transform:scale(1.02);animation:vision-camera 18s cubic-bezier(.45,.05,.55,.95) infinite;will-change:transform,object-position}
.vision-access .development-vision:hover img{animation-play-state:paused;transform:scale(1.075)}
.vision-access .development-vision figcaption{z-index:4;background:rgba(15,18,14,.72);box-shadow:0 8px 28px rgba(0,0,0,.22)}
@keyframes vision-camera{0%{transform:scale(1.02);object-position:45% 58%}24%{transform:scale(1.14);object-position:54% 47%}48%{transform:scale(1.08);object-position:62% 43%}72%{transform:scale(1.16);object-position:56% 52%}100%{transform:scale(1.02);object-position:45% 58%}}
@keyframes vision-light-pass{0%,62%{left:-46%;opacity:0}70%{opacity:1}88%,100%{left:118%;opacity:0}}
@media(prefers-reduced-motion:reduce){.vision-access .development-vision img,.vision-access .development-vision>a:after{animation:none}.vision-access .development-vision img{transform:scale(1.04)}}
@media(max-width:520px){.vision-access .development-vision>a{aspect-ratio:4/3}.vision-access .development-vision img{object-position:59% 52%}@keyframes vision-camera{0%{transform:scale(1.03);object-position:52% 59%}25%{transform:scale(1.17);object-position:61% 47%}50%{transform:scale(1.1);object-position:69% 44%}75%{transform:scale(1.18);object-position:62% 53%}100%{transform:scale(1.03);object-position:52% 59%}}}

/* Direct manipulation: drag to pan, wheel/trackpad or buttons to zoom. */
.vision-access .development-vision>a{cursor:grab;touch-action:none;user-select:none}
.vision-access .development-vision.is-dragging>a{cursor:grabbing}
.vision-access .development-vision.is-interactive img{animation:none;object-position:center;transform:translate3d(var(--vision-x,0),var(--vision-y,0),0) scale(var(--vision-scale,1.04));transition:transform .18s ease-out}
.vision-access .development-vision.is-dragging img{transition:none}
.vision-controls{position:absolute;z-index:5;right:13px;top:13px;display:flex;gap:6px;padding:5px;background:rgba(15,18,14,.7);border:1px solid rgba(234,218,186,.38);border-radius:4px;backdrop-filter:blur(8px)}
.vision-controls button{display:grid;place-items:center;width:34px;height:34px;padding:0;border:1px solid rgba(243,223,179,.28);border-radius:3px;background:rgba(255,255,255,.06);color:#f3dfb3;font:600 17px/1 Arial,sans-serif;cursor:pointer;transition:background .2s ease,border-color .2s ease,transform .2s ease}
.vision-controls button:hover{background:rgba(243,223,179,.17);border-color:rgba(243,223,179,.62);transform:translateY(-1px)}
.vision-controls button:focus-visible{outline:2px solid #f3dfb3;outline-offset:2px}
.vision-controls [data-vision="reset"]{font-size:15px}
.vision-hint{position:absolute;z-index:4;right:15px;bottom:15px;margin:0;padding:7px 9px;background:rgba(15,18,14,.58);border-radius:3px;color:#e5dac6;font-size:9px;line-height:1;letter-spacing:1px;text-transform:uppercase;pointer-events:none;transition:opacity .25s ease}
.development-vision.is-interactive .vision-hint{opacity:0}
@media(max-width:520px){.vision-controls{right:9px;top:9px}.vision-controls button{width:32px;height:32px}.vision-hint{display:none}}