*{margin:0;padding:0;box-sizing:border-box}body{font-family:'ClashDisplay-Regular', 'Helvetica', sans-serif;line-height:1.6;color:#000;background-color:#fff;display:grid;grid-template-columns:117px 1fr 200px;min-height:100vh}.header{position:sticky;top:0;height:100vh;background-color:#fff;padding:40px 0}.header-content{display:flex;flex-direction:column;align-items:center;gap:20px}.header .mobile-nav{display:none}.logo-section{display:flex;flex-direction:column;align-items:center;gap:15px}.logo-icon{width:120px;height:120px}.logo-icon img{width:100%;height:100%;object-fit:contain}.vinyl-icon{width:40px;height:40px;margin-top:20px}.vinyl-icon img{width:100%;height:100%;object-fit:contain}.logo-text{font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:18px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;text-align:center}.nav{position:sticky;top:0;height:100vh;background-color:#fff;padding:40px 20px;display:flex;flex-direction:column;align-items:self-end}.nav a{font-family:'ClashDisplay-Medium', 'Helvetica', sans-serif;color:#000;text-decoration:none;font-size:16px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:10px}.nav a[href="javascript:history.back()"]{margin-bottom:30px}.mobile-nav{display:none;position:sticky;top:0;background-color:#fff;padding:20px;z-index:1000;border-bottom:1px solid #eee}.header .mobile-nav{position:static;background-color:transparent;padding:0;border:none}.mobile-nav-links{flex-direction:row;justify-content:center;height:auto;padding:0;border:none;display:flex;gap:20px}.mobile-nav-links a{font-family:'ClashDisplay-Medium', 'Helvetica', sans-serif;color:#000;text-decoration:none;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:center;padding:8px 16px;transition:all 0.3s ease}.mobile-retour{display:none;position:sticky;top:0;z-index:1001;mix-blend-mode:difference;backdrop-filter:grayscale(1) contrast(100);clip-path:url(#clipping-shape);background-color:white}.mobile-retour a{font-family:'ClashDisplay-Medium', 'Helvetica', sans-serif;color:#000;text-decoration:none;font-size:14px;font-weight:600;text-transform:uppercase;letter-spacing:1px;text-align:left;display:block;transition:color 0.3s ease}body{max-width:1500px;margin:0 auto}.main-content{padding:40px 0 30px 0;overflow-y:auto}.intro-section{background-color:#fff;padding:0 0 30px 30px}.intro-text{font-size:24px;line-height:1.5;color:#333;font-weight:300}.intro-text strong{font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-weight:bold}.artistes-section{padding-bottom:30px}.section-title{font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:48px;font-weight:bold;text-transform:uppercase;letter-spacing:3px;margin-bottom:10px}.artistes-gallery{display:grid;grid-template-columns:repeat(3, 1fr)}body.homepage .artistes-gallery{grid-template-columns:repeat(4, 1fr)}.gallery-item{flex:1;aspect-ratio:1;position:relative;overflow:hidden}.gallery-item img{width:100%;height:100%;object-fit:cover;transition:opacity 0.3s ease}.gallery-item a:hover img{opacity:0}.gallery-item a:hover::after{content:attr(data-title);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:18px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;text-align:center;z-index:10;opacity:1}@media (max-width: 650px){.gallery-item a:hover img{opacity:1}.gallery-item{display:flex;flex-direction:column}.gallery-item a{display:flex;flex-direction:column}.gallery-item img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.gallery-item a::after{content:attr(data-title);position:absolute;bottom:0;left:0;right:0;color:#000;font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:10px;letter-spacing:1px;text-align:center;padding:10px 5px;line-height:1.2;z-index:1001;mix-blend-mode:difference;backdrop-filter:grayscale(1) contrast(100);clip-path:url(#clipping-shape);background-color:#fff}}.artistes-link{text-align:right}.artistes-link a{color:#000;text-decoration:none;font-size:16px;font-weight:600}.artiste-item-page{display:flex;flex-direction:column}.artiste-item-images{display:grid;grid-template-columns:1fr 1fr;margin-bottom:40px}.artiste-item-image{grid-column:1;width:100%;line-height:0}.artiste-item-image img{width:100%;height:auto;object-fit:cover}.artiste-item-photo-credit{font-size:10px;color:#666;text-align:right;font-style:italic;position:relative;top:10px}.artiste-item-catalogues{grid-column:2;display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;height:100%}.artiste-item-catalogue{line-height:0}.artiste-item-catalogue a{display:block}.artiste-item-catalogue img{width:100%;height:auto;object-fit:cover}.artiste-item-content{padding-bottom:30px}.artiste-item-title{font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:48px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;color:#000}.artiste-item-date{font-size:16px;color:#666;font-style:italic;margin-bottom:15px}.artiste-item-description{font-size:18px;line-height:1.6;color:#333}@media (max-width: 768px){.artiste-item-images{grid-template-columns:1fr 1fr}.artiste-item-catalogues{grid-template-columns:1fr 1fr 1fr}.artiste-item-content{padding:0 20px}.artiste-item-title{font-size:36px}.artiste-item-description{font-size:16px}}.catalogue-section{padding-bottom:30px}.banner{margin-bottom:15px;overflow:hidden;white-space:nowrap}.banner-text{display:flex;font-family:'ClashDisplay-Regular', 'Helvetica', sans-serif;letter-spacing:2px;white-space:nowrap;overflow:hidden}.banner-text span{display:inline-block;margin-right:50px;white-space:nowrap;flex-shrink:0;min-width:max-content;animation:marquee-content 15s linear infinite;will-change:transform}@keyframes marquee-content{from{transform:translateX(0%)}to{transform:translateX(-100%)}}.catalogue-gallery{display:grid;grid-template-columns:repeat(3, 1fr)}body.homepage .catalogue-gallery{grid-template-columns:repeat(4, 1fr)}.catalogue-link{text-align:right;padding-bottom:30px}.catalogue-link a{color:#000;text-decoration:none;font-size:16px;font-weight:600}.catalogue-item-artist a{color:#000;font-size:16px}.gallery-item{flex:1;aspect-ratio:1;position:relative;overflow:hidden}.gallery-item a{display:block;width:100%;height:100%;text-decoration:none}.gallery-item img{width:100%;height:100%;object-fit:cover}.gallery-item a:hover img{opacity:0}.gallery-item a:hover::after{content:attr(data-title);position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#000;font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:18px;font-weight:bold;text-transform:uppercase;letter-spacing:1px;text-align:center;z-index:10;opacity:1}@media (max-width: 650px){.gallery-item a:hover img{opacity:1}.gallery-item a:hover::after{display:none}.gallery-item{display:flex;flex-direction:column}.gallery-item a{display:flex;flex-direction:column}.gallery-item img{width:100%;height:auto;aspect-ratio:1;object-fit:cover}.gallery-item a::after{content:attr(data-title);position:absolute;bottom:0;left:0;right:0;color:#000;font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:10px;text-align:center;padding:5px 5px;line-height:1.2;z-index:1001;mix-blend-mode:difference;backdrop-filter:grayscale(1) contrast(100);clip-path:url(#clipping-shape);background-color:#fff}}.catalogue-item-page{display:flex;flex-direction:column;gap:40px}.catalogue-item-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:start}.catalogue-item-image{width:100%}.catalogue-item-image img{width:100%;height:auto;object-fit:cover}.catalogue-item-player{width:100%;display:flex;align-items:center;justify-content:center}.catalogue-item-content{padding-bottom:15px}.catalogue-item-title{font-family:'ClashDisplay-Bold', 'Helvetica', sans-serif;font-size:48px;font-weight:bold;text-transform:uppercase;letter-spacing:2px;margin-bottom:20px;color:#000}.catalogue-item-description{font-size:18px;line-height:1.6;color:#333;margin-bottom:15px}.catalogue-item-date{font-size:12px}@media (max-width: 1200px){.catalogue-item-content{padding:0 20px}.catalogue-item-grid{grid-template-columns:1fr 1fr;gap:20px}}@media (max-width: 600px){.catalogue-item-page{padding:20px;gap:20px}.catalogue-item-content{padding:0}.catalogue-item-grid{grid-template-columns:1fr;gap:20px}.catalogue-item-title{font-size:36px}.catalogue-item-description{font-size:16px}}.footer p{font-size:16px;line-height:1.8;margin-bottom:15px}.footer a{color:#000;text-decoration:none}.footer a:hover{text-decoration:underline}@media (max-width: 1024px){body{grid-template-columns:1fr;grid-template-rows:auto auto auto 1fr;overflow-x:hidden}.header{position:static;height:auto;border:none;padding:20px}.header-content{flex-direction:column;justify-content:space-between;align-items:center;gap:20px}.header .mobile-nav{display:block}.mobile-retour{display:block}.logo-section{flex-direction:row;gap:10px}.logo-text{font-size:16px}.mobile-nav{display:block}.nav{display:none}.main-content{padding:0;overflow-x:hidden}.intro-section{padding:40px 20px}.intro-text{font-size:20px}.footer{padding:40px 20px;margin-top:40px}.artistes-gallery,.catalogue-gallery{grid-template-columns:repeat(3, 1fr)}body.homepage .artistes-gallery,body.homepage .catalogue-gallery{grid-template-columns:repeat(4 1fr)}}@media (max-width: 900px){body.homepage .artistes-gallery,body.homepage .catalogue-gallery{grid-template-columns:repeat(3, 1fr)}}@media (max-width: 650px){.intro-section{padding:20px}.footer{padding:20px;margin-top:20px}.artistes-gallery,.catalogue-gallery{grid-template-columns:repeat(2, 1fr)}body.homepage .artistes-gallery,body.homepage .catalogue-gallery{grid-template-columns:repeat(2, 1fr)}}