@import url('photographic.css');
/* Sequence edition: scale changes are actual image resizing, not rectangular crops. */
:root{--scene-paper:#fff;--scene-ink:#212045}.cinema{background:var(--scene-paper)}.cinema .header{background:transparent;border:0;transition:background .25s,color .25s;color:var(--scene-ink);height:78px}.cinema .header img{filter:none}.cinema .header.over-photo{color:white;background:linear-gradient(#21204560,transparent)}.cinema .header.over-photo img{filter:brightness(0) invert(1)}.cinema .header.over-photo .contact-nav{border-color:#fff8}.cinema .header.over-photo .menu-toggle span{background:white}.cinema .header:not(.over-photo){background:#ffffffed}.micro{display:block;font-size:10px;letter-spacing:.13em;text-transform:uppercase;line-height:1.5}.sequence{position:relative}.stage{position:relative;height:100svh;min-height:650px;overflow:hidden;isolation:isolate}.sequence img{width:100%;height:100%;object-fit:cover;max-width:none}.cover-image{position:absolute;inset:0;object-position:center 60%}.cover-tint{position:absolute;inset:0;background:linear-gradient(#21204565,transparent 80%)}.cover-type{position:absolute;inset:18% 0 auto;text-align:center;color:white}.cover-type h1{font-size:clamp(65px,8.5vw,145px);letter-spacing:-.065em;line-height:.99;margin:28px 0 32px}.cover-type h1 em{font-size:1.13em}.cover-edge{position:absolute;bottom:32px;left:4vw;right:4vw;display:flex;justify-content:space-between;color:white;font-size:11px;align-items:center}.cover-edge a,.cover-edge button{min-height:44px;display:flex;align-items:center}.scale-stage{background:white;text-align:center}.scale-heading{position:absolute;top:14%;left:0;width:100%;z-index:2}.scale-heading h2{font-size:clamp(55px,7vw,115px);line-height:.97;letter-spacing:-.05em;margin-top:24px}.scale-picture{position:absolute;top:55%;left:50%;transform:translate(-50%,-50%);width:24vw;height:22vh;overflow:hidden;z-index:3}.scale-picture button{position:absolute;bottom:30px;right:4vw;background:#212045b0;color:white;padding:15px 22px;opacity:0;pointer-events:none;font-size:12px}.scale-note{position:absolute;bottom:10%;left:0;width:100%;font-size:13px;line-height:1.8}.margin-note{position:absolute;bottom:8%;left:25px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.05em}.statement{text-align:center;padding:130px 22px 140px;position:relative}.statement>p{font-size:clamp(40px,5vw,80px);letter-spacing:-.045em;line-height:1.15;margin:35px auto;max-width:1100px}.statement-foot{font-size:13px;line-height:1.9}.editorial-stage{background:#C5E3EC}.editorial-type{position:absolute;left:8%;top:17%;z-index:3}.editorial-type h2{font-size:clamp(95px,16vw,260px);line-height:.9;letter-spacing:-.065em;margin-top:40px}.editorial-photo{position:absolute;padding:0;text-align:left;overflow:hidden}.editorial-photo span{position:absolute;bottom:20px;left:20px;color:white;background:#212045b5;font-size:12px;padding:12px 18px}.editorial-one{width:27vw;height:65vh;left:67%;top:13%;z-index:1}.editorial-two{width:23vw;height:46vh;left:110%;top:46%;z-index:4}.editorial-note{position:absolute;left:52%;bottom:9%;font-size:13px;line-height:1.8;z-index:5}.circle-photo{position:absolute;inset:0;filter:brightness(.8)}.circle-caption{position:absolute;left:0;right:0;top:22%;text-align:center;color:white}.circle-caption h2{font-size:clamp(65px,8vw,135px);line-height:1;letter-spacing:-.05em;margin:30px 0}.circle-caption button{border-bottom:1px solid white;min-height:44px;font-size:13px}.circle-surface{position:absolute;left:50%;top:100%;width:170vmax;height:170vmax;border-radius:50%;transform:translateX(-50%);background:white;z-index:2}.circle-copy{position:absolute;left:50%;top:16%;transform:translateX(-50%);width:95vw;text-align:center}.circle-copy h2{font-size:clamp(60px,7vw,115px);line-height:1;letter-spacing:-.05em;margin:35px 0}.circle-copy p{font-size:14px;line-height:1.8}.assembly-stage{background:white}.assembly-image{position:absolute;overflow:hidden}.assembly-left{left:10%;top:43%;width:26%;height:47%;z-index:2}.assembly-right{left:65%;top:15%;width:24%;height:54%;z-index:2}.assembly-center{left:37%;top:32%;width:30%;height:50%;z-index:3}.assembly-label{position:absolute;left:8%;top:14%;z-index:4}.assembly-label p{font-size:24px;line-height:1.3;margin-top:22px;letter-spacing:-.03em}.assembly-title{position:absolute;top:11%;left:110%;white-space:nowrap;font-size:clamp(65px,10vw,160px);letter-spacing:-.055em;z-index:5;color:white;text-shadow:0 2px 35px #21204565;pointer-events:none}.assembly-link{position:absolute;right:4vw;bottom:35px;z-index:6;opacity:0;color:white;background:#212045aa;padding:17px 22px;font-size:12px}.cinema .projects{padding-top:70px}.cinema .project-grid:not(.index-view):not(.filtered){grid-template-columns:repeat(12,1fr);row-gap:80px}.cinema .project-grid:not(.index-view):not(.filtered) .project-card:nth-child(3n+1){grid-column:1/7;margin-top:0}.cinema .project-grid:not(.index-view):not(.filtered) .project-card:nth-child(3n+2){grid-column:8/-1;margin-top:100px}.cinema .project-grid:not(.index-view):not(.filtered) .project-card:nth-child(3n){grid-column:1/-1;margin-top:0}.cinema .project-grid:not(.index-view):not(.filtered) .project-card:nth-child(3n) .project-photo{aspect-ratio:1.9}.contact-stage{background:#212045;color:white}.contact-content{height:100%;padding:110px 5vw 35px;display:flex;align-items:center;flex-direction:column;text-align:center}.contact-content h2{font-size:clamp(40px,5vw,80px);line-height:1.05;margin:30px 0;letter-spacing:-.045em}.contact-phone{font-size:clamp(36px,6.5vw,105px);letter-spacing:-.06em;padding:20px 0}.contact-mail{font-size:15px;padding:15px}.contact-meta{margin-top:auto;display:flex;width:100%;justify-content:space-between;align-items:end;font-size:11px;line-height:1.8;text-align:left}.contact-curtain{position:absolute;inset:0;z-index:3;overflow:hidden;background:#212045}.contact-curtain img{filter:brightness(.7)}.contact-curtain p{position:absolute;left:0;right:0;top:25%;text-align:center;font-size:clamp(50px,7vw,115px);line-height:1.05;letter-spacing:-.05em;color:white}.contact-curtain>span{position:absolute;bottom:40px;left:0;right:0;text-align:center;font-size:12px;color:white}.contact-sequence .group-brands{background:#C5E3EC;padding:35px 5vw;position:relative;z-index:4}.motion-sequences .sequence:not(.contact-sequence){height:240svh}.motion-sequences .cover-sequence{height:165svh!important}.motion-sequences .editorial-sequence{height:260svh!important}.motion-sequences .assembly-sequence{height:280svh!important}.motion-sequences .stage{position:sticky;top:0}.motion-sequences .contact-sequence{height:250svh;padding-bottom:200px}.motion-sequences .contact-sequence .group-brands{position:absolute;bottom:0;left:0;right:0}.cinema :focus-visible{outline:3px solid #3CB3DE;outline-offset:5px}
/* Every scene has a complete static composition without scripting or with reduced motion. */
html:not(.motion-sequences) .scale-picture{width:46vw;height:30vh;top:65%}html:not(.motion-sequences) .scale-note{bottom:3%}html:not(.motion-sequences) .editorial-two{left:48%;top:52%;width:30vw}html:not(.motion-sequences) .editorial-note{left:8%}html:not(.motion-sequences) .circle-surface{display:none}html:not(.motion-sequences) .assembly-center{left:33%;width:38%}html:not(.motion-sequences) .assembly-link{opacity:1}html:not(.motion-sequences) .contact-curtain{display:none}
@media(max-width:700px){.cinema .header{height:68px}.stage{min-height:600px;height:90svh}.cover-stage{height:100svh}.cover-type{top:29%;padding:0 18px}.cover-type h1{font-size:13.4vw;margin:30px 0}.cover-type>.micro{font-size:9px}.cover-edge{left:20px;right:20px;font-size:10px;gap:15px;bottom:23px}.micro{font-size:9px}.scale-stage{height:800px}.scale-heading{top:12%}.scale-heading h2{font-size:14vw}html:not(.motion-sequences) .scale-picture{top:58%;width:80%;height:35%}.scale-note{padding:0 24px;font-size:12px}.scale-note br{display:none}.margin-note{display:none}.statement{padding:70px 22px}.statement>p{font-size:10.2vw}.statement-foot{font-size:12px}.statement-foot br{display:none}.editorial-stage{height:900px}.editorial-type{top:7%;left:22px}.editorial-type h2{font-size:25vw}.editorial-one{top:37%;left:30%;width:70%;height:40%}html:not(.motion-sequences) .editorial-two{left:5%;top:60%;width:53%;height:32%}.editorial-note{display:none}.circle-stage{height:85svh}.circle-caption{top:26%}.circle-caption h2{font-size:16vw}.assembly-stage{height:850px}.assembly-label{top:7%;left:22px}.assembly-label p{font-size:23px}.assembly-left{left:0;top:47%;width:45%;height:37%}.assembly-right{left:53%;top:28%;width:47%;height:42%}html:not(.motion-sequences) .assembly-center{left:21%;top:56%;width:65%;height:33%}.assembly-link{right:20px;bottom:20px;font-size:12px}.assembly-title{display:none}.cinema .project-grid:not(.index-view):not(.filtered){row-gap:35px}.cinema .project-grid:not(.index-view):not(.filtered) .project-card:nth-child(n){grid-column:1/-1;margin:0}.cinema .project-grid:not(.index-view):not(.filtered) .project-card:nth-child(3n) .project-photo{aspect-ratio:1.2}.contact-stage{height:auto;min-height:650px}.contact-content{min-height:650px;padding:80px 22px 35px}.contact-content h2{font-size:12vw;margin:40px 0 30px}.contact-phone{font-size:8.3vw;white-space:nowrap}.contact-meta{margin-top:50px;align-items:center;flex-direction:column;gap:25px;text-align:center}.contact-sequence .group-brands{padding:30px 22px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.cinema .header{transition:none}}
.cinema .sequence h1,.cinema .sequence h2{font-weight:400}.cinema .header.over-photo .contact-nav span{color:white}
.motion-sequences .stage{min-height:0}
@media(min-width:701px) and (max-height:650px){.contact-content{padding-top:85px}.contact-content h2{font-size:44px;margin:18px 0}.contact-phone{font-size:60px;padding:12px 0}.contact-meta{font-size:10px}}
html:not(.motion-sequences) .scale-picture button{opacity:1;pointer-events:auto;bottom:14px;right:14px;padding:12px;font-size:11px}
.cinema .header.over-photo .contact-nav:hover{color:var(--ink)}.cinema .header.over-photo .contact-nav:hover span{color:var(--ink)}