/* Measurements from the Framer preview at 1440px, 2026-10-29. */
.pages-menu{position:absolute;top:96px;left:50%;transform:translateX(-50%);width:calc(100% - 60px);max-width:1360px;min-width:0;height:536px;padding:12px;display:grid;grid-template-columns:1fr 1fr 1fr;gap:20px;background:#131313;border:0;animation:mega-reveal .45s var(--ease);font-size:18px;overflow:hidden}
.mega-primary,.mega-secondary{padding:32px;display:flex;flex-direction:column;justify-content:space-between;min-width:0}.mega-primary{background-color:#0e0e0e}.mega-primary>div,.mega-secondary>div{display:flex;flex-direction:column;align-items:flex-start;gap:16px}.mega-primary>p{font-size:16px}.mega-contact{color:#838383;font-size:16px;line-height:1.4;gap:0!important}.mega-film{position:relative;padding:12px;min-width:0;overflow:hidden}.menu-video{height:100%;object-fit:cover}.menu-camera{position:absolute;inset:28px;pointer-events:none}.focus-grid{position:absolute;inset:32% 14% 22%;border:1px solid #ffffff16;border-radius:50%}.focus-grid i{position:absolute;width:17px;height:17px;border:1px solid #ffffff30}.focus-grid i:after{content:'';position:absolute;inset:5px;background:#ffffff20}.focus-grid i:nth-child(1){top:-35px;left:calc(50% - 8px)}.focus-grid i:nth-child(2){top:calc(50% - 8px);left:0}.focus-grid i:nth-child(3){top:calc(50% - 8px);left:calc(50% - 8px)}.focus-grid i:nth-child(4){top:calc(50% - 8px);right:0}.focus-grid i:nth-child(5){bottom:-35px;left:calc(50% - 8px)}
@keyframes mega-reveal{from{opacity:0;clip-path:inset(0 0 100% 0);translate:0 -12px}to{opacity:1;clip-path:inset(0);translate:0 0}}
.featured>h2{margin-bottom:68px}.featured-top{grid-template-columns:minmax(0,429fr) minmax(0,324fr) minmax(0,448fr);gap:12px}.featured-top .project-card:nth-child(2){padding-top:0}.featured-link{padding:0}.featured .project-image{padding:12px 12px 0;border:none;background:none}.featured .project-image:before{content:'';position:absolute;inset:0 0 0;background:linear-gradient(#b9b9b9,#b9b9b9) left top/9px 1px no-repeat,linear-gradient(#b9b9b9,#b9b9b9) left top/1px 9px no-repeat,linear-gradient(#b9b9b9,#b9b9b9) right top/9px 1px no-repeat,linear-gradient(#b9b9b9,#b9b9b9) right top/1px 9px no-repeat,linear-gradient(#b9b9b9,#b9b9b9) left bottom/9px 1px no-repeat,linear-gradient(#b9b9b9,#b9b9b9) left bottom/1px 9px no-repeat,linear-gradient(#b9b9b9,#b9b9b9) right bottom/9px 1px no-repeat,linear-gradient(#b9b9b9,#b9b9b9) right bottom/1px 9px no-repeat;border:1px solid #ffffff10;pointer-events:none}
.featured .image-crop,.index-card .image-crop{position:relative;isolation:isolate}.parallax-image{position:absolute;left:0;right:0;top:-30%;height:160%;will-change:transform;backface-visibility:hidden}.parallax-image img{width:100%;height:100%;aspect-ratio:auto!important;object-fit:cover}.featured .project-card:hover img{transform:scale(1.1)}.featured .project-card h3{font-size:20px;line-height:1.4;margin-top:20px}.featured .view-project{display:none}.featured-top .project-card:nth-child(2) .image-crop{aspect-ratio:300/240}.featured-top .project-card:nth-child(3) .image-crop{aspect-ratio:424/518}.featured-bottom{grid-template-columns:minmax(0,765fr) minmax(0,448fr);gap:12px;margin-top:20px;align-items:end}.featured-bottom>.project-card .image-crop{aspect-ratio:741/506.4}.featured-bottom>div{padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px;align-items:start}.featured-bottom>div .project-card{margin:0}.featured-bottom>div .image-crop{aspect-ratio:194/223.4}.index-card .image-crop{aspect-ratio:670/463}
.timeline{padding-bottom:10px}.timeline-heading{display:flex;justify-content:space-between;align-items:center}.timeline-heading h2{max-width:600px}.timeline-heading>.globe{width:52px;height:52px;color:#2f2f2f}.timeline-grid{gap:2px;margin-top:80px;align-items:start;min-height:520px}.timeline-item{display:flex;flex-direction:column;border:0;background:#171717;padding:20px 20px 30px;height:calc(340px + var(--step)*60px)}.timeline-label{justify-content:space-between;color:#838383}.timeline-item h3{margin:0 0 24px}.timeline-item .timeline-label{margin-bottom:auto}.timeline-item p{color:#fff;margin-bottom:32px}.timeline-item .timeline-logo{height:26px;width:auto;max-width:132px;align-self:flex-start;object-fit:contain}
@media(min-width:810px) and (max-width:1100px){.pages-menu{gap:12px;width:calc(100% - 40px)}.mega-primary,.mega-secondary{padding:24px 18px}.mega-contact{font-size:13px}.timeline-item{padding:20px 15px}.timeline-item p{font-size:14px}}
@media(max-width:809px){.pages-menu{display:none!important}.featured>h2{margin-bottom:35px}.featured-top,.featured-bottom{grid-template-columns:1fr;gap:30px}.featured-bottom>div{grid-template-columns:1fr 1fr;gap:12px}.featured-bottom>.project-card .image-crop{aspect-ratio:1.2}.featured .project-card h3{font-size:18px}.featured-bottom{margin-top:30px}.featured-link{grid-row:3}.featured-top .project-card:nth-child(2) .image-crop{aspect-ratio:1.25}.featured-top .project-card:nth-child(3) .image-crop{aspect-ratio:1}.timeline-grid{margin-top:45px;grid-template-columns:1fr 1fr;gap:2px;min-height:0}.timeline-item{height:340px!important;padding:18px 12px}.timeline-label{font-size:12px;gap:5px}.timeline-item h3{margin:0 0 18px}.timeline-item p{font-size:14px;margin-bottom:24px}.timeline-item .timeline-logo{max-width:100%;height:20px}.timeline-heading>.globe{display:none}}
.about-copy .statement{font-size:18px;line-height:1.4;letter-spacing:0;max-width:500px}.about-copy .body-copy{max-width:500px;font-size:18px;line-height:1.4;margin-top:32px}.about-copy{grid-template-columns:minmax(0,410fr) minmax(0,785fr);padding-top:32px}.about-second{margin-bottom:125px}
.story-screen{height:calc((100vw - 2 * var(--gutter)) * .53)}.story-info{grid-template-columns:minmax(0,410fr) minmax(0,785fr);padding-top:40px;padding-bottom:80px}.story-aside{display:flex;flex-direction:column;justify-content:space-between}.story-aside .eyebrow{margin:0;font-size:18px}.story-info .statement{margin:64px 0}.story-video{transform:scale(1.2);transition:opacity .7s var(--ease),transform 1.1s var(--ease)}.story-video.active{transform:scale(1)}.story-tabs{gap:10px}.story-thumb{width:105px;height:105px}.documentary-bottom>div{max-width:440px}.documentary-description{font-size:18px;line-height:1.4;margin-top:40px;color:#a8a8a8}.documentary-bottom{align-items:flex-end}
@media(max-width:809px){.featured-top,.featured-bottom{display:contents}.featured{display:flex;flex-direction:column;gap:30px}.featured>h2{margin:0 0 5px}.featured-bottom>div{display:contents}.featured-link{order:10}.featured .project-card{margin:0}.featured .project-card .image-crop{aspect-ratio:1.25!important}.timeline-grid{grid-template-columns:1fr;gap:10px}.timeline-item{padding:20px 20px 30px}.timeline-label{font-size:16px}.timeline-item p{font-size:16px}.timeline-item .timeline-logo{height:26px}.about-copy{grid-template-columns:1fr}.about-copy .statement,.about-copy .body-copy{font-size:18px;line-height:1.4}.about-second{margin-bottom:60px}.story-screen{height:470px}.story-info{grid-template-columns:1fr}.story-aside{gap:20px}.story-aside .eyebrow{font-size:16px}.story-info .statement{margin:35px 0 28px}.story-thumb{width:100px;height:100px}.documentary-bottom>.frame-button{display:none}.documentary-description{font-size:16px;margin-top:25px}}
.site-footer{padding:80px 30px 22px}.footer-top{grid-template-columns:minmax(0,557fr) minmax(0,381.5fr) minmax(0,381.5fr);gap:20px;padding:0;border:0}.footer-brand{max-width:324px}.footer-brand img{width:279px;height:73px;object-fit:contain}.footer-brand p{margin:15px 0}.socials{display:flex;flex-direction:column;gap:15px}.socials>a{padding:14px 8px;position:relative;justify-content:space-between}.socials>a:after{content:'↗';font-size:18px}.socials>a:before{content:'';position:absolute;bottom:0;left:8px;right:8px;height:1px;background:#ffffff30;transform:scaleX(.01);transform-origin:left;transition:transform .4s var(--ease)}.socials>a:hover:before,.socials>a:focus-visible:before{transform:scaleX(1)}.footer-line{display:none}
@media(max-width:809px){.site-footer{padding:60px 20px 22px}.footer-top{grid-template-columns:1fr;gap:40px}.footer-brand{max-width:none}.footer-brand img{max-width:100%}}
@media(prefers-reduced-motion:reduce){.parallax-image{transform:none!important}.featured .project-card:hover img{transform:none}}

/* Scroll motion measured against the Framer preview. */
@media(min-width:810px){.timeline-grid{align-items:end}.timeline-item{will-change:transform;transition:none}}
.project-detail{max-width:1420px;margin:auto}.detail-heading{margin-bottom:30px}
.detail-cover{padding:10px}.detail-cover .image-crop{position:relative;height:720px;overflow:hidden}
.project-detail .parallax-image img{max-height:none}
.detail-gallery .image-crop{position:relative;overflow:hidden;aspect-ratio:670/585}
.detail-gallery .gallery-2{aspect-ratio:1360/666}
@media(max-width:809px){.detail-cover .image-crop{height:auto;aspect-ratio:1.25}.detail-gallery .image-crop{aspect-ratio:1.25}.timeline-item{transform:none!important}}
@media(prefers-reduced-motion:reduce){.timeline-item{transform:none!important}}

.video-retry{position:absolute;z-index:8;left:50%;top:50%;transform:translate(-50%,-50%);padding:12px 20px;background:#040404d9;border:1px solid #ffffff80;color:white;cursor:pointer;font:inherit}