/* Page Projets only. Shared homepage styles are used without modification. */
.portfolio-hero>img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 88%}
.portfolio-intro{padding-top:85px;padding-bottom:65px}
.portfolio-intro h1{font-size:clamp(38px,4.2vw,66px);font-weight:400;letter-spacing:-.04em;line-height:1.12;margin:0}
.portfolio-intro h1 em{font-family:var(--serif);font-weight:400}
.portfolio-grid{row-gap:58px;padding-bottom:100px;align-items:start}
.portfolio-project h2{font-size:19px;letter-spacing:-.025em;font-weight:400;line-height:1.3;margin:0}
.portfolio-project .photo{display:block;width:100%}
.portfolio-project .photo img{object-fit:cover;object-position:50% 50%}
.portfolio-project[data-project="1"] .photo img{object-position:54% 50%}
.portfolio-project[data-project="2"] .photo img{object-position:42% 50%}
.portfolio-project[data-project="3"] .photo img{object-position:65% 50%}
.portfolio-project[data-project="6"] .photo img{object-position:70% 50%}
.portfolio-project[data-project="12"] .photo img{object-position:60% 50%}
.portfolio-pause{width:100%}.pause-green{background:var(--olive)}.pause-orange{background:var(--amber)}.pause-chocolate{background:var(--ink)}
@media(max-width:700px){.portfolio-hero>img{object-position:66% 50%}.portfolio-intro{padding-top:55px;padding-bottom:40px}.portfolio-grid{row-gap:42px;padding-bottom:60px}.portfolio-project h2{font-size:22px}}

/* The three manifesto words reuse the homepage faces, weight and tracking. */
@font-face{font-family:'Briem Hand';src:url('/assets/projects/briem-hand-capital-i.woff') format('woff');font-style:normal;font-weight:400;font-display:swap;unicode-range:U+0049}
.portfolio-pause{display:flex;align-items:flex-end;padding:clamp(22px,2.5vw,40px)}
.portfolio-pause span{font-family:'Briem Hand',var(--serif);font-weight:400;font-style:normal;letter-spacing:-.045em;line-height:1.16;font-size:clamp(22px,2.728vw,42.24px)}
.pause-chocolate{color:var(--amber)}.pause-green{color:var(--paper)}.pause-orange{color:var(--olive)}
.pause-orange span{font-family:Arial,Helvetica,sans-serif;font-style:normal;font-weight:400;letter-spacing:-.055em}
@media(max-width:700px){.portfolio-pause{padding:30px}.portfolio-pause span{font-size:clamp(28.16px,7.04vw,42.24px)}}

/* Palette associations only: retain each pause's typography and position. */
.pause-chocolate{background:#DD5B2C;color:#B9D9EB}
.pause-green{background:#B9D9EB;color:#2E1D0F}
.pause-orange{background:#CED373;color:#DD5B2C}
@media(max-width:700px){.portfolio-project .project-caption{margin-top:8px}}

/* Individual framing within the unchanged common thumbnail format. */
.portfolio-project[data-project="7"] .photo img{object-position:60% 50%}
.portfolio-project[data-project="8"] .photo img{object-position:22% 50%}