/* Layout: galerie brute — blanc net, capitales noires et grasses comme le logo, pièces en très grand ; la couleur ne vient que des œuvres. */
:root{
  --white:#FFFFFF;
  --black:#111010;
  --grey:#6B6763;      /* texte secondaire */
  --rule:#E4E2DF;      /* filets */
  --hover:#9A9692;     /* gris clair pour les survols */
  --pigment:#C8322B;   /* rouge Pavot, réservé aux états actifs */
  --display:"Archivo","Arial Black","Helvetica Neue",Arial,sans-serif;
  --body:"Archivo","Helvetica Neue",Arial,sans-serif;
  --mono:"IBM Plex Mono",ui-monospace,Menlo,Consolas,monospace;
  --gutter:clamp(16px,3.2vw,48px);
  color-scheme:light;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:70px}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}
body{margin:0;background:var(--white);color:var(--black);font-family:var(--body);font-size:clamp(.95rem,.92rem + .15vw,1.05rem);line-height:1.6;font-variation-settings:"wdth" 100}
img{max-width:100%;height:auto;display:block}
a{color:inherit}
:focus-visible{outline:2px solid var(--black);outline-offset:3px}
.wrap{padding-inline:var(--gutter);max-width:1600px;margin-inline:auto}
h1,h2,h3{margin:0;font-family:var(--display);font-weight:700;text-transform:uppercase;line-height:.95;letter-spacing:0;font-stretch:75%;font-variation-settings:"wdth" 75;text-wrap:balance}
p{margin:0;max-width:60ch}
.mono{font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase}
.muted{color:var(--grey)}
.product{mix-blend-mode:multiply}

/* En-tête */
.top{position:sticky;top:env(safe-area-inset-top,0px);z-index:30;background:var(--white);border-bottom:1px solid var(--rule)}
.top .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-block:14px}
.logo img{height:18px;width:auto}
.nav{display:flex;gap:clamp(12px,2vw,28px);align-items:center}
.nav a{text-decoration:none;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em}
.nav a:hover{text-decoration:underline;text-underline-offset:4px}
.nav .cta{border:1px solid var(--black);padding:7px 13px}
.nav .cta:hover{background:var(--black);color:var(--white);text-decoration:none}


/* Ouverture : le titre passe derrière la pièce, et se lit à travers le miroir */
.hero{padding-block:0;overflow:hidden}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.stage{position:relative;height:clamp(380px,46vw,640px)}
.pieces-cycle{position:absolute;left:50%;top:50%;width:clamp(320px,44vw,600px);max-width:100%;aspect-ratio:1;transform:translate(-50%,-50%)}
.pieces-cycle img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;opacity:0;transform:scale(.96) rotate(-3deg);transition:opacity .9s ease,transform 1.4s cubic-bezier(.2,.7,.2,1)}
.pieces-cycle img.on{opacity:1;transform:none}
.hero-bar{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding-block:18px;border-top:1px solid var(--rule);margin-top:0}
.hero-bar > *{min-width:0}
.hero-bar .center{text-align:center}
.hero-bar .right{text-align:right}
.dots{display:inline-flex;gap:6px;margin-left:10px;vertical-align:middle}
.dots button{width:9px;height:9px;border-radius:50%;border:1px solid var(--black);background:transparent;padding:0;cursor:pointer}
.dots button[aria-current="true"]{background:var(--black)}
@media (max-width:640px){.hero-bar{grid-template-columns:1fr 1fr}.hero-bar .center{display:none}}

/* Déclaration */
.statement{padding-block:clamp(56px,8vw,120px)}
.statement p{font-family:var(--display);font-weight:400;font-size:clamp(1.3rem,1rem + 1.4vw,2.3rem);line-height:1.2;letter-spacing:-.015em;max-width:24ch;font-variation-settings:"wdth" 85;text-wrap:balance}
.statement p em{font-style:normal;font-weight:600}
.statement .mono{display:block;margin-bottom:22px}

