/* BIBI — STYLE AVEC ÂME */
@import url('https://fonts.googleapis.com/css2?family=Abril+Fatface&family=Crimson+Pro:ital,wght@0,400;0,600;0,700;1,400;1,600&display=swap');
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{--j:#D4A345;--n:#0A0A0A;--np:#050505;--r:#A82020;--rs:#8B1A1A;--re:#CC2233;--be:#E8DCC8;--bn:#1B3A5C;--bp:#152C48;--bc:#F5F0E8;--iv:#F0EDE0;--gf:#1A1A1A;--gm:#333;--do:#C5A55A;--de:#D4AF37;--fc:'Courier New',Courier,monospace;--fd:'Georgia','Palatino',serif;--fdp:'Abril Fatface','Georgia',serif;--ft:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;--fe:'Crimson Pro','Georgia',serif;--t:.3s cubic-bezier(.22,1,.36,1);--tl:.6s cubic-bezier(.22,1,.36,1)}
html{scroll-behavior:smooth}
body{font-family:var(--ft);background:var(--n);color:var(--bc);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}
::selection{background:var(--j);color:var(--n)}
.cri-page ::selection{background:var(--r);color:var(--n)}
.deco-page ::selection{background:var(--bn);color:var(--iv)}
img{max-width:100%;height:auto}
a{color:inherit;text-decoration:none}
.txt-cri{font-family:var(--fc);text-transform:uppercase;letter-spacing:.05em}
.txt-deco{font-family:var(--fd);font-style:normal}
.txt-display{font-family:var(--fdp)}
.txt-elys{font-family:var(--fe)}

/* TEXTURES */
.bg-grain{position:relative}

/* Bord déchiré CRI */
.torn-edge-b{position:relative}
.torn-edge-b::after{content:'';position:absolute;bottom:-12px;left:-4px;right:-4px;height:24px;background:linear-gradient(135deg,transparent 33.33%,var(--n) 33.33%,var(--n) 66.66%,transparent 66.66%),linear-gradient(225deg,transparent 33.33%,var(--n) 33.33%,var(--n) 66.66%,transparent 66.66%);background-size:16px 24px;background-repeat:repeat-x;pointer-events:none;z-index:2}
.torn-edge-t{position:relative}
.torn-edge-t::before{content:'';position:absolute;top:-12px;left:-4px;right:-4px;height:24px;background:linear-gradient(135deg,var(--n) 33.33%,transparent 33.33%,transparent 66.66%,var(--n) 66.66%),linear-gradient(225deg,var(--n) 33.33%,transparent 33.33%,transparent 66.66%,var(--n) 66.66%);background-size:16px 24px;background-repeat:repeat-x;pointer-events:none;z-index:2}

/* Éclats sang CRI */
.sang-e{position:relative}
.sang-e::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 8px 12px at 15% 25%,rgba(168,32,32,.15) 0%,transparent 100%),radial-gradient(circle 5px at 72% 18%,rgba(168,32,32,.12) 0%,transparent 100%),radial-gradient(ellipse 10px 8px at 45% 70%,rgba(168,32,32,.08) 0%,transparent 100%),radial-gradient(circle 3px at 88% 55%,rgba(168,32,32,.15) 0%,transparent 100%),radial-gradient(ellipse 6px 15px at 30% 85%,rgba(168,32,32,.1) 0%,transparent 100%),radial-gradient(circle 4px at 60% 42%,rgba(168,32,32,.12) 0%,transparent 100%);pointer-events:none;z-index:0}

/* Paillettes or DÉCO */
.or-p{position:relative}
.or-p::before{content:'';position:absolute;inset:0;background:radial-gradient(circle 3px at 20% 30%,rgba(197,165,90,.15) 0%,transparent 100%),radial-gradient(circle 2px at 65% 15%,rgba(197,165,90,.1) 0%,transparent 100%),radial-gradient(circle 4px at 80% 60%,rgba(197,165,90,.08) 0%,transparent 100%),radial-gradient(circle 2px at 35% 75%,rgba(197,165,90,.12) 0%,transparent 100%),radial-gradient(circle 3px at 50% 50%,rgba(197,165,90,.06) 0%,transparent 100%);pointer-events:none;z-index:0}

