*{box-sizing:border-box}html{min-height:100%;background:#17271b}body{margin:0;min-height:100vh;color:#fff;font-family:Arial,Helvetica,sans-serif}.forest{position:fixed;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(3,17,9,.22),rgba(8,24,13,.07) 65%,rgba(14,19,8,.12)),url("assets/les.webp") center center /cover no-repeat}.page{min-height:100vh;display:flex;flex-direction:column;align-items:center;padding:30px clamp(16px,3vw,48px) 25px}.header{display:flex;align-items:center;justify-content:center;gap:14px;font-size:clamp(32px,3.2vw,48px);font-weight:700;letter-spacing:.025em;text-shadow:0 2px 18px #122015a8}.brand-eye{width:65px;height:73px;object-fit:contain;filter:invert(1)}.tiles{width:min(100%,1410px);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 16px;margin:auto 0;align-content:center;padding:45px 0}.tile{position:relative;display:block;isolation:isolate;overflow:hidden;aspect-ratio:1.17;border:1px solid #ffffff61;border-radius:12px;background:#14251d;box-shadow:0 12px 22px #0006;transform-origin:50% 65%;transition:transform .48s cubic-bezier(.22,1,.36,1),box-shadow .35s;min-width:0}.tile img{width:100%;height:100%;display:block;object-fit:cover}.tile__caption{position:absolute;inset:auto 0 0;min-height:35%;padding:15px 19px 12px;display:flex;flex-direction:column;justify-content:end;gap:7px;background:linear-gradient(0deg,rgba(2,16,14,.95),rgba(2,16,14,.76) 73%,rgba(2,16,14,.05));text-shadow:0 1px 4px #000a}.tile__caption strong{font-size:clamp(16px,1.5vw,23px);line-height:1.13}.tile__caption small{font-size:clamp(10px,.9vw,13px);line-height:1.35;letter-spacing:.09em;text-transform:uppercase}.tile--active{cursor:pointer;color:inherit;text-decoration:none}.tile--active:focus-visible{outline:3px solid #a3e9e3;outline-offset:4px}@media(hover:hover) and (pointer:fine){.tile--active:hover{transform:perspective(900px) rotate(-1.6deg) translateY(-5px) scale(1.025);box-shadow:0 20px 35px #0009}}footer{text-align:center;font-size:12px;color:#f2f4ec;text-shadow:0 2px 8px #000;padding:12px 0}@media(max-width:1050px){.tiles{grid-template-columns:repeat(2,minmax(0,1fr));max-width:760px;margin:32px auto;gap:18px}.tile{aspect-ratio:1.4}.tile__caption strong{font-size:clamp(18px,2.5vw,23px)}.tile__caption small{font-size:12px}.page{padding-top:24px}}@media(max-width:560px){.page{padding:18px 14px}.header{font-size:31px;gap:9px}.brand-eye{width:47px;height:53px}.tiles{grid-template-columns:1fr;max-width:420px;padding:0;margin:28px auto;gap:16px}.tile{aspect-ratio:1.55}.tile__caption{padding:13px 15px}.tile__caption strong{font-size:21px}.tile__caption small{font-size:11px}footer{font-size:11px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important;animation:none!important}}