@layer components{.project-hero{height:100svh;min-height:34rem;color:var(--color-chaux);position:relative;overflow:hidden}.project-hero .ph{position:absolute;top:0;bottom:0;left:0;right:0}.project-hero .ph:after{content:"";background:linear-gradient(180deg,rgba(13,20,27,.66) 0,rgba(13,20,27,.63) calc(env(safe-area-inset-top,0px) + 4rem),rgba(13,20,27,.45) calc(env(safe-area-inset-top,0px) + 6rem),rgba(13,20,27,.24) calc(env(safe-area-inset-top,0px) + 8rem),rgba(13,20,27,.08) calc(env(safe-area-inset-top,0px) + 10.5rem),transparent calc(env(safe-area-inset-top,0px) + 13rem));position:absolute;top:0;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.project-hero .ph:after{background:linear-gradient(180deg,color-mix(in srgb,var(--color-encre)66%,transparent)0,color-mix(in srgb,var(--color-encre)63%,transparent)calc(env(safe-area-inset-top,0px) + 4rem),color-mix(in srgb,var(--color-encre)45%,transparent)calc(env(safe-area-inset-top,0px) + 6rem),color-mix(in srgb,var(--color-encre)24%,transparent)calc(env(safe-area-inset-top,0px) + 8rem),color-mix(in srgb,var(--color-encre)8%,transparent)calc(env(safe-area-inset-top,0px) + 10.5rem),color-mix(in srgb,var(--color-encre)0%,transparent)calc(env(safe-area-inset-top,0px) + 13rem))}}.project-hero .ph img{transform-origin:50% 60%}.project-hero .ph-head{z-index:2;padding-bottom:max(2rem,min(6vh,4rem));position:absolute;bottom:0;left:0;right:0}.project-hero .ph-head:before{content:"";z-index:-1;pointer-events:none;background:linear-gradient(transparent 0,rgba(13,20,27,.4) 4rem,rgba(13,20,27,.64) 8rem,rgba(13,20,27,.66) 100%);width:100vw;position:absolute;top:-8rem;bottom:0;left:50%;translate:-50%}@supports (color:color-mix(in lab, red, red)){.project-hero .ph-head:before{background:linear-gradient(180deg,color-mix(in srgb,var(--color-encre)0%,transparent)0,color-mix(in srgb,var(--color-encre)40%,transparent)4rem,color-mix(in srgb,var(--color-encre)64%,transparent)8rem,color-mix(in srgb,var(--color-encre)66%,transparent)100%)}}.project-hero .ph-cat{font-size:var(--text-small);margin-bottom:1rem;font-weight:500}.project-hero .h1{max-width:10em;font-size:max(2.8rem,min(1rem + 7vw,8.5rem))}.p-info .grid{row-gap:3rem}.p-meta{border-top:1px solid var(--line);grid-column:1/span 4;grid-template-columns:1fr;align-self:start;margin:0;display:grid}.p-meta div{border-bottom:1px solid var(--line);justify-content:space-between;align-items:baseline;gap:1rem;padding:.9rem 0;display:flex}.p-meta dt{color:var(--fg-soft);font-size:var(--text-small)}.p-meta dd{margin:0;font-weight:500}.p-desc{grid-column:6/span 7}.p-desc .lead{color:var(--fg)}.ba-wrap .ba-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:2rem;display:flex}.ba-wrap .ba-head p{margin:0}.ba-item+.ba-item{margin-top:max(4rem,min(8vw,7rem))}.ba{aspect-ratio:16/9;-webkit-user-select:none;-moz-user-select:none;user-select:none;background:var(--color-argile);--pos:50%;touch-action:pan-y;position:relative;overflow:hidden}.ba img{object-fit:cover;pointer-events:none;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.ba .ba-after{clip-path:inset(0 0 0 var(--pos))}.ba-handle{top:0;bottom:0;left:var(--pos);background:var(--color-chaux);pointer-events:none;width:1px;position:absolute}.ba-handle:after{content:"";background:var(--color-chaux);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230D141B' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M9 6l-6 6 6 6M15 6l6 6-6 6'/%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:1.2rem;border-radius:50%;width:3.2rem;height:3.2rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.ba-tag{border-radius:var(--radius-pill);background:rgba(13,20,27,.6);padding:.35rem .8rem;position:absolute;bottom:1rem}@supports (color:color-mix(in lab, red, red)){.ba-tag{background:color-mix(in srgb,var(--color-encre)60%,transparent)}}.ba-tag{color:var(--color-chaux);font-size:var(--text-small);pointer-events:none}.ba-tag.b{left:1rem}.ba-tag.a{right:1rem}.ba input[type=range]{opacity:0;cursor:ew-resize;width:100%;height:100%;margin:0;position:absolute;top:0;bottom:0;left:0;right:0}.ba:has(input:focus-visible){outline:2px solid var(--fg);outline-offset:4px}.ba-caption{grid-template-columns:repeat(12,minmax(0,1fr));column-gap:2rem;margin-top:1.5rem;display:grid}.ba-caption .h3{grid-column:1/span 4;font-weight:400}.ba-caption p{color:var(--fg-soft);grid-column:6/span 7}.gallery-title{margin-bottom:max(2.5rem,min(5vw,4rem))}.gallery{grid-template-columns:repeat(12,minmax(0,1fr));align-items:end;gap:2rem max(1rem,min(2vw,2rem));display:grid}.gallery figure:nth-child(odd){grid-column:1/span 7}.gallery figure:nth-child(odd) .ph{aspect-ratio:4/3}.gallery figure:nth-child(2n){grid-column:9/span 4}.gallery figure:nth-child(2n) .ph{aspect-ratio:3/4}.p-nav{border-top:1px solid var(--line);margin-bottom:var(--section);grid-template-columns:1fr 1fr;display:grid}.p-nav a{gap:.3rem;padding:2rem 0;text-decoration:none;display:grid}.p-nav a+a{text-align:right;border-left:1px solid var(--line);padding-left:2rem}.p-nav small{font-size:var(--text-small);color:var(--fg-soft)}.p-nav strong{font-size:var(--text-h3);letter-spacing:-.02em;font-weight:400}.p-nav a:hover strong{text-underline-offset:.2em;text-decoration:underline;text-decoration-thickness:1px}@media not all and (min-width:1081px){.p-meta,.p-desc{grid-column:1/-1}}@media not all and (min-width:761px){.ba{aspect-ratio:4/5}.ba-caption{column-gap:1rem}.ba-caption .h3,.ba-caption p{grid-column:1/-1}.ba-caption p{margin-top:.75rem}.gallery figure:nth-child(odd),.gallery figure:nth-child(2n){grid-column:1/-1}.p-nav{grid-template-columns:1fr}.p-nav a+a{text-align:left;border-left:0;border-top:1px solid var(--line);padding-left:0}}}@keyframes yrl-zoom-out{0%{scale:1.15}to{scale:1}}.js-anim .project-hero .ph img{animation:yrl-zoom-out 2.2s var(--ease-expo)both}