/* Tape collage */
.tape{position:absolute;width:30px;height:12px;background:rgba(200,190,170,.35);opacity:.6;z-index:3}
.tape-tr{top:-6px;right:15%;transform:rotate(6deg)}
.tape-tl{top:-6px;left:15%;transform:rotate(-5deg)}
.tape-b{bottom:-6px;left:40%;transform:rotate(3deg)}

/* UTILITIES */
.container{width:100%;max-width:1200px;margin:0 auto;padding:0 1rem}
.text-center{text-align:center}
.mt-1{margin-top:1rem}.mt-2{margin-top:2rem}.mt-3{margin-top:3rem}.mt-4{margin-top:4rem}
.mb-2{margin-bottom:2rem}.p-1{padding:1rem}.p-2{padding:2rem}

.btn{display:inline-block;padding:.8rem 2rem;font-family:var(--fc);text-transform:uppercase;letter-spacing:.1em;font-size:.85rem;cursor:pointer;transition:var(--t);border:none;text-align:center}
.btn-cri{background:var(--n);color:var(--r);border:2px solid var(--r);position:relative;overflow:hidden}
.btn-cri:hover{background:var(--r);color:var(--n)}
.btn-cri::after{content:'✕';position:absolute;right:-1px;top:-1px;font-size:.5rem;opacity:.3}
.btn-deco{background:var(--iv);color:var(--bn);border:2px solid var(--bn)}
.btn-deco:hover{background:var(--bn);color:var(--iv)}
.btn-jaune{background:var(--j);color:var(--n);font-family:var(--fc);border:none}
.btn-jaune:hover{background:var(--n);color:var(--j);outline:2px solid var(--j);outline-offset:2px}

/* HEADER */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:.8rem 1.5rem;display:flex;align-items:center;justify-content:space-between;transition:var(--t)}
.site-header.cri-mode{background:rgba(10,10,10,.95);border-bottom:1px solid var(--gm)}
.site-header.deco-mode{background:rgba(245,240,232,.95);border-bottom:1px solid rgba(27,58,92,.1);color:var(--bn)}
.logo{font-family:var(--fc);font-size:1.3rem;letter-spacing:.15em;display:flex;align-items:center;gap:.5rem}
.logo-deco{font-family:var(--fd);font-size:1.1rem;font-style:italic}
.nav-links{display:flex;gap:1rem;list-style:none;align-items:center}
.nav-links a{font-family:var(--fc);font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;padding:.4rem .6rem;transition:var(--t);position:relative}
.nav-links a:hover{opacity:.7}
.nav-links a::after{content:'';position:absolute;bottom:0;left:.6rem;right:.6rem;height:1px;transform:scaleX(0);transition:var(--t)}
.cri-mode .nav-links a::after{background:var(--r)}
.deco-mode .nav-links a::after{background:var(--bn)}
.nav-links a:hover::after{transform:scaleX(1)}
.data-link{font-size:.65rem!important;opacity:.35;letter-spacing:.15em}
.data-link:hover{opacity:.8!important}
.burger{display:none;flex-direction:column;gap:4px;cursor:pointer;background:none;border:none;padding:4px}
.burger span{display:block;width:22px;height:2px;transition:var(--t)}
.cri-mode .burger span{background:var(--bc)}
.deco-mode .burger span{background:var(--bn)}

/* LANDING SPLIT */
.split-landing{display:flex;width:100vw;height:100vh;overflow:hidden;position:relative}
.split-half{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:flex .8s cubic-bezier(.22,1,.36,1);position:relative;cursor:pointer;overflow:hidden;padding:2rem}
.split-half:hover{flex:1.5}

