/* A video-first application shell, with a vertical touch launcher. */
html,body{background:#101211}body{min-height:100svh;overscroll-behavior:none}body:not(.inner){height:100svh;overflow:hidden}.backdrop{background:#101211}video{object-fit:cover;filter:none}.shade,body.inner .shade{background:linear-gradient(180deg,rgba(0,0,0,.08),transparent 20%,transparent 72%,rgba(0,0,0,.12))}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
header{height:106px;padding:22px max(28px,env(safe-area-inset-right)) 22px max(28px,env(safe-area-inset-left));gap:16px}.brand{width:154px;height:58px;border-radius:14px;padding:8px 12px;box-shadow:0 4px 24px #0001}.film-toggle{margin-left:auto;background:#161a1880;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-color:#ffffff45;width:48px;height:48px}.home-back{display:none}.inner .home-back{display:flex;align-items:center;gap:9px;font-size:15px;min-height:48px;padding:0 17px;border-radius:14px;background:#171b19db}.home-back span{font-size:30px;line-height:1}main{padding:0;margin:0;max-width:none}.home{min-height:0;height:0;padding:0}
nav{left:28px;bottom:max(28px,env(safe-area-inset-bottom));transform:none;width:310px;display:flex;flex-direction:column;gap:12px;padding:0;border:0;border-radius:0;background:none;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none}nav a{height:auto;min-height:76px;flex-direction:row;justify-content:flex-start;padding:15px 19px;gap:17px;font-size:17px;font-weight:500;color:white;border-radius:20px;border:1px solid #ffffff45;background:rgba(22,27,24,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 6px 22px #0002}nav a::after{content:'›';font-size:26px;font-weight:300;margin-left:auto;color:#dce1de}nav .nav-icon{width:43px;height:43px;align-items:center;justify-content:center;border-radius:13px;background:#ffffff12}nav svg{width:27px;height:27px}nav a:hover{background:#303a34e8}nav a:active{transform:scale(.98)}nav a[aria-current="page"]{background:#fff;color:#171b19;border-color:#fff}nav a[aria-current="page"]::after{color:#555}nav a[aria-current="page"] .nav-icon{background:#e4002b0d}body:not(.inner) nav a[data-page="accueil"]{display:none}
.inner main{margin:12px 28px 28px 276px;padding:30px;background:rgba(15,21,18,.93);border:1px solid #ffffff26;border-radius:26px;min-height:calc(100svh - 146px)}.inner nav{width:224px;top:118px;bottom:auto;gap:10px}.inner nav a{min-height:68px;font-size:14px;padding:12px;gap:10px;border-radius:17px}.inner nav .nav-icon{width:34px;height:38px;flex-shrink:0}.page{padding-top:0}.page h1{font-size:clamp(32px,4vw,56px);letter-spacing:-.045em}.eyebrow{font-size:12px;letter-spacing:.16em;line-height:1.6}.universe-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px}.universe-card{min-height:225px;border-radius:19px;padding:23px}.universe-card h2{margin-top:20px}.offer-layout{grid-template-columns:1fr;gap:20px}.offer-art{display:none}.collection-panel{gap:25px}.collection-panel svg{width:62px;height:62px}.timer{gap:16px}.time-box+.time-box{padding-left:16px}.time-box strong{font-size:44px}
@media(orientation:portrait){body:not(.inner) video{object-fit:cover;object-position:58% center}body:not(.inner) nav{left:50%;transform:translateX(-50%);width:min(390px,calc(100vw - 48px));bottom:max(32px,env(safe-area-inset-bottom))}body:not(.inner) nav a{min-height:78px}body:not(.inner) .shade{background:none}.inner main{margin-left:28px;margin-top:0;padding:28px 28px 32px}.inner nav{display:none}}
@media(max-width:700px){header{height:94px;padding:18px 20px;gap:10px}.brand{width:128px;height:49px;border-radius:12px}.film-toggle{width:44px;height:44px;flex-shrink:0}.inner .home-back{padding:0 12px;font-size:14px}.inner main{margin:4px 14px 20px;padding:24px 20px;min-height:calc(100svh - 118px)}.inner nav{display:none}nav{left:20px;width:min(310px,calc(100vw - 40px));gap:10px}nav a,body:not(.inner) nav a{min-height:67px;padding:12px 16px;border-radius:18px;font-size:16px}.universe-grid{grid-template-columns:1fr;gap:12px}.universe-card{min-height:0;display:grid;grid-template-columns:50px 1fr 25px;column-gap:16px;align-items:center;padding:20px}.universe-card .top{grid-row:1/3}.universe-card .number{display:none}.universe-card h2{margin:0 0 6px;font-size:22px}.universe-card p{grid-column:2;font-size:14px}.universe-card .arrow{grid-column:3;grid-row:1/3;margin:0;padding:0;align-self:center}.intro{margin-bottom:24px}.collection-panel{align-items:flex-start}.collection-panel svg{width:42px}.collection-panel h2{font-size:23px}.time-box strong{font-size:36px}.timer{gap:10px}.time-box+.time-box{padding-left:10px}.time-box span{font-size:10px;letter-spacing:.05em}.detail .large-icon svg{width:56px;height:56px}.page h1{font-size:36px}}
@media(max-height:620px) and (orientation:portrait){body:not(.inner) nav{bottom:16px;gap:8px}body:not(.inner) nav a{min-height:58px;padding:9px 16px}body:not(.inner) video{object-position:58% center}}
@media(max-height:520px) and (orientation:landscape){header{height:76px;padding:12px 20px}.brand{width:120px;height:46px}nav{bottom:16px;gap:8px;width:250px}nav a{min-height:58px;padding:8px 14px;font-size:15px}.inner main{margin-left:280px}.inner nav{top:90px;gap:6px}.inner nav a{min-height:55px}}