/* Titres de section */
.band{display:flex;justify-content:space-between;align-items:end;gap:20px;flex-wrap:wrap;border-top:1px solid var(--rule);padding-block:16px 0;margin-bottom:clamp(24px,4vw,56px)}
.band h1,.band h2{font-size:clamp(1.6rem,3vw,2.6rem)}
.band .mono{padding-bottom:4px;color:var(--grey)}

/* Collections */
.section{padding-block:clamp(48px,8vw,120px)}
.filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:clamp(24px,4vw,48px)}
.filters button{font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;background:var(--white);color:var(--black);border:1px solid var(--rule);padding:8px 13px;cursor:pointer}
.filters button[aria-pressed="true"]{border-color:var(--black)}
.filters button:hover{border-color:var(--hover)}
.filters .n{opacity:.6;margin-left:6px}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,64px) clamp(16px,3vw,48px)}
.card{display:grid;gap:12px;min-width:0}
.card figure{margin:0;overflow:hidden}
.card img{width:100%;aspect-ratio:1;object-fit:contain;transition:transform .8s cubic-bezier(.2,.7,.2,1)}
.card:hover img{transform:scale(1.05) rotate(-2deg)}
.card .cap{display:flex;justify-content:space-between;align-items:baseline;gap:10px;border-top:1px solid var(--rule);padding-top:10px;flex-wrap:wrap}
.card .cap strong{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:.95rem;font-variation-settings:"wdth" 90;letter-spacing:.04em;letter-spacing:0}
.card .cap .mono{color:var(--grey)}
.card button{grid-column:1/-1;justify-self:start;font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;background:none;border:0;padding:0;cursor:pointer;color:var(--black);text-decoration:underline;text-underline-offset:4px}
.card button:hover{color:var(--hover)}
.card[hidden]{display:none}
@media (max-width:860px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:420px){.card .cap strong{font-size:.85rem}}

