*{box-sizing:border-box}body{margin:0;background:#111;font-family:Arial,sans-serif}.gallery{display:grid;grid-template-columns:repeat(6,1fr);grid-template-rows:repeat(4,24vw);gap:0;min-height:100vh}.tile{background-size:304% 304%;background-repeat:no-repeat;min-width:0}.p1{grid-area:1/1/3/3;background-position:0% 0%}.p2{grid-area:1/3/2/5;background-position:50% 0%}.p3{grid-area:1/5/2/7;background-position:100% 0%}.p4{grid-area:3/1/4/3;background-position:0% 50%}.p5{grid-area:2/3/3/5;background-position:50% 50%}.film{grid-area:2/5/3/7;position:relative;overflow:hidden}.film video{width:100%;height:100%;object-fit:cover}.p7{grid-area:4/1/5/3;background-position:0% 100%}.p8{grid-area:3/3/5/5;background-position:50% 100%}.p9{grid-area:3/5/5/7;background-position:100% 100%}.brand{position:fixed;z-index:2;top:24px;left:28px;width:clamp(220px,30vw,440px);filter:invert(1);mix-blend-mode:screen;pointer-events:none}.enter{position:fixed;z-index:3;bottom:28px;left:50%;transform:translateX(-50%);background:#111b;backdrop-filter:blur(10px);border:1px solid #fff9;color:white;padding:17px 54px;text-decoration:none;font-size:12px;font-weight:400;letter-spacing:5px}.enter:hover{background:white;color:black}.shade{position:fixed;top:0;left:0;width:100%;height:170px;background:linear-gradient(#0007,transparent);pointer-events:none}@media(max-width:600px){.gallery{grid-template-rows:repeat(4,48vw)}.brand{top:18px;left:16px;width:220px}.enter{bottom:22px;padding:15px 38px}}@media(prefers-reduced-motion:reduce){video{visibility:hidden}.film{background-size:cover;background-position:center}}.tile{overflow:hidden;position:relative;background:#111}.tile>svg{display:block;width:100%;height:100%}.film-eiffel{grid-area:3/1/4/3}.film-eiffel video{object-position:50% 50%}.tile>.replacement{display:block;width:100%;height:100%;object-fit:cover;object-position:center}.brand{height:auto}
.enter{bottom:66px}@media(min-width:601px){body{min-height:100svh;display:grid;place-items:center}.gallery{width:min(100%,83.333333svh);height:80svh;min-height:0;grid-template-rows:repeat(4,minmax(0,1fr))}.brand{top:calc(10svh + 20px);left:max(28px,calc((100vw - 83.333333svh)/2 + 24px));width:clamp(220px,26svh,340px)}.enter{bottom:52px}}