.split-cri{background:var(--n);color:var(--bc);border-right:3px solid var(--r)}
.split-cri::before{content:'';position:absolute;inset:0;opacity:.08;background-image:radial-gradient(circle 2px at 23% 12%,var(--r) 0%,transparent 100%),radial-gradient(circle 3px at 67% 8%,var(--re) 0%,transparent 100%),radial-gradient(circle 1px at 45% 55%,var(--r) 0%,transparent 100%),radial-gradient(circle 2px at 80% 72%,var(--r) 0%,transparent 100%),radial-gradient(circle 1px at 12% 88%,var(--re) 0%,transparent 100%),radial-gradient(circle 3px at 55% 35%,var(--r) 0%,transparent 100%);pointer-events:none;z-index:0}
.split-cri::after{content:'';position:absolute;right:-8px;top:0;bottom:0;width:16px;background:linear-gradient(135deg,transparent 33.33%,var(--n) 33.33%,var(--n) 66.66%,transparent 66.66%),linear-gradient(225deg,transparent 33.33%,var(--n) 33.33%,var(--n) 66.66%,transparent 66.66%);background-size:12px 16px;background-repeat:repeat-y;opacity:.6;pointer-events:none;z-index:1}
.split-cri .bg-layer{position:absolute;inset:0;opacity:.04;background:repeating-linear-gradient(0deg,transparent,transparent 3px,rgba(168,32,32,.3) 3px,rgba(168,32,32,.3) 4px);pointer-events:none;z-index:0}

.split-deco{background:var(--iv);color:var(--bn)}
.split-deco::before{content:'';position:absolute;inset:0;opacity:.06;background-image:radial-gradient(circle 2px at 33% 20%,var(--do) 0%,transparent 100%),radial-gradient(circle 1px at 70% 45%,var(--de) 0%,transparent 100%),radial-gradient(circle 2px at 25% 65%,var(--do) 0%,transparent 100%),radial-gradient(circle 1px at 80% 80%,var(--do) 0%,transparent 100%),radial-gradient(circle 3px at 55% 30%,var(--de) 0%,transparent 100%);pointer-events:none;z-index:0}
.split-deco::after{content:'';position:absolute;left:-8px;top:0;bottom:0;width:16px;background:linear-gradient(135deg,transparent 33.33%,var(--iv) 33.33%,var(--iv) 66.66%,transparent 66.66%),linear-gradient(225deg,transparent 33.33%,var(--iv) 33.33%,var(--iv) 66.66%,transparent 66.66%);background-size:12px 16px;background-repeat:repeat-y;opacity:.6;pointer-events:none;z-index:1}
.split-deco .bg-layer{position:absolute;inset:0;opacity:.03;background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(197,165,90,.2) 8px,rgba(197,165,90,.2) 9px);pointer-events:none;z-index:0}

.split-content{text-align:center;position:relative;z-index:2}

.split-cri .split-label{font-family:var(--fdp);font-size:clamp(3rem,8vw,7rem);letter-spacing:.08em;color:var(--r);text-shadow:6px 6px 0 rgba(0,0,0,.7),0 0 30px rgba(168,32,32,.3);margin-bottom:.3rem;transform:rotate(-2deg);position:relative;line-height:1}
.split-cri .split-label::after{content:'';position:absolute;bottom:8px;left:-10%;width:120%;height:3px;background:var(--r);opacity:.4;transform:rotate(-1deg)}
.split-cri .split-sub{font-family:var(--fc);font-size:clamp(.7rem,1.5vw,1.1rem);text-transform:uppercase;letter-spacing:.3em;color:var(--bc);opacity:.5;margin-bottom:1.5rem}

.split-deco .split-label{font-family:var(--fdp);font-size:clamp(3rem,8vw,7rem);letter-spacing:.04em;color:var(--bn);text-shadow:0 2px 10px rgba(197,165,90,.2);margin-bottom:.3rem;line-height:1;position:relative}
.split-deco .split-label::after{content:'';position:absolute;bottom:4px;left:15%;width:70%;height:1px;background:var(--do);opacity:.3}
.split-deco .split-sub{font-family:var(--fe);font-style:italic;font-size:clamp(.8rem,1.5vw,1.2rem);letter-spacing:.05em;color:var(--bn);opacity:.5;margin-bottom:1.5rem}

.split-decoration{margin:1.5rem 0;font-size:clamp(1.5rem,3vw,2.5rem)}
.split-cri .split-decoration{color:var(--r);opacity:.3}
.split-deco .split-decoration{color:var(--do);opacity:.4}

.split-cri .split-tags{font-family:var(--fc);font-size:.6rem;text-transform:uppercase;letter-spacing:.25em;opacity:.25;margin-top:1rem;line-height:2}
.split-cri .split-tags span{display:inline-block;border:1px solid var(--r);padding:.15rem .5rem;margin:.15rem;opacity:.5}
.split-deco .split-tags{font-family:var(--fe);font-style:italic;font-size:.7rem;opacity:.3;margin-top:1rem}
.split-deco .split-tags span{display:inline-block;border-bottom:1px solid var(--do);padding-bottom:.1rem;margin:0 .3rem}

