@font-face{font-family:Syne;src:url('assets/syne.ttf');font-weight:400 800;font-display:swap}*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;overflow:hidden}body{background:#172e27;color:#f8f7f1;font-family:Syne,Arial,sans-serif}button,a{-webkit-tap-highlight-color:transparent}main,.film,.credits{position:absolute;inset:0}.film{container-type:inline-size}video{display:block;width:100%;height:100%;object-fit:cover}.signature,.credit-logo{display:flex;align-items:center;background:#f8f7f1;border:.18cqw solid #087157;color:#087157;line-height:1.25;letter-spacing:-.055em;font-size:3.7cqw;font-weight:750;white-space:nowrap}.signature{position:absolute;bottom:4%;right:3%;pointer-events:none}.signature strong,.credit-logo strong{font-weight:800;background:#087157;color:#fffef5;padding:.55cqw 1cqw .8cqw .75cqw}.signature span,.credit-logo span{padding:.55cqw 1.15cqw .8cqw .75cqw}.credits{background:#172e27;display:grid;place-items:center;text-align:center;padding:28px;z-index:2}.credits[hidden]{display:none}.credit-content{width:100%;display:flex;align-items:center;flex-direction:column}.credit-logo{font-size:clamp(42px,5vw,80px);border:2px solid #abd2b8;background:transparent;color:#abd2b8;margin-bottom:40px}.credit-logo strong{padding:8px 17px 12px 13px;background:#abd2b8;color:#172e27}.credit-logo span{padding:8px 20px 12px 13px}.realisation{font-size:clamp(17px,2vw,28px);margin:0 0 12px;font-weight:400}.realisation strong{font-weight:650}.registre{font-size:clamp(13px,1.3vw,19px);margin:0;color:#d4ded6}#contact{color:#fffef5;text-decoration:none;border-bottom:1px solid #abd2b8;letter-spacing:.12em;font-size:clamp(16px,1.5vw,22px);font-weight:650;margin-top:32px;padding:10px 4px}#contact:focus-visible,button:focus-visible{outline:2px solid #fffef5;outline-offset:5px}.pause{position:fixed;left:20px;bottom:20px;z-index:3;border:1px solid #ffffff40;border-radius:50%;width:36px;height:36px;background:#172e2780;color:#fffef5;font-size:14px;cursor:pointer}#preview{position:fixed;z-index:4;top:16px;left:16px;display:flex;gap:8px}#preview[hidden]{display:none}#preview button{font:500 12px Syne,sans-serif;padding:10px;background:#f8f7f1;color:#172e27;border:1px solid #087157;cursor:pointer}@media(orientation:portrait){video{object-fit:contain}.signature{bottom:calc((100% - 56.25vw)/2 + 2.25vw)}.credit-logo{margin-bottom:32px}.realisation{max-width:290px;line-height:1.5}.pause{left:16px;bottom:16px}}