.porte{--bord:#28292C;position:fixed;inset:0;z-index:100;isolation:isolate;display:grid;place-items:center;background:linear-gradient(to left,var(--bord) 0,rgba(40,41,44,0) 72px),linear-gradient(to top,#0003,#0000 40px),radial-gradient(ellipse at 13% 17%,#3b3c40,#3b3c4000 57%),radial-gradient(ellipse at 71% 40%,#2d2d35,#2d2d3500 51%),radial-gradient(ellipse at 51% 96%,#322c2a,#322c2a00 56%),linear-gradient(126deg,#252629 20%,#2f3034 43%,#2a2a2d 59%,#303135 77%,#242528);box-shadow:0 30px 70px -10px #0009;touch-action:none}.porte:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0 0 0 0 0 .05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),radial-gradient(ellipse 22% 30% at 86% 30%,#3a38485c,#3a384800),radial-gradient(ellipse 22% 30% at 64% 41%,#3e37425c,#3e374200),radial-gradient(ellipse 22% 30% at 44% 52%,#42383a5c,#42383a00),radial-gradient(ellipse 20% 32% at 26% 63%,#423a3457,#423a3400)}.porte:after{content:"";position:absolute;left:0;right:0;top:100%;height:12px;pointer-events:none;background:linear-gradient(#55565b 0 1px,#1e1f22 1px calc(100% - 1px),#0c0c0e calc(100% - 1px))}.porte__reflet{position:absolute;inset:0;z-index:-1;overflow:hidden;pointer-events:none}.porte__reflet:before{content:"";position:absolute;top:-20%;bottom:-20%;left:-60%;width:120%;background:linear-gradient(104deg,#ffecde00 30%,#ffecde09 43%,#fffcf60f,#e6e8ff0b 57%,#e6e8ff00 70%);transform:translate3d(var(--reflet,0%),0,0)}.porte--nacre{--bord:#EFEBE4;background:linear-gradient(to left,var(--bord) 0,rgba(239,235,228,0) 72px),radial-gradient(ellipse at 13% 17%,#fffefa,#fffefa00 57%),radial-gradient(ellipse at 96% 80%,#d5e1da,#d5e1da00 46%),radial-gradient(ellipse at 71% 40%,#d6d8e9,#d6d8e900 51%),radial-gradient(ellipse at 51% 96%,#e5d3d7,#e5d3d700 56%),linear-gradient(126deg,#f3eee6 20%,#fffefa 43%,#e8d8cc 59%,#fffefa 77%,#e1e2ea);box-shadow:0 30px 70px -10px #292a2d52}.porte--nacre:before{background:radial-gradient(ellipse 22% 30% at 86% 28%,#d6d8e966,#d6d8e900),radial-gradient(ellipse 21% 28% at 67% 39%,#ddd4e173,#ddd4e100),radial-gradient(ellipse 21% 29% at 49% 50%,#e5d3d799,#e5d3d700),radial-gradient(ellipse 19% 31% at 33% 60%,#e8d5cfb8,#e8d5cf00),radial-gradient(ellipse 15% 27% at 21% 71%,#eadbd099,#eadbd000)}.porte--nacre:after{background:linear-gradient(#fff 0 1px,#dcd5cb 1px calc(100% - 1px),#b3aca2 calc(100% - 1px))}.porte--nacre .porte__reflet:before{background:linear-gradient(104deg,#fffefa00 30%,#fffefa59 45%,#fffefa80,#fffefa59 55%,#fffefa00 70%)}.porte--nacre .porte__nom:before{background:radial-gradient(closest-side,#e5dbcc9e,#e5dbcc85 28%,#e5dbcc57 52%,#e5dbcc29 74%,#e5dbcc0d 90%,#e5dbcc00)}@media(max-width:760px){.porte--nacre:before{background:radial-gradient(ellipse 42% 15% at 88% 40%,#d6d8e966,#d6d8e900),radial-gradient(ellipse 40% 14% at 60% 46%,#ddd4e180,#ddd4e100),radial-gradient(ellipse 38% 15% at 32% 52%,#e5d3d79e,#e5d3d700),radial-gradient(ellipse 30% 17% at 14% 62%,#e8d5cf99,#e8d5cf00)}}.porte--joints .porte__reflet{background:linear-gradient(to bottom,transparent calc(100% / 3 - 2px),rgba(10,10,12,.5) calc(100% / 3 - 2px),rgba(10,10,12,.2) calc(100% / 3),rgba(255,255,255,.12) calc(100% / 3),rgba(255,255,255,0) calc(100% / 3 + 2px),transparent calc(100% / 3 + 2px)),linear-gradient(to bottom,transparent calc(200% / 3 - 2px),rgba(10,10,12,.5) calc(200% / 3 - 2px),rgba(10,10,12,.2) calc(200% / 3),rgba(255,255,255,.12) calc(200% / 3),rgba(255,255,255,0) calc(200% / 3 + 2px),transparent calc(200% / 3 + 2px))}.porte--gris.porte--joints .porte__reflet{background:linear-gradient(to bottom,transparent calc(100% / 3 - 2px),rgba(40,38,44,.42) calc(100% / 3 - 2px),rgba(40,38,44,.18) calc(100% / 3),rgba(255,255,255,.14) calc(100% / 3),rgba(255,255,255,0) calc(100% / 3 + 2px),transparent calc(100% / 3 + 2px)),linear-gradient(to bottom,transparent calc(200% / 3 - 2px),rgba(40,38,44,.42) calc(200% / 3 - 2px),rgba(40,38,44,.18) calc(200% / 3),rgba(255,255,255,.14) calc(200% / 3),rgba(255,255,255,0) calc(200% / 3 + 2px),transparent calc(200% / 3 + 2px))}.porte--gris{--bord:#787779;background:linear-gradient(to left,var(--bord) 0,rgba(120,119,121,0) 72px),linear-gradient(to top,#18171b29,#18171b00 40px),radial-gradient(ellipse at 13% 17%,#92908e,#92908e00 57%),radial-gradient(ellipse at 71% 40%,#7a7781,#7a778100 51%),radial-gradient(ellipse at 51% 96%,#857b74,#857b7400 56%),linear-gradient(126deg,#727376 20%,#83817f 43%,#7e7571 59%,#828184 77%,#727078);box-shadow:0 30px 70px -10px #08080a99}.porte--gris:before{background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='g'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='.33 .33 .33 0 0 .33 .33 .33 0 0 .33 .33 .33 0 0 0 0 0 0 .05'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23g)'/%3E%3C/svg%3E"),radial-gradient(ellipse 22% 30% at 86% 30%,#76728057,#76728000),radial-gradient(ellipse 22% 30% at 64% 41%,#7d727c57,#7d727c00),radial-gradient(ellipse 22% 30% at 44% 52%,#83737557,#83737500),radial-gradient(ellipse 20% 32% at 26% 63%,#83766f52,#83766f00)}.porte--gris:after{background:linear-gradient(#77747b 0 1px,#3a373d 1px calc(100% - 1px),#141316 calc(100% - 1px))}.porte--gris .porte__reflet:before{background:linear-gradient(104deg,#ffecde00 30%,#ffecde12 43%,#fffcf61c,#e6e8ff14 57%,#e6e8ff00 70%)}.porte__nom{position:relative;width:calc(min((100% - 2 * var(--marge)) * .78,1120px,34vh * 3.9)*.9121);user-select:none;pointer-events:none}.porte__nom:before{content:"";position:absolute;z-index:-1;inset:-95% -32% -85%;pointer-events:none;background:radial-gradient(closest-side,#00000029,#0000001f,#0000000f 60%,#0000)}.porte--gris .porte__nom:before{background:radial-gradient(closest-side,#28262c21,#28262c1a,#28262c0d 60%,#28262c00)}.porte__nom canvas,.porte__nom img{display:block;width:100%;height:auto;aspect-ratio:1733/395}.porte--gris .porte__nom canvas,.porte--gris .porte__nom img{mix-blend-mode:hard-light}.porte__nom canvas{opacity:0;transition:opacity .45s ease}.porte__nom.dessine canvas{opacity:1}.porte__nom{aspect-ratio:1733/395}.porte__nom.maj{aspect-ratio:2626/378}.porte__avant{position:absolute;inset:0;width:100%;height:100%;opacity:.15;pointer-events:none;transition:opacity .4s ease}.porte__nom.dessine .porte__avant{opacity:0}html:not(.porte-nacre) .porte:not(.voile) .porte__avant{display:none}.voile--mot{background:none!important;box-shadow:none!important}.voile--mot:before,.voile--mot:after{display:none}.voile--grave{z-index:101;visibility:hidden;pointer-events:none}.voile--grave.en-cours{visibility:visible;opacity:1}.voile--grave .porte__nom canvas{opacity:1;transition:none}.voile--grave .porte__nom:before{opacity:0}.porte--gravee{--reflet:75%}.porte--gravee .porte__avant{opacity:1;transition:none}.porte--gravee .porte__nom canvas{display:none}.porte__nom.maj{width:min(calc(min((100% - 2 * var(--marge)) * .78,1120px,34vh * 3.9)*1.3821),100% - 2 * var(--marge))}.porte__nom.maj canvas{aspect-ratio:2626/378}@media(max-width:760px){.porte:after{height:10px}.porte__nom{width:calc((100% - 2 * var(--marge)) * .9121)}.porte__nom.maj{width:calc(100% - 2 * var(--marge))}}@media(forced-colors:active){.porte{display:none!important}}.voile{opacity:0;cursor:progress}.voile--ombre{mix-blend-mode:multiply;box-shadow:none}.voile--baisse{position:fixed;inset:0;z-index:100;background:#a3a1a5;mix-blend-mode:multiply}.voile--nacre{position:fixed;inset:0;z-index:100;width:100%;height:100%;pointer-events:none}.voile__site{position:fixed;z-index:101;overflow:hidden;pointer-events:none;border-radius:10px;box-shadow:0 0 0 1px #292a2d2b,0 26px 46px -32px #292a2d8c}.voile__site img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 0}html.entre-atelier{transition:background-color 1.5s cubic-bezier(.45,0,.25,1)}html.entre-atelier,html.porte-fermee{overflow:hidden;background-color:#28292c}html.entre-atelier.porte-gris,html.porte-fermee.porte-gris{background-color:#787779}html.entre-atelier.porte-nacre,html.porte-fermee.porte-nacre{background-color:#efebe4}html.porte-fermee{transition:none}.calme{display:inline-flex;align-items:center;gap:10px;min-height:44px;margin-left:auto;padding:0 2px;border:0;background:none;font:500 1.04rem/1.2 var(--texte);color:inherit;cursor:pointer}.calme__rond{position:relative;flex:none;width:36px;height:22px;border-radius:999px;box-shadow:inset 0 0 0 1.5px currentColor;transition:background-color .2s}.calme__rond:after{content:"";position:absolute;left:5px;top:5px;width:12px;height:12px;border-radius:50%;background:currentColor;transition:transform .2s var(--sortie)}.calme[aria-pressed=true] .calme__rond{background:currentColor}.calme[aria-pressed=true] .calme__rond:after{background:var(--perle);transform:translate(14px)}.calme:focus-visible{outline:2px solid currentColor;outline-offset:3px;border-radius:8px}@media(prefers-reduced-motion:reduce){.calme__rond,.calme__rond:after{transition:none}}@media(forced-colors:active){.calme__rond{border:1.5px solid ButtonText}.calme__rond:after{background:ButtonText}}