body:has(.project-page){--project-gutter: 40px;--project-space: 80px;--project-gap: 32px;--project-copy-width: 800px;--project-media-width: 1280px}.project-page{padding:0;margin:0}.project-page .project-hero{height:100vh;isolation:isolate;clip-path:inset(0);z-index:0}.project-page .project-video{height:100vh}.project-page .project-video{will-change:transform;backface-visibility:hidden}.project-page .project-video:after{content:none}.project-page .project-hero:after{content:"";position:absolute;inset:0;z-index:2;background:radial-gradient(ellipse 95% 65% at 5% 100%,rgb(6 5 16 / .68) 0%,rgb(6 5 16 / .48) 30%,rgb(6 5 16 / .16) 60%,transparent 90%),radial-gradient(ellipse 65% 40% at 55% 110%,rgb(6 5 16 / .22),transparent 85%);pointer-events:none;transform:translateZ(0);backface-visibility:hidden}.project-page .project-video>:is(video,img){display:block;width:100%;height:100%;object-fit:cover}.project-page .project-header{position:absolute;top:70%;bottom:auto;left:var(--project-gutter);right:var(--project-gutter);max-width:1000px}.project-page .project-header h1{margin:0 0 20px;font-family:Gotham,sans-serif;font-size:clamp(36px,5vw,64px);font-style:italic;font-weight:700;line-height:1.08;letter-spacing:-.04em;text-wrap:balance}.project-page .project-domains{margin:0;max-width:72ch;font-size:18px;font-weight:500;line-height:1.5}.project-page .project-content{position:relative;z-index:1;width:100%;max-width:calc(var(--project-media-width) + 2 * var(--project-gutter));min-height:0;margin:0 auto;padding:var(--project-space) var(--project-gutter);background:transparent;color:var(--black-color)}.project-page .project-description{width:100%;max-width:none;margin:0 0 var(--project-space);font-size:18px;line-height:1.75;opacity:1}.project-page .project-description>:is(h2,.project-tagline){column-span:all}.project-page .project-description>p{break-inside:avoid}.project-page .project-description>p:has(>strong:only-child){break-after:avoid}.project-page .project-description>p:not(.project-tagline),.project-page .project-section-heading>p{margin:0 0 24px;font-size:18px;font-weight:300;line-height:1.75}.project-page .project-description>p:last-child,.project-page .project-section-heading>p:last-child{margin-bottom:0}.project-page .project-section-title{max-width:var(--project-copy-width);margin:0 0 24px;font-family:Georgia,serif;font-size:32px;font-style:italic;font-weight:400;line-height:1.2;letter-spacing:-.035em}.project-page .project-tagline{max-width:var(--project-copy-width);margin:0 0 24px;font-size:14px;font-style:italic;line-height:1.5;color:var(--primary-color)}.project-page .project-section-heading{width:100%;max-width:var(--project-copy-width);margin:0 0 var(--project-gap)}.project-page .pistache-chapter{margin-top:var(--project-space)}.project-page .project-description+.pistache-chapter{margin-top:0}.project-page .pistache-brand-board{margin-bottom:var(--project-gap)}.project-page :is(.project-gallery,.gramicci-gallery,.pistache-image-pair,.pistache-posts){display:grid;width:100%;max-width:var(--project-media-width);gap:var(--project-gap);margin:0 auto}.project-page :is(.project-gallery,.gramicci-gallery){grid-template-columns:minmax(0,1fr)}.project-page .pistache-image-pair{grid-template-columns:1fr 1fr}.project-page .pistache-posts{grid-template-columns:repeat(3,minmax(0,1fr))}.project-page :is(.project-gallery,.gramicci-gallery):has(>:nth-child(4)){grid-template-columns:repeat(2,minmax(0,1fr))}.project-page :is(.project-gallery,.gramicci-gallery):has(>:nth-child(7)){grid-template-columns:repeat(3,minmax(0,1fr))}.project-page :is(.project-gallery,.gramicci-gallery,.pistache-image-pair,.pistache-posts)>*{min-width:0;margin:0;grid-column:auto}.project-page :is(.gramicci-figure,.pistache-figure){min-width:0;margin:0}.project-page .gramicci-figure>a{display:block}.project-page :is(.project-gallery,.gramicci-figure,.pistache-figure) img{display:block;width:100%;height:auto;border-radius:4px;outline:1px solid rgb(6 5 26 / .08);outline-offset:-1px}.project-page :is(.project-vimeo,.project-video-square){width:100%;max-width:var(--project-media-width);margin:0 0 var(--project-space)}.project-page .project-video-square video{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:contain;background:#000}.project-page .project-video-square{width:min(100%,720px,74svh);margin:0 auto var(--project-space)}.project-page .hustleuse-feature{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:clamp(40px,6vw,100px);align-items:start;margin-bottom:var(--project-space)}.project-page .hustleuse-feature .project-description{margin-bottom:0;column-count:1}.project-page .hustleuse-film{position:sticky;top:112px;padding-top:8px}.project-page .hustleuse-film>.project-section-title{margin-bottom:20px;font-size:24px;color:var(--black-color)}.project-page .hustleuse-film .project-video-square{width:min(100%,640px,72svh);margin:0}@media(max-width:900px){.project-page .hustleuse-feature{grid-template-columns:minmax(0,1fr);gap:40px}.project-page .hustleuse-film{position:static;padding-top:0}.project-page .hustleuse-film .project-video-square{width:min(100%,560px);margin-inline:auto}}.project-page .project-videos-vertical{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--project-gap);width:100%;max-width:var(--project-media-width);margin:0}.project-page .project-videos-vertical video{display:block;width:100%;height:auto;aspect-ratio:9 / 16;object-fit:contain;background:#000}.project-page .project-vimeo video{object-fit:contain;background:#000}.project-page :is(.project-video-square,.project-videos-vertical) video{border:0;border-radius:4px;outline:1px solid rgb(6 5 26 / .08);outline-offset:-1px}.project-page video:fullscreen{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.project-page video:-webkit-full-screen{width:100%;height:100%;aspect-ratio:auto;object-fit:contain}.project-page :is(a,button):focus-visible{outline:2px solid var(--primary-color);outline-offset:5px}body:has(.project-page)>footer{position:relative;flex-wrap:wrap;gap:clamp(20px,6vw,100px);padding:32px var(--project-gutter)}body:has(.project-page)>footer a{color:var(--black-color)}@media(min-width:1025px){.project-page .pistache-image-pair{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--project-gap);align-items:start}.project-page .project-description{column-count:2;column-gap:clamp(40px,6vw,88px)}.project-page .project-description>p:not(.project-tagline){font-size:17px;line-height:1.75}}@media(max-width:768px){body:has(.project-page){--project-gutter: 20px;--project-space: 48px;--project-gap: 20px}.project-page .project-header{top:60%}.project-page .project-header h1{margin-bottom:16px}.project-page .project-domains{font-size:14px;line-height:1.55}.project-page .project-description,.project-page .project-description>p:not(.project-tagline),.project-page .project-section-heading>p{font-size:16px;line-height:1.7}.project-page .project-section-title{font-size:26px}.project-page .project-tagline{font-size:13px}.project-page :is(.project-gallery,.gramicci-gallery,.pistache-image-pair,.pistache-posts):nth-child(n){grid-template-columns:minmax(0,1fr)}.project-page .project-videos-vertical{grid-template-columns:1fr;max-width:var(--project-media-width)}body:has(.project-page)>footer{padding-top:24px;padding-bottom:24px}}@media(max-width:480px){body:has(.project-page){--project-gutter: 15px}.project-page .project-header{top:55%}}.project-page .project-image-trigger{display:block;width:100%;min-width:0;margin:0;padding:0;border:0;border-radius:4px;background:transparent;color:inherit;cursor:url(img/cursor-white.svg) 0 0,pointer;cursor:-webkit-image-set(url(img/cursor-white@1x.png) 1x,url(img/cursor-white@2x.png) 2x,url(img/cursor-white@3x.png) 3x) 0 0,pointer}.project-page .project-image-trigger img{cursor:inherit}.project-image-overlay{position:fixed;inset:0;box-sizing:border-box;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:5vh 5vw;border:0;background:#000000f2;overflow:hidden}.project-image-overlay[open]{display:grid;place-items:center;animation:project-image-reveal .2s ease-out}.project-image-overlay::backdrop{background:transparent}.project-image-overlay>img{display:block;max-width:90vw;max-height:90vh;width:auto;height:auto;object-fit:contain}.project-image-overlay .gallery-overlay-close{transition:background-color .18s ease}.project-image-overlay .gallery-overlay-close:focus-visible{outline:2px solid #c8d0fc;outline-offset:4px}html:has(.project-image-overlay[open]){overflow:hidden}@keyframes project-image-reveal{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){.project-image-overlay[open]{animation:none}}.project-page .project-description.project-copy-balanced{column-count:auto}.project-copy-column{display:flow-root;min-width:0}.project-copy-column>p{margin:0 0 24px;font-size:18px;font-weight:300;line-height:1.75}.project-copy-column>p:last-child{margin-bottom:0}@media(min-width:1025px){.project-copy-columns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,88px);align-items:start}.project-copy-column>p{font-size:17px}}@media(max-width:1024px){.project-copy-column+.project-copy-column:not(:empty){margin-top:24px}}@media(max-width:768px){.project-copy-column>p{font-size:16px;line-height:1.7}}.project-page .project-vimeo video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain}.project-image-nav{position:absolute;top:50%;translate:0 -50%;width:48px;height:48px;border:1px solid #ffffff70;border-radius:50%;color:#fff;background:#06051a80;font:28px/1 sans-serif;cursor:pointer;z-index:2}.project-image-prev{left:20px}.project-image-next{right:20px}.project-image-nav:focus-visible{outline:2px solid #fff;outline-offset:4px}@media(max-width:600px){.project-image-nav{top:auto;bottom:18px;translate:none}.project-image-prev{left:calc(50% - 60px)}.project-image-next{right:calc(50% - 60px)}}