@font-face{font-family:Karrik;src:url(/fonts/karrik.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Karrik;src:url(/fonts/karrik-italic.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}:root{--sol: #12100E;--trait: #F2EFE9;--gris: #8A827A;--accent: #F37021;--filet: #2A2622;--grain: .13;--encre: #12100E;--ink: var(--trait);--paper: var(--sol);--soft: var(--gris);--rule: var(--filet);--blanc: #fff;--pad: 22px;--retrait: var(--pad);--retrait-droit: var(--pad);--colonne: calc(100vw - var(--retrait) - var(--retrait-droit));--measure: 40ch;--bruit: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.82' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix type='saturate' values='0'/%3E%3CfeComponentTransfer%3E%3CfeFuncR type='linear' slope='2.6' intercept='-0.8'/%3E%3CfeFuncG type='linear' slope='2.6' intercept='-0.8'/%3E%3CfeFuncB type='linear' slope='2.6' intercept='-0.8'/%3E%3C/feComponentTransfer%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--display: "Karrik", "Helvetica Neue", Arial, sans-serif;--titre: "Karrik", "Helvetica Neue", Arial, sans-serif;--signature: "Karrik", "Helvetica Neue", Arial, sans-serif}@media(min-width:768px){:root{--retrait: 10vw;--retrait-droit: 14vw}}@media(min-width:992px){:root{--retrait: 14vw;--retrait-droit: 16vw}}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{--ink: var(--trait);--paper: var(--sol);--soft: var(--gris);--rule: var(--filet);margin:0;background:var(--paper);color:var(--ink);font-family:var(--display);font-size:11px;line-height:1.55;-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit}:focus-visible{outline:1px solid var(--ink);outline-offset:3px}img{display:block;max-width:100%;height:auto}main{position:relative}.scene{isolation:isolate}body[data-fond=clair]{--sol: #F2EFE9;--trait: #12100E;--gris: #6E665E;--accent: #A8460F;--filet: #D8D2C7;--grain: .07}.grain{position:fixed;inset:0;z-index:-1;pointer-events:none;background:var(--sol)}.grain:after{content:"";position:absolute;inset:0;opacity:var(--grain);background-image:var(--bruit)}.marque{position:fixed;left:var(--pad);right:var(--pad);top:0;bottom:0;height:fit-content;margin-block:auto;z-index:60;pointer-events:none;mix-blend-mode:difference;color:var(--blanc);text-align:center}.marque>*{transition:opacity .24s ease}.marque .nom{margin:0;font-family:var(--signature);font-size:clamp(40px,min(calc((100vw - 2 * var(--pad)) * .2011),23vh),300px);line-height:.82;letter-spacing:0;text-transform:uppercase}.marque .nom .mot{display:block;white-space:nowrap}@media(min-width:1024px){.marque .nom{font-size:clamp(40px,calc((100vw - 2 * var(--pad)) * .1091),300px);white-space:nowrap}.marque .nom .mot{display:inline}}.marque .tagline{--lettre: .16em;margin:18px 0 0;margin-right:calc(-1 * var(--lettre));font-family:var(--display);font-weight:400;font-size:clamp(10px,1.1vw,14px);line-height:1;text-transform:uppercase;letter-spacing:var(--lettre);color:var(--blanc)}body[data-vue=grand] .marque>*{opacity:0}.compteur{position:fixed;right:0;bottom:0;z-index:70;padding:clamp(13px,3vw,20px) clamp(11px,3.5vw,var(--pad));pointer-events:none;color:var(--gris);font-family:var(--display);font-weight:400;font-size:clamp(10px,2vw,12px);line-height:1;text-transform:uppercase;--lettre: .18em;letter-spacing:var(--lettre);margin-right:calc(-1 * var(--lettre));font-variant-numeric:tabular-nums}.compteur b{font-weight:400;color:var(--trait)}.coins{position:fixed;inset:0;z-index:70;display:flex;justify-content:space-between;align-items:flex-start;pointer-events:none;color:var(--trait);font-family:var(--display);font-weight:400;font-size:clamp(11px,2.6vw,16px);line-height:1;text-transform:uppercase;--lettre: .05em;letter-spacing:var(--lettre)}.groupe{display:flex;gap:clamp(8px,2.5vw,42px);padding:clamp(13px,3vw,20px) clamp(11px,3.5vw,var(--pad))}.groupe:last-child{margin-right:calc(-1 * var(--lettre))}.coins a{pointer-events:auto;text-decoration:none;color:inherit}.coins a[aria-current=page],.coins a:hover{color:var(--accent)}.coins a.bascule{display:inline-grid;justify-items:start}.coins a.bascule>span{grid-area:1 / 1}.coins a.bascule>.grand,body[data-vue=grand] .coins a.bascule>.planche{visibility:hidden}body[data-vue=grand] .coins a.bascule>.grand{visibility:visible}@media(max-width:767px){:root{--coin: 51px}.coins{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:auto 1fr auto;font-size:11px}.groupe,.groupe:last-child{display:contents;margin:0}.coins a{padding:20px var(--pad)}.groupe>a:last-child{justify-self:end;text-align:right;margin-right:calc(-1 * var(--lettre))}.groupe:first-child>a:first-child{grid-area:1 / 1}.groupe:first-child>a:last-child{grid-area:1 / 2}.groupe:last-child>a:first-child{grid-area:3 / 1}.groupe:last-child>a:last-child{grid-area:3 / 2}.coins a.bascule{display:inline}.coins a.bascule>.grand,body[data-vue=grand] .coins a.bascule>.planche{display:none}body[data-vue=grand] .coins a.bascule>.grand{display:inline;visibility:visible}.compteur{bottom:44px;padding:0 var(--pad)}}.defile{position:fixed;left:0;bottom:var(--defile-bas, 22vh);z-index:70;display:flex;flex-direction:column;align-items:center;gap:14px;padding-left:var(--pad);pointer-events:none;color:var(--gris);font-family:var(--display);font-weight:400;font-size:11px;text-transform:uppercase;letter-spacing:.28em;transition:opacity .4s ease}.defile span{writing-mode:vertical-rl}.defile i{display:block;width:1px;height:62px;background:currentColor;transform-origin:top;animation:filet 2.6s ease-in-out infinite}@keyframes filet{0%{transform:scaleY(0);opacity:0}30%{opacity:1}60%{transform:scaleY(1);opacity:1}to{transform:scaleY(1);opacity:0}}.defile[data-vu=oui]{opacity:0}@media(max-width:560px){.defile{bottom:var(--defile-bas, 18vh);font-size:10px}.defile i{height:44px}}.seuil{position:absolute;left:0;right:0;top:50%;translate:0 -50%;padding:0 var(--retrait-droit) 0 var(--retrait)}.seuil h1{margin:0 0 0 -.09em;font-family:var(--titre);font-weight:400;font-size:clamp(45px,calc(var(--colonne) / 6.03),271px);line-height:.92;text-transform:uppercase;letter-spacing:-.02em}.seuil h1[data-tenu]{white-space:nowrap}.seuil h1[data-lignes] .mot{display:block}.seuil h1[data-lignes] .lien{display:none}.seuil .dit,.seuil .next{font-family:var(--display);font-weight:400;color:var(--gris);text-transform:uppercase;font-size:13px}.seuil .dit{margin:20px 0 0;letter-spacing:.16em}.seuil .next{margin:14px 0 0;letter-spacing:.11em}.seuil.plante{position:fixed;z-index:60;pointer-events:none;mix-blend-mode:difference;color:var(--blanc)}.seuil.plante h1,.seuil.plante .dit,.seuil.plante .next{transition:opacity .24s ease}.seuil.plante .next{position:absolute;width:calc(100% - var(--retrait) - var(--retrait-droit))}.seuil.plante .next a{pointer-events:auto}body[data-vue=grand] .seuil.plante h1,body[data-vue=grand] .seuil.plante .dit,body[data-vue=grand] .seuil.plante .next{opacity:0}.entree{position:relative;height:100svh}@keyframes grain-shift{0%{transform:translate(0)}33%{transform:translate(-38px,26px)}66%{transform:translate(29px,-33px)}}:root{--gouttiere: clamp(var(--pad), 17vw, 240px)}.page-head{padding:17vh var(--gouttiere) 0;scroll-snap-align:start}.page-head h1{margin:0;font-family:var(--titre);font-weight:400;font-size:clamp(34px,5vw,74px);line-height:1;letter-spacing:-.01em;text-transform:uppercase}.page-head .meta{margin:14px 0 0;color:var(--soft);text-transform:uppercase;letter-spacing:.09em;font-size:11px}.prose{padding:5vh var(--gouttiere) 0;max-width:calc(var(--measure) + 2 * var(--gouttiere));font-size:clamp(17px,1.75vw,27px);line-height:1.6}.prose h2{font-size:12px;text-transform:uppercase;letter-spacing:.09em;margin:5vh 0 .6em}.prose a{text-underline-offset:3px}.prose:last-child{padding-bottom:46vh}.ouverture{min-height:100svh;display:grid;align-content:center;padding:0 var(--gouttiere)}.opener{margin:0;max-width:15em;text-wrap:balance;font-family:var(--titre);font-weight:400;font-size:clamp(26px,4.2vw,70px);line-height:1.06;letter-spacing:.004em}.reperes{margin:4.5em 0 0;padding:2.2em var(--gouttiere) 0;list-style:none;border-top:1px solid var(--rule);font-size:clamp(13px,1.05vw,16px);line-height:2.35}.reperes li{display:grid;grid-template-columns:5ch 12ch 1fr;align-items:baseline;transition:color .16s ease}.reperes .rang{color:var(--accent)}.reperes .mot{color:var(--soft);text-transform:uppercase;letter-spacing:.09em;font-size:.86em}.reperes .valeur{white-space:nowrap}.reperes .valeur a{color:inherit;text-decoration:underline;text-underline-offset:4px}@media(hover:hover){.reperes li:has(a):hover .valeur{color:var(--accent)}}@media(max-width:767px){.reperes{padding-left:var(--pad);padding-right:var(--pad);font-size:clamp(9.8px,3.05vw,12px);line-height:2.1}.reperes li{grid-template-columns:4.5ch 9.5ch 1fr}}.langue{display:inline-block;margin:3.4em var(--gouttiere) 76svh;text-transform:uppercase;letter-spacing:.11em;font-size:12px;color:var(--ink);text-decoration:underline;text-underline-offset:5px}@media(prefers-reduced-motion:reduce){.defile i{animation:none}}.sheet{display:block}.cell{position:relative;margin:0}.frame{position:relative;aspect-ratio:var(--ar, 1.5)}.frame .zoom{display:block;width:100%;height:100%;margin:0;border:0;padding:0;background:none;color:inherit;font:inherit;-webkit-appearance:none;appearance:none;cursor:pointer}.frame img{width:100%;height:100%;object-fit:contain}@media(min-width:1024px){.sheet{padding-bottom:22vh}.cell{--in: calc(var(--retrait, 0) * 1vw);--w: min(62vw, calc(88svh * var(--ar, 1.5)));width:var(--w);margin-left:calc(var(--in) + var(--cote, 0) * (100vw - var(--w) - 2 * var(--in)));margin-top:calc(var(--saut, 20) * 1vh)}.cell:first-child{margin-top:0}}@media(max-width:1023px){.cell{--amp: .6;--serre: 1;--in: calc(var(--pad) + var(--retrait, 0) * var(--amp) * 1vw);--dispo: calc(100% - 2 * var(--in));--w: min( calc(var(--dispo) * var(--large, 86) * var(--serre) / 100), calc(84svh * var(--ar, 1.5)) );width:var(--w);margin-left:calc(var(--in) + var(--cote, 0) * (var(--dispo) - var(--w)));margin-top:calc(var(--ecart, 40) * 1svh)}.cell:first-child{margin-top:0}.sheet{padding-bottom:24svh}}@media(min-width:768px)and (max-width:1023px){.cell{--amp: 1.2;--serre: .78}}@media(hover:hover){.frame{filter:invert(0);transition:filter .3s ease}.frame:hover{filter:invert(1)}}@media(hover:none){.frame{filter:invert(0);transition:filter .3s ease}.frame[data-tenu]{filter:invert(1)}}.sheet[data-vue=grand]{display:block;height:100svh;padding-bottom:0}.sheet[data-vue=grand] .cell{display:none}.sheet[data-vue=grand] .cell[data-ici]{--large: min(94vw, calc(88svh * var(--ar, 1.5)));width:100%;min-height:100svh;margin:0;display:grid;grid-auto-flow:row;align-content:center;justify-items:center}.sheet[data-vue=grand] .frame{width:var(--large)}body[data-vue=grand] .defile{opacity:0}body[data-vue=grand] .entree,.pas{display:none}body[data-vue=grand] .pas{display:block;position:fixed;bottom:0;z-index:71;border:0;padding:clamp(13px,3vw,20px) clamp(11px,3.5vw,var(--pad));background:none;font-family:var(--display);font-weight:400;font-size:clamp(11px,2.6vw,16px);line-height:1;text-transform:uppercase;letter-spacing:.05em;color:var(--trait);transition:color .16s ease;cursor:pointer}body[data-vue=grand] .pas:hover{color:var(--accent)}body[data-vue=grand] .pas[data-pas="-1"]{left:0}body[data-vue=grand] .pas[data-pas="1"]{left:clamp(74px,20vw,128px)}@media(max-width:767px){body[data-vue=grand] .pas{bottom:var(--coin)}body[data-vue=grand] .compteur{bottom:var(--coin);margin-bottom:0;padding:clamp(13px,3vw,20px) var(--pad)}}@media(prefers-reduced-motion:no-preference){::view-transition-old(root){animation:none;z-index:0}::view-transition-new(root){animation:levee .68s cubic-bezier(.76,0,.24,1);z-index:1}}@media(prefers-reduced-motion:reduce){::view-transition-old(root),::view-transition-new(root){animation:none}}@keyframes levee{0%{transform:translateY(100%)}}html[data-passage]:after{content:"";position:fixed;inset:0;z-index:900;background:var(--encre);transition:transform var(--passage, 0ms) cubic-bezier(.76,0,.24,1);will-change:transform}html[data-passage=bas]:after{transform:translateY(100%)}html[data-passage=monte]:after,html[data-passage=couvert]:after{transform:translateY(0)}html[data-passage=parti]:after{transform:translateY(-100%)}.sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}