/* Project photography and shared portfolio pages. */
.site-header{gap:20px}#main-nav{gap:20px}.hero-cinema h1{font-size:clamp(55px,5.4vw,88px);letter-spacing:-3.8px;line-height:1.08}.hero-cinema .hero-copy{max-width:720px}.hero-frame img{object-position:65% center}.project-feature{background:#f6f6f4}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px}.project-tile{min-width:0}.project-tile[hidden]{display:none}.project-photo{display:block;position:relative;width:100%;padding:0;overflow:hidden;background:#151519;aspect-ratio:16/10;text-align:left}.project-photo img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.project-photo:hover img{transform:scale(1.045)}.project-photo>span{position:absolute;right:16px;bottom:16px;display:grid;place-items:center;width:40px;height:40px;border-radius:50%;color:white;background:#151519b3;font-size:22px;backdrop-filter:blur(10px)}.project-info{padding:20px 0;border-bottom:1px solid #d7d7d3}.project-info .eyebrow{margin-bottom:8px;font-size:9px}.project-info h3{font-size:21px;font-weight:600;letter-spacing:-.5px}.project-filters{display:flex;flex-wrap:wrap;gap:10px}.project-filters button{background:#f2f2ef;padding:12px 22px;border:1px solid #deded9;border-radius:3px;font-size:12px;min-height:44px}.project-filters button.selected{color:white;background:#151519;border-color:#151519}#project-count{font-size:12px;color:#696969;margin:20px 0}.portfolio-intro{background:#111116;color:#fff;display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:center;padding-top:75px;padding-bottom:75px}.portfolio-intro h1{font-size:clamp(40px,4.6vw,76px);letter-spacing:-3px}.portfolio-intro h1 em{color:#ff5a62}.portfolio-intro p:not(.eyebrow){margin:28px 0;color:#bebec5;line-height:1.9}.portfolio-intro figure{margin:0;min-width:0}.portfolio-intro figure img{width:100%;height:470px;object-fit:cover}.portfolio-intro figcaption{font-size:9px;letter-spacing:2px;margin-top:15px;color:#a5a5b0}.project-film{background:#101014;color:white}.project-film .section-heading>p{color:#bcbcc6}.project-film video{display:block;width:100%;max-height:720px;background:#000;aspect-ratio:16/9}.project-film>p{font-size:11px;color:#aaa;margin-top:18px}.fair-section:nth-of-type(even){background:#f6f6f4}.fair-section h2{font-size:clamp(30px,3.2vw,48px);max-width:850px}.fair-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px}.fair-photo{position:relative;display:block;padding:0;aspect-ratio:3/4;overflow:hidden;background:#111}.fair-photo img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.fair-photo:hover img{transform:scale(1.04)}.fair-photo span{position:absolute;left:0;right:0;bottom:0;padding:50px 16px 20px;text-align:left;color:#fff;font-size:12px;background:linear-gradient(transparent,#000d)}.project-cta{text-align:center;background:#f0f0ec}.project-cta .button{margin-top:28px}.project-dialog{padding:20px;background:#111116;color:white;width:min(1200px,94vw);max-width:94vw;max-height:94svh;border:1px solid #41414a;overflow:auto}.project-dialog::backdrop{background:#000d;backdrop-filter:blur(6px)}.lightbox-top,.lightbox-bottom{display:flex;align-items:center;justify-content:space-between;gap:16px}.lightbox-top{margin-bottom:16px}.lightbox-top h2{font-size:20px;letter-spacing:0}.lightbox-top button,.lightbox-bottom button{background:#292931;color:white;min-height:44px;padding:8px 16px}.lightbox-top button{font-size:26px}.project-dialog>img{width:100%;height:70svh;object-fit:contain;background:#08080b}.lightbox-bottom{padding-top:16px;font-size:12px}.social-links{display:flex;flex-wrap:wrap;gap:10px!important}.social-links a{display:flex!important;align-items:center;gap:9px;background:#ffffff08;border:1px solid #ffffff35;border-radius:4px;padding:12px 14px!important;min-height:46px;font-size:12px!important;color:#eee!important;transition:background .2s,border-color .2s}.social-links a:hover{background:#e30613;border-color:#e30613}.social-links svg{width:20px;height:20px;flex:none}.social-links a>span:last-child{margin-left:auto}.footer-brand{min-width:0}.footer-top>a{font-size:12px!important;width:auto!important;height:auto!important;padding:18px 26px;white-space:nowrap}.local-section{background:#f2f2ef;display:grid;grid-template-columns:1.1fr 1fr;gap:70px}.local-section p:not(.eyebrow){color:#666;line-height:1.9;margin:24px 0}.local-section h2{font-size:clamp(32px,3.2vw,48px)}.faq h3{font-size:22px;margin-bottom:20px}.faq details{border-top:1px solid #d2d2cc;padding:19px 0}.faq summary{cursor:pointer;font-weight:600;padding-right:10px}.faq details p{font-size:14px}.breadcrumb{font-size:12px;color:#6c6c74;margin-bottom:45px}.breadcrumb a{text-decoration:underline;text-underline-offset:4px}.service-intro h1{font-size:clamp(40px,5.2vw,80px);letter-spacing:-2px}.lead{font-size:18px;max-width:750px;color:#666;margin:24px 0 50px}.service-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:65px;align-items:center}.service-layout>img{width:100%;height:520px;object-fit:cover}.service-layout h2{font-size:40px}.service-layout p{margin:24px 0;color:#666}.service-layout h3{font-size:16px}.service-layout ul{padding-left:20px;color:#666;margin-bottom:25px}.service-more{background:#f3f3ef}.service-more>p{max-width:800px;margin:25px 0;color:#666}.experience-view>img{object-position:center}.contact-form .button{margin-top:20px}.hero-scene-note{max-width:360px}.section-heading .text-link{white-space:nowrap}
@media(max-width:1200px){#main-nav{gap:14px}#main-nav a{font-size:11px}.brand img{width:145px}.site-header{gap:16px}.header-contact{padding:13px 14px}.portfolio-intro{gap:30px}.portfolio-intro figure img{height:400px}.local-section{gap:40px}}
@media(max-width:1000px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-feature .project-tile:last-child{grid-column:1/-1}.project-feature .project-tile:last-child .project-photo{aspect-ratio:2.3}.fair-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.portfolio-intro{grid-template-columns:1fr}.portfolio-intro figure img{height:auto;aspect-ratio:16/9}.service-layout{gap:30px}.service-layout>img{height:450px}.local-section{grid-template-columns:1fr}.hero-cinema h1{font-size:68px}}
@media(max-width:600px){.hero-cinema h1{font-size:clamp(39px,10.8vw,62px);letter-spacing:-2px}.hero-cinema{min-height:760px}.hero-cinema .eyebrow{font-size:8px;letter-spacing:1.2px}.hero-scene-note{max-width:none}.hero-frame img{object-position:60% center}.project-grid{grid-template-columns:1fr;gap:30px}.project-feature .project-tile:last-child .project-photo{aspect-ratio:16/10}.project-info h3{font-size:22px}.portfolio-intro{padding-top:48px;gap:38px}.portfolio-intro h1{font-size:46px;letter-spacing:-2px}.portfolio-intro p:not(.eyebrow){font-size:13px}.portfolio-intro figure img{aspect-ratio:1.2}.project-filters{gap:7px}.project-filters button{font-size:11px;padding:10px 13px}.fair-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.fair-photo span{font-size:10px;padding:40px 10px 12px}.fair-section h2{font-size:30px}.project-dialog{padding:12px}.lightbox-top h2{font-size:16px}.project-dialog>img{height:60svh}.lightbox-bottom button{font-size:11px;padding:8px 12px}.social-links a{font-size:11px!important;padding:11px 12px!important}.social-links{gap:8px!important}.local-section{gap:35px}.local-section p:not(.eyebrow){font-size:14px}.service-layout{grid-template-columns:1fr}.service-layout>img{height:auto;aspect-ratio:4/3}.service-layout h2{font-size:34px}.service-intro h1{font-size:44px}.lead{font-size:16px;margin-bottom:30px}.service-more h2{font-size:34px}.footer-top{gap:18px}.footer-top>a{padding:15px;font-size:11px!important}.section-heading .text-link{margin-top:24px}.header-contact{font-size:9px;padding:12px}.brand img{width:130px}}
@media(max-width:1050px){.site-header{position:sticky}.menu-toggle{display:block}.header-contact{margin-left:auto}#main-nav{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;box-shadow:0 15px 20px #0001;padding:18px 30px 25px;flex-direction:column;align-items:stretch;gap:4px}#main-nav.open{display:flex}#main-nav a{display:flex;align-items:center;font-size:15px;min-height:44px}#main-nav a:after{bottom:3px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4.5px) rotate(-45deg)}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}html{scroll-behavior:auto}}