/* The site's main views occupy one screen. Conversations retain their history. */
html[data-scene-layout]{--scene-home-offset:22px}
html[data-scene-layout]:not([data-scene-view="immersive"]) .tyne-ambient-scene{top:0;translate:none;height:calc(var(--scene-document-height,100dvh) + var(--scene-home-offset))}
html[data-scene-layout][data-scene-mode]:not([data-scene-view="immersive"]) body::before{background-position:center calc(100% + var(--scene-home-offset))}
@media(max-width:760px){html[data-scene-layout]{--scene-home-offset:16px}html[data-scene-layout][data-scene-mode]:not([data-scene-view="immersive"]) body::before{background-position:left calc(100% + var(--scene-home-offset))!important}}
html[data-scene-layout],html[data-scene-layout] body{height:100%;min-height:0;overflow:hidden;overscroll-behavior:none;scrollbar-width:none}
html::-webkit-scrollbar,body::-webkit-scrollbar,.sheet ::-webkit-scrollbar{display:none}
html[data-scene-layout] .page{height:100dvh;min-height:0;max-width:none;width:100%;margin:0;overflow:hidden;display:block}
html[data-scene-layout] .hero{display:block;height:100dvh;min-height:0;width:100%;padding:0;margin:0;overflow:hidden}
html[data-scene-layout] .scene-quayside-clearance{display:none;height:0}
html[data-scene-layout] .hero>.hero-inner{position:absolute;grid-area:auto;width:calc(100% - 100px);left:50%;top:var(--home-content-top,18vh);margin:0;transform:translateX(-50%) scale(var(--home-content-scale,1));transform-origin:top center}
html[data-scene-layout] .hero>.tyne-hero-logo{position:absolute;left:50%;top:var(--home-brand-top,25px);margin:0;transform:translateX(-50%)}
@media(min-width:761px){
 html[data-scene-layout] .hero>.tyne-hero-logo{top:20px;left:28px;width:auto;justify-content:flex-start;transform:none}
 html[data-scene-layout] .hero>.tyne-hero-logo img{height:44px;width:auto;max-width:166px}
}
html[data-scene-layout] .hero>.bridge-client-logos{position:absolute;left:50%;top:var(--home-clients-top,75vh);bottom:auto;margin:0;transform:translateX(-50%) scale(var(--home-content-scale,1));transform-origin:top center;pointer-events:auto}
html[data-scene-layout] footer{position:fixed;left:0;right:0;bottom:8px;width:100%;height:22px;margin:0;padding:0 12px;z-index:5;pointer-events:none}
.sheet:is(.is-map,.is-about) .sheet-body,.sheet.is-about .about-copy{overflow:hidden;scrollbar-width:none}
@media(min-width:901px) and (max-height:850px){
 .sheet.is-about .about-copy h2{font-size:42px;margin:0 0 12px}
 .sheet.is-about .about-copy .lede{font-size:14px;line-height:1.48;margin:0 0 10px}
 .sheet.is-about .founders-grid{padding-top:8px;gap:8px}
 .sheet.is-about .founder-card{padding:8px;grid-template-columns:42px minmax(0,1fr)}
 .sheet.is-about .founder-avatar{width:42px;height:42px}
 .sheet.is-about .founder-card .bio{font-size:12px;line-height:1.35}
 .sheet.is-about .about-actions{margin-top:10px}
 .sheet.is-map h2{font-size:46px}
 .sheet.is-map .tyne-map-intro{font-size:14px;line-height:1.5;margin-bottom:16px}
 .sheet.is-map .tyne-map-workflow{display:none}
 .sheet.is-map .tyne-map-support{margin-bottom:16px}
}
@media(max-width:760px){
 html[data-scene-layout] .hero>.hero-inner{width:calc(100% - 48px);max-width:450px}
 html[data-scene-layout] .hero>.tyne-hero-logo{top:calc(18px + env(safe-area-inset-top));width:auto}
 html[data-scene-layout] .hero>.tyne-hero-logo img{height:48px}
 html[data-scene-layout] .hero>.bridge-client-logos{width:calc(100% - 48px);max-width:430px}
 .sheet.is-about .about-intro.is-mobile-layout .about-copy{padding-bottom:0}
 .sheet.is-about .about-intro.is-mobile-layout .about-actions{position:relative;left:auto;right:auto;bottom:auto;padding:0;margin:10px 0 0;background:none}
 .sheet.is-about .about-intro.is-mobile-layout .founders-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
 .sheet.is-about .about-intro.is-mobile-layout .founder-card{grid-template-columns:38px minmax(0,1fr);gap:6px;padding:9px}
 .sheet.is-about .about-intro.is-mobile-layout .founder-avatar{width:38px;height:38px}
 .sheet.is-about .about-intro.is-mobile-layout .founder-card .name{font-size:22px}
 .sheet.is-about .about-intro.is-mobile-layout .founder-card .role{font-size:11px;margin-top:1px}
 .sheet.is-about .about-intro.is-mobile-layout .founder-card .bio{font-size:11px;line-height:1.4;margin-top:6px}
 .sheet.is-about .about-intro.is-mobile-layout .founder-links{gap:5px;flex-wrap:wrap}
 .sheet.is-about .about-intro.is-mobile-layout .founder-link{min-height:28px;padding:5px 7px;font-size:10px}
 .sheet.is-about .about-intro.is-mobile-layout .lede{font-size:13px;line-height:1.48;margin-bottom:10px}
 .sheet.is-about .about-intro.is-mobile-layout{height:auto;transform-origin:top left}
 .tyne-mobile-notes[open]{position:absolute;z-index:12;left:14px;right:14px;bottom:14px;max-height:75%;overflow:auto;padding:12px;background:var(--map-paper);box-shadow:0 -8px 35px #0002;border-radius:12px;scrollbar-width:none}
}

/* Give the architecture a little more clearance on Full HD laptop screens. */
@media(min-width:761px) and (max-height:1080px){html[data-scene-layout]{--scene-home-offset:54px}}

/* Match the first-paint photograph to the same small downward scene adjustment. */
html[data-scene-layout]{--scene-arrival-drop:max(0px,calc(var(--scene-home-offset) - 22px))}
@media(max-width:760px){html[data-scene-layout]{--scene-arrival-drop:max(0px,calc(var(--scene-home-offset) - 16px))}}
@media(min-width:761px) and (max-height:1080px){html[data-scene-layout]{--scene-arrival-drop:max(0px,calc(var(--scene-home-offset) - 54px))}}

/* Compact laptop composition, with native text/vector rasterisation. */
html[data-scene-layout] .hero>:is(.hero-inner,.bridge-client-logos){zoom:var(--home-layout-zoom,1)}
