:root{--encre:#16161a;--gris:#66666e;--trait:#dddde3;--blanc:#fff;--noir:#000;--fil:#c5105f;--fil-fonce:#a00c4c;--titre:"Reem Kufi","Century Gothic","Segoe UI",Helvetica,Arial,sans-serif;--texte:"Hanken Grotesk","Segoe UI",Helvetica,Arial,sans-serif;--gut:clamp(16px,4vw,56px);--doux:cubic-bezier(.23,1,.32,1);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:60px}body{background:var(--blanc);color:var(--encre);font:400 17px/1.5 var(--texte);-webkit-font-smoothing:antialiased;margin:0;position:relative;overflow-x:hidden}body:before{content:"";height:env(safe-area-inset-top,0px);z-index:10;background:var(--blanc);position:fixed;inset:0 0 auto}h1,h2,h3,p,fieldset,legend,figure{border:0;margin:0;padding:0}h1,h2,h3,legend{font-family:var(--titre);text-wrap:balance;font-weight:500}a{color:inherit}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}img,canvas{max-width:100%;display:block}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--fil);outline-offset:3px}.in{max-width:1240px;padding-left:max(var(--gut),env(safe-area-inset-left,0px));padding-right:max(var(--gut),env(safe-area-inset-right,0px));margin-inline:auto}#fil{z-index:2;pointer-events:none;width:100%;position:absolute;top:0;left:0;overflow:hidden}#fil path{fill:none;stroke:var(--fil);stroke-width:3px;stroke-linecap:round;stroke-linejoin:round}.maquette{color:var(--gris);text-align:center;padding-block:7px;font-size:13px}.maquette a{color:var(--fil)}header{top:env(safe-area-inset-top,0px);z-index:9;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffdb;position:sticky}header .in{justify-content:space-between;align-items:center;gap:16px;min-height:52px;padding-block:6px;display:flex}.marque{font:600 22px/1 var(--titre);letter-spacing:.08em;align-items:center;gap:10px;text-decoration:none;display:flex}.marque img{border-radius:50%;width:40px;height:40px}header nav{gap:26px;font-size:15px;display:flex}header nav a{text-decoration:none}header nav a:hover,.panier:hover{color:var(--fil)}.panier{padding:6px 0;font-size:15px;font-weight:500}.panier b{color:var(--fil);font-weight:600}.lien{color:var(--encre);-webkit-text-decoration-color:var(--fil);text-decoration-color:var(--fil);text-underline-offset:5px;font-weight:500;text-decoration-thickness:2px}.lien:hover{color:var(--fil)}.bouton{background:var(--fil);color:var(--blanc);transition:transform .14s var(--doux);border-radius:4px;padding:13px 24px;font-weight:600;text-decoration:none;display:inline-block}.bouton:hover{background:var(--fil-fonce)}.bouton:active{transform:scale(.98)}.hero{position:relative;overflow:hidden}.hero .in{grid-template-columns:minmax(0,1fr);min-height:min(980px,76vw);padding-block:clamp(20px,3vw,40px) clamp(56px,7vw,96px);display:grid;position:relative}h1{z-index:5;color:var(--blanc);mix-blend-mode:difference;letter-spacing:-.025em;margin-top:clamp(8px,2vw,24px);font-size:clamp(60px,12.6vw,176px);font-weight:500;line-height:.94;position:relative}h1 span{display:block}h1 span+span{padding-left:.2em}.hero-bas{z-index:4;flex-direction:column;align-items:flex-start;gap:16px;max-width:350px;margin-top:clamp(24px,4vw,48px);display:flex;position:relative}.hero-bas .nom{font:500 clamp(22px,2.2vw,28px)/1.15 var(--titre)}.hero-bas .sous{font-size:clamp(18px,1.6vw,20px);line-height:1.4}.ar{font:500 20px/1.4 var(--titre);color:var(--gris)}.actions{flex-wrap:wrap;align-items:center;gap:14px 24px;display:flex}.hero-photo{z-index:3;mix-blend-mode:multiply;width:min(62%,780px);position:absolute;bottom:0;right:clamp(-30px,1vw,40px)}.hero-photo img{filter:brightness(1.07);width:100%}.depart{width:2px;height:2px;position:absolute;top:61%;left:50.5%}.collection{padding-block:clamp(56px,7vw,88px) clamp(40px,5vw,72px);position:relative}.collection h2,.cabine-txt h2,.scene h2{letter-spacing:-.015em;font-size:clamp(38px,5.6vw,72px);line-height:1.04}.collection .tete{text-align:right;flex-wrap:wrap;justify-content:flex-end;gap:6px 40px;margin-bottom:clamp(56px,7vw,92px);display:flex}.corde{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(64px,7vw,104px) clamp(20px,4vw,56px);display:grid}.piece{z-index:3;transform-origin:50% 0;min-width:0;transition:transform .18s var(--doux);flex-direction:column;align-items:center;text-decoration:none;display:flex;position:relative}.piece:nth-child(3n+2){margin-top:26px}.piece:nth-child(odd){transform:rotate(-1deg)}.piece:nth-child(2n){transform:rotate(1.1deg)}.piece:hover{transform:rotate(0)}.pince{z-index:4;background:var(--encre);border-radius:3px 3px 5px 5px;width:13px;height:34px;margin-bottom:-8px;position:relative}.pince:after{content:"";background:var(--blanc);border-radius:2px;width:3px;height:13px;position:absolute;top:6px;left:5px}.piece img{aspect-ratio:1/1.08;object-fit:cover;object-position:var(--pos,center);width:100%}.piece.decoupe img{object-fit:contain;mix-blend-mode:multiply;filter:brightness(1.07)}.piece.tirage img{border:10px solid var(--blanc);box-shadow:0 1px 0 var(--trait),0 12px 24px -14px #16161a66}.piece h3{text-align:center;margin-top:14px;font-size:clamp(20px,2vw,25px);line-height:1.15}.piece p{color:var(--gris);text-align:center}.piece:hover h3{color:var(--fil)}.portes{margin-top:clamp(72px,9vw,120px)}.portes h2{font-size:clamp(30px,4vw,48px);line-height:1.08}.portes .tete{margin-bottom:clamp(40px,4.5vw,56px)}.corde.quatre{grid-template-columns:repeat(4,minmax(0,1fr));gap:48px clamp(14px,2.4vw,32px)}.quatre .piece:nth-child(n){margin-top:0}.quatre .piece:nth-child(2n){margin-top:22px}.quatre .piece img{aspect-ratio:5/8}.quatre .piece h3{font-size:clamp(18px,1.7vw,21px)}.scene{background:var(--noir);color:var(--blanc);position:relative}.scene .in{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:center;gap:clamp(24px,5vw,72px);padding-block:clamp(72px,9vw,120px);display:grid}.scene .txt{gap:14px;display:grid}.scene p{color:#b4b4bc;max-width:24em;font-size:clamp(18px,1.8vw,22px);line-height:1.35}#macro{z-index:3;aspect-ratio:1;justify-self:end;width:min(100%,520px);position:relative}.cabine{padding-block:clamp(64px,8vw,104px);position:relative}.cabine .in{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.essayage{z-index:3;justify-items:center;gap:10px;padding-top:6px;display:grid;position:relative}.cintre{z-index:1;width:64px;height:58px;margin-bottom:-22px;position:relative}.cintre path{fill:none;stroke:var(--encre);stroke-width:3px;stroke-linecap:round}.piste{perspective:1100px;width:100%;position:relative}#vue{aspect-ratio:1000/1216;touch-action:pan-y;cursor:grab;transform-origin:50% 0;width:100%}#vue.prise{cursor:grabbing}#vue:focus-visible{outline-offset:-3px}.fleche{background:var(--encre);width:52px;height:52px;color:var(--blanc);box-shadow:0 0 0 2px var(--blanc);transition:transform .14s var(--doux);z-index:4;border-radius:50%;place-items:center;display:grid;position:absolute;top:44%}.fleche:hover{background:var(--fil)}.fleche:active{transform:scale(.98)}.fleche svg{fill:none;stroke:currentColor;stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;width:20px;height:20px}.fleche.g{left:0}.fleche.d{right:0}.vues{grid-template-columns:repeat(3,minmax(0,92px));justify-content:center;gap:14px;display:grid}.vue-btn{color:var(--gris);border-bottom:3px solid #0000;justify-items:center;gap:3px;padding-bottom:4px;font-size:14px;display:grid}.vue-btn canvas{aspect-ratio:1000/1216;width:100%}.vue-btn[aria-selected=true]{color:var(--encre);border-bottom-color:var(--fil);font-weight:600}.vue-btn:hover{color:var(--fil)}.cabine-txt{gap:6px;margin-bottom:22px;display:grid}.cabine-txt p{color:var(--gris);font-size:19px}.choix{flex-direction:column;gap:20px;min-width:0;display:flex}fieldset{flex-direction:column;gap:8px;min-width:0;display:flex}legend{margin-bottom:6px;font-size:19px}.rang{grid-template-columns:repeat(var(--n,3),minmax(0,1fr));gap:4px 14px;display:grid}.option{display:block;position:relative}.option input{opacity:0;cursor:pointer;width:100%;height:100%;margin:0;position:absolute;inset:0}.option span{border-bottom:1px solid var(--trait);justify-content:space-between;gap:10px;padding:9px 2px;font-size:15px;display:flex}.option small{color:var(--gris);font-variant-numeric:tabular-nums;white-space:nowrap;font-size:14px}.option:hover span{color:var(--fil)}.option input:checked+span{border-bottom:3px solid var(--fil);padding-bottom:7px;font-weight:600}.option input:focus-visible+span{outline:3px solid var(--fil);outline-offset:2px}.centre .option span{justify-content:center}.fils{flex-wrap:wrap;gap:8px;display:flex}.fil-btn{background:var(--c);border:1px solid #16161a38;border-radius:4px;width:30px;height:30px}.fil-btn[aria-pressed=true]{box-shadow:0 0 0 2px var(--blanc),0 0 0 4px var(--fil)}.nom-couleur{color:var(--gris);font-size:14px}.etiquette{background:var(--fil);color:var(--blanc);clip-path:polygon(22px 0,calc(100% - 22px) 0,100% 22px,100% 100%,0 100%,0 22px);gap:12px;margin-top:30px;padding:30px 22px 22px;display:grid;position:relative}.etiquette:before{content:"";background:var(--blanc);border-radius:50%;width:13px;height:13px;margin-left:-6px;position:absolute;top:9px;left:50%}.somme{flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:4px 14px;display:flex}.somme strong{font:500 32px/1.1 var(--titre);font-variant-numeric:tabular-nums}.etiquette small{font-size:15px}.etiquette .bouton{background:var(--blanc);color:var(--fil);text-align:center}.etiquette .bouton:hover{background:var(--encre);color:var(--blanc)}#tiroir{background:var(--blanc);width:min(440px,100%);max-width:none;height:100%;max-height:none;color:var(--encre);transition:transform .26s var(--doux);border:0;margin:0;padding:0;position:fixed;inset:0 0 0 auto;transform:translate(100%);box-shadow:-24px 0 48px -28px #16161a73}#tiroir.ouvert{transform:none}#tiroir::backdrop{background:#16161a6b}.tiroir-in{flex-direction:column;height:100%;display:flex}.tiroir-tete{border-bottom:1px solid var(--trait);justify-content:space-between;align-items:center;padding:18px 22px;display:flex}.tiroir-tete h2{font-size:26px}.fermer{padding:8px 2px;font-size:15px;font-weight:500}.fermer:hover{color:var(--fil)}#lignes{flex:1;margin:0;padding:6px 22px;list-style:none;overflow-y:auto}.ligne{border-bottom:1px solid var(--trait);grid-template-columns:76px minmax(0,1fr) auto;align-items:start;gap:14px;padding:16px 0;display:grid}.ligne img{aspect-ratio:1000/1216;object-fit:contain;background:#f4f4f6;border-radius:4px;width:76px}.ligne h3{font:500 17px/1.25 var(--titre)}.ligne p{color:var(--gris);margin:3px 0 6px;font-size:14px}.pastilles{gap:4px;display:flex}.pastilles span{border:1px solid #16161a33;border-radius:3px;width:16px;height:16px}.ligne-prix{font-variant-numeric:tabular-nums;white-space:nowrap;justify-items:end;gap:6px;font-weight:600;display:grid}.retirer{color:var(--gris);text-underline-offset:3px;font-size:13px;font-weight:400;text-decoration:underline}.retirer:hover{color:var(--fil)}.vide{color:var(--gris);justify-items:start;gap:14px;padding:28px 22px;display:grid}.tiroir-pied{border-top:1px solid var(--trait);gap:10px;padding:18px 22px 22px;display:grid}.tiroir-pied .somme strong{font-size:28px}.tiroir-pied small{color:var(--gris);font-size:14px}.tiroir-pied .bouton{text-align:center}.caisse{flex:1;align-content:start;gap:12px;padding:16px 22px 24px;display:grid;overflow-y:auto}.caisse label{gap:4px;font-size:14px;font-weight:500;display:grid}.caisse input:not([type=checkbox]){font:inherit;border:1px solid var(--trait);background:var(--blanc);color:var(--encre);border-radius:4px;padding:10px 12px;font-size:16px}.caisse input:focus-visible{outline:3px solid var(--fil);outline-offset:1px}.caisse .accord{color:var(--gris);align-items:flex-start;gap:10px;font-weight:400;display:flex}.caisse .accord input{accent-color:var(--fil);margin-top:4px}.caisse-info{color:var(--gris);font-size:14px}.caisse .bouton{text-align:center}.caisse .bouton:disabled{opacity:.6;cursor:progress}.retour{color:var(--gris);text-underline-offset:4px;justify-self:center;padding:6px;font-size:15px;text-decoration:underline}.erreur{color:#b00020;font-size:14px}.merci{justify-items:start;gap:14px;padding:28px 22px;display:grid}.merci h3{font-size:26px}.merci p{color:var(--gris)}.atouts{border-top:1px solid var(--trait)}.atouts .in{grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;padding-block:32px;display:grid}.atouts h3{font-size:20px}.atouts p{color:var(--gris);font-size:15px}.note{background:#f4f4f6}.note .in{gap:10px;padding-block:clamp(36px,5vw,52px);display:grid}.note h2{font-size:26px}.note ul{color:var(--gris);gap:6px;max-width:48em;margin:0;padding-left:18px;font-size:15px;display:grid}footer{border-top:1px solid var(--trait)}footer .in{color:var(--gris);flex-wrap:wrap;align-items:center;gap:8px 28px;padding-block:22px;font-size:14px;display:flex}footer .in span:last-child{margin-left:auto}.logo-pied{border-radius:50%;width:72px;height:72px}@media (width<=980px){.hero .in{min-height:0}.hero-photo{width:min(100%,560px);margin:16px auto 0;position:relative;right:auto}.hero-bas{max-width:none}.scene .in,.cabine .in{grid-template-columns:minmax(0,1fr)}#macro{justify-self:center}.cabine-txt{order:-1}.atouts .in{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=700px){header nav{display:none}.corde{grid-template-columns:repeat(2,minmax(0,1fr));gap:48px 14px}.piece:nth-child(3n+2){margin-top:0}.corde.quatre{grid-template-columns:repeat(2,minmax(0,1fr))}.piece.tirage img{border-width:6px}.fleche{width:46px;height:46px}.rang.tailles,.rang.six{--n:3!important}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.piece,.bouton,.fleche,#tiroir{transition:none}.piece:nth-child(n){transform:none}}