@layer components{.hero{--arch-w:min(30vw,560px);--arch-top:19%;--arch-side:calc((100% - var(--arch-w))/2);--arch-r:calc(var(--arch-w)/2);position:relative}.hero-sticky{background:var(--bg);height:100svh;position:relative;overflow:hidden}.js-anim .hero{height:280svh}.js-anim .hero-sticky{position:-webkit-sticky;position:sticky;top:0}.hero-layer{padding:calc(env(safe-area-inset-top,0px) + 5rem)var(--gutter)clamp(1.5rem,4vh,3rem);grid-template-rows:1fr auto auto;display:grid;position:absolute;top:0;bottom:0;left:0;right:0}.hero-out{color:var(--fg)}.hero-in{color:var(--color-chaux);z-index:3}.hero-title{text-align:center;letter-spacing:-.05em;place-self:center;margin-top:-6vh;margin-bottom:0;font-size:max(3.2rem,min(1rem + 9.5vw,11.5rem));font-weight:300;line-height:.92}.hero-title .word{white-space:nowrap;display:inline-block}.hero-title .ch{display:inline-block}.hero-title .l{display:block}.hero-foot{justify-content:space-between;align-items:flex-end;gap:2rem;display:flex}.hero-foot :-webkit-any(p,h1){max-width:23em;margin:0;font-size:1.0625rem;line-height:1.5}.hero-foot :-moz-any(p,h1){max-width:23em;margin:0;font-size:1.0625rem;line-height:1.5}.hero-foot :is(p,h1){max-width:23em;margin:0;font-size:1.0625rem;line-height:1.5}.hero-where{font-size:var(--text-small);margin:0 0 1rem;font-weight:500}.hero-in .btn{--btn-bg:var(--color-chaux);--btn-fg:var(--color-encre)}.hero-out .btn{--btn-bg:var(--fg);--btn-fg:var(--bg)}.hero-arch{z-index:2;clip-path:inset(22% 34% 0 round 40vw 40vw 0 0);position:absolute;top:0;bottom:0;left:0;right:0}.hero-arch .hero-img{position:absolute;top:0;bottom:0;left:0;right:0}.hero-arch .hero-img video{opacity:0;transition:opacity .9s var(--ease);position:absolute;top:0;bottom:0;left:0;right:0}.hero-arch .hero-img video:-webkit-any([data-state=playing],[data-state=paused]){opacity:1}.hero-arch .hero-img video:-moz-any([data-state=playing],[data-state=paused]){opacity:1}.hero-arch .hero-img video:is([data-state=playing],[data-state=paused]){opacity:1}.hero-arch .hero-img :-webkit-any(img,video){object-fit:cover;transform-origin:50% 70%;width:100%;height:100%}.hero-arch .hero-img :-moz-any(img,video){object-fit:cover;transform-origin:50% 70%;width:100%;height:100%}.hero-arch .hero-img :is(img,video){object-fit:cover;transform-origin:50% 70%;width:100%;height:100%}.hero-arch:after{content:"";background:linear-gradient(rgba(13,20,27,.34) 0%,rgba(13,20,27,.32) 45%,rgba(13,20,27,.52) 100%);position:absolute;top:0;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.hero-arch:after{background:linear-gradient(180deg,color-mix(in srgb,var(--color-encre)34%,transparent)0%,color-mix(in srgb,var(--color-encre)32%,transparent)45%,color-mix(in srgb,var(--color-encre)52%,transparent)100%)}}.hero-arch:after{pointer-events:none}.hero[data-media=video] .hero-arch:after{background:linear-gradient(rgba(13,20,27,.44) 0%,rgba(13,20,27,.52) 30%,rgba(13,20,27,.52) 62%,rgba(13,20,27,.56) 100%)}@supports (color:color-mix(in lab, red, red)){.hero[data-media=video] .hero-arch:after{background:linear-gradient(180deg,color-mix(in srgb,var(--color-encre)44%,transparent)0%,color-mix(in srgb,var(--color-encre)52%,transparent)30%,color-mix(in srgb,var(--color-encre)52%,transparent)62%,color-mix(in srgb,var(--color-encre)56%,transparent)100%)}}.hero-in .hero-foot{isolation:isolate;position:relative}.hero-in .hero-foot:before{content:"";z-index:-1;top:-6rem;bottom:calc(-1*max(1.5rem,min(4vh,3rem)));left:calc(-1*var(--gutter));right:calc(-1*var(--gutter));pointer-events:none;background:linear-gradient(transparent 0,rgba(13,20,27,.4) 3rem,rgba(13,20,27,.64) 6rem,rgba(13,20,27,.66) 100%);position:absolute}@supports (color:color-mix(in lab, red, red)){.hero-in .hero-foot:before{background:linear-gradient(180deg,color-mix(in srgb,var(--color-encre)0%,transparent)0,color-mix(in srgb,var(--color-encre)40%,transparent)3rem,color-mix(in srgb,var(--color-encre)64%,transparent)6rem,color-mix(in srgb,var(--color-encre)66%,transparent)100%)}}@media (min-width:761px){.hero-in .hero-foot:before{--foot-text:calc(var(--gutter) + 25rem);-webkit-mask-image:linear-gradient(90deg,#000 var(--foot-text),transparent calc(var(--foot-text) + 8rem));-webkit-mask-image:linear-gradient(90deg,#000 var(--foot-text),transparent calc(var(--foot-text) + 8rem));-webkit-mask-image:linear-gradient(90deg,#000 var(--foot-text),transparent calc(var(--foot-text) + 8rem));-webkit-mask-image:linear-gradient(90deg,#000 var(--foot-text),transparent calc(var(--foot-text) + 8rem));mask-image:linear-gradient(90deg,#000 var(--foot-text),transparent calc(var(--foot-text) + 8rem))}}.hero-shade{background:var(--color-encre);opacity:0;z-index:4;pointer-events:none;position:absolute;top:0;bottom:0;left:0;right:0}.video-toggle{background:rgba(242,235,228,.84);border:0;border-radius:50%;place-items:center;width:2.75rem;height:2.75rem;display:grid}@supports (color:color-mix(in lab, red, red)){.video-toggle{background:color-mix(in srgb,var(--color-chaux)84%,transparent)}}.video-toggle{color:var(--color-encre);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:pointer}.video-toggle .i-pause{border-left:.24rem solid;border-right:.24rem solid;width:.75rem;height:.8rem}.video-toggle .i-play{border-top:.45rem solid transparent;border-bottom:.45rem solid transparent;border-left:.72rem solid;width:0;height:0;margin-left:.2rem}.hero-video-toggle{z-index:4;position:absolute;bottom:max(1.5rem,min(4vh,3rem));left:50%;translate:-50%}.manifesto{z-index:5;background:var(--bg);position:relative}.js-anim .manifesto{margin-top:-100svh;box-shadow:0 -40px 80px rgba(13,20,27,.12)}@supports (color:color-mix(in lab, red, red)){.js-anim .manifesto{box-shadow:0 -40px 80px color-mix(in srgb,var(--color-encre)12%,transparent)}}.manifesto .grid{row-gap:3rem}.manifesto .h2{grid-column:1/span 6}.manifesto .m-text{grid-column:8/span 5;padding-top:.6rem}.manifesto .m-text p{color:var(--fg-soft)}.manifesto .m-text .lead{color:var(--fg);margin-bottom:1.4em}.manifesto .m-links{flex-wrap:wrap;gap:.75rem 1.75rem;display:flex}.facts{border-top:1px solid var(--line);grid-template-columns:repeat(4,1fr);margin-top:max(4rem,min(8vw,7rem));display:grid}.facts li{font-size:var(--text-small);color:var(--fg-soft);padding:1.4rem 1.5rem 0 0}.facts li+li{border-left:1px solid var(--line);padding-left:1.5rem}.facts strong{color:var(--fg);letter-spacing:-.01em;margin-bottom:.2rem;font-size:1.25rem;font-weight:500;display:block}.film{width:min(100%,34rem);margin:max(4rem,min(8vw,7rem)) auto 0}.film-frame{aspect-ratio:4/5;transform-origin:50% 100%;isolation:isolate;border-radius:50% 50% 0 0/22% 22% 0 0;box-shadow:0 2.5rem 6rem -2.5rem rgba(13,20,27,.35)}@supports (color:color-mix(in lab, red, red)){.film-frame{box-shadow:0 2.5rem 6rem -2.5rem color-mix(in srgb,var(--color-encre)35%,transparent)}}@media (prefers-color-scheme:dark){:root:not([data-theme=light]) .film-frame{box-shadow:0 0 7rem -1rem rgba(227,178,122,.26)}}:root[data-theme=dark] .film-frame{box-shadow:0 0 7rem -1rem rgba(227,178,122,.26)}.film-frame :-webkit-any(img,video){object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.film-frame :-moz-any(img,video){object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.film-frame :is(img,video){object-fit:cover;width:100%;height:100%;position:absolute;top:0;bottom:0;left:0;right:0}.film-video{opacity:0;transition:opacity .8s var(--ease)}.film-video:-webkit-any([data-state=playing],[data-state=paused]){opacity:1}.film-video:-moz-any([data-state=playing],[data-state=paused]){opacity:1}.film-video:is([data-state=playing],[data-state=paused]){opacity:1}.film-frame:after{content:"";z-index:1;pointer-events:none;background:radial-gradient(75% 70% at 50% 45%,transparent 60%,rgba(13,20,27,.3) 100%);position:absolute;top:0;bottom:0;left:0;right:0}@supports (color:color-mix(in lab, red, red)){.film-frame:after{background:radial-gradient(ellipse 75% 70% at 50% 45%,transparent 60%,color-mix(in srgb,var(--color-encre)30%,transparent)100%)}}.film-toggle{z-index:2;position:absolute;bottom:1rem;right:1rem}.film .caption{text-align:center}.works{z-index:5;--card-h:clamp(15rem,50vh,31rem);position:relative;overflow:hidden}.works-inner{flex-direction:column;justify-content:center;min-height:100svh;padding-top:max(5.5rem,min(11vh,7rem));padding-bottom:max(2rem,min(5vh,3.5rem));display:flex}.works-head{justify-content:space-between;align-items:flex-end;gap:2rem;margin-bottom:max(1.5rem,min(4vh,3rem));display:flex}.works .h2{font-size:max(2.2rem,min(1.2rem + 3vw,4.5rem))}.works-head .h2{max-width:10em}.works-track{padding-inline:var(--gutter);gap:max(1rem,min(2vw,2rem));width:max-content;display:flex}.work-card{width:calc(var(--card-h)*.8);flex:none;text-decoration:none;display:block}.work-card .ph{height:var(--card-h)}.work-card .ph img{transition:transform 1.2s var(--ease)}.work-card:hover .ph img{transform:scale(1.04)}.work-card:focus-visible .ph img{transform:scale(1.04)}.work-meta{justify-content:space-between;gap:1rem;margin-top:1rem;display:flex}.work-meta .h3{font-weight:400}.work-place{font-size:var(--text-small);color:var(--fg-soft);white-space:nowrap;padding-top:.35rem}.work-card:nth-child(2n){margin-top:max(0rem,min(4vh,3rem))}.work-all{width:calc(var(--card-h)*.62);height:var(--card-h);border:1px solid var(--line);font-size:var(--text-h3);letter-spacing:-.015em;text-align:center;transition:background-color .5s var(--ease),color .5s var(--ease);border-radius:50% 50% 0 0/30% 30% 0 0;flex:none;place-items:center;padding:2rem;font-weight:400;text-decoration:none;display:grid}.work-all:hover{background:var(--alt-fg);color:var(--alt-bg)}.work-all:focus-visible{background:var(--alt-fg);color:var(--alt-bg)}.no-anim .works-viewport{scroll-snap-type:x mandatory;overflow-x:auto}.no-anim .work-card{scroll-snap-align:start}.works-progress{margin:clamp(2rem,5vh,3.5rem)var(--gutter)0;background:var(--line);height:1px;position:relative}.works-progress span{transform-origin:0;background:currentColor;position:absolute;top:0;bottom:0;left:0;right:0;transform:scaleX(0)}.guarantees{z-index:5;position:relative}.guarantees .g-intro{grid-column:1/span 5;align-self:start;position:-webkit-sticky;position:sticky;top:7rem}.guarantees .g-intro p{color:var(--fg-soft);margin-top:1.5rem}.g-list{grid-column:7/span 6}.g-item{border-top:1px solid var(--line);padding-top:max(2rem,min(4vw,3.25rem));padding-bottom:max(2rem,min(4vw,3.25rem))}.g-item:last-child{border-bottom:1px solid var(--line)}.g-item .h3{letter-spacing:-.025em;transition:opacity .6s var(--ease);margin-bottom:.9rem;font-size:max(1.6rem,min(1.2rem + 1.3vw,2.5rem));font-weight:400}.g-item p{color:var(--fg-soft);max-width:30em;margin:0}.js-anim .g-item .h3{opacity:.5}.js-anim .g-item.is-active .h3{opacity:1}.quote .grid{align-items:end}.quote blockquote{grid-column:2/span 10;margin:0}.quote blockquote p{letter-spacing:-.03em;text-indent:-.45em;text-wrap:pretty;margin:0;font-size:max(1.7rem,min(1rem + 2.6vw,3.6rem));font-weight:300;line-height:1.15}.quote figcaption{font-size:var(--text-small);color:var(--fg-soft);grid-column:2/span 10;align-items:center;gap:1rem;margin-top:2.5rem;display:flex}.quote figcaption strong{color:var(--fg);font-weight:500}.quote figcaption:before{content:"";background:currentColor;width:3rem;height:1px}.contact-block .grid{row-gap:3rem}.contact-block .c-intro{grid-column:1/span 5}.contact-block .c-intro p{color:var(--fg-soft)}.contact-block .c-intro .lead{margin-top:1.75rem}.contact-block .c-actions{grid-column:7/span 6;align-self:center;gap:2rem;display:grid}.contact-block .c-action-note{font-size:var(--text-small);color:var(--fg-soft);margin:.85rem 0 0 2.1rem}@media not all and (min-width:1081px){.manifesto .h2,.manifesto .m-text,.guarantees .g-intro,.g-list,.contact-block .c-intro,.contact-block .c-actions{grid-column:1/-1}.guarantees .g-intro{position:static}}@media not all and (min-width:761px){.hero{--arch-w:64vw;--arch-top:30%}.hero-video-toggle{left:auto;right:var(--gutter);translate:none}.facts{grid-template-columns:1fr 1fr}.facts li:nth-child(3){border-left:0;padding-left:0}.facts li{padding-bottom:1.2rem}.hero-foot{flex-direction:column;align-items:flex-start}.hero-title{margin-top:-10vh;font-size:max(3rem,min(15vw,5.5rem))}.hero-foot :-webkit-any(p,h1){font-size:1rem}.hero-foot :-moz-any(p,h1){font-size:1rem}.hero-foot :is(p,h1){font-size:1rem}.works-head{flex-direction:column;align-items:flex-start}.works-viewport{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;overflow-x:auto}.works-viewport::-webkit-scrollbar{display:none}.work-card{scroll-snap-align:center;width:78vw}.work-card .ph{aspect-ratio:4/5;height:auto}.work-all{aspect-ratio:3/5;width:60vw;height:auto}.work-card:nth-child(2n){margin-top:0}.quote blockquote,.quote figcaption{grid-column:1/-1}}}@keyframes yrl-ch-in{0%{opacity:0;transform:translateY(115%)rotate(7deg)}to{opacity:1;transform:none}}@keyframes yrl-arch-open{0%{clip-path:inset(100% var(--arch-side)0 var(--arch-side)round var(--arch-r)var(--arch-r)0 0)}to{clip-path:inset(var(--arch-top)var(--arch-side)0 var(--arch-side)round var(--arch-r)var(--arch-r)0 0)}}@keyframes yrl-foot-in{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}.js-anim .hero .hero-img :-webkit-any(img,video){transform:scale(1.18)}.js-anim .hero .hero-img :-moz-any(img,video){transform:scale(1.18)}.js-anim .hero .hero-img :is(img,video){transform:scale(1.18)}.js-anim .hero[data-intro=wait] .hero-arch{clip-path:inset(100% var(--arch-side)0 var(--arch-side)round var(--arch-r)var(--arch-r)0 0)}.js-anim .hero[data-intro=play] .hero-arch{animation:yrl-arch-open 1.5s var(--ease-expo-io).45s both}.js-anim .hero[data-intro=wait] .hero-title .ch{opacity:0;transform:translateY(115%)rotate(7deg)}.js-anim .hero[data-intro=play] .hero-title .ch{animation:yrl-ch-in 1.2s var(--ease-expo)both;animation-delay:calc(var(--i)*26ms)}.js-anim .hero[data-intro=wait] .hero-foot{opacity:0;transform:translateY(24px)}.js-anim .hero[data-intro=play] .hero-foot{animation:1s cubic-bezier(.215,.61,.355,1) 1.25s both yrl-foot-in}