/* One shared gutter and spacing scale across the public pages. */
:root{--page-gutter:32px;--page-width:1344px;--section-gap:88px;--header-height:80px}
html{scroll-padding-top:100px}body{overflow-x:clip}
.home-page #siteHeader>div{max-width:var(--page-width);padding-inline:var(--page-gutter)!important;height:var(--header-height)}
.product-header,.about-page>header,.journal-page .journal-header{width:100%;max-width:var(--page-width);padding-inline:var(--page-gutter);height:var(--header-height);min-height:var(--header-height);margin-inline:auto}
.home-page .flow-container{width:100%;max-width:var(--page-width);padding-inline:var(--page-gutter)}
.home-page .hero canvas{top:var(--header-height);height:calc(100% - var(--header-height))}
.home-page #photos{padding:24px var(--page-gutter) 0!important}
.home-page #projects{padding:var(--section-gap) 0!important;scroll-margin-top:100px}
.home-page #journal{padding:0 0 var(--section-gap)!important;scroll-margin-top:100px}
.home-page .work-layout{gap:clamp(32px,6vw,80px)}
.home-page .journal-heading{margin-bottom:32px}
.autosync-flow main{width:100%;max-width:var(--page-width);padding:32px var(--page-gutter) 0;margin-inline:auto}
.autosync-flow .product-hero{padding-top:48px;column-gap:64px}
.autosync-flow .version-bar{margin-top:48px}
.autosync-flow .product-section{padding-top:var(--section-gap)}
.autosync-flow .product-cta{padding:var(--section-gap) 0;column-gap:64px}
.about-page main{width:100%;max-width:var(--page-width);padding:0 var(--page-gutter);margin:64px auto var(--section-gap)}
.about-page .about-intro{margin-bottom:56px}.about-page .about-layout{gap:64px}.about-page .about-connect{margin-top:var(--section-gap)}
.journal-page .journal-main{width:100%;max-width:var(--page-width);padding:0 var(--page-gutter);margin-inline:auto}
.journal-page .journal-intro{padding:64px 0 40px}.journal-page .intro-row{column-gap:64px;padding-bottom:28px}.journal-page .journal-filters{margin-bottom:48px}
.journal-page .story-grid{column-gap:64px;row-gap:56px;padding-bottom:var(--section-gap)!important}
.journal-page .article-main{width:100%;max-width:1280px;padding:40px var(--page-gutter) 0;margin-inline:auto}.journal-page .article-header{margin-bottom:36px}.journal-page .article-cover{margin-bottom:40px}.journal-page .article-body{max-width:1120px}.journal-page .article-end{margin:48px auto}.journal-page .next-story{padding-bottom:56px}
.site-footer{margin-top:0}.site-footer .footer-inner{width:100%;max-width:var(--page-width);padding:32px var(--page-gutter) 24px;margin-inline:auto}.site-footer .footer-main{padding-bottom:28px}.site-footer .footer-bottom{padding-top:0}
.circle-nav-dialog{padding:0}
@media(max-width:900px){.autosync-flow .product-hero,.autosync-flow .product-cta,.about-page .about-layout{column-gap:36px}.journal-page .story-grid{column-gap:36px}}
@media(max-width:700px){:root{--page-gutter:20px;--section-gap:56px;--header-height:72px}html{scroll-padding-top:88px}
.home-page .hero{min-height:400px}.home-page #photos{padding:16px var(--page-gutter) 0!important}.home-page .work-layout{gap:24px}.home-page #projects,.home-page #journal{scroll-margin-top:88px}.home-page .journal-heading{margin-bottom:24px}
.autosync-flow main{padding-top:24px}.autosync-flow .product-hero{padding-top:36px}.autosync-flow .version-bar{margin-top:32px;gap:12px 20px}.autosync-flow .product-section .section-label{margin-bottom:24px}.autosync-flow .product-cta{padding:64px 0 56px}
.about-page main{margin-top:40px;margin-bottom:56px}.about-page .about-intro{margin-bottom:36px}.about-page .about-layout{gap:40px}.about-page .about-connect{margin-top:56px}
.journal-page .journal-intro{padding:40px 0 32px}.journal-page .intro-row{padding:12px 0 20px}.journal-page .intro-row h1{margin-bottom:24px}.journal-page .journal-filters{margin-bottom:36px}.journal-page .story-grid{gap:40px;padding-bottom:56px!important}.journal-page .article-main{padding-top:28px}.journal-page .article-header{margin-bottom:28px}.journal-page .article-cover{margin-bottom:28px}.journal-page .article-end{margin:36px auto;gap:20px}.journal-page .next-story{padding-bottom:40px}
.site-footer .footer-inner{padding-top:24px;padding-bottom:24px}.site-footer .footer-main{padding-bottom:24px}
}

/* Navigation stays quiet; the main identity lives in the hero. */
.product-header,.about-page>header,.journal-page .journal-header{justify-content:flex-end}