@font-face{font-family:'Montserrat';src:url('../fonts/Montserrat-Variable.ttf') format('truetype');font-weight:100 900;font-style:normal;font-display:swap}
:root{--pk-peach:#fce6d8;--pk-peach2:#fbd9c4;--pk-navy:#0f1f3d;--pk-or:#ff6a13}
html{scroll-padding-top:84px}
.skip{position:absolute;left:-999px;top:8px;background:#fff;padding:10px 14px;border-radius:8px;z-index:99}.skip:focus{left:8px}
:focus-visible{outline:3px solid #1a5fd0;outline-offset:3px;border-radius:6px}
.or{color:var(--pk-or)}
.links a.on{color:var(--orange)}
.pk-cta{padding:11px 20px;font-size:14px}
.pk-burger{display:none;margin-inline-start:auto;width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;position:relative}
.pk-burger span,.pk-burger span:before,.pk-burger span:after{position:absolute;left:12px;width:20px;height:2px;background:var(--ink);content:''}
.pk-burger span{top:21px}.pk-burger span:before{top:-6px;left:0}.pk-burger span:after{top:6px;left:0}
/* hero */
.pk-hero{padding-block:clamp(32px,5vw,72px) clamp(36px,5vw,70px)}
.pk-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,4vw,64px);align-items:center}
.pk-hero h1{font-size:clamp(40px,6vw,82px)}
.pk-hero .lead{margin-left:0;max-width:30em}
.pk-claim{margin:26px 0 0;font-size:15px;color:var(--muted)}.pk-claim strong{color:var(--ink)}
.pk-stage{position:relative;max-width:470px;margin-inline:auto}
.pk-stage>img{width:100%;height:auto;border-radius:26px;box-shadow:0 24px 60px rgba(15,31,61,.22)}
.pk-pol{position:absolute;margin:0;background:#fff;padding:7px 7px 8px;border-radius:3px;box-shadow:0 12px 26px rgba(15,31,61,.3);width:30%}
.pk-pol img{width:100%;height:auto;display:block}
.pk-pol figcaption{font-size:11px;font-weight:700;text-align:center;padding-top:5px;color:var(--pk-navy)}
.pk-pol.a{left:-9%;top:7%;transform:rotate(-7deg)}.pk-pol.b{left:-11%;bottom:6%;transform:rotate(5deg)}
.pk-pol.c{right:-9%;top:5%;transform:rotate(6deg)}.pk-pol.d{right:-11%;bottom:8%;transform:rotate(-5deg)}
/* sections */
.pk-wide{margin:0}.pk-wide img{width:100%;height:auto;border-radius:22px;box-shadow:0 18px 50px rgba(15,31,61,.18)}
.pk-wide figcaption{text-align:center;font-weight:700;margin-top:18px;font-size:17px}
.pk-flow-grid,.pk-print-grid{display:grid;grid-template-columns:minmax(0,7fr) minmax(0,5fr);gap:clamp(26px,4vw,60px);align-items:center}
.pk-flow-img,.pk-print-img{margin:0}.pk-flow-img img,.pk-print-img img{width:100%;height:auto;border-radius:22px;box-shadow:0 18px 50px rgba(15,31,61,.18)}
.pk-steps{list-style:none;margin:0;padding:0;display:grid;gap:22px}
.pk-steps li{display:flex;gap:18px;align-items:flex-start}
.pk-steps b{font-size:34px;font-weight:800;color:var(--pk-or);line-height:1;min-width:52px}
.pk-steps h3{margin-bottom:4px}.pk-steps p{margin:0;color:var(--muted)}
.pk-steps.small b{font-size:30px}
.pk-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.pk-cards article{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(15,31,61,.1)}
.pk-cards img{width:100%;height:auto;display:block}
.pk-cards div{padding:24px 26px 28px}.pk-cards h3{font-size:22px;margin-bottom:8px}.pk-cards p{margin:0;color:var(--muted)}
/* avant / après */
.pk-ba{background:linear-gradient(180deg,var(--pk-peach),#fbf0e8)}
.pk-ba-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(30px,5vw,80px);align-items:center}
.pk-picks{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0 12px}
.pk-pick{border:1px solid #d5b9a3;background:rgba(255,255,255,.6);border-radius:30px;padding:10px 16px;min-height:44px;font-size:14px;font-weight:600}
.pk-pick:hover{border-color:var(--pk-or)}.pk-pick[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:#fff}
.pk-now{color:var(--muted);min-height:3em;margin:0 0 20px}
.pk-ba-stage{justify-self:center;width:100%;max-width:560px}
.pkb{display:flex;align-items:center;justify-content:center;gap:clamp(8px,2vw,22px)}
.pkb.in figure{animation:pkin .5s both}
@keyframes pkin{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.pkb figure{margin:0;text-align:center}
.pkb figcaption{font-size:13px;font-weight:700;margin-top:12px;color:var(--pk-navy)}
.pkb-arrow{font-size:34px;color:var(--pk-or);font-weight:800;line-height:1}
.pkb-sq{flex:1 1 56%;max-width:290px;transform:rotate(2deg)}
.pkb-sq img{width:100%;aspect-ratio:1;object-fit:cover;object-position:50% 25%;background:#fff;padding:10px;border-radius:3px;box-shadow:0 18px 40px rgba(52,32,19,.28);box-sizing:border-box;display:block}
.pkb-lens{flex:1 1 38%;max-width:200px}
/* mosaïque */
.pk-mos{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:14px}
.pk-mos li{background:#fff;padding:6px;border-radius:3px;box-shadow:0 8px 20px rgba(15,31,61,.16);transform:rotate(var(--r));transition:transform .25s}
.pk-mos li:hover{transform:rotate(0) scale(1.06);z-index:2}
.pk-mos img{width:100%;height:auto;display:block;aspect-ratio:1}
/* contact */
.pk-contact{background:linear-gradient(180deg,var(--pk-peach2),var(--pk-peach))}
.pk-ct-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.pk-card-ct{background:#fff;border-radius:20px;padding:clamp(22px,3vw,36px);box-shadow:0 14px 40px rgba(15,31,61,.14);display:grid;gap:14px}
.pk-card-ct p{margin:0}.pk-who{display:flex;gap:14px;align-items:center}
.pk-ini{display:grid;place-items:center;width:48px;height:48px;border-radius:50%;background:var(--ink);color:#fff;font-weight:700}
.pk-bro{font-size:14px;color:var(--muted);border-top:1px solid var(--line);padding-top:14px}.pk-bro a{color:var(--pk-or);font-weight:700}
.pk-foot{background:var(--pk-navy);color:#fff;padding-block:30px}.pk-foot-in{display:flex;gap:22px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.pk-foot a{color:#e8e2d6;text-decoration:none;font-size:14px;margin-inline-end:18px}.pk-foot a:hover{color:#fff;text-decoration:underline}.pk-foot span{font-size:13px;color:#c9c2b3}
@media (max-width:1000px){
 .pk-burger{display:block}.pk-cta{display:none}
 .nav{flex-wrap:wrap}
 .links{display:none;width:100%;flex-direction:column;gap:0;order:5;padding:6px 0 14px}.links.open{display:flex}.links a{padding:13px 0;font-size:15px;border-top:1px solid var(--line)}
 .pk-hero-grid,.pk-flow-grid,.pk-print-grid,.pk-ba-grid,.pk-ct-grid{grid-template-columns:1fr}
 .pk-stage{max-width:440px}.pk-pol.a{left:-6%}.pk-pol.b{left:-8%}.pk-pol.c{right:-6%}.pk-pol.d{right:-8%}
 .pk-mos{grid-template-columns:repeat(4,minmax(0,1fr))}
}
@media (max-width:640px){
 .pk-cards{grid-template-columns:1fr}.pk-mos{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
 .pk-pol{width:32%}.pk-pol figcaption{font-size:9.5px}
 .pk-hero .actions .btn{width:100%}
 .pk-hero-art{padding-inline:12px}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}
.pk-hero{overflow-x:clip}
@media (max-width:640px){.pk-pol.a{left:-4%}.pk-pol.b{left:-5%}.pk-pol.c{right:-4%}.pk-pol.d{right:-5%}.pk-hero-art{padding-inline:6px}}

/* parcours : visuel de la slide 3 du PowerPoint v7 */
.pk-flow{background:var(--bg)}
.pk-s3{position:relative;aspect-ratio:3/2;max-width:1100px;margin:0 auto;overflow:hidden;border-radius:22px;box-shadow:0 18px 50px rgba(15,31,61,.18)}
.pk-s3>img{position:absolute;display:block}
.pk-s3 .bg,.pk-s3 .veil{inset:0;width:100%;height:100%;object-fit:cover}
.pk-s3 .prt{height:auto}
.pk-pol3{position:absolute;margin:0;background:#fff;padding:.6% .6% 0;box-shadow:0 10px 24px rgba(15,31,61,.28);border-radius:2px}
.pk-pol3 img{width:100%;height:auto;aspect-ratio:2/3;object-fit:cover;display:block}
.pk-pol3 figcaption{font-size:clamp(8px,1.15vw,13px);font-weight:700;text-align:center;padding:5% 0 6%}
.pk-steps3{list-style:none;margin:6px auto 0;padding:0;max-width:900px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;text-align:center}
.pk-steps3 li{display:flex;gap:12px;justify-content:center;align-items:center}
.pk-steps3 b{font-size:clamp(22px,2.6vw,32px);font-weight:800;color:var(--pk-or)}
.pk-steps3 span{font-size:clamp(14px,1.5vw,18px);text-align:left;line-height:1.3}
.pk-tang{text-align:center;color:var(--muted);margin:22px 0 0;font-size:15px}
@media (max-width:640px){.pk-steps3{grid-template-columns:1fr;gap:12px;justify-items:center}.pk-steps3 li{justify-content:flex-start;width:230px}.pk-pol3 figcaption{font-size:7px}}

/* optique : le selfie en cercle dans un anneau métallique, comme l'objectif de l'appareil */
.pk-lens img,.pkb-lens img{border-radius:50%;aspect-ratio:1;object-fit:cover;object-position:50% 28%;width:100%;display:block;box-sizing:border-box;border:13px solid transparent;
 background:conic-gradient(from 20deg,#f4f6f8,#9aa1a9,#e6e9ec,#6b7279,#d9dde1,#a4abb2,#f4f6f8) border-box;
 box-shadow:0 0 0 2px #4a4f55,0 0 0 4px #c9cdd2,0 14px 28px rgba(15,31,61,.38),inset 0 0 0 3px #2b2d31}
.pk-lens,.pkb-lens{position:relative}
.pk-lens:after,.pkb-lens:after{content:'';position:absolute;left:0;top:0;width:100%;aspect-ratio:1;border-radius:50%;pointer-events:none;background:radial-gradient(circle at 30% 24%,rgba(255,255,255,.34),rgba(255,255,255,0) 38%)}
.pk-lens{position:absolute;margin:0;width:32%;text-align:center;background:none;padding:0}
.pk-lens figcaption{font-size:11px;font-weight:700;color:var(--pk-navy);margin-top:12px}
.pk-lens.a{left:-9%;top:5%}
@media (max-width:1000px){.pk-lens.a{left:-6%}}
@media (max-width:640px){.pk-lens{width:34%}.pk-lens.a{left:-4%}.pk-lens img{border-width:4px;box-shadow:0 0 0 2px #c8ccd1,0 0 0 5px #3a3a3f,0 8px 16px rgba(15,31,61,.35)}.pkb{flex-direction:column}.pkb-arrow{transform:rotate(90deg)}.pkb-lens{width:150px}.pkb-sq{width:240px}}
.pk-pol3 img{aspect-ratio:1;object-position:50% 20%}

.pk-lens img,.pkb-lens img,.pkb-sq img,.pk-pol img,.pk-pol3 img{height:auto}
.pk-pol3.hug{z-index:2}

.pk-heroprice{margin:12px 0 0;font-size:16px}.pk-heroprice strong{font-size:22px}.pk-heroprice a{color:var(--orange);font-weight:700}
.pk-shop{background:#fff}
.pk-prods{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.pk-prod{background:var(--bg);border-radius:20px;overflow:hidden;box-shadow:0 8px 30px rgba(15,31,61,.1);display:flex;flex-direction:column}
.pk-prod>img{width:100%;height:340px;object-fit:cover;object-position:50% 70%;display:block}
.pk-prod-b{padding:24px 26px 28px;display:grid;gap:10px}
.pk-prod h3{font-size:24px}.pk-prod p{margin:0;color:var(--muted)}
.pk-pr{font-size:15px;color:var(--ink)!important}.pk-pr strong{font-size:34px;font-weight:800;color:var(--ink)}.pk-pr small{display:block;margin-top:2px}
.pk-buy{display:flex;gap:14px;align-items:center;flex-wrap:wrap;margin-top:6px}
.pk-buy label{font-size:14px;font-weight:600;display:flex;gap:8px;align-items:center}
.pk-buy select{font:600 15px Montserrat,sans-serif;padding:10px 12px;border:1.5px solid #b9b2a5;border-radius:12px;background:#fff}
.pk-order{border:0}
.pk-shopnote{margin:20px 0 0;font-size:13px;color:var(--muted);text-align:center}
@media (max-width:760px){.pk-prods{grid-template-columns:1fr}}
.pk-pr small{font-size:13px;font-weight:600;letter-spacing:0;color:var(--muted)}
.pk-ht{font-size:14px;color:var(--muted);font-weight:600}
.pk-shopnote a{color:var(--orange);font-weight:700}

/* carrousel au pub : l'écran du pub (zone verte détectée dans l'image) affiche les personnages en défilement */
.pk-pubs{background:var(--bg)}
.pk-pub{position:relative;margin:30px auto 0;max-width:1180px;border-radius:22px;overflow:hidden;box-shadow:0 24px 60px rgba(15,31,61,.25)}
.pk-pub>img{width:100%;height:auto;display:block}
.pk-screen{position:absolute;left:40.12%;top:2.10%;width:29.58%;height:28.60%;overflow:hidden;background:#0c0c0e;border-radius:2px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.08)}
.pk-screen:after{content:'';position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,.16),rgba(255,255,255,0) 34%);pointer-events:none}
.pk-track{display:flex;gap:2.6%;height:100%;padding:3.2% 0 3.2% 2.6%;width:max-content;animation:pkslide 34s linear infinite}
.pk-track img{height:100%;width:auto;aspect-ratio:4/5;object-fit:cover;border-radius:2px;flex:none;display:block}
@keyframes pkslide{to{transform:translateX(-50%)}}
.pk-pub figcaption{position:absolute;left:0;right:0;bottom:0;padding:14px 20px;background:linear-gradient(transparent,rgba(12,12,14,.78));color:#fff;font-weight:600;font-size:15px;text-align:center}
.pk-pubnote{text-align:center;font-size:13px;color:var(--muted);margin:16px 0 0}
@media (prefers-reduced-motion:reduce){.pk-track{animation:none}}
@media (max-width:640px){.pk-pub figcaption{position:static;background:#0c0c0e;font-size:13px}}

/* héro v2 : l'appareil est le protagoniste */
.pk-hero-grid{grid-template-columns:minmax(0,4.2fr) minmax(0,7.8fr);gap:clamp(20px,3vw,48px)}
.pk-hero h1{font-size:clamp(34px,4.3vw,62px)}
.pk-hero .lead{font-size:clamp(15px,1.3vw,18px)}
.pk-hero-art{display:flex;flex-direction:column;gap:20px;min-width:0}
.pk-tops{display:flex;align-items:flex-start;justify-content:flex-end;gap:12px;flex-wrap:nowrap}
.pk-tops figure{margin:0;text-align:center}
.pk-tops figcaption{font-size:11px;font-weight:700;color:var(--pk-navy);margin-top:7px;line-height:1.2}
.pk-tops .pk-lens{position:static;width:92px;flex:none}
.pk-tops .pk-lens img{border-width:7px}
.pk-tarrow{align-self:center;color:var(--pk-or);font-size:26px;font-weight:800;line-height:1;margin-bottom:18px}
.pk-tsq{width:92px;flex:none}
.pk-tsq img{width:100%;height:auto;aspect-ratio:1;object-fit:cover;object-position:50% 22%;background:#fff;padding:5px;border-radius:3px;box-shadow:0 8px 18px rgba(15,31,61,.25);box-sizing:border-box;display:block}
.pk-cam{position:relative;border-radius:26px;overflow:hidden;box-shadow:0 32px 80px rgba(15,31,61,.38)}
.pk-cam>img{width:100%;height:auto;display:block}
.pk-k{position:absolute;left:19.85%;top:60.35%;width:6.5%;height:auto;filter:drop-shadow(0 1px 1px rgba(0,0,0,.6)) drop-shadow(0 0 3px rgba(255,120,30,.45))}
@media (max-width:1000px){.pk-hero-grid{grid-template-columns:1fr}.pk-tops{justify-content:center}}
@media (max-width:480px){.pk-tops{gap:8px}.pk-tops .pk-lens,.pk-tsq{width:70px}.pk-tops .pk-lens img{border-width:5px}.pk-tops figcaption{font-size:9px}.pk-tarrow{font-size:20px}}
.pk-pubs .lead{margin-inline:auto;max-width:44em;text-align:center}

/* héro v3 : selfie et transformations posés sur la frange de bois du présentoir, sous l'optique */
.pk-hero-art{gap:0}
.pk-onwood{position:absolute;left:0;right:0;top:77.5%;display:flex;align-items:center;justify-content:center;gap:2.2%;margin:0;z-index:2}
.pk-onwood figure{margin:0}
.pk-onwood figcaption{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.pk-onwood .pk-lens{position:static;width:11.6%;flex:none}
.pk-onwood .pk-lens img{border-width:clamp(3px,.5vw,6px);box-shadow:0 0 0 1px #4a4f55,0 0 0 3px #c9cdd2,0 8px 14px rgba(0,0,0,.55)}
.pk-onwood .pk-lens:after{display:none}
.pk-onwood .pk-tsq{width:11.6%;flex:none}
.pk-onwood .pk-tsq img{padding:clamp(2px,.4vw,5px);box-shadow:0 8px 14px rgba(0,0,0,.55)}
.pk-onwood .pk-tarrow{font-size:clamp(14px,2vw,26px);margin:0;color:#ff8a3d;text-shadow:0 1px 3px rgba(0,0,0,.7)}
@media (max-width:480px){.pk-onwood .pk-lens,.pk-onwood .pk-tsq{width:13%}}

/* en-tête : langue et panier à la place de « Nous contacter » */
.cart-btn{text-decoration:none}
.pk-burger{order:3}
@media (max-width:1000px){.nav .tools{margin-inline-start:auto;order:2}.pk-burger{margin-inline-start:0}}
/* héro v4 : photos plus portrait, têtes centrées, cercle plus gros, posés sur la tranche (face avant) du bloc de bois */
.pk-onwood{top:81.2%;height:15.2%;align-items:center;gap:1.8%}
.pk-onwood .pk-lens{width:12.4%}
.pk-onwood .pk-lens img{object-position:50% 8%;border-width:clamp(3px,.45vw,5px)}
.pk-onwood .pk-tsq{width:10.2%}
.pk-onwood .pk-tsq img{aspect-ratio:4/5;object-position:50% 14%;padding:clamp(2px,.35vw,4px)}
.pk-onwood .pk-tarrow{margin:0}
@media (max-width:480px){.pk-onwood .pk-lens{width:13.5%}.pk-onwood .pk-tsq{width:11.5%}}
/* héro v5 : photos plus grandes, qui dépassent un peu de la tranche ; selfie tout à gauche ; ni l'optique ni le K ne sont touchés */
.pk-onwood{inset:0;top:0;height:auto;display:block;gap:0}
.pk-onwood>.pk-lens,.pk-onwood>.pk-tsq,.pk-onwood>.pk-tarrow{position:absolute;margin:0}
.pk-onwood>.pk-lens{left:4.8%;top:81.6%;width:14.2%}
.pk-onwood>.pk-tarrow{left:19.6%;top:87%;font-size:clamp(12px,1.7vw,22px)}
.pk-onwood>.pk-tsq{width:12.6%}
.pk-onwood .pk-tsq img{aspect-ratio:3/4;object-position:50% 12%}
.pk-onwood>.pk-tsq:nth-of-type(2){left:26.5%;bottom:4.2%}
.pk-onwood>.pk-tsq:nth-of-type(3){left:51%;bottom:4.2%;width:10.2%}
.pk-onwood>.pk-tsq:nth-of-type(4){left:74%;bottom:4%;width:14.8%}
/* avant / après : le résultat est une photo portrait entière (le titre de l'affiche se lit en haut), le selfie reste en cercle */
.pkb-sq{flex:1 1 54%;max-width:300px}
.pkb-sq img{aspect-ratio:2/3;object-fit:cover;object-position:50% 0}

/* héro v6 : selfie (cercle, fond clair) en haut à gauche, rockstar en bas à gauche, caricature la plus grande possible en bas à droite sans toucher l'optique */
.pk-onwood>.pk-lens{left:3.4%;top:4.2%;width:19.5%}
.pk-onwood>.pk-lens img{border-width:clamp(4px,.7vw,8px);object-position:50% 10%;background:#fff}
.pk-onwood>.pk-tsq:nth-of-type(2){left:6%;bottom:4.2%;width:13.5%}
.pk-onwood>.pk-tsq:nth-of-type(2) img{aspect-ratio:3/4;object-position:50% 18%}
.pk-onwood>.pk-tsq:nth-of-type(3){left:auto;right:3%;bottom:4%;width:24%}
.pk-onwood>.pk-tsq:nth-of-type(3) img{aspect-ratio:3/4;object-position:50% 10%}

/* « Du selfie au tirage » v2 : appareil poussé à droite, photos portrait à gauche */
.pk-s3w{position:relative;max-width:1100px;margin:0 auto}
.pk-s3{aspect-ratio:11/6;max-width:none;margin:0;overflow:hidden;border-radius:22px;position:relative;box-shadow:0 18px 50px rgba(15,31,61,.18);background:#d9c7a8}
.pk-s3>img{position:absolute;display:block}
.pk-s3 .bgb{inset:0;width:100%;height:100%;object-fit:cover;filter:blur(20px) saturate(1.05);transform:scale(1.2)}
.pk-s3 .bg{right:0;top:0;left:auto;height:100%;width:auto;aspect-ratio:3/2;object-fit:cover;-webkit-mask-image:linear-gradient(to right,transparent 0,#000 10%);mask-image:linear-gradient(to right,transparent 0,#000 10%)}
.pk-s3 .prt{left:30.1%;top:40%;width:14.15%;height:auto}
.pk-s3p{position:absolute;left:1.8%;top:6%;width:27.6%;display:grid;grid-template-columns:1fr 1fr;gap:5% 6%}
.pk-s3p .pk-pol3{position:static;width:auto;transform:rotate(-3deg);padding:.5% .5% 0}
.pk-s3p .pk-pol3:nth-child(2){transform:rotate(3deg)}.pk-s3p .pk-pol3:nth-child(3){transform:rotate(2deg)}.pk-s3p .pk-pol3:nth-child(4){transform:rotate(-2.5deg)}
.pk-s3p .pk-pol3 img{aspect-ratio:3/4;height:auto;object-fit:cover;object-position:50% 14%}
.pk-s3p .pk-pol3 figcaption{font-size:clamp(8px,1.05vw,13px)}
@media (max-width:760px){
 .pk-s3{aspect-ratio:3/2}.pk-s3 .bgb{display:none}.pk-s3 .bg{width:100%;-webkit-mask-image:none;mask-image:none}.pk-s3 .prt{left:14.6%;width:17.3%}
 .pk-s3p{position:static;width:auto;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:14px}.pk-s3p .pk-pol3 figcaption{font-size:8px}
}

/* héro v7 : selfie un peu plus haut, seule la caricature reste (la rockstar est retirée) */
.pk-onwood>.pk-lens{top:1.6%;left:3%}
.pk-onwood>.pk-tsq:nth-of-type(2){left:auto;right:3%;bottom:4%;width:24%}
.pk-onwood>.pk-tsq:nth-of-type(2) img{aspect-ratio:3/4;object-position:50% 10%}
.pk-onwood>.pk-tsq:nth-of-type(2){right:1.2%;width:22.6%}
/* « Du selfie au tirage » v3 : l'appareil nettement à droite, photos de gauche en collage déstructuré mais équilibré */
@media (min-width:761px){
 .pk-s3{aspect-ratio:2/1}
 .pk-s3 .bg{right:-9%;left:auto;width:75%;height:100%}
 .pk-s3 .prt{left:44.95%;top:40%;width:12.98%}
 .pk-s3p{left:0;top:0;width:46%;height:100%;display:block}
 .pk-s3p .pk-pol3{position:absolute;margin:0;width:12.8%;padding:.5% .5% 0}
 .pk-s3p .pk-pol3 figcaption{font-size:clamp(8px,1vw,12px)}
 .pk-s3p .pk-pol3:nth-child(1){left:3.2%;top:7%;width:13.4%;transform:rotate(-6deg)}
 .pk-s3p .pk-pol3:nth-child(2){left:19.5%;top:27%;width:12.6%;transform:rotate(4deg)}
 .pk-s3p .pk-pol3:nth-child(3){left:5.2%;top:53%;width:14.2%;transform:rotate(3deg)}
 .pk-s3p .pk-pol3:nth-child(4){left:25.5%;top:62%;width:11.8%;transform:rotate(-4deg)}
}
@media (min-width:761px){
 .pk-s3p .pk-pol3 figcaption{font-size:clamp(8px,1.05vw,13px)}
 .pk-s3p .pk-pol3:nth-child(1){left:2.2%;top:3.5%;width:15%;transform:rotate(-6deg)}
 .pk-s3p .pk-pol3:nth-child(2){left:21%;top:9%;width:15%;transform:rotate(5deg)}
 .pk-s3p .pk-pol3:nth-child(3){left:4%;top:51%;width:14.5%;transform:rotate(3deg)}
 .pk-s3p .pk-pol3:nth-child(4){left:25%;top:53%;width:14%;transform:rotate(-5deg)}
}
/* (les pourcentages de gauche et de largeur sont relatifs au bloc des photos, qui fait 46 % de la largeur) */
@media (min-width:761px){
 .pk-s3p .pk-pol3:nth-child(1){left:4.8%;top:3.5%;width:32.6%}
 .pk-s3p .pk-pol3:nth-child(2){left:45.7%;top:9%;width:32.6%}
 .pk-s3p .pk-pol3:nth-child(3){left:8.7%;top:51%;width:31.5%}
 .pk-s3p .pk-pol3:nth-child(4){left:54.3%;top:53%;width:30.4%}
}
.pk-prod>img.pk-pack{object-fit:contain;object-position:50% 50%;background:#fff;height:340px;padding:10px}

.pk-prod.loc>img{height:260px;object-fit:cover}.loc-in{margin:0;padding-left:20px;color:var(--muted);font-size:15px}.loc-in li{margin:3px 0}

/* héro v8 : l'appareil est visible en entier (image réduite dans un cadre qui prolonge le décor flouté) */
.pk-cam{background:#2a1d12 url('img/camera-premium.jpg') center/cover;padding:5.5% 7% 5%}
.pk-cam:before{content:'';position:absolute;inset:0;backdrop-filter:blur(14px);background:rgba(20,12,6,.35)}
.pk-camin{position:relative;border-radius:14px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45)}
.pk-camin>img{width:100%;height:auto;display:block}
.pk-camin{overflow:visible}.pk-camin>img{border-radius:14px}
.pk-onwood>.pk-lens{left:-5.5%;top:-6.5%;width:17.5%}
.pk-onwood>.pk-tsq:nth-of-type(2){right:-5.5%;bottom:-4.5%;width:21%}
.pk-prod>img.pk-pack{object-fit:contain;object-position:50% 50%;height:340px;padding:14px;background:#f3eee6}
.pk-prod>img.pk-cam-card{object-fit:cover;object-position:50% 50%;height:340px;padding:0;background:none}

/* titre de marque du héro */
.pk-hero h1.pk-brand{font-size:clamp(42px,5.4vw,78px);line-height:1.02;margin-bottom:6px}
.pk-tag{font-size:clamp(21px,2.4vw,34px);font-weight:700;line-height:1.15;margin:4px 0 14px}
/* v2 menu */
@media (max-width:1000px){
 #pk-links{left:0;right:0;width:auto;align-items:stretch;text-align:left;padding:4px 20px 12px}
 #pk-links a{text-align:left}
 #pk-links .dd{width:100%}#pk-links .ddm{padding-left:14px}#pk-links .ddm a{border-top:0}
}

/* ils nous font confiance */
.refs{padding-block:clamp(36px,6vw,72px)}
.refs-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px;flex-wrap:wrap}
.refs-head h2{margin:0}
.refs-arrows{display:flex;gap:10px}
.refs-btn{width:44px;height:44px;border-radius:50%;border:2px solid currentColor;background:transparent;color:inherit;font:700 24px/1 Arial,sans-serif;cursor:pointer;display:grid;place-items:center;padding:0 0 3px}
.refs-btn:hover:not(:disabled){background:#ff6a13;border-color:#ff6a13;color:#fff}
.refs-btn:disabled{opacity:.3;cursor:default}
.refs-track{list-style:none;margin:0;padding:6px 2px 10px;display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none}
.refs-track::-webkit-scrollbar{display:none}
.refs-card{flex:0 0 clamp(210px,23%,260px);scroll-snap-align:start;background:#fff;color:#1f2a44;border:1px solid #e6dfd3;border-radius:18px;padding:18px 16px;display:flex;flex-direction:column;align-items:center;text-align:center;gap:8px;min-height:190px}
.refs-logo{height:76px;width:100%;display:flex;align-items:center;justify-content:center}
.refs-logo img{max-height:64px;max-width:80%;object-fit:contain}
.refs-txt{font-weight:800;font-size:19px;line-height:1.15}
.refs-name{font-size:15px}
.refs-cap{margin:0;font-size:13.5px;line-height:1.4;color:#4b5568}
@media (max-width:640px){.refs-card{flex-basis:78%}}