html{-webkit-text-size-adjust:100%}body{margin:0;min-width:320px}#root{min-height:100vh}:root{color-scheme:dark;--bg: #0a0c10;--bg-deep: #06070a;--bg-elevated: #12151c;--surface: #181c26;--border-subtle: rgba(244, 242, 237, .08);--border-gold: rgba(201, 169, 98, .22);--accent: #c9a962;--accent-deep: #9a7a3a;--accent-burgundy: #6b4548;--accent-rose: #b0787a;--accent-rgb: 201, 169, 98;--accent-soft: rgba(var(--accent-rgb), .14);--accent-glow: rgba(var(--accent-rgb), .35);--text: #f4f2ed;--muted: #9b9ea8;--font-display: "Cormorant Garamond", "Times New Roman", Times, serif;--font-ui: "Outfit", system-ui, -apple-system, sans-serif;--album-radius: 1rem;--album-cover-radius: .75rem;--album-border: rgba(244, 242, 237, .07);--album-tap-min: 2.75rem}*{box-sizing:border-box}body{margin:0;font-family:var(--font-ui);font-weight:400;letter-spacing:.01em;background-color:var(--bg-deep);background-image:radial-gradient(ellipse 120% 80% at 50% -30%,rgba(201,169,98,.09),transparent 55%),radial-gradient(ellipse 90% 60% at 100% 50%,rgba(88,58,78,.12),transparent 45%),radial-gradient(ellipse 70% 50% at 0% 80%,rgba(30,42,62,.4),transparent 50%),linear-gradient(180deg,var(--bg) 0%,var(--bg-deep) 100%);background-attachment:fixed;color:var(--text);overflow-x:hidden}.logo,.accueil-text h1,.hero h1,.musique h2,.albums-section h2,.videos-section h2,.maisons h2,.contact h2,.featured-album-info h2,.album-card__title{font-family:var(--font-display)}.app-root{min-height:100vh;width:100%;display:flex;flex-direction:column;align-items:center}.app-header{position:sticky;top:0;z-index:20;display:flex;justify-content:space-between;align-items:center;padding:1rem clamp(1rem,4vw,2.5rem);-webkit-backdrop-filter:blur(18px) saturate(160%);backdrop-filter:blur(18px) saturate(160%);background:linear-gradient(to bottom,#0a0c10eb,#0a0c108c);border-bottom:1px solid var(--border-gold);box-shadow:0 8px 32px #00000059;width:100%;max-width:100%}.logo{font-weight:600;letter-spacing:.22em;text-transform:uppercase;font-size:1.15rem;transition:color .25s ease,transform .25s ease;-webkit-user-select:none;user-select:none;cursor:pointer;color:var(--text)}.logo:hover{color:var(--accent);transform:translateY(-1px)}.nav{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end}.nav button{background:transparent;border:none;color:var(--muted);font-size:clamp(.75rem,1.5vw,.9rem);cursor:pointer;padding:.4rem .7rem;border-radius:6px;transition:all .2s ease;white-space:nowrap}.nav button:hover{color:var(--accent);background:rgba(var(--accent-rgb),.08)}.nav button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}main{padding:clamp(2rem,5vw,4rem) clamp(1rem,5vw,3rem);width:100%;max-width:1400px;margin:0 auto;flex:1}.section{max-width:1200px;width:100%;margin:0 auto clamp(3rem,6vw,5rem) auto;scroll-margin-top:90px;padding:0}.accueil-hero{padding:clamp(3rem,6vw,5rem) 0;margin-bottom:clamp(4rem,8vw,6rem)}.accueil-content{display:grid;grid-template-columns:minmax(280px,380px) minmax(0,1.8fr);gap:clamp(2.5rem,5vw,4rem);align-items:center;margin-bottom:clamp(3rem,6vw,4rem)}.accueil-image-wrapper{position:relative;width:100%;max-width:380px;margin:0 auto;aspect-ratio:3 / 4}.accueil-portrait{width:100%;height:100%;border-radius:1.5rem;box-shadow:0 20px 60px #00000080,0 0 0 1px #ffffff1a;object-fit:cover;object-position:center 15%;filter:grayscale(8%) contrast(1.04) brightness(.97);background:linear-gradient(135deg,#c9a96240,#583a4e59);display:block;transition:transform .3s ease,box-shadow .3s ease}.accueil-portrait:hover{transform:translateY(-5px);box-shadow:0 25px 70px #0009,0 0 0 1px #ffffff26}.accueil-image-wrapper{position:relative}.accueil-image-wrapper:after{content:"📷 Photo de Solenna";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:var(--muted);font-size:1rem;text-align:center;pointer-events:none;opacity:.7;z-index:1}.accueil-portrait[src]:not([src=""]){background:none}.accueil-image-wrapper:after{display:none}.accueil-portrait[src]:not([src=""])~.accueil-image-wrapper:after{display:none}.accueil-text{display:flex;flex-direction:column;justify-content:center;padding-left:clamp(1rem,3vw,2rem)}.accueil-text .eyebrow{font-size:.875rem;text-transform:uppercase;letter-spacing:.15em;color:var(--accent);font-weight:600;margin-bottom:.5rem;opacity:.9}.accueil-text h1{font-size:clamp(2.75rem,5.5vw,3.75rem);margin:0 0 1.5rem;line-height:1.08;font-weight:600;background:linear-gradient(135deg,#fdfcfa,#e8dfd0 40%,#c9a962 95%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accueil-intro{font-size:clamp(1.15rem,2.2vw,1.4rem);color:var(--text);line-height:1.7;margin-bottom:1.25rem;font-weight:500;max-width:95%}.accueil-description{font-size:clamp(1rem,1.8vw,1.1rem);color:var(--muted);line-height:1.8;max-width:95%;margin-top:.5rem}.accueil-featured-album{margin-top:clamp(3rem,6vw,4rem)}.featured-album-card{display:grid;grid-template-columns:minmax(0,300px) minmax(0,1fr);gap:clamp(2rem,4vw,3rem);background:radial-gradient(ellipse 80% 60% at 100% 0%,rgba(var(--accent-rgb),.12),transparent 60%),linear-gradient(165deg,var(--surface) 0%,var(--bg-elevated) 100%);border-radius:2rem;border:1px solid var(--border-gold);padding:clamp(2rem,4vw,3rem);box-shadow:0 16px 48px #00000073,inset 0 1px #ffffff0a;transition:transform .3s ease,box-shadow .3s ease}.featured-album-card:hover{transform:translateY(-4px);box-shadow:0 16px 50px #00000080}.featured-album-cover{width:100%;padding-top:100%;border-radius:1.2rem;background:linear-gradient(145deg,#c9a962,#8b6a7a 48%,#2c2228);box-shadow:0 8px 24px #0000004d}.featured-album-info{display:flex;flex-direction:column;justify-content:center}.featured-album-info h2{font-size:clamp(1.8rem,3vw,2.4rem);margin:0 0 .5rem;font-weight:600}.featured-album-subtitle{color:var(--muted);font-size:1rem;margin:0 0 1rem}.featured-album-description{color:var(--muted);font-size:1rem;line-height:1.6;margin:0 0 1.5rem}.featured-album-btn{align-self:flex-start;padding:.8rem 2rem;border-radius:999px;border:1px solid var(--accent);background:linear-gradient(135deg,var(--accent),var(--accent-deep));color:var(--bg-deep);font-size:.95rem;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:all .3s ease;box-shadow:0 4px 20px var(--accent-glow)}.featured-album-btn:hover{background:transparent;color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 28px var(--accent-glow)}.hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:clamp(2rem,5vw,4rem);align-items:start;padding-top:1rem;width:100%;margin:0 auto}.eyebrow{letter-spacing:.3em;text-transform:uppercase;font-size:.7rem;color:var(--muted);margin-bottom:.5rem}.hero h1{font-size:clamp(2.2rem,3vw,2.8rem);margin:.5rem 0 1.2rem;line-height:1.2}.subtitle{color:var(--muted);max-width:100%;line-height:1.6;font-size:1rem}.hero-featured .album-card.large{background:radial-gradient(circle at top left,var(--accent-soft),var(--bg-elevated));border-radius:1.5rem;border:1px solid var(--border-subtle);padding:clamp(1.2rem,3vw,1.6rem);box-shadow:0 8px 32px #0006;transition:transform .3s ease,box-shadow .3s ease}.hero-featured .album-card.large:hover{transform:translateY(-4px);box-shadow:0 12px 40px #00000080}.album-cover{width:100%;padding-top:100%;border-radius:1rem;background:linear-gradient(145deg,#c9a962,#8b6a7a 48%,#2c2228);margin-bottom:1rem}.album-body h2,.album-body h3{margin:0 0 .35rem}.album-subtitle{margin:0 0 .6rem;color:var(--muted);font-size:.9rem}.album-description{font-size:.9rem;color:var(--muted)}.apropos-content{max-width:100%;margin-top:1.5rem}.apropos-paragraph{color:var(--muted);line-height:1.8;font-size:.95rem;margin-bottom:1.2rem;text-align:justify}.apropos-paragraph:first-of-type{font-weight:600;color:var(--text);font-size:1.05rem;margin-bottom:1.5rem}.read-more-btn{margin-top:1rem;padding:.6rem 1.4rem;border-radius:999px;border:1px solid var(--accent);background:transparent;color:var(--accent);font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.read-more-btn:hover{background:var(--accent);color:var(--bg-deep);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.musique h2,.albums-section h2,.videos-section h2,.maisons h2,.contact h2{font-size:clamp(1.45rem,4vw,1.65rem);margin-bottom:1.1rem;font-weight:600}.section-intro{color:var(--muted);font-size:1rem;margin-bottom:2rem;max-width:100%}.empty-state{color:var(--muted);font-style:italic;padding:2rem;text-align:center}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.albums-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,18.5rem),1fr));gap:clamp(1rem,2.2vw,1.35rem);width:100%;margin-bottom:clamp(1rem,2vw,1.25rem)}.catalog-pagination{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1.25rem;padding:1rem 1.15rem;border-radius:var(--album-radius);border:1px solid var(--border-gold);background:linear-gradient(180deg,rgba(var(--accent-rgb),.07) 0%,var(--bg-elevated) 100%);box-shadow:0 4px 20px #0003}.catalog-pagination+.albums-grid,.catalog-pagination+.video-grid{margin-top:0}.albums-grid+.catalog-pagination,.video-grid+.catalog-pagination{margin-top:1.5rem;margin-bottom:0}.catalog-pagination__summary{margin:0;font-size:.9rem;line-height:1.45;color:var(--muted);font-family:var(--font-ui)}.catalog-pagination__summary strong{color:var(--text);font-weight:600}.catalog-pagination__meta{color:var(--muted);font-weight:500}.catalog-pagination__progress{width:100%;height:4px;border-radius:999px;background:#ffffff14;overflow:hidden}.catalog-pagination__progress-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,var(--accent-deep),var(--accent));transition:width .25s ease}.catalog-pagination__controls{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;align-items:center}.catalog-pagination__btn{min-height:var(--album-tap-min);padding:.55rem 1.35rem;border-radius:.5rem;border:1px solid var(--border-subtle);background:var(--surface);color:var(--text);font-size:.9rem;font-weight:600;font-family:var(--font-ui);cursor:pointer;transition:background .2s ease,color .2s ease,border-color .2s ease,transform .15s ease}.catalog-pagination__btn:hover:not(:disabled){background:var(--accent);color:var(--bg-deep);border-color:var(--accent);transform:translateY(-1px);box-shadow:0 4px 16px var(--accent-glow)}.catalog-pagination__btn:disabled{opacity:.35;cursor:not-allowed}.catalog-pagination__btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pagination{display:flex;align-items:center;justify-content:center;gap:1.5rem;margin-top:3rem;padding:1.5rem 0}.pagination-btn{padding:.75rem 1.5rem;border-radius:.5rem;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease;min-width:120px}.pagination-btn:hover:not(:disabled){background:var(--accent);color:var(--bg-deep);border-color:var(--accent);transform:translateY(-2px);box-shadow:0 4px 16px var(--accent-glow)}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.pagination-info{display:flex;align-items:center;gap:.5rem;font-size:1rem;color:var(--text);min-width:80px;justify-content:center}.pagination-current{font-weight:700;font-size:1.2rem;color:var(--accent)}.pagination-separator{color:var(--muted);font-weight:400}.pagination-total{color:var(--muted);font-weight:500}.album-card{border-radius:1.2rem;border:1px solid var(--border-subtle);padding:clamp(1rem,2.5vw,1.4rem);background:radial-gradient(ellipse 70% 50% at 0% 0%,rgba(var(--accent-rgb),.1),transparent 55%),var(--bg-elevated);box-shadow:0 6px 24px #00000059;transition:transform .3s ease,box-shadow .3s ease}.album-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0006}.album-card--catalog{--album-pad: clamp(.875rem, 2vw, 1.125rem);display:flex;flex-direction:column;padding:var(--album-pad);overflow:hidden;border-radius:var(--album-radius);height:100%}.album-card__artwork{position:relative;width:100%;aspect-ratio:1;border-radius:var(--album-cover-radius);overflow:hidden;margin:0 0 .75rem;flex-shrink:0;background:linear-gradient(145deg,#d4b56e,#8b6a7a 45%,#2a1f28);box-shadow:inset 0 0 0 1px #ffffff12}.album-card__cover{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}.album-card__body{display:flex;flex-direction:column;flex:1;min-height:0}.album-card__head{display:flex;align-items:flex-start;justify-content:space-between;gap:.625rem;margin-bottom:.375rem}.album-card__head-text{flex:1;min-width:0}.album-card__title{margin:0;font-size:clamp(1.0625rem,2.1vw,1.1875rem);font-weight:600;line-height:1.28;letter-spacing:.015em;text-wrap:balance}.album-card__subtitle{margin:.25rem 0 0;font-size:.8125rem;line-height:1.38;color:var(--muted);font-weight:500}.album-card__badge{flex-shrink:0;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:2.75rem;padding:.3125rem .5rem;border-radius:.5rem;background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.38);line-height:1.15;text-align:center}.album-card__badge-num{font-size:1rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--accent)}.album-card__badge-label{font-size:.625rem;font-weight:600;text-transform:uppercase;letter-spacing:.07em;color:var(--muted)}.album-card__desc{margin:0 0 .625rem;font-size:.875rem;line-height:1.55;color:var(--muted);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.album-card__tracks{margin-top:auto;padding-top:.125rem}.album-card__tracks--scroll{max-height:min(48vh,24rem);overflow-y:auto;overflow-x:hidden;padding-right:.25rem;margin-right:-.125rem;scrollbar-gutter:stable;scroll-behavior:smooth}@media(prefers-reduced-motion:reduce){.album-card,.album-card__tracks--scroll{scroll-behavior:auto}}.album-card__tracklist{list-style:none;margin:0;padding:0}.album-card__track{display:flex;align-items:flex-start;gap:.625rem;padding:.5rem 0;min-height:2.75rem;border-bottom:1px solid var(--album-border)}.album-card__track:last-child{border-bottom:none;padding-bottom:0}.album-card__track:first-child{padding-top:.125rem}.album-card__track-num{flex-shrink:0;width:1.75rem;height:1.75rem;display:inline-flex;align-items:center;justify-content:center;margin-top:.125rem;font-size:.6875rem;font-weight:700;font-variant-numeric:tabular-nums;color:var(--text);background:#ffffff14;border-radius:.375rem}.album-card__track-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:.375rem}.album-card__track-name{font-size:.875rem;line-height:1.38;font-weight:500;color:var(--text)}.album-card__audio{width:100%;min-height:2.5rem}.album-card__expand{margin-top:.75rem;width:100%;min-height:var(--album-tap-min);padding:.5rem 1rem;border-radius:.5rem;border:1px solid rgba(var(--accent-rgb),.5);background:rgba(var(--accent-rgb),.12);color:var(--accent);font-size:.8125rem;font-weight:600;font-family:inherit;cursor:pointer;transition:background .15s ease,color .15s ease,border-color .15s ease}.album-card__expand:hover{background:var(--accent);color:var(--bg-deep);border-color:var(--accent)}.album-card__expand:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.track-list{list-style:none;padding:0;margin:1rem 0 0}.track-item{display:flex;flex-direction:column;gap:.25rem;margin-bottom:.7rem}.track-title{font-size:.9rem}.track-player,.video-player{width:100%}.video-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:clamp(1.2rem,3vw,2rem);width:100%}.video-card{border-radius:1.2rem;border:1px solid var(--border-subtle);background:radial-gradient(circle at top left,rgba(129,176,200,.12),var(--bg-elevated));padding:clamp(1rem,2.5vw,1.4rem);box-shadow:0 4px 20px #0000004d;transition:transform .3s ease,box-shadow .3s ease}.video-card:hover{transform:translateY(-2px);box-shadow:0 8px 28px #0006}.video-body h3{margin:0 0 .35rem;font-size:1.1rem}.video-subtitle{margin:0 0 .6rem;color:var(--muted);font-size:.9rem;font-weight:500}.video-description{color:var(--muted);font-size:.9rem;line-height:1.6;margin:0 0 1rem}.video-thumb{width:100%;padding-top:56.25%;border-radius:1rem;background:linear-gradient(135deg,#c9a96259,#3d4a5c 55%,#252a35);margin-bottom:.8rem}.maisons-intro{color:var(--muted);max-width:100%;line-height:1.7;font-size:1rem;margin-bottom:3rem}.realisations-section{margin-top:2rem}.download-program{display:flex;justify-content:center;margin-bottom:2rem}.download-btn{display:inline-flex;align-items:center;gap:.75rem;padding:1rem 2rem;border-radius:.75rem;background:linear-gradient(135deg,var(--accent),var(--accent-burgundy));color:#fff;font-size:1rem;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--accent-rgb),.4);border:none;cursor:pointer}.download-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.5);background:linear-gradient(135deg,var(--accent-burgundy),var(--accent))}.download-icon{font-size:1.2rem}.realisations-navigation{margin-top:1.5rem}.dept-tabs{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center;margin-bottom:1.5rem}.dept-tab{padding:.6rem 1.2rem;border-radius:.5rem;border:1px solid var(--border-subtle);background:var(--bg-elevated);color:var(--text);font-size:.9rem;font-weight:500;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);min-width:50px;text-align:center;position:relative;overflow:hidden}.dept-tab:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:rgba(var(--accent-rgb),.2);transform:translate(-50%,-50%);transition:width .6s ease,height .6s ease}.dept-tab:hover:before{width:300px;height:300px}.dept-tab:hover{background:rgba(var(--accent-rgb),.15);border-color:var(--accent);transform:translateY(-3px) scale(1.05);box-shadow:0 6px 20px rgba(var(--accent-rgb),.3)}.dept-tab:active{transform:translateY(-1px) scale(1.02)}.dept-tab.active{background:linear-gradient(135deg,var(--accent),var(--accent-burgundy));color:#fff;border-color:var(--accent);box-shadow:0 4px 12px rgba(var(--accent-rgb),.4);transform:scale(1.05)}.dept-tab.active:hover{transform:translateY(-3px) scale(1.08);box-shadow:0 8px 24px rgba(var(--accent-rgb),.5)}.realisations-marquee-wrapper{overflow:hidden;position:relative;background:rgba(var(--accent-rgb),.05);border:1px solid var(--border-subtle);border-radius:.75rem;padding:1rem 0}.realisations-marquee-wrapper:before,.realisations-marquee-wrapper:after{content:"";position:absolute;top:0;width:100px;height:100%;z-index:1;pointer-events:none}.realisations-marquee-wrapper:before{left:0;background:linear-gradient(to right,var(--bg),transparent)}.realisations-marquee-wrapper:after{right:0;background:linear-gradient(to left,var(--bg),transparent)}.realisations-marquee{display:flex;gap:2rem;white-space:nowrap;flex:1;overflow:hidden;will-change:transform}.realisations-marquee.marquee-animating{animation:marquee 60s linear infinite}.realisations-marquee:hover{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff08;border-radius:.5rem;font-size:.9rem;color:var(--muted);flex-shrink:0;transition:all .3s ease}.marquee-item:hover{background:rgba(var(--accent-rgb),.1);transform:scale(1.05);box-shadow:0 2px 8px rgba(var(--accent-rgb),.2)}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-33.333%)}}.marquee-item{display:inline-flex;align-items:center;gap:.75rem;padding:.5rem 1rem;background:#ffffff08;border-radius:.5rem;font-size:.9rem;color:var(--muted);flex-shrink:0}.marquee-nom{font-weight:500;color:var(--text)}.marquee-separator{color:var(--accent);opacity:.6}.marquee-adresse{color:var(--muted);font-size:.85rem}.maisons p,.contact-intro{color:var(--muted);max-width:100%;line-height:1.7;font-size:1rem;margin-bottom:3rem;text-align:center}.contact-container{display:grid;grid-template-columns:minmax(280px,1fr) minmax(300px,1.5fr);gap:3rem;margin-top:2rem}.contact-info{display:flex;flex-direction:column;gap:2rem}.contact-item{display:flex;align-items:center;gap:1rem;padding:1.25rem;background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.1),var(--bg-elevated));border:1px solid var(--border-subtle);border-radius:1rem;transition:transform .3s ease,box-shadow .3s ease}.contact-item:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.contact-icon{font-size:1.5rem;flex-shrink:0}.contact-link{color:var(--text);font-size:1.1rem;font-weight:500;text-decoration:none;transition:color .3s ease}.contact-link:hover{color:var(--accent)}.social-links{display:flex;flex-direction:column;gap:1rem;margin-top:1rem}.social-link{display:flex;align-items:center;gap:1rem;padding:1rem 1.25rem;border-radius:.75rem;text-decoration:none;color:var(--text);background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.1),var(--bg-elevated));border:1px solid var(--border-subtle);transition:all .3s ease;font-weight:500}.social-link:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000004d}.social-link.facebook:hover{background:linear-gradient(135deg,rgba(24,119,242,.2),var(--bg-elevated));border-color:#1877f280;color:#1877f2}.social-link.linkedin:hover{background:linear-gradient(135deg,rgba(0,119,181,.2),var(--bg-elevated));border-color:#0077b580;color:#0077b5}.social-link svg{width:24px;height:24px;flex-shrink:0}.contact-form{display:flex;flex-direction:column;gap:1.5rem;padding:2rem;background:radial-gradient(circle at top left,rgba(var(--accent-rgb),.08),var(--bg-elevated));border:1px solid var(--border-subtle);border-radius:1.2rem;box-shadow:0 4px 20px #0000004d}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;color:var(--text);font-size:.95rem}.form-group input,.form-group textarea{padding:.875rem;border:1px solid var(--border-subtle);border-radius:.5rem;background:var(--bg);color:var(--text);font-size:1rem;font-family:inherit;transition:border-color .3s ease,box-shadow .3s ease}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.form-group textarea{resize:vertical;min-height:120px}.submit-btn{padding:1rem 2rem;border-radius:.75rem;border:none;background:linear-gradient(135deg,var(--accent),var(--accent-burgundy));color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px rgba(var(--accent-rgb),.4);margin-top:.5rem}.submit-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.5);background:linear-gradient(135deg,var(--accent-burgundy),var(--accent))}.submit-btn:active{transform:translateY(0)}.form-message{padding:1rem;border-radius:.5rem;font-weight:500;text-align:center}.form-message.success{background:#4caf5033;color:#4caf50;border:1px solid rgba(76,175,80,.4)}.contact p{color:var(--muted);max-width:100%;line-height:1.7;font-size:1rem}.contact-email{font-weight:600;font-size:1.05rem;color:var(--text);margin-top:.5rem}@media(max-width:1024px){main{padding:clamp(2rem,5vw,4rem) clamp(1rem,4vw,2rem)}.accueil-content{grid-template-columns:minmax(0,1fr);gap:2.5rem}.accueil-image-wrapper{max-width:320px;margin:0 auto}.accueil-text{padding-left:0;text-align:center}.accueil-intro,.accueil-description{max-width:100%;margin-left:auto;margin-right:auto}.featured-album-card{grid-template-columns:minmax(0,1fr)}.featured-album-cover{max-width:300px;margin:0 auto}.hero{grid-template-columns:minmax(0,1fr);gap:2.5rem;width:100%}.hero-featured{order:-1}}@media(max-width:768px){.app-header{flex-direction:column;gap:1rem;padding:1rem}.logo{font-size:1rem}.nav{justify-content:center;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:.5rem}.nav button{font-size:.8rem;padding:.35rem .6rem}main{padding:2rem 1rem 3rem}.section{margin-bottom:3rem}.albums-grid,.video-grid{grid-template-columns:1fr}.pagination{flex-direction:column;gap:1rem}.pagination-btn{width:100%;max-width:200px}.catalog-pagination__controls{flex-direction:column}.catalog-pagination__btn{width:100%;max-width:280px}.hero h1{font-size:clamp(1.8rem,6vw,2.4rem)}}@media(max-width:480px){.nav{gap:.3rem}.nav button{font-size:.75rem;padding:.3rem .5rem}.hero-featured .album-card.large,.album-card,.video-card{padding:1rem}.download-btn{padding:.9rem 1.5rem;font-size:.95rem}.dept-tabs{gap:.5rem}.dept-tab{padding:.5rem 1rem;font-size:.85rem;min-width:45px}.realisations-marquee-wrapper{padding:.75rem 0}.marquee-item{font-size:.85rem;padding:.4rem .8rem;gap:.5rem}.contact-container{grid-template-columns:1fr;gap:2rem}.contact-form{padding:1.5rem}}@media(prefers-reduced-motion:reduce){.featured-album-card,.album-card,.video-card,.contact-item,.social-link,.dept-tab{transition:none!important}.featured-album-card:hover,.album-card:hover,.video-card:hover,.contact-item:hover{transform:none}.catalog-pagination__progress-fill{transition:none}.realisations-marquee.marquee-animating{animation:none}}