.landing-brand{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10;text-align:center;pointer-events:none}
.landing-brand-inner{position:relative;padding:.2rem}
.landing-brand-inner::before{content:'';position:absolute;inset:0;border:2px solid var(--j);clip-path:polygon(0% 10%,4% 0%,96% 0%,100% 10%,100% 90%,96% 100%,4% 100%,0% 90%);opacity:.5;pointer-events:none}
.landing-brand-name{font-family:var(--fdp);font-size:clamp(1.5rem,3vw,2.5rem);letter-spacing:.2em;color:var(--bc);background:var(--n);padding:.3rem 1.5rem;mix-blend-mode:hard-light;text-shadow:2px 2px 0 var(--r),-1px -1px 0 var(--j);position:relative}
.landing-brand-sub{font-family:var(--fe);font-style:italic;font-size:clamp(.5rem,.8vw,.7rem);letter-spacing:.25em;color:var(--bc);margin-top:.5rem;opacity:.4}
.landing-brand-line{width:60%;height:1px;background:var(--j);margin:.5rem auto;opacity:.3}
.landing-footer{position:absolute;bottom:1rem;left:0;right:0;text-align:center;z-index:10}
.landing-footer a{font-family:var(--fc);font-size:.6rem;letter-spacing:.2em;opacity:.3;transition:var(--t)}
.landing-footer a:hover{opacity:.8}
.landing-footer .sep{color:var(--j);opacity:.5}

/* PAGES INTÉRIEURES */
.page-intro{min-height:50vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:6rem 1.5rem 3rem;position:relative}
.page-intro h1{font-family:var(--fdp);font-size:clamp(3rem,8vw,6rem);margin-bottom:1rem;letter-spacing:.04em;line-height:1}
.cri-page .page-intro h1{color:var(--r);text-shadow:5px 5px 0 rgba(0,0,0,.5),0 0 40px rgba(168,32,32,.2);transform:rotate(-2deg)}
.deco-page .page-intro h1{color:var(--bn)}
.page-intro p{max-width:420px;font-size:.9rem;opacity:.6;line-height:1.7}
.cri-page{background:var(--n);color:var(--bc)}
.deco-page{background:var(--iv);color:var(--bn)}
.cri-page .section-title{font-family:var(--fdp);color:var(--r);font-size:clamp(1.8rem,4vw,3rem);letter-spacing:.03em}
.deco-page .section-title{font-family:var(--fe);font-style:italic;color:var(--bn);font-size:clamp(1.8rem,4vw,2.8rem)}
.cri-page .section-sub{font-family:var(--fc);text-transform:uppercase;font-size:.7rem;letter-spacing:.2em;color:var(--r);opacity:.4}
.deco-page .section-sub{font-family:var(--fe);font-style:italic;font-size:.85rem;color:var(--bn);opacity:.4}
.section{padding:3rem 1.5rem}
.section-header{text-align:center;margin-bottom:2.5rem}

/* GALERIE */
.galerie-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.5rem;max-width:1100px;margin:0 auto}
.galerie-item{position:relative;aspect-ratio:3/4;cursor:pointer;transition:transform .4s cubic-bezier(.22,1,.36,1);overflow:visible;display:flex;align-items:center;justify-content:center}
.cri-page .galerie-item{background:var(--gf)}
.cri-page .galerie-item:hover{transform:scale(1.03) rotate(-1deg)}
.deco-page .galerie-item{background:var(--bc)}
.deco-page .galerie-item:hover{transform:scale(1.03) rotate(1deg)}
.galerie-item .collage-layer{position:absolute;inset:0;pointer-events:none;z-index:1}
.cri-page .galerie-item .collage-layer-1{background:var(--np);clip-path:polygon(8% 5%,95% 3%,92% 92%,10% 95%);opacity:.7;transform:rotate(3deg)}
.cri-page .galerie-item .collage-layer-2{background:linear-gradient(135deg,rgba(168,32,32,.12),transparent 60%);clip-path:polygon(20% 15%,85% 10%,80% 85%,15% 80%);transform:rotate(-2deg)}
.deco-page .galerie-item .collage-layer-1{background:rgba(197,165,90,.06);clip-path:polygon(5% 8%,95% 5%,93% 90%,8% 95%);transform:rotate(-2deg)}
.deco-page .galerie-item .collage-layer-2{background:rgba(27,58,92,.04);clip-path:polygon(15% 12%,88% 18%,82% 88%,20% 80%);transform:rotate(4deg)}
.cri-page .galerie-item .collage-frame{position:absolute;inset:3px;border:2px solid rgba(168,32,32,.2);clip-path:polygon(0% 5%,3% 0%,97% 0%,100% 5%,100% 95%,97% 100%,3% 100%,0% 95%);pointer-events:none;z-index:2}
.deco-page .galerie-item .collage-frame{position:absolute;inset:4px;border:1px solid rgba(197,165,90,.25);clip-path:polygon(2% 4%,98% 2%,97% 96%,4% 98%);pointer-events:none;z-index:2}

