@layer template{.main__projects__content-wrapper{gap:var(--spacing-sides);--project-carousel-width:clamp(50%, 65% + 2vw, 75%);grid-template-rows:minmax(0,1fr);grid-template-areas:"gallery-wrapper""project-content""scroller";display:grid}@media (width>=48rem){.main__projects__content-wrapper{grid-template-areas:"gallery-wrapper project-content scroller";grid-template-columns:minmax(0, 1fr) minmax(0, calc(100% - var(--project-carousel-width,50%))) minmax(0, min-content)}}.project-content-container{display:none}@media (width>=48rem){.project-content-container{block-size:var(--canvas-height);padding-inline:clamp(var(--spacing--sides), 2.75rem + 2vw, 3rem);grid-area:project-content;grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr);place-items:center;display:grid;position:sticky;inset-block-start:var(--site-header--height);overflow:clip}}.project-content-container .project-content{block-size:100%;inline-size:minmax(0, fit-content);grid-area:1/1/1/1;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(2, fit-content);place-content:center;justify-self:center;gap:var(--spacing-lg);max-inline-size:48ch;display:grid}:is(.project-content-container .project-content) .project-content__headline{inline-size:100%;display:grid}:is(:is(.project-content-container .project-content) .project-content__headline) h2{-webkit-hyphens:auto;hyphens:auto;hyphenate-character:"-";text-wrap:balance;overflow-wrap:break-word;--hyphenate-limit:10 8 8;hyphenate-limit-chars:var(--hyphenate-limit);-webkit-line-clamp:5;-webkit-box-orient:vertical;inline-size:100%;line-height:1.2;display:-webkit-box;overflow:hidden}:is(.project-content-container .project-content) .project-content__prose{inline-size:100%}:is(.project-content-container .project-content) .project-content__link{--underline-thickness:1px;background-image:linear-gradient(currentColor,currentColor);background-size:0% var(--underline-thickness);background-repeat:no-repeat;background-position:50% calc(100% - var(--underline-thickness));will-change:opacity, transform, background-size;display:inline-block}.project-content-container .project-content{--_duration:.75s;--_easing:cubic-bezier(.78, 0, .22, 1);--_base-delay:25ms}:is(.project-content-container .project-content) .word-mask:first-of-type .word{--_base-delay:0s}.--is-transitioning:is(.project-content-container .project-content) .project-content__headline .word,.--is-transitioning:is(.project-content-container .project-content) .project-content__prose .word,.--is-transitioning:is(.project-content-container .project-content) .project-content__link .word{will-change:opacity, transform;transition:opacity var(--_duration) calc(var(--_base-delay) * var(--word)) var(--_easing), transform var(--_duration) calc(var(--_base-delay) * var(--word)) var(--_easing)}.--is-transitioning:is(.project-content-container .project-content) .project-content__link{--_link-delay:0s;transition:opacity var(--_duration) var(--_link-delay) var(--_easing), transform var(--_duration) var(--_link-delay) var(--_easing), background-size var(--_duration) var(--_link-delay) var(--_easing)}.--is-transitioning-out:is(.project-content-container .project-content) .project-content__link{--_link-delay:0s;transition:opacity var(--_duration) var(--_link-delay) var(--_easing), transform var(--_duration) var(--_link-delay) var(--_easing), background-size 0s var(--_duration) var(--_easing)}.--is-transitioning-in:is(.project-content-container .project-content) .project-content__link{--_link-delay:var(--_duration);transition:opacity var(--_duration) var(--_link-delay) var(--_easing), transform var(--_duration) 0s var(--_easing), background-size var(--_duration) var(--_link-delay) var(--_easing)}:is(.--is-transitioning-in:is(.project-content-container .project-content) .project-content__link) .word{transition-delay:calc(var(--_link-delay) * 1.25)}:is(.--is-hidden:is(.project-content-container .project-content) .project-content__headline) .word{opacity:0;transform:translateY(100%)}:is(.--is-hidden:is(.project-content-container .project-content) .project-content__prose) .word{opacity:0;transform:translate(-100%)}.--is-hidden:is(.project-content-container .project-content) .project-content__link{opacity:0;background-size:0% var(--underline-thickness);transform:translateY(100%)}:is(.--is-hidden:is(.project-content-container .project-content) .project-content__link) .word{opacity:0;transform:translateY(100%)}.--is-visible:is(.project-content-container .project-content){z-index:1;pointer-events:initial}:is(.--is-visible:is(.project-content-container .project-content) .project-content__headline) .word{opacity:1;transform:translateY(0%)}:is(.--is-visible:is(.project-content-container .project-content) .project-content__prose) .word{opacity:1;transform:translate(0%)}.--is-visible:is(.project-content-container .project-content) .project-content__link{background-size:100% var(--underline-thickness);transform:translateY(0%)}:is(.--is-visible:is(.project-content-container .project-content) .project-content__link) .word{opacity:1;transform:translateY(0%)}.gallery-wrapper{block-size:var(--canvas-height);contain:paint;grid-template:"header"min-content"carousel"minmax(0,1fr)"footer"min-content/minmax(0,1fr);grid-area:gallery-wrapper;display:grid;position:sticky;inset-block-start:var(--site-header--height)}.gallery__header{grid-area:header}.gallery__footer{-webkit-line-clamp:1;-webkit-box-orient:vertical;grid-area:footer;display:-webkit-box;overflow:hidden}@media (width>=48rem){.gallery__footer{display:none}}.gallery__carousel{grid-area:carousel}}