.page.project-page:not(.is-hero-prepared) .project-hero-description,.page.project-page:not(.is-hero-prepared) .project-hero-header{visibility:hidden}.project-hero{position:relative;width:100%;min-height:100svh;padding:2em;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:6em;overflow:hidden;background-color:var(--bg)}.project-hero .project-hero-header{display:flex;flex-direction:column;gap:2em}.project-hero-header-h1{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;gap:clamp(.75em,2vw,2em);width:max-content;max-width:min(100%,72rem);margin-inline:auto}.project-hero-header-h1 h1{font-size:clamp(2.25rem,5.5vw,5.5rem);line-height:1.05;text-align:center;white-space:nowrap}.project-hero-header-h1 img{width:clamp(.875rem,1.5vw,1.25rem);height:clamp(.875rem,1.5vw,1.25rem);flex-shrink:0}.project-hero .project-tags{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:.65em 1em}.project-hero .project-tags p.mn{font-size:clamp(1rem,1.75vw,1.35rem);letter-spacing:.04em}.project-hero .project-hero-description{width:min(50%,40rem);text-align:center}.project-hero .project-hero-description p{font-size:clamp(1.125rem,2vw,1.5rem);line-height:1.5;text-wrap:pretty}.project-hero .project-hero-footer{position:absolute;width:100%;bottom:0;padding:2em;display:flex;justify-content:space-between;align-items:center;box-sizing:border-box}.project-hero .project-hero-footer p.mn{font-size:var(--footer-text-desktop)}.project-hero .project-hero-footer .project-hero-footer-scroll-down{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}.project-hero .project-hero-footer .project-hero-footer-symbols{height:1rem}.project-hero .project-hero-footer .project-hero-footer-symbols img{width:auto;height:1rem;object-fit:contain}@media (max-width:1000px){.project-hero .project-hero-footer{display:flex;justify-content:flex-end}.project-hero .project-hero-footer p.mn{font-size:var(--footer-text-tablet)}.project-hero .project-hero-footer .project-hero-footer-symbols{display:none}.project-hero .project-hero-footer .project-hero-footer-scroll-down{left:2em;top:50%;transform:translateY(-50%)}}@media (max-width:768px){.project-hero .project-hero-footer p.mn{font-size:var(--footer-text-mobile)}}@media (max-width:576px){.project-hero .project-hero-footer p.mn{font-size:var(--footer-text-small)}}@media (max-width:400px){.project-hero .project-hero-footer p.mn{font-size:var(--footer-text-tiny)}}.project-preview{position:fixed;top:0;left:0;width:100%;height:100vh;padding:0;background-color:var(--fg);overflow:hidden}.project-preview .project-preview-wrapper{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(1);width:160vw;height:100vh;display:flex;gap:4em}.project-preview .project-preview-wrapper .preview-col{position:relative;flex:1;height:100%;display:flex;flex-direction:column;gap:4em}.project-preview .project-preview-wrapper .preview-img{flex:1;border-radius:1em;overflow:hidden}.project-preview .project-preview-wrapper .preview-img img{display:block;width:100%;height:100%;max-width:none;object-fit:cover}.project-preview .project-preview-wrapper .preview-img.main-preview-img img{position:relative;transform:scale(2)}.project-page-whitespace{width:100%;height:600vh}.project-client-feedback{position:relative;width:100%;padding:8em 2em;background-color:var(--bg)}.project-client-feedback .project-client-feedback-header{text-align:center;margin-bottom:8em}.project-client-feedback .project-client-feedback-copy{width:65%;margin:2em auto 4em}.project-client-feedback .project-client-feedback-copy p{text-align:center;font-size:2.5rem}.project-client-feedback .project-client-info{display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:1.5em}.project-client-feedback .project-client-icon{width:100px;height:100px;border-radius:1em;overflow:hidden;border:.2em solid var(--fg);outline:.2em solid var(--accent1)}.project-client-feedback .project-client-bio{display:flex;flex-direction:column;gap:.25em}.project-snapshots{position:relative;width:100%;padding:4em 2em;background-color:var(--bg);display:flex;flex-direction:column;gap:2em}.project-snapshots .project-snapshot{aspect-ratio:16/9;border-radius:2em;overflow:hidden}.project-snapshots--reveal{padding:0;gap:0}.project-snapshots--pending{width:100%;height:100svh}.project-snapshots--reveal:has(.project-snapshot-reveal--static){padding:4em 2em}.project-snapshot-reveal{position:relative;width:100%;height:100svh;overflow:hidden}.project-snapshot-reveal--static{height:auto;min-height:min(70svh,40rem)}.project-snapshot-reveal__layer{position:absolute;inset:0;width:100%;height:100%;clip-path:polygon(0 0,100% 0,100% 100%,0 100%);will-change:clip-path}.project-snapshot-reveal--static .project-snapshot-reveal__layer{position:relative;inset:auto;aspect-ratio:16/9;border-radius:2em;overflow:hidden}.project-snapshot-reveal__dissolve{position:absolute;inset:0;width:100%;height:100%;z-index:100;pointer-events:none}.project-snapshot-reveal__canvas{position:absolute;inset:0;display:block}.project-page .contact-cta,.project-page footer{background-color:var(--bg)}@media (max-width:1000px){.project-hero{height:auto;padding:6em 1.25em 5em;gap:2.5em;overflow:visible}.project-hero .project-hero-header{width:100%;gap:1em}.project-hero-header-h1{justify-content:center;gap:clamp(.75em,4vw,1.25em);width:max-content;max-width:100%}.project-hero-header-h1 h1{font-size:clamp(1.85rem,9vw,4.25rem);text-align:center;white-space:nowrap}.project-hero .project-tags{flex-wrap:wrap;row-gap:.5em;text-align:center}.project-hero .project-hero-description{width:100%;max-width:36rem}.project-preview .project-preview-wrapper{width:250vw;gap:1.5em}.project-client-feedback .project-client-feedback-copy{width:100%}.project-client-feedback .project-client-feedback-copy p{font-size:1.5rem}.project-snapshots .project-snapshot{aspect-ratio:5/7}}@media (max-width:576px){.project-hero{padding:5.5em 1em 5em;gap:2em}.project-hero-header-h1{gap:.75em}.project-hero-header-h1 h1{font-size:clamp(1.65rem,8.5vw,3.5rem)}.project-hero .project-hero-description p{font-size:clamp(1.05rem,4vw,1.2rem)}.project-hero .project-tags p.mn{font-size:clamp(.95rem,3.5vw,1.15rem)}.project-preview .project-preview-wrapper{width:320vw;gap:1em}}