.artwork-placeholder{width:82%;height:82%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:1rem;position:relative;z-index:3}
.cri-page .artwork-placeholder{border:1px solid rgba(168,32,32,.25);background:repeating-linear-gradient(45deg,transparent,transparent 6px,rgba(168,32,32,.04) 6px,rgba(168,32,32,.04) 12px)}
.deco-page .artwork-placeholder{border:1px solid rgba(197,165,90,.15);background:rgba(245,240,232,.3)}
.artwork-name{font-size:.75rem;letter-spacing:.12em;margin-bottom:.3rem;line-height:1.3}
.cri-page .artwork-name{font-family:var(--fc);text-transform:uppercase;color:var(--bc)}
.deco-page .artwork-name{font-family:var(--fe);font-style:italic;color:var(--bn);font-size:.85rem}
.artwork-year{font-size:.5rem;opacity:.25;letter-spacing:.1em;font-family:var(--fc)}
.artwork-dim{font-size:.5rem;opacity:.2;margin-top:.3rem;font-family:var(--fc)}
.cri-page .galerie-item::after{content:'';position:absolute;inset:0;border:2px solid transparent;background:linear-gradient(0deg,transparent 25%,var(--bc) 25%,var(--bc) 28%,transparent 28%) repeat-x top,linear-gradient(90deg,transparent 25%,var(--bc) 25%,var(--bc) 28%,transparent 28%) repeat-y right;background-size:16px 3px,3px 16px;pointer-events:none;opacity:.2;z-index:4}

