@font-face{font-family:Layout Bricolage;src:url('../fonts/bricolage-latin.woff2') format('woff2');font-weight:400 800;font-display:swap}
@font-face{font-family:Layout Bricolage;src:url('../fonts/bricolage-latin-ext.woff2') format('woff2');font-weight:400 800;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}
html[data-showbook-font=bricolage]{--layout-display:Layout Bricolage, sans-serif}
html[data-showbook-font]{--serif-display:var(--layout-display);--display:var(--layout-display)}
html[data-showbook-font] h1,html[data-showbook-font] h2,html[data-showbook-font] h3{font-family:var(--layout-display)}
.layout-stage{min-width:0}
.layout-stage .layout-project{min-width:0}
.layout-stage .showcase-grid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(1.25rem,3vw,3rem)}
.layout-stage .layout-project:nth-child(5n+1),.layout-stage .layout-project:nth-child(5n+4){grid-column:span 7}
.layout-stage .layout-project:nth-child(5n+2),.layout-stage .layout-project:nth-child(5n+3){grid-column:span 5}
.layout-stage .layout-project:nth-child(5n){grid-column:1/-1}
.layout-stage .showcase-grid .layout-project .project-row{display:grid;grid-column:auto;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;gap:.65rem;margin:0;padding:1.25rem 0 2rem;border:0;border-top:2px solid currentColor}
.layout-stage .showcase-grid .layout-project .project-row>*{grid-column:1;grid-row:auto;min-width:0;margin:0}
.layout-stage .showcase-grid .layout-project .project-thumb{width:100%;aspect-ratio:auto;min-height:0;padding:1rem}
.layout-stage .project-thumb img{display:block;width:100%;height:auto;max-height:38rem;object-fit:contain}
@media(max-width:760px){.layout-stage .showcase-grid{grid-template-columns:minmax(0,1fr)}
.layout-stage .layout-project:nth-child(n){grid-column:1}}
@media(prefers-reduced-motion:reduce){.layout-stage *{scroll-behavior:auto}}
html[data-showbook-layout] .layout-stage .showcase-grid .layout-project .project-row{display:grid;grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-column:auto;margin:0;padding:1.25rem 0 2rem}
html[data-showbook-layout] .layout-stage .showcase-grid .layout-project .project-row::before{content:none;display:none}
html[data-showbook-layout] .layout-stage .showcase-grid .layout-project .project-row>*{grid-column:1;grid-row:auto;min-width:0}
html[data-showbook-layout] .layout-stage .showcase-grid .layout-project .project-thumb{aspect-ratio:auto;height:auto}
html[data-showbook-layout] .layout-stage .showcase-grid .layout-project .project-thumb img{width:100%;height:auto;max-height:38rem;object-fit:contain;transform:none}