.families{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(16px,3vw,40px);margin-top:clamp(56px,8vw,110px);border-top:1px solid var(--rule);padding-top:22px}
.families div{display:grid;gap:6px;min-width:0}
.families h3{font-size:1.05rem;letter-spacing:.04em}
.families p{color:var(--grey);font-size:.92rem}
@media (max-width:860px){.families{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* In situ : bandeau noir */
.soft{background:#F5F4F2}
.situ{display:grid;grid-template-columns:1.25fr 1fr 1fr;gap:clamp(10px,1.5vw,20px);align-items:start}
.situ figure{margin:0;display:grid;gap:10px;min-width:0}
.situ img{width:100%;object-fit:cover;aspect-ratio:4/5}
.situ figure:first-child img{aspect-ratio:4/5.2}
.situ figcaption{color:var(--grey)}
.situ-row{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.5vw,20px);margin-top:clamp(10px,1.5vw,20px)}
.situ-row img{width:100%;aspect-ratio:3/2;object-fit:cover}
@media (max-width:760px){.situ{grid-template-columns:1fr 1fr}.situ figure:first-child{grid-column:1/-1}.situ figure:first-child img{aspect-ratio:4/3}}

/* Vases */
.vases{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,.8fr);gap:clamp(16px,3vw,48px);align-items:end}
.vases img{width:100%;aspect-ratio:4/5;object-fit:cover}
.vases .txt{display:grid;gap:14px;align-content:end;min-width:0}
.vases h3{font-size:clamp(1.6rem,3vw,2.6rem)}
@media (max-width:760px){.vases{grid-template-columns:1fr 1fr}.vases .txt{grid-column:1/-1;order:-1}}

/* Matière */
.matter{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:stretch}
.matter > img{width:100%;height:100%;min-height:420px;object-fit:cover}
.matter .txt{display:grid;gap:28px;align-content:start;min-width:0}
.matter h2{font-size:clamp(1.6rem,3vw,2.6rem)}
.mat{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.mat li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;padding-block:16px;border-bottom:1px solid var(--rule)}
.mat strong{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:.95rem;line-height:1.3;letter-spacing:.04em;font-variation-settings:"wdth" 90}
.mat span{color:var(--grey);font-size:.95rem}
.never{font-family:var(--display);font-weight:700;text-transform:uppercase;font-size:clamp(1.4rem,2.4vw,2rem);line-height:1;font-variation-settings:"wdth" 80}
.stamp{justify-self:start;color:var(--grey)}
@media (max-width:760px){.matter{grid-template-columns:1fr}.matter > img{min-height:0;aspect-ratio:4/5;height:auto}}

/* Créatrice */
.maker{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(24px,5vw,80px);align-items:end}
.maker img{width:100%;aspect-ratio:2/3;object-fit:cover}
.maker .txt{display:grid;gap:18px;min-width:0}
.maker h2{font-size:clamp(1.6rem,3vw,2.6rem)}
.maker .txt p{font-size:1.05rem}
.maker .atelier{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:16px;align-items:end;margin-top:14px}
.maker .atelier img{aspect-ratio:3/4}
@media (max-width:760px){.maker{grid-template-columns:1fr}.maker > img{max-width:420px}}

/* Sur-mesure */
.bespoke{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(24px,5vw,80px);align-items:center}
.bespoke .drawings{width:100%}
.bespoke .txt{display:grid;gap:26px;min-width:0}
.steps{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.steps li{display:grid;grid-template-columns:3.2rem minmax(0,1fr) auto;gap:12px;align-items:baseline;padding-block:14px;border-bottom:1px solid var(--rule)}
.steps b{font-family:var(--display);font-weight:500;font-size:1.3rem;line-height:1;font-variation-settings:"wdth" 90}
.steps strong{font-family:var(--display);text-transform:uppercase;font-weight:600;font-size:.95rem;letter-spacing:.04em;font-variation-settings:"wdth" 90}
.steps span{color:var(--grey);font-size:.9rem;grid-column:2/-1}
.btn{display:inline-block;font-family:var(--mono);font-size:.78rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:none;background:transparent;color:var(--black);border:1px solid var(--black);padding:13px 20px;cursor:pointer}
.btn:hover{background:var(--black);color:var(--white)}
@media (max-width:760px){.bespoke{grid-template-columns:1fr}}

/* Contact */
.contact .grid2{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,90px)}
.coords{display:grid;gap:22px;align-content:start;min-width:0}
.coords dl{margin:0;display:grid;gap:16px}
.coords dt{color:var(--grey)}
.coords dd{margin:3px 0 0;font-family:var(--display);font-weight:500;font-size:clamp(1rem,.95rem + .3vw,1.2rem);text-transform:none;font-variation-settings:"wdth" 100;overflow-wrap:anywhere;line-height:1.15}
.coords dd a{text-decoration:none}
.coords dd a:hover{color:var(--hover)}
form{display:grid;grid-template-columns:1fr 1fr;gap:22px 24px;min-width:0}
.field{display:grid;gap:6px;min-width:0}
.field.full,fieldset,.form-foot,.status{grid-column:1/-1}
.field label,.legend{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;color:var(--grey)}
input,select,textarea{font:inherit;color:var(--black);background:transparent;border:0;border-bottom:1px solid #C9C5C0;border-radius:0;padding:10px 0;width:100%;min-width:0}
select option,select optgroup{color:var(--black);background:var(--white)}
input::placeholder,textarea::placeholder{color:#A7A29C}
input:focus,select:focus,textarea:focus{outline:none;border-bottom-color:var(--black)}
textarea{min-height:120px;resize:vertical}
fieldset{border:0;margin:0;padding:0;display:grid;gap:10px;min-width:0}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chips label{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--rule);padding:8px 13px;cursor:pointer;font-size:.88rem}
.chips input{width:auto;margin:0;accent-color:var(--black)}
.chips label:has(input:checked){border-color:var(--black)}
.hp{position:absolute;left:-9999px}
.form-foot{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between}
.form-foot small{color:var(--grey);font-size:.8rem}
.status{border:1px solid var(--black);padding:14px 16px;font-size:.95rem}
.status[data-kind="error"]{border-color:var(--pigment)}
@media (max-width:760px){.contact .grid2{grid-template-columns:1fr}form{grid-template-columns:1fr}}

/* Pied : le logo en pleine largeur */
footer{padding-block:clamp(40px,6vw,80px) 24px}
footer .big{width:clamp(160px,22vw,300px);height:auto}
footer .meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 24px;margin-top:22px;border-top:1px solid var(--rule);padding-top:14px}
footer a{text-decoration:none}

/* Accueil : les miroirs en grand */
.hero .stage{height:calc(100svh - 177px - env(safe-area-inset-top,0px));min-height:340px;max-height:980px}
.pieces-cycle{width:min(92vw,calc(100svh - 195px),820px);max-width:none}
.hero-bar a{text-decoration:underline;text-underline-offset:3px}
.dots{flex-wrap:wrap;justify-content:flex-end}
@media (max-width:640px){.hero-bar{grid-template-columns:1fr!important}.hero .stage{height:auto;aspect-ratio:1;min-height:0}.pieces-cycle{width:94%}.hero-bar .right{grid-column:1/-1;text-align:left}.hero-bar .right{display:flex;align-items:center;flex-wrap:nowrap;gap:10px}.dots{margin:0;flex-wrap:nowrap;justify-content:flex-start;align-items:center;gap:5px}.dots button{flex:0 0 auto;display:block}}
/* Pied de page : logo à droite, même taille que l'en-tête */
footer .big{width:auto!important;height:18px!important;margin-left:auto}
.sf{position:relative;max-width:1100px;margin:clamp(20px,4vw,56px) auto 0;aspect-ratio:1000/700}
.sf-lines{position:absolute;inset:0;width:100%;height:100%;overflow:visible}

.sf-lines circle{fill:var(--black)}
@keyframes sfdraw{from{stroke-dashoffset:400}}
.sf-circle{position:absolute;left:32.861%;top:24.040%;width:36.000%;height:auto}
.sf-labels{list-style:none;margin:0;padding:0}
.lab{position:absolute;top:var(--y);width:23%;transform:translateY(-50%);display:grid;gap:6px}
.lab.g{right:77.6%;text-align:right}
.lab.d{left:77.6%}
.lab p{font-size:.92rem;line-height:1.45;max-width:none;color:#6E6A65}
.lab .mono{color:#57534F}
@media (max-width:860px){
  .sf{aspect-ratio:auto;display:grid;gap:28px}
  .sf-lines{display:none}
  .sf-circle{position:static;width:min(340px,80vw);justify-self:center}
  .sf-labels{display:grid;gap:0;border-top:1px solid var(--rule)}
  .lab{position:static;width:auto;transform:none;text-align:left!important;padding-block:14px;border-bottom:1px solid var(--rule)}
}
.sf-img{margin:clamp(20px,4vw,60px) auto 0;display:grid;place-items:center}
.sf-img img{width:min(420px,80vw);height:auto}
/* Pages séparées */
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.band h1{margin:0}
.nav a[aria-current="page"]:not(.cta){text-decoration:underline;text-underline-offset:4px}
.menu-btn{display:none;background:none;border:1px solid var(--black);padding:7px 13px;cursor:pointer;font-family:var(--mono);font-size:.74rem;text-transform:uppercase;letter-spacing:.04em;color:var(--black)}
.top .wrap{justify-content:flex-start}.top .logo{margin-right:auto}
.ig{display:inline-flex;align-items:center;justify-content:center;width:20px;height:32px;color:var(--black);transition:color .2s}.nav a.ig{text-decoration:none!important}.ig-m{display:none}
.ig:hover{color:var(--hover)}
@media (max-width:860px){
  .ig-d{display:none!important}.ig-m{display:inline-flex;order:2;width:32px}.menu-btn{order:3}
  .menu-btn{display:block}
  .nav{position:fixed;left:0;right:0;top:calc(env(safe-area-inset-top,0px) + 51px);background:var(--white);flex-direction:column;align-items:stretch;gap:0;padding:6px var(--gutter) 18px;border-bottom:1px solid var(--rule);display:none}
  .nav.open{display:flex}
  .nav a{padding-block:13px;border-bottom:1px solid var(--rule);font-size:.8rem}
  .nav .cta{margin-top:12px;text-align:center;border-bottom:1px solid var(--black)}
}
.page{padding-block:clamp(28px,4vw,56px) clamp(64px,9vw,130px)}
.card > a{display:grid;gap:12px;text-decoration:none;color:inherit}
.card .ask{font-family:var(--mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;text-decoration:underline;text-underline-offset:4px;justify-self:start}
.card .ask:hover{color:var(--hover)}
/* Accueil : entrées vers les pages */
.doors{list-style:none;margin:0;padding:0;border-top:1px solid var(--rule)}
.doors a{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:20px;padding-block:11px;border-bottom:1px solid var(--rule);text-decoration:none}
.doors strong{font-family:var(--display);font-weight:600;text-transform:uppercase;font-size:.95rem;letter-spacing:.03em;font-variation-settings:"wdth" 75;line-height:1}
.doors span{color:var(--grey)}
.doors a:hover strong{color:var(--hover)}
.press-note{max-width:60ch}
.press-note a{text-decoration:underline;text-underline-offset:3px}
@media (max-width:640px){.doors span{display:none}}
/* Fiche pièce */
.piece-page{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:clamp(24px,5vw,80px);align-items:start;padding-block:clamp(20px,3vw,40px) clamp(64px,9vw,130px)}
.piece-img img{width:100%;max-width:580px;aspect-ratio:1;object-fit:contain;margin-inline:auto}
.maker{align-items:center;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}
.maker-2{grid-template-columns:minmax(0,.75fr) minmax(0,1.6fr);margin-top:clamp(64px,9vw,130px)}
.maker-2 .txt{align-self:center}
.maker .duo{display:grid;grid-template-columns:1fr 1fr;gap:clamp(10px,1.5vw,18px)}
.maker .duo img{width:100%;height:auto;aspect-ratio:auto;object-fit:contain}
.maker .txt p{font-size:.95rem;line-height:1.65;max-width:60ch}
body{font-size:clamp(.86rem,.84rem + .1vw,.94rem)}
main p:not(.mono):not(.crumb):not(.press-note){text-align:justify;hyphens:auto;-webkit-hyphens:auto;text-wrap:pretty}
@media (max-width:760px){.maker,.maker-2{grid-template-columns:1fr}}
.frise{display:block;width:100%;height:auto;margin:clamp(56px,8vw,110px) 0 clamp(40px,6vw,80px)}
.sm-txt{display:grid;gap:20px;justify-items:center;text-align:center;max-width:620px;margin:0 auto}
.sm-intro{font-size:.95rem;max-width:56ch;text-align:center!important}
.delais{font-family:var(--display);font-weight:300;font-size:clamp(1.15rem,1.8vw,1.5rem);line-height:1.25;color:var(--black);text-align:center!important;margin:6px 0 0}
.sm-cta{margin:4px 0 0;text-align:center!important}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));position:relative}
.timeline::before{content:"";position:absolute;left:10%;right:10%;top:calc(clamp(1.8rem,3vw,2.6rem) + clamp(14px,1.8vw,24px) + clamp(20px,2vw,27px));height:1px;background:var(--black)}
.timeline li{display:grid;justify-items:center;align-content:start;padding:0 8px;text-align:center}
.timeline .num{font-family:var(--display);font-weight:300;font-size:clamp(1.8rem,3vw,2.6rem);line-height:1;height:clamp(1.8rem,3vw,2.6rem);color:var(--black);font-variation-settings:"wdth" 80}
.timeline .dot{width:clamp(34px,3.4vw,46px);height:clamp(40px,4vw,54px);display:grid;place-items:center;margin-top:clamp(14px,1.8vw,24px);position:relative}
.timeline .dot img{max-width:100%;max-height:100%;width:auto;height:auto}
.sm-txt{margin-top:clamp(56px,8vw,100px)!important}
.timeline{margin-top:clamp(80px,13vw,190px)!important}
.timeline .delai{display:block;margin-top:8px;font-style:normal;font-weight:400;color:var(--grey)}
.timeline strong{margin-top:clamp(18px,2vw,28px);font-family:var(--display);font-weight:500;font-size:clamp(.72rem,.85vw,.82rem);letter-spacing:.22em;text-transform:uppercase}
.timeline .cap{margin-top:8px;font-size:.84rem;line-height:1.5;color:var(--grey);max-width:22ch}
@media (max-width:760px){
  .timeline{grid-template-columns:1fr;padding-left:2px;margin-top:15px!important}
  .sm-txt{margin-top:16px!important}
  .timeline::before{display:none}
  .timeline li{grid-template-columns:2.2rem 36px 1fr;column-gap:16px;justify-items:start;align-items:center;text-align:left;padding-block:9px}
  .timeline .num{grid-row:1/3;font-size:2rem;height:auto;justify-self:center}
  .timeline .dot{grid-row:1/3;align-self:stretch;width:36px;height:auto;margin:-16px 0;background:linear-gradient(var(--black),var(--black)) center/1px 100% no-repeat}
  .timeline .dot img{max-height:42px}
  .timeline li:first-child .dot{background-size:1px 50%;background-position:center bottom}
  .timeline li:last-child .dot{background-size:1px 50%;background-position:center top}
  .timeline strong{margin-top:0;align-self:end}
  .timeline .cap{margin-top:4px;align-self:start;max-width:none}
}
.masonry{display:block}
#creatrice .maker:not(.maker-2){align-items:start}
#creatrice .maker:not(.maker-2) .txt{padding-top:clamp(8px,2vw,28px)}
#creatrice h2{font-weight:400}
.prix-lien{text-decoration:underline;text-underline-offset:3px}.prix-lien:hover{color:var(--hover)}
.dim-note{display:block;margin-top:3px;font-size:.8rem;color:var(--grey)}
.maker-p{margin-top:clamp(64px,9vw,130px)}
.maker-2.seul{margin-top:0}
footer .meta a{transition:color .2s}footer .meta a:hover{color:var(--hover)!important}
.press{grid-template-columns:repeat(3,minmax(0,1fr))!important;max-width:none!important}.press-lien{text-decoration:underline;text-underline-offset:3px;color:var(--black)}.press-lien:hover{color:var(--hover)}
@media (max-width:760px){.press{grid-template-columns:1fr!important}}
#creatrice .txt p{text-align:left!important;hyphens:manual;-webkit-hyphens:manual}
@media (min-width:761px){#creatrice .maker-p{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr)}#creatrice .maker-p > .ph-attente,#creatrice .maker-p > img{order:2}}
.duo-fin{font-family:var(--display);font-weight:400;font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.4;text-align:center!important;max-width:62ch;margin:clamp(56px,7vw,100px) auto 0;hyphens:manual}
.ph-attente{aspect-ratio:665/1000;background:#efede9;display:grid;place-items:center;color:var(--grey);width:100%}
@media (min-width:861px){.pdesc.one{white-space:nowrap;text-align:left!important;font-size:clamp(.75rem,1.4vw,.92rem)}}
.faitmain{font-size:.8rem;line-height:1.55;color:var(--grey);margin:4px 0 0;text-align:left!important;hyphens:manual}
.legal-txt{max-width:68ch}.legal-txt h2{font-weight:500;font-size:clamp(1rem,1.4vw,1.15rem);letter-spacing:.06em;text-transform:uppercase;margin:clamp(28px,4vw,44px) 0 10px}.legal-txt h2:first-child{margin-top:8px}.legal-txt p{font-size:.95rem;line-height:1.65;margin:0 0 12px;text-align:left!important;hyphens:manual}.legal-txt a{text-decoration:underline;text-underline-offset:3px}mark.todo{background:#f3e9c6;color:var(--black);padding:0 4px;font-family:var(--mono);font-size:.8em}
footer .meta{flex-wrap:wrap;justify-content:center!important;gap:8px 36px!important;text-align:center;font-size:.62rem!important;letter-spacing:.06em}
@media (min-width:761px){.nb{hyphens:none;-webkit-hyphens:none;white-space:nowrap}}
.devis-mob{display:none}
@media (max-width:760px){
  .devis-mob{display:block;margin-top:26px}
  .devis-mob a{display:inline-block;border:1px solid var(--black);padding:10px 16px;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;text-decoration:none;color:var(--black)}
  #contact-form:not(.open){display:none}
}
@media (max-width:760px){
  #creatrice .maker{justify-items:center}
  #creatrice .maker > img,#creatrice .maker > .ph-attente{max-width:340px;width:100%;margin-inline:auto}
  #creatrice .maker .txt{max-width:340px;width:100%;margin-inline:auto;padding-top:0}
  #creatrice .maker-2{display:flex;flex-direction:column;align-items:center;gap:22px}
  #creatrice .maker-2 .txt{display:contents}
  #creatrice .maker-2 .txt h2{order:1;max-width:340px;width:100%}
  #creatrice .maker-2 .duo{order:2;max-width:340px;width:100%}
  #creatrice .maker-2 .txt p{order:3;max-width:340px;width:100%;margin:0}
}
.vids{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(6px,.8vw,12px);margin-top:clamp(56px,8vw,110px)}
.vids video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#eee}
@media (max-width:760px){.vids{gap:4px}}
footer{padding-top:clamp(20px,3vw,40px)!important}
.page{padding-bottom:clamp(40px,5.5vw,80px)!important}
.hero-cta{margin:4px 0 10px;text-align:right!important;grid-column:1/-1;justify-self:stretch;width:100%;max-width:none!important}
.hero-cta a{position:relative;transition:color .3s ease;display:inline-block;font-family:var(--mono);font-size:.74rem;letter-spacing:.04em;text-transform:uppercase;color:#6b6763;text-decoration:none;padding:12px 22px}
.hero-cta a::before{content:"";position:absolute;inset:-2px -6px;background:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20300%2070%22%20preserveAspectRatio%3D%22none%22%3E%3Cpath%20d%3D%22M22%2014%20C70%204%20190%203%20262%209%20C290%2012%20298%2026%20295%2038%20C291%2055%20250%2064%20160%2065%20C80%2066%2020%2062%209%2046%20C1%2033%208%2019%2030%2012%20C60%204%20120%205%20175%207%22%20fill%3D%22none%22%20stroke%3D%22%23777%22%20stroke-width%3D%220.7%22%20stroke-linecap%3D%22round%22%20vector-effect%3D%22non-scaling-stroke%22/%3E%3C/svg%3E") center/100% 100% no-repeat;pointer-events:none;transition:transform .25s ease}
.hero-cta a:hover{color:var(--black)}
.hero-cta a:hover::before{transform:rotate(-1.5deg) scale(1.03)}
#cycle-link{text-decoration:none!important;border-bottom:0!important}
#cycle{cursor:pointer}
@media (min-width:641px){#cycle img.pav{transform:scale(1.1) rotate(-3deg)}#cycle img.pav.on{transform:scale(1.14)}#cycle img.big{transform:scale(1.07) rotate(-3deg)}#cycle img.big.on{transform:scale(1.12)}#cycle img.amb{transform:scale(1.04) rotate(-3deg)}#cycle img.amb.on{transform:scale(1.08)}}
.coords dd{font-family:var(--body);font-weight:400;font-size:.95rem;line-height:1.6}
.coords dd a{font-weight:400}
.gband{display:grid;column-gap:.5%;align-items:start;margin-bottom:.5%}
.gcol{display:block;min-width:0}
.gcol img{display:block;width:100%;height:auto}
.gitem{position:relative;display:block;overflow:hidden}
.gitem video{display:block;width:100%;aspect-ratio:9/16;object-fit:cover;background:#eee}
.gig{text-decoration:none;color:#fff}
.gig:hover{text-decoration:underline;text-underline-offset:4px}
.gov{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:8%;background:rgba(17,17,17,.55);opacity:0;transition:opacity .3s ease;text-align:center}
.gitem:hover .gov,.gitem:focus-within .gov{opacity:1}
.gtxt{margin:0;color:#fff;font-family:var(--display);font-weight:500;font-size:clamp(1rem,1.6vw,1.35rem);letter-spacing:.02em;text-align:center!important}
.gbtn{display:inline-block;padding:9px 16px;border:1px solid #fff;color:#fff;text-decoration:none;font-family:var(--mono);font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;transition:background .2s,color .2s}
.gbtn:hover{background:#fff;color:var(--black)}
@media (hover:none){.gov{opacity:1;background:linear-gradient(transparent 45%,rgba(17,17,17,.6));justify-content:flex-end}}
@media (hover:none),(max-width:760px){.gbtn{border:0;padding:2px 0;background:none!important;color:#fff!important}}
@media (max-width:700px){.masonry{display:block;columns:2;column-gap:4px}.gband,.gcol{display:contents}.gcol img{width:100%!important;margin:0 0 4px!important;break-inside:avoid}.gitem{margin:0 0 4px!important;break-inside:avoid}.gitem img{margin:0!important}.masonry.mob{display:flex;columns:auto;gap:4px;align-items:flex-start}.mcol{flex:1 1 0;min-width:0}.mcol>*{display:block;width:100%!important;margin:0 0 4px!important}.mcol .gitem>img,.mcol .gitem>video{display:block;width:100%;margin:0!important}}
.press{display:grid;grid-template-columns:1fr 1fr;gap:clamp(16px,3vw,40px);max-width:980px}
.press figure{margin:0;display:grid;gap:12px;align-content:start}
.press img{width:100%;height:auto;border:1px solid var(--line,#e6e6e6)}
.press figcaption{display:grid;gap:4px}
.press figcaption .mono{color:var(--grey)}
.collab{margin:0;display:grid;gap:12px}
.collab img{width:100%;height:auto}
.collab figcaption{display:grid;gap:4px}
.collab figcaption .mono{color:var(--grey)}
@media (max-width:640px){.press{grid-template-columns:1fr}}
.thumbs{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:18px}
.thumbs button{width:76px;height:76px;padding:4px;background:#fff;border:1px solid var(--line,#e6e6e6);cursor:pointer}
.thumbs button[aria-pressed="true"]{border-color:var(--black,#111)}
.thumbs img{width:100%;height:100%;object-fit:contain;max-width:none;aspect-ratio:auto}
@media (max-width:640px){.thumbs button{width:58px;height:58px}}
.piece-info{display:grid;gap:26px;position:sticky;top:90px;min-width:0}
.crumb a{text-decoration:none;color:var(--grey)}
.crumb a:hover{color:var(--black)}
.piece-info h1{font-size:clamp(2rem,4vw,3.4rem)}
.spec{margin:0;display:grid;grid-template-columns:auto 1fr;border-top:1px solid var(--rule)}
.spec dt,.spec dd{margin:0;padding:11px 0;border-bottom:1px solid var(--rule)}
.spec dt{padding-right:26px;color:var(--grey)}
.pager{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.pager a{text-decoration:none}
.pager a:hover{text-decoration:underline;text-underline-offset:4px}
.same{display:flex;gap:12px;flex-wrap:wrap}
.same a{display:grid;gap:6px;width:92px;text-decoration:none}
.same img{width:100%;aspect-ratio:1;object-fit:contain}
@media (max-width:860px){.piece-page{grid-template-columns:1fr}.piece-info{position:static!important}.piece-info{position:static}}