.post-hero{position:relative;isolation:isolate;overflow:hidden;padding-top:var(--spacing--none);padding-bottom:var(--spacing--none);padding-left:var(--spacing--none);padding-right:var(--spacing--none)}.post-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-1}.post-hero-inner{--max-width:var(--container--narrow);position:relative;z-index:1;min-height:50vh;justify-content:flex-end;align-items:center}.post-hero-title{margin-bottom:var(--spacing--none);background-color:var(--color--primary--original);padding-top:var(--section--padding-inline);padding-right:var(--section--padding-inline);padding-bottom:var(--section--padding-inline);padding-left:var(--section--padding-inline);color:var(--color--white)}.post-intro{padding-block:var(--spacing--10xl)}.post-intro-inner{--max-width:var(--container--narrow)}.post-intro-content>:last-child{margin-block-end:var(--spacing--none)}.post-video{padding-top:var(--spacing--10xl);padding-bottom:var(--spacing--10xl);background-color:var(--color--black)}.post-video-inner{--max-width:var(--container--narrow);align-items:stretch}.post-video-placeholder{min-height:var(--size--192);aspect-ratio:16 / 9;justify-content:center;border-color:var(--color--base--200);background-color:color-mix(in oklab,var(--color--base--0) 80%,var(--color--primary--50))}.post-video-placeholder>:where(iframe,video){width:100%;height:100%}.project-gallery-wrap{position:relative}.project-gallery-shell{position:relative;padding-inline:var(--spacing--5xl)}.project-gallery-viewport{scroll-behavior:smooth;scrollbar-width:none;overflow:auto}.project-gallery-viewport::-webkit-scrollbar{display:none}.project-gallery-track{--spacing--inline:var(--spacing--md);align-items:center;width:max-content;padding-inline:0}.project-gallery-item{flex:0 0 auto;padding:0;border:0;background:#fff0;cursor:pointer;transition:opacity var(--transition)}.project-gallery-item:hover{opacity:.9}.project-gallery-image{display:block;block-size:var(--size--160);inline-size:auto;max-inline-size:none;background-color:var(--color--base--100)}.project-gallery-control{position:absolute;inset-block-start:50%;z-index:3;inline-size:var(--size--32);block-size:var(--size--32);padding:0;border:solid var(--border--width) var(--color--base--200);border-radius:999px;background-color:color-mix(in oklch,var(--color--base--0) 88%,transparent);color:#fff0;transform:translateY(-50%);transition:background-color var(--transition),border-color var(--transition),transform var(--transition);backdrop-filter:blur(var(--size--2))}.project-gallery-control::before,.project-gallery-close::before,.project-gallery-step::before{content:"";position:absolute;inset:0;margin:auto;inline-size:var(--size--12);block-size:var(--size--12);background-color:var(--color--primary--700);mask-image:var(--icon--caret);mask-repeat:no-repeat;mask-position:center;mask-size:contain;-webkit-mask-image:var(--icon--caret);-webkit-mask-repeat:no-repeat;-webkit-mask-position:center;-webkit-mask-size:contain}.project-gallery-control:hover,.project-gallery-close:hover,.project-gallery-step:hover{background-color:var(--color--primary--100);border-color:var(--color--primary--200)}.project-gallery-control-prev{inset-inline-start:0}.project-gallery-control-prev::before,.project-gallery-step-prev::before{transform:rotate(180deg)}.project-gallery-control-next{inset-inline-end:0}.project-gallery-dots{display:flex;justify-content:center;align-items:center;margin-block-start:var(--spacing--xl)}.project-gallery-dot+.project-gallery-dot{margin-inline-start:var(--spacing--sm)}.project-gallery-dot{inline-size:var(--size--8);block-size:var(--size--8);padding:0;border:0;border-radius:999px;background-color:var(--color--base--300);transition:transform var(--transition),background-color var(--transition)}.project-gallery-dot.is-active{background-color:var(--color--primary--500);transform:scale(1.25)}.project-gallery-lightbox{position:fixed;inset:0;z-index:10000;display:none;align-items:center;justify-content:center;padding:var(--spacing--5xl);background-color:color-mix(in oklch,var(--color--base--1000) 82%,transparent)}.project-gallery-lightbox.is-open{display:flex}.project-gallery-figure{margin:0;max-inline-size:min(100%, var(--container--max))}.project-gallery-lightbox-image{display:block;max-inline-size:100%;max-block-size:calc(100vh - var(--spacing--15xl));margin-inline:auto;border-radius:var(--radius--lg)}.project-gallery-caption{margin-block-start:var(--spacing--lg);text-align:center;color:var(--color--base--0)}.project-gallery-close,.project-gallery-step{position:absolute;z-index:2;inline-size:var(--size--24);block-size:var(--size--24);padding:0;border:solid var(--border--width) color-mix(in oklch,var(--color--base--0) 24%,transparent);border-radius:999px;background-color:color-mix(in oklch,var(--color--base--0) 12%,transparent);color:#fff0;backdrop-filter:blur(var(--size--2))}.project-gallery-close{inset-block-start:var(--spacing--xl);inset-inline-end:var(--spacing--xl)}.project-gallery-close::before{mask-image:var(--icon--close);-webkit-mask-image:var(--icon--close)}.project-gallery-step{inset-block-start:50%;transform:translateY(-50%)}.project-gallery-step-prev{inset-inline-start:var(--spacing--xl)}.project-gallery-step-next{inset-inline-end:var(--spacing--xl)}@media (max-width:991px){.post-hero{}.post-intro,.post-video{padding-block-end:var(--spacing--8xl)}.project-gallery-shell{padding-inline:var(--spacing--4xl)}.project-gallery-control{inline-size:var(--size--24);block-size:var(--size--24)}}@media (max-width:478px){.post-hero{}.post-video-placeholder{min-height:var(--size--96)}.project-gallery-shell{padding-inline:0}.project-gallery-track{--spacing--inline:var(--spacing--sm)}.project-gallery-image{block-size:var(--size--96)}.project-gallery-control{display:none}.project-gallery-lightbox{padding:var(--spacing--4xl) var(--spacing--lg)}.project-gallery-step-prev{inset-inline-start:var(--spacing--md)}.project-gallery-step-next{inset-inline-end:var(--spacing--md)}.project-gallery-close{inset-inline-end:var(--spacing--md)}.project-gallery-section{padding-top:var(--spacing--none);padding-right:var(--spacing--none);padding-left:var(--spacing--none)}}