/* One project/case page, reused by the home sequence and sidebar destinations. */
.blueprint:is([data-view=projects],[data-view=cases]) main{max-width:none;padding:0}
html:has(body.blueprint:is([data-view=home],[data-view=projects],[data-view=cases])){scrollbar-gutter:stable}
.bp-content-page{box-sizing:border-box;width:100%;max-width:1760px;margin-inline:auto;padding:24px 30px 42px;min-width:0}
.blueprint[data-view=home] main{overflow-anchor:none}
.blueprint [data-home-section]{box-sizing:border-box;scroll-snap-align:start;scroll-margin:0;scroll-snap-stop:always}
.blueprint .bp-home-page{min-height:100dvh;display:flex;flex-direction:column;min-width:0}
.blueprint .bp-home-section-next{display:flex;justify-content:center;padding:18px 24px 26px;margin-top:auto}
.blueprint .bp-home-section-next button{display:inline-flex;align-items:center;gap:8px;min-height:40px}
.blueprint .bp-home-screen{height:auto;max-height:none;min-height:max(760px,100dvh)}
html:has(body.blueprint[data-view=home]){scroll-snap-type:y proximity;scroll-padding-block:0}
html:has(body.motion-off[data-view=home]){scroll-snap-type:none}
html.home-restoring:has(body.blueprint[data-view=home]){scroll-snap-type:none}
@media(min-width:1100px) and (max-height:800px){.blueprint .bp-home-screen{height:auto;min-height:max(640px,100dvh)}}
@media(max-width:1099px){.blueprint .bp-home-screen{height:auto;max-height:none;min-height:100dvh}.bp-content-page{padding:24px 24px 42px}}
@media(max-width:740px){.bp-content-page{padding:20px 14px 32px}.blueprint [data-home-section]{padding-bottom:calc(32px + env(safe-area-inset-bottom,0px))}.blueprint .bp-home-screen{min-height:100dvh}.blueprint .bp-home-page{min-height:100dvh}}
@media(prefers-reduced-motion:reduce){html:has(body.blueprint[data-view=home]){scroll-snap-type:none}}