@import"https://fonts.googleapis.com/css2?family=Montserrat:ital,wght@0,300;0,400;0,500;0,600;0,700;1,400&display=swap";:root{font-family:Montserrat,Arial,sans-serif;color:#fff;background:#000;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;min-height:100svh;display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 16px}a{color:inherit}a:focus-visible{outline:2px solid #fff;outline-offset:4px}p{margin:0}img{-webkit-user-drag:none;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}.logo-sub,.partner,.copyright{margin-right:calc(var(--ls) * -1)}main{flex:1;width:100%;display:flex;flex-direction:column;align-items:center}.logo{margin:clamp(28px,9vh,125px) 0 0;display:flex;flex-direction:column;align-items:center;font-weight:inherit}.mark{width:clamp(120px,22vh,182px);height:auto}.logo-name{margin-top:clamp(10px,1.6vh,14px);font-size:clamp(19px,2.6vh,24px);font-weight:700;letter-spacing:.3px;line-height:1}.logo-sub{--ls:1.6px;margin-top:8px;font-size:clamp(11px,1.4vh,13px);font-weight:400;letter-spacing:var(--ls);line-height:1}.tagline{margin:auto 0 0;padding:clamp(28px,7vh,100px) 0 clamp(24px,5vh,64px);font-size:clamp(15px,2vw,18px);font-style:italic;line-height:1.5;max-width:22em}footer{padding-bottom:clamp(24px,5vh,64px);display:flex;flex-direction:column;align-items:center}.founded{font-size:15px;font-style:italic}.social{display:flex;gap:16px;margin-top:clamp(22px,4.5vh,62px)}.social a{display:block;width:24px;height:24px;color:#d9d9d9;transition:color .2s}.social a:hover{color:#fff}.social svg{width:100%;height:100%}.email{display:inline-block;margin-top:clamp(16px,2.4vh,22px);font-size:14px}.partner{--ls:1.4px;margin-top:clamp(16px,2.4vh,22px);font-size:11px;letter-spacing:var(--ls);color:#bdbdbd}.copyright{--ls:1.6px;margin-top:6px;font-size:11px;font-weight:700;letter-spacing:var(--ls);color:#d9d9d9;line-height:1.6}.slate{margin:0 0 auto;padding-bottom:clamp(28px,6vh,90px);width:100%;max-width:1400px}.slate-label{--ls:3px;margin:0 calc(var(--ls) * -1) clamp(14px,2vh,22px) 0;font-size:10px;font-weight:600;letter-spacing:var(--ls);color:#8a8a8a}.slate-list{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:2px clamp(16px,2vw,28px)}.project{display:inline-block;padding:4px 2px;border:0;background:none;cursor:pointer;font-family:Montserrat,Arial,sans-serif;font-size:clamp(20px,2.3vw,32px);line-height:1.2;letter-spacing:-.01em;text-transform:lowercase;color:transparent;background-image:linear-gradient(100deg,var(--g1),var(--g2) 35%,var(--g3) 65%,var(--g1));background-size:250% 100%;-webkit-background-clip:text;background-clip:text;animation:shimmer 12s ease-in-out infinite alternate;opacity:.9;transition:filter .25s,transform .25s}.p-pre{font-weight:300}.p-name{font-weight:600}.project:hover,.project:focus-visible{filter:brightness(1.2);transform:translateY(-2px)}.project:focus-visible{outline:2px solid #fff;outline-offset:6px}@keyframes shimmer{to{background-position:100% 0}}@media(max-width:650px){.mark{width:clamp(110px,18vh,150px)}.slate-list{gap:0 16px}}@media(max-width:380px){.copyright{--ls:1px;font-size:10px}}@media(max-height:620px){.logo{margin-top:6vh}.tagline{padding:5vh 0 4vh}.slate{padding-bottom:5vh}.social{margin-top:3.5vh}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}.reel-page{height:100vh;height:100svh;min-height:520px;padding:0}.bg{position:fixed;inset:0;z-index:-1;background:#000;overflow:hidden}.bg-item{position:absolute;inset:0;opacity:0;transition:opacity 1.1s ease}.bg-item.active{opacity:1}.bg-item img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;filter:blur(clamp(10px,1.4vw,22px)) brightness(.8) saturate(1.1)}.bg-item .haze{position:absolute;inset:0;opacity:.6}.bg-shot img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:50% 50%;filter:blur(clamp(10px,1.4vw,22px)) brightness(.8) saturate(1.1);opacity:0;transition:opacity 1.1s ease}.bg-shot img.on{opacity:1}.bg-item .haze{background:radial-gradient(circle at 30% 35%,var(--l) 0,transparent 35%),radial-gradient(circle at 70% 65%,var(--m) 0,transparent 55%),radial-gradient(circle,var(--d),#000 80%);filter:blur(30px)}.bg:after{content:"";position:absolute;inset:0;background:linear-gradient(#0000 62%,#000b 88%,#000)}.reel{flex:1;min-height:0;width:100%;display:flex;flex-direction:column;align-items:center}.stage{position:relative;flex:1;min-height:0;width:100%;display:grid;place-items:center}.home{display:flex;flex-direction:column;align-items:center;padding:0 16px}.reel .logo{margin:0}.mark-btn{display:block;padding:0;border:0;background:none;color:#fff;cursor:default}.mark-btn:focus-visible{outline:2px solid #fff;outline-offset:6px;border-radius:50%}.is-open .mark-btn{cursor:pointer}.reel .mark{display:block;width:clamp(110px,20vh,182px)}.reel .tagline{margin:0;padding:clamp(18px,3.5vh,34px) 0 0}.content{position:absolute;inset:clamp(76px,12vh,110px) clamp(16px,5vw,64px) clamp(12px,3vh,32px);display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);gap:clamp(20px,4vw,56px);align-items:stretch;max-width:1240px;margin:0 auto}.content[hidden]{display:none}.c-visual{min-width:0;height:100%;container-type:size;display:grid;place-items:center}.c-collage{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;width:min(100cqw,calc(100cqh * var(--r,2.39)))}.c-shot{position:relative;aspect-ratio:2.39/1;border-radius:4px;overflow:hidden;background:#0a0a0a;transition:opacity .5s}.c-shot img{display:block;width:100%;height:100%;object-fit:cover}.c-collage.has-lit .c-shot:not(.lit){opacity:.45}.c-collage[data-n="1"] .c-shot,.c-collage[data-n="2"] .c-shot{grid-column:1/-1}.c-collage[data-n="3"] .c-shot:nth-child(1),.c-collage[data-n=many] .c-shot:nth-child(1){grid-column:1/-1}.c-collage[data-n="3"] .c-shot:nth-child(2){grid-column:1/7}.c-collage[data-n="3"] .c-shot:nth-child(3){grid-column:7/13}.c-collage[data-n=many] .c-shot:nth-child(n+2){grid-column:span 4}.c-text{text-align:left;align-self:center}.content.no-media{grid-template-columns:1fr;justify-items:center}.content.no-media .c-visual{display:none}.content.no-media .c-text{text-align:center}.content.no-media .c-summary{margin-left:auto;margin-right:auto}.c-title{margin:0;font-size:clamp(20px,2.4vw,30px);font-weight:300;letter-spacing:.3em;text-transform:lowercase;line-height:1.3}.c-meta{margin-top:12px;font-size:10px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:#9a9a9a}.c-summary{margin-top:clamp(16px,3vh,26px);max-width:34em;font-size:clamp(14px,1.2vw,16px);line-height:1.75;color:#d6d6d6}.c-summary:empty{display:none}.reel .slate{flex:none;margin:0;padding:clamp(10px,2vh,20px) 16px clamp(14px,2.6vh,26px);max-width:none}.reel .slate-list .project{transition:opacity .45s,filter .25s,transform .25s}.reel .slate-list:hover .project,.reel .slate-list.has-open .project{opacity:.4}.reel .slate-list .project:hover,.reel .slate-list .project:focus-visible,.reel .slate-list .project[aria-expanded=true]{opacity:1}.reel-page .site-footer{flex:none;width:100%;display:flex;flex-direction:row;justify-content:space-between;align-items:center;gap:10px 32px;padding:14px clamp(16px,4vw,48px) clamp(14px,2.4vh,22px);border-top:1px solid #ffffff14;font-size:9.5px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;color:#8a8a8a}.site-footer p{margin:0}.f-legal,.f-links{display:flex;align-items:center;flex-wrap:wrap;gap:6px 14px}.f-sep{width:3px;height:3px;border-radius:50%;background:#ffffff40}.f-founded a,.f-email{color:#d6d6d6;text-decoration:none;transition:color .2s}.f-founded a:hover,.f-email:hover,.f-founded a:focus-visible,.f-email:focus-visible{color:#fff}.f-email{text-transform:none;letter-spacing:.6px;font-size:11px;font-weight:500}.f-social{display:flex;gap:12px}.f-social a{display:block;width:15px;height:15px;color:#bdbdbd;transition:color .2s}.f-social a:hover,.f-social a:focus-visible{color:#fff}.f-social svg{display:block;width:100%;height:100%}@media(max-width:1100px){.reel-page .site-footer{flex-direction:column;justify-content:center;gap:8px;text-align:center}.f-legal,.f-links{justify-content:center;gap:4px 18px}.f-sep{display:none}}@media(max-width:760px){.content{grid-template-columns:1fr;grid-template-rows:auto auto;align-content:center;gap:18px;overflow-y:auto}.c-visual{height:auto;container-type:normal}.c-collage{width:100%;gap:6px}.c-summary{font-size:14px}}@media(max-width:380px){.reel-page .site-footer{letter-spacing:1.1px}}