/* CONFIGURATEUR */
.config-section{max-width:900px;margin:0 auto}
.config-step{padding:2rem;margin-bottom:1.5rem;transition:all .4s cubic-bezier(.22,1,.36,1);position:relative}
.cri-page .config-step{background:var(--gf);border:1px solid var(--gm)}
.cri-page .config-step.active{border-color:var(--r);box-shadow:0 0 20px rgba(168,32,32,.1)}
.deco-page .config-step{background:var(--bc);border:1px solid rgba(197,165,90,.2)}
.deco-page .config-step.active{border-color:var(--do);box-shadow:0 0 30px rgba(197,165,90,.08)}
.step-header{display:flex;align-items:baseline;gap:1rem;margin-bottom:1rem}
.step-number{font-family:var(--fdp);font-size:.9rem;opacity:.3;min-width:2rem}
.cri-page .step-number{color:var(--r)}
.deco-page .step-number{color:var(--bn)}
.step-title{font-size:1.1rem}
.cri-page .step-title{font-family:var(--fc);text-transform:uppercase;color:var(--bc)}
.deco-page .step-title{font-family:var(--fe);color:var(--bn)}
.config-options{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem}
.config-option{padding:1rem .8rem;cursor:pointer;transition:all .25s cubic-bezier(.22,1,.36,1);text-align:center;font-size:.75rem;position:relative;overflow:hidden}
.cri-page .config-option{background:var(--n);border:1px solid var(--gm);font-family:var(--fc);text-transform:uppercase;letter-spacing:.08em}
.cri-page .config-option:hover,.cri-page .config-option.selected{border-color:var(--r);background:rgba(168,32,32,.15);transform:scale(1.05)}
.cri-page .config-option.selected{border-width:2px;box-shadow:0 0 15px rgba(168,32,32,.2)}
.cri-page .config-option.selected::after{content:'✕';position:absolute;top:-2px;right:2px;font-size:.5rem;color:var(--r);opacity:.5}
.deco-page .config-option{background:var(--iv);border:1px solid rgba(197,165,90,.3);font-family:var(--fe)}
.deco-page .config-option:hover,.deco-page .config-option.selected{border-color:var(--do);background:var(--bc);transform:scale(1.03);box-shadow:0 4px 15px rgba(0,0,0,.06)}
.config-rendu{margin-top:2rem;padding:2rem;text-align:center;min-height:250px;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative}
.cri-page .config-rendu{background:var(--n);border:2px dashed var(--gm)}
.cri-page .config-rendu.updated{border-color:var(--r);animation:pulse-cri .5s ease}
.deco-page .config-rendu{background:var(--iv);border:1px dashed rgba(197,165,90,.4)}
.deco-page .config-rendu.updated{border-color:var(--do);animation:pulse-deco .5s ease}
@keyframes pulse-cri{0%,100%{box-shadow:none}50%{box-shadow:0 0 30px rgba(168,32,32,.2)}}
@keyframes pulse-deco{0%,100%{box-shadow:none}50%{box-shadow:0 0 30px rgba(197,165,90,.15)}}
.config-mockup{width:200px;height:200px;display:flex;flex-direction:column;align-items:center;justify-content:center;font-size:.7rem;letter-spacing:.1em;margin:0 auto 1rem;transition:all .5s cubic-bezier(.22,1,.36,1);position:relative}
.cri-page .config-mockup{border:2px solid var(--r);background:var(--gf);font-family:var(--fc);text-transform:uppercase}
.deco-page .config-mockup{border:1px solid var(--bn);background:var(--bc);font-family:var(--fd)}
.config-mockup .mockup-collage{position:absolute;inset:0;pointer-events:none}
.cri-page .config-mockup .mockup-collage{background:repeating-linear-gradient(45deg,transparent,transparent 8px,rgba(168,32,32,.06) 8px,rgba(168,32,32,.06) 10px)}
.deco-page .config-mockup .mockup-collage{background:repeating-linear-gradient(45deg,transparent,transparent 10px,rgba(197,165,90,.04) 10px,rgba(197,165,90,.04) 12px)}
.config-price{font-family:var(--fdp);font-size:1.5rem;letter-spacing:.05em}
.cri-page .config-price{color:var(--j)}
.deco-page .config-price{color:var(--do)}

/* BOUTIQUE */
.boutique-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}
.boutique-card{padding:1.5rem;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;flex-direction:column}
.cri-page .boutique-card{background:var(--gf);border:1px solid var(--gm)}
.cri-page .boutique-card:hover{border-color:var(--r);transform:translateY(-3px)}
.deco-page .boutique-card{background:var(--bc);border:1px solid rgba(197,165,90,.2)}
.deco-page .boutique-card:hover{border-color:var(--do);transform:translateY(-2px);box-shadow:0 8px 30px rgba(0,0,0,.06)}
.boutique-img{width:100%;aspect-ratio:1;margin-bottom:1rem;display:flex;align-items:center;justify-content:center;font-size:.65rem;letter-spacing:.1em;position:relative}
.cri-page .boutique-img{background:var(--n);border:1px solid var(--gm);font-family:var(--fc);text-transform:uppercase;color:var(--gm)}
.deco-page .boutique-img{background:var(--iv);border:1px solid rgba(197,165,90,.2);font-family:var(--fe);color:var(--bn);opacity:.6}
.boutique-name{font-size:.8rem;margin-bottom:.2rem}
.cri-page .boutique-name{font-family:var(--fc);text-transform:uppercase}
.deco-page .boutique-name{font-family:var(--fe)}
.boutique-desc{font-size:.7rem;opacity:.5;margin-bottom:.5rem;flex:1}
.boutique-price{font-family:var(--fdp);font-size:1.2rem;margin-bottom:1rem}
.cri-page .boutique-price{color:var(--j)}
.deco-page .boutique-price{color:var(--do)}
.boutique-btn{width:100%;padding:.7rem;font-size:.7rem;text-transform:uppercase;letter-spacing:.12em;cursor:pointer;transition:var(--t);border:none;font-family:var(--fc)}
.cri-page .boutique-btn{background:var(--r);color:var(--n)}
.cri-page .boutique-btn:hover{background:var(--j)}
.deco-page .boutique-btn{background:var(--bn);color:var(--iv)}
.deco-page .boutique-btn:hover{background:var(--do);color:var(--n)}
.prix-tag{display:inline-block;padding:.2rem .5rem;font-size:.6rem;letter-spacing:.1em;font-family:var(--fc)}
.cri-page .prix-tag{background:var(--r);color:var(--n)}
.deco-page .prix-tag{background:var(--do);color:var(--n)}
.site-footer{padding:3rem 1.5rem 2rem;text-align:center;font-size:.65rem;opacity:.4;letter-spacing:.08em;position:relative}
.cri-page .site-footer{border-top:1px solid var(--gm)}
.deco-page .site-footer{border-top:1px solid rgba(197,165,90,.15)}

