/*
Theme Name: Misstify
Description: Thème à blocs pour le trio Misstify. Modifiable dans l’éditeur de site WordPress.
Version: 1.1.0
Requires at least: 6.6
Requires PHP: 7.4
Text Domain: misstify
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
*/
@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--bg:var(--wp--preset--color--base,#151614);--paper:var(--wp--preset--color--contrast,#f1f0e9);--acid:var(--wp--preset--color--accent,#d8fa46);--muted:var(--wp--preset--color--muted,#aaa9a1);--line:#3c3d37;color-scheme:dark;font-family:'DM Sans',Arial,sans-serif;font-size:16px;background:var(--bg);color:var(--paper)}*{box-sizing:border-box}body{margin:0}html{scroll-behavior:smooth;scroll-padding-top:90px}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--acid);outline-offset:6px}img{display:block;width:100%;object-fit:cover}p{line-height:1.7}h1,h2,h3,p,figure{margin:0}h1,h2,.footer-top p{font-family:'Barlow Condensed','Arial Narrow',Impact,sans-serif;text-transform:uppercase}h2{font-size:clamp(3rem,5.7vw,5.7rem);line-height:.98;letter-spacing:-.015em;font-weight:700}h2 span{color:var(--muted)}.header{height:90px;padding:0 4.4%;display:flex;align-items:center;justify-content:space-between;gap:32px;border-bottom:1px solid var(--line);background:var(--bg);position:relative;z-index:10}.brand{font-size:34px;font-weight:900;font-style:italic;letter-spacing:-2px}.brand span{font-size:12px;vertical-align:super;letter-spacing:0;padding-left:4px}nav{display:flex;gap:32px;font-size:14px}nav a{padding:12px 0}.contact{font-size:14px;border-bottom:1px solid var(--muted);padding:9px 0}.contact span{padding-left:16px}.menu{display:none}.hero{padding:24px 4.4% 0}.eyebrow{display:flex;justify-content:space-between;font-size:12px;letter-spacing:1.6px}.hero h1{font-size:clamp(5rem,16vw,21rem);font-weight:800;line-height:.99;letter-spacing:-.035em;display:flex;justify-content:space-between;align-items:center;margin:8px 0 20px}.star{font-family:Arial,sans-serif;font-size:.62em;color:var(--acid);font-weight:400;line-height:1;transform:rotate(10deg)}.hero-photo{height:390px;position:relative;overflow:hidden}.hero-photo>img{height:100%;object-position:50% 44%;filter:saturate(.72)}.photo-shade{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.86),transparent 75%)}.hero-copy{position:absolute;bottom:40px;left:40px}.hero-copy>p{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-weight:600;font-size:clamp(2.2rem,4vw,3.5rem);line-height:1;margin-bottom:24px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 23px;min-height:54px;font-size:14px;font-weight:700;transition:background .2s,transform .2s}.button:hover{transform:translateY(-3px)}.acid{background:var(--acid);color:var(--bg)}.acid:hover{background:#e6ff84}.play{font-size:12px}.hero-side{position:absolute;right:40px;bottom:40px;text-align:right;font-size:12px;line-height:1.6;letter-spacing:1px}.hero-side>a{display:block;margin-top:27px;font-size:14px;letter-spacing:0}.photo-label{position:absolute;top:24px;left:25px;font-size:12px;letter-spacing:2px}.release-strip{display:flex;align-items:center;gap:28px;padding:26px 0;border-bottom:1px solid var(--line)}.tag{font-size:12px;font-weight:600;letter-spacing:1.2px;border:1px solid var(--line);padding:8px 11px;display:inline-block}.release-strip>a{display:flex;justify-content:space-between;align-items:center;flex:1;font-size:21px}.release-strip>a>span{font-size:14px;color:var(--muted)}.section{padding:100px 4.4%;scroll-margin-top:20px}.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:48px;margin-bottom:45px}.kicker{font-size:12px;letter-spacing:2px;margin-bottom:26px;color:var(--muted)}.section-head>p{font-size:16px;color:var(--muted);max-width:410px}.feature{display:grid;grid-template-columns:1.1fr 1fr;min-height:440px}.video-art{position:relative;overflow:hidden;min-height:440px}.video-art img{height:100%;position:absolute;filter:grayscale(1) brightness(.78);transition:transform .5s}.video-art:hover img{transform:scale(1.035)}.round-play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border:1px solid #fff8;width:76px;height:76px;display:grid;place-items:center;border-radius:100%;background:#1115;font-size:20px;padding-left:4px}.art-caption{position:absolute;bottom:24px;left:24px;font-size:12px;letter-spacing:1px}.release-info{background:#23241f;padding:40px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.release-info .tag{color:var(--acid)}.release-info h3{font-family:'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;font-size:clamp(2.6rem,4.6vw,4.8rem);line-height:1;margin:22px 0}.release-info p{color:var(--muted);margin-bottom:25px}.text-link{font-size:14px;display:inline-block;border-bottom:1px solid;padding-bottom:5px;margin-top:22px}.tracks{margin-top:28px}.tracks>a{display:grid;grid-template-columns:50px 1fr 160px 20px;gap:20px;align-items:center;border-bottom:1px solid var(--line);padding:25px 0}.tracks>a:hover{color:var(--acid)}.tracks strong{font-size:22px;font-weight:500}.tracks span,.tracks small{font-size:12px;color:var(--muted)}.platforms{display:flex;gap:28px;align-items:center;flex-wrap:wrap;margin-top:35px}.platforms>span{margin-right:auto;font-size:12px;letter-spacing:1px;color:var(--muted)}.platforms a{font-size:14px}.live{background:var(--acid);color:var(--bg)}.live .kicker{color:#454b28}.live-intro{max-width:370px}.live a:focus-visible,.live summary:focus-visible{outline-color:var(--bg)}.next-show{border-top:1px solid #15161466;border-bottom:1px solid #15161466;padding:30px 0;display:flex;align-items:center;justify-content:space-between;gap:30px}.next-show>span:first-child{font-size:12px;letter-spacing:1px}.next-show>span:last-child{font-size:14px;max-width:210px}.next-show p{font-size:26px;font-weight:600}.past-header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin:55px 0 16px}.past-header h3{font-size:22px;font-weight:500}.past-header>span{font-size:12px;letter-spacing:1px}.shows>div,.shows details>div{display:grid;grid-template-columns:100px 1fr 230px;border-bottom:1px solid #15161444;gap:20px;padding:21px 0;align-items:center}.shows time{font-size:14px}.shows strong{font-size:20px;font-weight:500}.shows div>span{text-align:right;font-size:14px}.shows summary{list-style:none;cursor:pointer;padding:22px 0;display:flex;justify-content:space-between;font-size:14px}.shows summary::-webkit-details-marker{display:none}.band-story{max-width:455px;color:var(--muted)}.band-story p+p{margin-top:16px}.members{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.members img{height:390px;filter:saturate(.55)}.members figure:nth-child(2){padding-top:60px}.members figcaption{padding-top:20px}.members h3{font-size:22px;font-weight:500;margin-bottom:8px}.members figcaption span{font-size:12px;color:var(--muted);letter-spacing:1px}.gallery{padding-top:30px}.filters{display:flex;gap:9px}.filters button{background:transparent;border:1px solid var(--line);color:var(--paper);padding:10px 20px;font-size:14px}.filters button.active{background:var(--paper);color:var(--bg)}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.photos button{padding:0;border:0;overflow:hidden;background:#252621;aspect-ratio:4/3}.photos img{height:100%;transition:transform .4s,filter .4s;filter:saturate(.65)}.photos button:hover img{transform:scale(1.05);filter:saturate(1)}.gallery-note{font-size:12px;color:var(--muted);margin-top:15px}.studio{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#1d1e19}.studio>div{display:flex;align-items:flex-end;justify-content:space-between;gap:45px}.studio h2{font-size:clamp(3rem,5vw,5rem)}.studio>div>div{max-width:350px}.studio p{color:var(--muted)}.outline{border:1px solid #a1a294;margin-top:25px}footer{padding:70px 4.4% 25px}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top p{font-size:clamp(3.5rem,8vw,8rem);line-height:.95}.socials{display:flex;gap:30px;flex-wrap:wrap;margin:50px 0 60px;font-size:14px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:25px;border-top:1px solid var(--line)}.footer-bottom>span,.footer-bottom>a:last-child{font-size:12px;color:var(--muted)}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:var(--acid);color:var(--bg);z-index:100}.skip:focus{top:10px}dialog{border:1px solid var(--line);padding:50px 20px 20px;background:var(--bg);max-width:min(1100px,95vw);max-height:95vh}dialog::backdrop{background:#000d}dialog img{width:auto;max-width:100%;height:auto;max-height:75vh;object-fit:contain;margin:auto}dialog p{font-size:14px;padding-top:12px}.close{position:absolute;right:16px;top:12px;background:none;border:0;color:white;padding:6px;font-size:14px}
@media(min-width:1600px){.hero-photo{height:570px}}@media(max-width:900px){.header{gap:20px}nav{gap:18px}.contact{display:none}.hero-photo{height:420px}.section{padding:70px 5%}.section-head{gap:25px}.band-story{max-width:46%}.members img{height:300px}.release-info{padding:25px}.platforms{gap:20px}.platforms>span{width:100%}.next-show{flex-wrap:wrap}.next-show p{margin-left:auto}.next-show>span:last-child{max-width:none;width:100%;text-align:right}.shows>div,.shows details>div{grid-template-columns:60px 1fr 160px}.studio>div{align-items:flex-start}.studio>div>div{max-width:40%}}
@media(max-width:600px){html{scroll-padding-top:25px}.header{height:72px;padding:0 5%}.brand{font-size:31px}.menu{display:block;border:1px solid var(--line);padding:9px 12px;background:none;color:var(--paper);font-size:14px}.header nav{display:none;position:absolute;top:71px;left:0;right:0;padding:24px 5%;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;gap:10px}.header nav.open{display:flex}.hero{padding:20px 5% 0}.eyebrow{font-size:12px;letter-spacing:.4px}.eyebrow span:last-child{display:none}.hero h1{font-size:19.6vw;margin:13px 0 20px}.star{font-size:.53em}.hero-photo{height:460px}.hero-copy{left:23px;bottom:28px}.hero-copy>p{font-size:2.8rem}.hero-side{display:none}.photo-label{left:23px;font-size:12px}.hero-photo>img{object-position:43% 50%}.release-strip{align-items:flex-start;gap:15px;flex-direction:column;padding:20px 0}.release-strip>a{width:100%;gap:15px;font-size:18px}.release-strip>a>span{font-size:12px}.section{padding:65px 5%}.section-head{display:block;margin-bottom:30px}.section-head>p,.live-intro{margin-top:25px}.kicker{font-size:11px;margin-bottom:20px}h2{font-size:3.6rem}.feature{grid-template-columns:1fr}.video-art{min-height:330px}.release-info{padding:30px}.release-info h3{font-size:3.8rem}.tracks>a{grid-template-columns:25px 1fr 20px;gap:12px;padding:23px 0}.tracks small{display:none}.tracks strong{font-size:18px}.platforms{gap:20px}.next-show{display:block}.next-show p{margin:16px 0;font-size:24px}.next-show>span:last-child{font-size:14px}.past-header{display:block;margin-top:35px}.past-header>span{display:block;margin-top:14px}.shows>div,.shows details>div{grid-template-columns:45px 1fr;gap:8px 15px}.shows strong{font-size:17px}.shows div>span{grid-column:2;text-align:left;font-size:12px}.band-story{max-width:none;margin-top:28px}.members{grid-template-columns:1fr;gap:30px}.members img{height:420px}.members figure:nth-child(2){padding-top:0}.members figcaption{padding-top:16px}.filters{margin-top:28px}.filters button{flex:1}.photos{grid-template-columns:repeat(2,1fr);gap:12px}.studio>div{display:block}.studio h2{font-size:3.2rem}.studio>div>div{max-width:none;margin-top:25px}.footer-top{display:block}.footer-top p{font-size:4.4rem;margin-bottom:30px}.footer-bottom{flex-wrap:wrap}.footer-bottom>span{order:3;width:100%;font-size:11px}.socials{gap:25px;margin:35px 0}.button{gap:20px}.gallery{padding-top:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

.listen-here{border-bottom:1px solid var(--line);margin-top:24px}.listen-here summary{cursor:pointer;display:flex;justify-content:space-between;list-style:none;padding:20px 0;font-size:16px}.players{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:25px}.players iframe{width:100%;border:0;border-radius:12px}@media(max-width:600px){.players{grid-template-columns:1fr}}

/* Adaptation aux blocs natifs WordPress. */
.wp-site-blocks{padding:0}.wp-site-blocks>*,.wp-block-group{margin-block-start:0}.wp-block-image{margin:0}.wp-block-group.header p{margin:0}.header .wp-block-navigation{display:flex}.wp-block-navigation__responsive-container.is-menu-open{background:var(--bg)!important;color:var(--paper)!important}.wp-hero-title{display:flex;align-items:center;justify-content:space-between}.hero .wp-hero-title h1{font-size:clamp(5rem,16vw,21rem);margin:8px 0 20px}.wp-hero-title .star{font-size:clamp(4rem,11vw,12rem)}.wp-hero-photo{position:relative;height:390px;overflow:hidden}.wp-hero-photo .hero-image{height:100%}.wp-hero-photo img{height:100%;width:100%;filter:brightness(.65);object-position:center 44%}.wp-hero-copy{position:absolute;left:40px;bottom:30px}.wp-hero-copy h2{font-size:clamp(2.2rem,4vw,3.5rem);margin-bottom:25px}.wp-block-button__link{padding:16px 24px;font-size:14px;border-radius:0}.wp-block-button.acid{background:transparent}.wp-block-button.acid .wp-block-button__link{background:var(--acid);color:var(--bg)}.release-strip p:last-child{font-size:21px}.wp-video-art{position:relative;min-height:440px}.wp-video-art figure{height:100%}.wp-video-art img{height:100%;object-fit:cover;filter:grayscale(1) brightness(.8)}.wp-video-art .art-caption{background:#151614c9;padding:10px}.wp-track{display:flex;justify-content:space-between;align-items:center;padding:25px 0;border-bottom:1px solid var(--line);gap:20px}.wp-track h3{font:500 22px 'DM Sans',Arial,sans-serif}.wp-track p{font-size:12px;color:var(--muted)}.platforms p{font-size:14px}.platforms p:first-child{margin-right:auto;color:var(--muted);font-size:12px}.live a{color:inherit}.wp-next-show{padding:30px 0;margin-bottom:40px;border-block:1px solid #15161466}.wp-next-show h3{font-size:30px}.wp-next-show p{margin-top:12px}.wp-show{display:grid;grid-template-columns:80px 1fr 230px;gap:20px;align-items:center;border-bottom:1px solid #15161444;padding:22px 0}.wp-show h3{font:500 20px 'DM Sans',Arial,sans-serif}.wp-show p{font-size:14px}.wp-show p:last-child{text-align:right}.wp-members{display:grid;grid-template-columns:repeat(3,1fr);gap:26px}.wp-member:nth-child(2){padding-top:60px}.wp-member img{height:390px;object-fit:cover}.wp-member h3{font:500 22px 'DM Sans',Arial,sans-serif;margin:20px 0 8px}.wp-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.wp-photos img{height:280px;object-fit:cover}.studio .wp-block-buttons{margin-top:24px}.wp-footer{padding:70px 4.4% 25px}.wp-footer .footer-top h2{font-size:clamp(3.5rem,8vw,8rem)}.wp-footer .footer-top .wp-block-buttons{flex-shrink:0}.footer-bottom p{font-size:12px}.footer-bottom .brand{font-size:34px}.editor-styles-wrapper .wp-hero-photo{height:auto}.editor-styles-wrapper .wp-hero-copy{position:relative;left:auto;bottom:auto;padding:25px}.editor-styles-wrapper .hero-image img{max-height:390px}.editor-styles-wrapper .wp-block-group{max-width:none}
@media(max-width:600px){.header .wp-block-navigation{position:static;padding:0;display:flex;flex-direction:row;border:0}.header{height:auto;min-height:72px}.wp-hero-title .star{font-size:3.6rem}.hero .wp-hero-title h1{font-size:19vw}.wp-hero-photo{height:460px}.wp-hero-copy{left:23px;bottom:28px;right:20px}.wp-hero-copy h2{font-size:2.8rem}.wp-video-art{min-height:330px}.wp-video-art img{height:330px}.wp-members{grid-template-columns:1fr}.wp-member:nth-child(2){padding-top:0}.wp-member img{height:420px}.wp-photos{grid-template-columns:1fr 1fr;gap:12px}.wp-photos img{height:180px}.wp-show{grid-template-columns:45px 1fr;gap:8px 15px}.wp-show h3{font-size:17px}.wp-show p:last-child{grid-column:2;text-align:left}.wp-track h3{font-size:18px}.wp-track p{display:none}.wp-footer .footer-top .wp-block-buttons{margin-top:25px}.studio>div>div{max-width:none}}
footer.wp-block-template-part{padding:0}

/* Pages Contact et Studio */
.mobile-contact{display:none}.annex-intro{padding-bottom:65px;border-bottom:1px solid var(--line)}.back-link{display:inline-block;font-size:14px;color:var(--muted);margin-bottom:45px}.annex-intro h1{font-size:clamp(4rem,9vw,9rem);line-height:.95;letter-spacing:-.02em}.annex-intro h1 span{color:var(--acid)}.annex-lead{font-size:20px;max-width:640px;color:var(--muted);margin-top:30px}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:8%;padding-top:65px}.contact-channel{display:flex;flex-direction:column;gap:9px;padding:22px 0;border-bottom:1px solid var(--line)}.contact-channel span{font-size:14px;color:var(--muted)}.contact-channel b{font-size:21px;font-weight:500}.contact-aside>img{margin-top:35px;aspect-ratio:4/3;filter:grayscale(1)}.studio-note{margin-top:28px}.studio-note h3{font-size:22px}.studio-note p{margin-top:10px;color:var(--muted)}.booking-form h2{font-size:clamp(2.5rem,4vw,4rem)}.booking-form>p{color:var(--muted);margin:18px 0 30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.booking-form label{display:block;font-size:14px;margin-bottom:24px}.booking-form label span{color:var(--muted);font-size:12px}.booking-form input,.booking-form select,.booking-form textarea{display:block;width:100%;padding:15px;margin-top:9px;background:#22231f;color:var(--paper);border:1px solid #575950;border-radius:0;font:inherit;font-size:16px}.booking-form input:focus,.booking-form select:focus,.booking-form textarea:focus{outline:2px solid var(--acid);outline-offset:2px}.booking-form textarea{resize:vertical}.booking-form button{border:0}.booking-form .form-note{font-size:13px;margin:16px 0}.message-ready{padding:22px;border:1px solid var(--acid);margin-top:25px}.message-ready p{margin-bottom:20px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0 35px}.service-card{padding:0 0 35px;margin-bottom:35px;border-bottom:1px solid var(--line)}.service-card h2{font-size:2.5rem;margin-bottom:22px}.service-card>p:last-child{color:var(--muted)}.services-section{padding-bottom:30px}.equipment{background:var(--acid);color:var(--bg);display:grid;grid-template-columns:1fr 1fr;gap:50px}.equipment .kicker{color:#454b28}.equipment ul{margin:0;padding:0;list-style:none}.equipment li{padding:15px 0;border-bottom:1px solid #15161444}.studio-location{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%}.studio-location h2{font-size:clamp(2.6rem,5vw,5rem)}.studio-location p{margin-top:24px;color:var(--muted)}.studio-booking{padding:35px;border:1px solid var(--line)}.studio-booking h3{font-size:26px}.studio-booking .button{margin-top:25px}.contact[aria-current=page]{color:var(--acid)}@media(max-width:900px){.mobile-contact{display:block}.service-grid{grid-template-columns:1fr 1fr}.form-row{grid-template-columns:1fr;gap:0}}@media(max-width:600px){.annex-intro{padding-top:35px;padding-bottom:45px}.annex-intro h1{font-size:3.8rem}.annex-lead{font-size:18px}.back-link{margin-bottom:32px}.contact-layout{grid-template-columns:1fr;gap:45px}.booking-form{grid-row:1}.service-grid{grid-template-columns:1fr;gap:0}.equipment,.studio-location{grid-template-columns:1fr;gap:40px}.service-card h2{font-size:2.7rem}.studio-booking{padding:25px}.studio-booking .button{font-size:13px;gap:10px}}

.equipment-list p{padding:15px 0;border-bottom:1px solid #15161444}.contact-aside h3{margin-top:35px}.wp-block-shortcode .booking-form{width:100%}

@media(min-width:601px){.annex-intro{padding-top:60px;padding-bottom:45px}.annex-intro .back-link{margin-bottom:28px}.annex-intro h1{font-size:clamp(4rem,7vw,7rem)}}