.atelier.doc{min-height:100svh;position:static;overflow:visible}.atelier.doc main{padding-top:calc(var(--nav-h) + 32px + env(safe-area-inset-top,0px));padding-bottom:72px}.atelier .back{min-height:44px;color:var(--muted);align-items:center;gap:8px;font-size:.9375rem;font-weight:500;text-decoration:none;transition:color .3s;display:inline-flex}.atelier .back:hover{color:var(--fg)}.atelier .back span{transition:transform .3s var(--soft)}.atelier .back:hover span{transform:translate(-3px)}.atelier .doc-head{max-width:860px;margin-top:28px}.atelier .doc-head h1{margin-top:14px;font-size:clamp(2.75rem,7vw,5.75rem);line-height:.98}.atelier .doc-head .pitch{max-width:46ch;color:var(--muted);margin-top:18px;font-size:clamp(1.1875rem,1.8vw,1.5rem);line-height:1.45}.atelier .doc-head .links{margin-top:26px}.atelier .doc-head .links:empty{display:none}.atelier .doc-shot{margin-top:48px}.atelier .doc-shot .shot{aspect-ratio:16/9}.atelier .doc-body{grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);align-items:start;gap:72px;margin-top:88px;display:grid}.atelier .doc-body h2.eyebrow{letter-spacing:.14em;font-size:.75rem;font-family:var(--body)}.atelier .doc-body h2.eyebrow+*{margin-top:18px}.atelier .doc-body section>h2.eyebrow:not(:first-child){margin-top:56px}.atelier .story{gap:18px;max-width:62ch;display:grid}.atelier .story p{font-size:1.125rem;line-height:1.75}.atelier .story p:first-child:first-letter{float:left;font:400 4.25rem/.8 var(--display);color:var(--accent);margin:6px 10px 0 0}.atelier .done{gap:12px;max-width:62ch;margin:0;padding:0;list-style:none;display:grid}.atelier .done li{color:var(--muted);padding-left:26px;position:relative}.atelier .done li:before{content:"";background:var(--accent);width:12px;height:2px;position:absolute;top:.6em;left:0}.atelier .doc-body .fiche{top:calc(var(--nav-h) + 24px);border:1px solid var(--line);background:var(--tile);border-radius:18px;padding:28px;position:sticky}.atelier .doc-body .fiche dl{margin:0}.atelier .doc-body .fiche dl div:first-child{border-top:0;padding-top:0}.atelier .doc-body .wall{gap:16px;margin-top:26px}.atelier .doc-body .wall ul{flex-wrap:wrap;gap:8px;display:flex}.atelier .doc-body .wall .t{padding:8px 12px}.atelier .doc-gallery{margin-top:104px}.atelier .doc-gallery h2.eyebrow{font-family:var(--body)}.atelier .shots{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px;margin:22px 0 0;padding:0;list-style:none;display:grid}.atelier .shots.single{grid-template-columns:minmax(0,1fr)}.atelier .shots li:last-child:nth-child(odd){grid-column:1/-1}.atelier .shots li:last-child:nth-child(odd) .shot{aspect-ratio:16/7}.atelier .shots .frame{text-align:left;cursor:zoom-in;width:100%;transition:transform .45s var(--soft),box-shadow .45s var(--soft);display:block}.atelier .shots .frame:hover{transform:translateY(-4px);box-shadow:0 40px 70px -34px #1f1b1673}.atelier .shots .frame-bar,.atelier .shots .shot{display:flex}.atelier .shots .shot{display:block}.atelier .viewer{width:100vw;max-width:none;height:100dvh;max-height:none;color:var(--finale-fg);background:0 0;border:0;margin:0;padding:0;overflow:hidden}.atelier .viewer[open]{place-items:center;display:grid}.atelier .viewer::backdrop{background:color-mix(in srgb,var(--finale-bg)92%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.atelier .viewer figure{animation:doc-zoom .4s var(--soft);justify-items:center;gap:14px;margin:0;display:grid}.atelier .viewer img{border-radius:10px;width:auto;max-width:min(92vw,1600px);height:auto;max-height:82dvh;box-shadow:0 40px 80px -30px #0009}.atelier .viewer figcaption{font:400 .9375rem var(--display);color:var(--finale-muted);font-variant-numeric:tabular-nums}.atelier .viewer button{border:1px solid var(--finale-line);width:48px;height:48px;color:var(--finale-fg);background:color-mix(in srgb,var(--finale-bg)70%,transparent);transition:border-color .3s,transform .3s var(--soft);border-radius:50%;place-items:center;font-size:1.25rem;line-height:1;display:grid;position:fixed}.atelier .viewer button:hover{border-color:var(--finale-accent);color:var(--finale-accent)}.atelier .viewer .close{top:max(20px,env(safe-area-inset-top,0px));right:max(20px,env(safe-area-inset-right,0px));font-size:1.75rem}.atelier .viewer .prev{left:max(20px,env(safe-area-inset-left,0px));top:50%;transform:translateY(-50%)}.atelier .viewer .next{right:max(20px,env(safe-area-inset-right,0px));top:50%;transform:translateY(-50%)}@keyframes doc-zoom{0%{opacity:0;transform:scale(.96)}}.atelier .doc-nav{margin-top:104px;padding-top:24px}.atelier .doc-nav a{min-height:44px;color:var(--muted);align-items:center;gap:6px;text-decoration:none;transition:color .3s;display:inline-flex}.atelier .doc-nav a b{color:var(--fg);font-weight:500}.atelier .doc-nav a:hover{color:var(--accent)}.atelier .doc-head>*,.atelier .doc-shot{animation:doc-rise .9s var(--soft)both}.atelier .doc-head>:nth-child(2){animation-delay:60ms}.atelier .doc-head>:nth-child(3){animation-delay:.12s}.atelier .doc-head>:nth-child(4){animation-delay:.18s}.atelier .doc-shot{animation-delay:.24s}@keyframes doc-rise{0%{opacity:0;transform:translateY(24px)}}@media (max-width:900px){.atelier.doc main{padding-top:calc(var(--nav-h) + 8px + env(safe-area-inset-top,0px));padding-bottom:48px}.atelier .doc-head{margin-top:12px}.atelier .doc-head h1{font-size:clamp(2.5rem,12vw,3.5rem)}.atelier .doc-head .pitch{margin-top:12px;font-size:1.0625rem;display:block}.atelier .doc-shot{margin-top:32px}.atelier .doc-shot .shot{aspect-ratio:16/10}.atelier .doc-body{grid-template-columns:minmax(0,1fr);gap:48px;margin-top:56px}.atelier .doc-body .fiche{padding:20px;position:static}.atelier .doc-body .wall .t{letter-spacing:0;border-radius:12px;flex-direction:row;gap:8px;padding:7px 11px;font-size:.8125rem}.atelier .doc-body .wall h3{font-size:.6875rem}.atelier .story p{font-size:1.0625rem;line-height:1.7}.atelier .doc-gallery{margin-top:64px}.atelier .shots{grid-template-columns:minmax(0,1fr);gap:18px}.atelier .shots li:last-child:nth-child(odd) .shot{aspect-ratio:16/10}.atelier .doc-nav{flex-wrap:wrap;margin-top:64px}.atelier .doc-nav a:nth-child(2){display:none}.atelier .viewer .prev,.atelier .viewer .next{top:auto;bottom:max(20px,env(safe-area-inset-bottom,0px));transform:none}}@media (prefers-reduced-motion:reduce){.atelier .doc-head>*,.atelier .doc-shot,.atelier .viewer figure{animation:none}.atelier .shots .frame,.atelier .back span{transition:none}}