/* RESPONSIVE */
@media(max-width:768px){
  .split-landing{flex-direction:column}
  .split-half:hover{flex:1.3}
  .split-cri{border-right:none;border-bottom:3px solid var(--r)}
  .split-cri::after,.split-deco::after{display:none}
  .split-label{font-size:clamp(2rem,10vw,3rem)}
  .nav-links{position:fixed;top:0;left:0;right:0;bottom:0;flex-direction:column;justify-content:center;align-items:center;gap:1.5rem;transform:translateY(-100%);transition:transform .4s ease;z-index:-1}
  .nav-links.open{transform:translateY(0)}
  .cri-mode .nav-links.open{background:var(--n)}
  .deco-mode .nav-links.open{background:var(--iv)}
  .nav-links a{font-size:1rem}
  .burger{display:flex;z-index:10}
  .galerie-grid,.config-options,.boutique-grid{grid-template-columns:repeat(2,1fr);gap:1rem}
}
@media(max-width:480px){
  .galerie-grid,.config-options,.boutique-grid{grid-template-columns:1fr}
}

/* SCROLLBAR */
.cri-page::-webkit-scrollbar{width:6px}
.cri-page::-webkit-scrollbar-track{background:var(--n)}
.cri-page::-webkit-scrollbar-thumb{background:var(--gm)}
.cri-page::-webkit-scrollbar-thumb:hover{background:var(--r)}
.deco-page::-webkit-scrollbar{width:6px}
.deco-page::-webkit-scrollbar-track{background:var(--iv)}
.deco-page::-webkit-scrollbar-thumb{background:rgba(197,165,90,.3)}
.deco-page::-webkit-scrollbar-thumb:hover{background:var(--do)}

/* DIVIDERS */
.torn-divider{height:24px;position:relative;overflow:hidden}
.cri-page .torn-divider::after{content:'';position:absolute;left:0;right:0;top:0;bottom:0;background:linear-gradient(135deg,transparent 33%,var(--gm) 33%,var(--gm) 35%,transparent 35%),linear-gradient(225deg,transparent 33%,var(--gm) 33%,var(--gm) 35%,transparent 35%);background-size:20px 24px;opacity:.15}
.fragment-line{height:1px;width:40%;margin:2rem auto}
.cri-page .fragment-line{background:linear-gradient(90deg,transparent,var(--r),transparent);opacity:.3}
.deco-page .fragment-line{background:linear-gradient(90deg,transparent,var(--do),transparent);opacity:.2}
.manifeste-block{max-width:600px;margin:0 auto;padding:2rem;font-size:.9rem;line-height:1.8;position:relative}
.cri-page .manifeste-block{border-left:3px solid var(--r);font-family:var(--fc);text-transform:uppercase;letter-spacing:.05em;color:var(--bc);opacity:.8}
.deco-page .manifeste-block{border-left:1px solid var(--do);font-family:var(--fe);font-style:italic;color:var(--bn)}
.home-switch{display:inline-flex;align-items:center;gap:.3rem;font-size:.65rem;font-family:var(--fc);letter-spacing:.1em;opacity:.4;transition:var(--t);margin-top:1.5rem;position:relative}
.home-switch:hover{opacity:1}
.home-switch::before{content:'←';opacity:.5}
.data-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.6rem;opacity:.25;letter-spacing:.12em;font-family:var(--fc);padding:.3rem .6rem;transition:var(--t);cursor:pointer;border:none;background:none;color:inherit}
.data-badge:hover{opacity:.7;text-decoration:underline}