/* A measured image sequence, with a quiet profile alongside the gallery. */
.poster-gallery{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:85px 24px;align-items:start}
.poster-entry[data-poster]{display:flex;flex-direction:column;gap:14px;margin:0;width:100%;min-width:0}
.poster-entry[data-poster] .poster-preview,.poster-entry[data-poster] .poster-caption{width:100%;max-width:none;align-self:stretch}
.poster-entry[data-poster="1"]{grid-column:1 / 6;grid-row:1;max-width:230px}
.poster-entry[data-poster="2"]{grid-column:6 / -1;grid-row:1;margin-top:115px;max-width:520px}
.poster-entry[data-poster="3"]{grid-column:2 / 6;grid-row:2;max-width:230px}
.poster-entry[data-poster="4"]{grid-column:8 / -1;grid-row:2;margin-top:95px;max-width:230px}
.poster-entry[data-poster="5"]{grid-column:1 / 9;grid-row:3;max-width:500px}
.poster-entry[data-poster="6"]{grid-column:10 / -1;grid-row:3;margin-top:110px;max-width:180px}
.poster-entry[data-poster="7"]{grid-column:3 / 7;grid-row:4;max-width:220px}
.profile-sidebar{font:400 11px/1.5 var(--annotation-font);color:#5a5a5a;letter-spacing:0}
.profile-sidebar .profile-label{font-size:10px;text-transform:uppercase;margin:0 0 28px}
.profile-sidebar h3{font:600 13px/1.35 var(--annotation-font);color:#444;margin:0 0 15px}
.profile-sidebar h4{font:600 11px/1.5 var(--annotation-font);margin:0 0 7px}
.profile-sidebar p{margin:0 0 18px}
.profile-sidebar section{margin-top:25px}
.profile-sidebar a{display:inline-block;color:inherit;text-decoration:none;margin-top:8px;text-underline-offset:4px}
.profile-sidebar a:hover{text-decoration:underline}
.contact-link{opacity:0;visibility:hidden;pointer-events:none;transition:opacity .35s ease,visibility 0s .35s,color .25s ease}
body[data-view=work].has-browsed .contact-link{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .35s ease,visibility 0s,color .25s ease}
@media(min-width:1100px){
 .poster-collection{right:242px;padding-right:30px}
 .profile-sidebar{position:fixed;right:27px;top:64px;bottom:65px;width:175px;overflow-y:auto;scrollbar-width:thin}
 .poster-heading{grid-template-columns:1fr;gap:17px;margin-bottom:48px}
 .poster-heading .poster-introduction{font-size:14px;max-width:430px}
}
@media(min-width:1500px){.profile-sidebar{top:80px;width:190px}.poster-collection{right:270px;padding-right:40px}.poster-heading{grid-template-columns:1fr 1fr;gap:30px}}
@media(max-width:1099px){
 .profile-sidebar{position:static;margin:85px 0 0;max-width:600px;display:grid;grid-template-columns:1fr 1fr;gap:10px 35px;font-size:12px}
 .profile-sidebar .profile-label,.profile-sidebar h3{grid-column:1 / -1}
 .profile-sidebar .profile-label{margin-bottom:4px}.profile-sidebar section{margin-top:10px}
}
@media(max-width:700px){
 .poster-gallery{display:flex;flex-direction:column;gap:65px}
 .poster-entry[data-poster]{margin:0;max-width:none}
 .poster-entry[data-poster="1"],.poster-entry[data-poster="3"],.poster-entry[data-poster="4"]{width:70%;max-width:230px}
 .poster-entry[data-poster="2"],.poster-entry[data-poster="5"]{width:100%}
 .poster-entry[data-poster="3"]{align-self:center}
 .poster-entry[data-poster="4"],.poster-entry[data-poster="6"]{align-self:flex-end}
 .poster-entry[data-poster="6"],.poster-entry[data-poster="7"]{width:70%;max-width:220px}
 .profile-sidebar{margin-top:70px}
}
@media(prefers-reduced-motion:reduce){.contact-link,body[data-view=work].has-browsed .contact-link{transition:none}}

/* Reserve the same profile column alongside both website projects. */
@media(min-width:1100px){
 .website-project{right:242px;padding-right:30px}
 .website-layout{grid-template-columns:minmax(0,1.8fr) minmax(170px,1fr);gap:28px}
 .website-introduction{gap:28px}
 .work[data-category=websites] .expand-work{right:267px}
 .work[data-category=websites] .gallery-controls{left:calc(50% + 14px)}
}
@media(min-width:1500px){.website-project{right:270px;padding-right:40px}.work[data-category=websites] .expand-work{right:297px}}
@media(min-width:1100px) and (max-width:1199px){.website-layout{grid-template-columns:1fr;margin-top:48px}.website-copy{max-width:460px}}
.lightbox-canvas.is-website .website-project{right:0}