/*
Theme Name: Métamorphoses
Version: 1.0.0
Requires PHP: 8.0
Description: Archives des rencontres Métamorphoses au Havre.
Text Domain: metamorphoses
*/

:root{--ink:#171717;--paper:#fff;--line:#d4d3cf;--accent:#b85b24;--accent-light:#ed955e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;padding:7px;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif}body::after{content:"";position:fixed;inset:0;border:1px solid #000;box-shadow:inset 0 0 0 6px var(--paper);pointer-events:none;z-index:100}button,input{font:inherit}button{cursor:pointer}a{color:inherit}a:hover{text-decoration-thickness:2px}.shell{max-width:1640px;padding:0 4vw;margin:auto}.top{height:78px;border-bottom:1px solid var(--ink);display:flex;justify-content:space-between;align-items:center;gap:20px}.brand{text-decoration:none;display:block;width:183px;flex:none}.brand img{display:block;width:100%;height:auto}.top nav{display:flex;gap:30px;font-size:13px;text-transform:uppercase;letter-spacing:.08em}.top nav a{text-decoration:none}.top nav a:hover{text-decoration:underline}.hero{background:#000;color:#fff;padding:58px 4vw 54px;border-bottom:1px solid var(--ink);display:flex;flex-direction:column;align-items:center;gap:32px;text-align:center}.eyebrow,.section-label{font-size:12px;font-weight:700;letter-spacing:.13em;text-transform:uppercase}.mark{display:inline-block;background:var(--accent);padding:5px 8px;margin-right:8px}.hero h1{margin:0;width:min(100%,550px);max-width:100%;border:1px solid #fff;padding:0;line-height:0}.hero h1 img{filter:contrast(1.3);display:block;width:100%;height:auto;margin:0}.hero h1 span{display:block}.hero-aside{align-self:center;width:100%;max-width:780px;padding-bottom:0}.hero-aside p{font-size:clamp(21px,2.5vw,34px);font-weight:600;line-height:1.35;letter-spacing:-.025em;margin:0 0 24px;background:transparent;color:inherit;padding:20px 28px}.hero-aside a{display:inline-block;text-decoration:none;border-bottom:1px solid;padding-bottom:5px;font-size:13px;text-transform:uppercase;letter-spacing:.07em}.strip{display:flex;align-items:center;justify-content:space-between;padding:17px 0 21px;border-bottom:1px solid var(--line);font-size:12px;text-transform:uppercase;letter-spacing:.08em}.strip b{font-size:22px;letter-spacing:-.06em;margin-right:6px}.intro{display:grid;grid-template-columns:1fr 2fr;gap:40px;padding:48px 0;border-bottom:1px solid var(--ink)}.intro p{font-size:clamp(21px,2vw,30px);line-height:1.35;letter-spacing:-.025em;margin:0;max-width:950px}.intro em{font-family:Georgia,serif;font-weight:400}.archive{padding:65px 0 110px}.archive-head{display:flex;justify-content:space-between;gap:20px;align-items:end;margin-bottom:31px}.archive h2{font-size:clamp(42px,6vw,92px);letter-spacing:-.07em;line-height:.9;margin:14px 0 0;font-weight:600}.archive-count{font-size:13px;text-transform:uppercase;letter-spacing:.09em}.controls{display:flex;gap:12px;justify-content:space-between;align-items:end;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:15px 0;margin-bottom:29px}.years{display:flex;flex-wrap:wrap;gap:6px}.years button{background:none;border:1px solid transparent;padding:10px 14px;font-size:14px}.years button.active{background:var(--ink);color:white}.years button:hover:not(.active){border-color:var(--ink)}.search{background:transparent;border:0;border-bottom:1px solid var(--ink);outline:none;padding:10px 2px;width:230px;border-radius:0}.search:focus{border-bottom:3px solid var(--ink)}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:54px 20px}.card{min-width:0}.card[hidden]{display:none}.card-open{padding:0;border:0;background:none;color:inherit;text-align:left;width:100%;display:block}.thumb{aspect-ratio:16/9;display:flex;align-items:center;justify-content:center;background-color:#292929;background-size:cover;background-position:center;filter:grayscale(1);position:relative;overflow:hidden;transition:filter .25s}.thumb:after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.13)}.card-open:hover .thumb,.card-open:focus-visible .thumb{filter:grayscale(0)}.card-open:hover .play,.card-open:focus-visible .play{background:#b85b24;color:#fff}.card-open:hover .thumb:after,.card-open:focus-visible .thumb:after{box-shadow:inset 0 0 0 3px #b85b24}.play{transition:background .2s,color .2s}.thumb:after{transition:box-shadow .2s}.play{background:var(--accent);width:58px;height:58px;display:grid;place-items:center;border-radius:50%;z-index:1;font-size:16px;padding-left:3px}.card-meta{display:flex;justify-content:space-between;gap:12px;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin:18px 0 13px}.dot{color:#aaa;padding:0 5px}.duration{white-space:nowrap}.card strong{display:block;font-size:clamp(22px,2.1vw,33px);line-height:1.08;letter-spacing:-.052em;font-weight:600;margin-bottom:12px}.question{font-size:15px;line-height:1.45;color:#484848;display:block}.empty{display:none;padding:60px 0}.empty.visible{display:block}.about{background:var(--ink);color:var(--paper);padding:45px 0 45px}.about-grid{display:grid;grid-template-columns:1fr 2fr;gap:40px}.about h2{font-size:clamp(43px,6vw,89px);line-height:.95;letter-spacing:-.07em;margin:0 0 30px;font-weight:600}.about p{max-width:770px;font-size:19px;line-height:1.55;margin:0 0 22px}.about p:last-child{margin-bottom:0}.about a{color:var(--accent)}footer{background:var(--ink);color:var(--paper);border-top:1px solid #565656;padding:24px 0 35px;font-size:12px;text-transform:uppercase;letter-spacing:.08em}footer .shell{display:flex;justify-content:space-between;gap:15px}.overlay{position:fixed;inset:0;background:rgba(0,0,0,.88);z-index:20;display:none;overflow:auto;padding:30px}.overlay.open{display:flex;align-items:center;justify-content:center}.panel{width:min(1020px,100%);background:var(--paper);position:relative}.close{position:absolute;right:0;top:-49px;border:0;color:white;background:none;font-size:14px;text-transform:uppercase;letter-spacing:.1em}.film{aspect-ratio:16/9;background:#111}.film iframe{width:100%;height:100%;border:0}.panel-text{padding:27px 32px 33px;display:grid;grid-template-columns:1fr 2fr;gap:22px}.panel-text h3{font-size:30px;line-height:1.05;letter-spacing:-.05em;margin:0}.panel-text p{margin:0 0 17px;line-height:1.4}.panel-text a{font-size:13px;text-transform:uppercase;letter-spacing:.06em}.lock{overflow:hidden}@media(max-width:900px){.hero{gap:30px}.hero h1 img{max-width:550px}.hero-aside{max-width:780px}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.intro,.about-grid{grid-template-columns:1fr 2fr}.strip span:last-child{display:none}}@media(max-width:620px){.shell{padding:0 22px}.top{height:65px}.top nav{gap:13px;font-size:11px}.top nav a:first-child{display:none}.brand{width:130px}.hero{padding:38px 22px 40px}.hero h1 img{width:100%}.hero-aside p{font-size:21px;padding:16px 18px}.strip b{font-size:18px}.intro{grid-template-columns:1fr;gap:20px;padding:36px 0}.intro p{font-size:21px}.archive{padding:55px 0 75px}.controls{align-items:stretch;flex-direction:column}.search{width:100%}.grid{grid-template-columns:1fr;gap:42px}.card strong{font-size:28px}.about{padding:35px 0}.about-grid{grid-template-columns:1fr;gap:25px}.about p{font-size:17px}.panel-text{grid-template-columns:1fr;padding:20px}.overlay{padding:15px}.close{top:-42px}footer .shell{flex-direction:column}}

.topics{padding:65px 0 75px;border-bottom:1px solid var(--ink)}.topic-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:35px}.topic-heading h2{font-size:clamp(42px,6vw,92px);letter-spacing:-.07em;line-height:.95;font-weight:600;margin:14px 0 0}.topic-heading>p{max-width:285px;font-size:14px;line-height:1.5;color:#595959;margin:0}.topic-group{border-top:1px solid var(--ink)}.topic-group:last-child{border-bottom:1px solid var(--ink)}.topic-group summary{display:flex;align-items:center;gap:22px;padding:23px 0;cursor:pointer;list-style:none}.topic-group summary::-webkit-details-marker{display:none}.topic-number{font-size:13px;min-width:26px}.topic-group summary h3{font-size:clamp(22px,2.5vw,36px);font-weight:600;letter-spacing:-.045em;line-height:1.12;margin:0;flex:1}.topic-total{font-size:13px;white-space:nowrap}.topic-toggle{font-size:25px;line-height:1;display:grid;place-items:center;background:var(--accent);width:34px;height:34px;flex:none}.topic-group[open] .topic-toggle{font-size:0}.topic-group[open] .topic-toggle:after{content:'−';font-size:25px}.topic-group summary:hover h3{text-decoration:underline;text-underline-offset:5px;text-decoration-thickness:1px}.topic-entry{display:grid;grid-template-columns:1fr 2fr;gap:40px;border-top:1px solid var(--line);padding:28px 0}.topic-person{font-size:17px;font-weight:600;line-height:1.35}.topic-person span{display:block;font-size:13px;font-weight:400;color:#666;margin-top:7px}.topic-entry h3{font-size:24px;font-weight:600;letter-spacing:-.035em;line-height:1.2;margin:0 0 12px}.topic-entry p{font-size:16px;line-height:1.6;color:#444;margin:0 0 17px;max-width:800px}.watch-summary{border:0;border-bottom:1px solid var(--ink);background:transparent;padding:0 0 5px;color:var(--ink);font-size:14px}.watch-summary:hover{background:var(--accent)}.watch-summary span{margin-left:12px}@media(max-width:900px){.top{height:auto;min-height:78px;flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.top nav{gap:18px;flex-wrap:wrap;font-size:12px}}@media(max-width:620px){.top nav{width:100%;font-size:12px;justify-content:space-between;gap:9px}.top nav a:first-child{display:none}.topic-heading{display:block}.topic-heading>p{margin-top:22px;max-width:100%}.topic-group summary{gap:10px}.topic-number{display:none}.topic-group summary h3{font-size:22px}.topic-total{font-size:12px}.topic-entry{grid-template-columns:1fr;gap:18px}.topic-person span{display:inline;margin-left:10px}.topics{padding-top:55px;padding-bottom:55px}}

a{color:inherit}a:hover,a:focus-visible{color:var(--accent)}.years button{color:var(--ink)}.years button.active{background:var(--ink);color:white}.years button:hover,.years button:focus-visible{background:var(--accent);border-color:var(--accent);color:white}.play{background:var(--ink);color:white}.card-open:hover .play,.card-open:focus-visible .play{background:var(--accent)}.topic-group summary h3,.topic-total{color:var(--ink)}.topic-toggle{background:var(--ink);color:white}.topic-group summary:hover h3,.topic-group summary:focus-visible h3,.topic-group summary:hover .topic-total,.topic-group summary:focus-visible .topic-total{color:var(--accent)}.topic-group summary:hover .topic-toggle,.topic-group summary:focus-visible .topic-toggle{background:var(--accent)}.watch-summary{color:var(--ink);border-bottom-color:currentColor}.watch-summary:hover,.watch-summary:focus-visible{color:var(--accent);background:transparent}.search{border-bottom-color:var(--ink)}.search:hover,.search:focus{border-bottom-color:var(--accent)}footer a,.about a,.close{color:white}.hero a:hover,.hero a:focus-visible,footer a:hover,.about a:hover,.close:hover,footer a:focus-visible,.about a:focus-visible,.close:focus-visible{color:var(--accent-light)}.duration{color:var(--ink)}.card-open:hover .duration,.card-open:focus-visible .duration{color:var(--accent)}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--accent);outline-offset:5px}

.top nav ul{list-style:none;display:flex;gap:24px;padding:0;margin:0;flex-wrap:wrap}.top nav li{position:relative}.top nav .sub-menu{display:none;position:absolute;z-index:30;background:#fff;padding:18px;min-width:200px;box-shadow:0 3px 8px #0002}.top nav li:hover>.sub-menu,.top nav li:focus-within>.sub-menu{display:block}.top nav .sub-menu li{margin:12px 0}.intro .section-content p+p{margin-top:1em}.section-content img,.entry-content img{max-width:100%;height:auto}.content-page{padding-top:45px;padding-bottom:65px;min-height:60vh}.content-page h1{font-size:clamp(30px,5vw,65px)}.entry-content{max-width:900px;font-size:18px;line-height:1.6}.category-filter{max-width:220px;padding:10px;background:white;color:#171717;border:1px solid #d4d3cf}.archive .controls{flex-wrap:wrap}.card-open{text-decoration:none}.card-open strong{color:var(--ink)}.thumb img{width:100%;height:100%;object-fit:cover}.top{height:auto;min-height:78px;padding-block:10px}.skip-link{position:absolute;left:-9999px}.skip-link:focus{left:15px;top:15px;z-index:200;background:white;padding:15px}.film iframe{display:block}.content-page .film{max-width:1020px;margin:30px 0}.pagination{margin-top:30px}.about .wp-block-heading{font-size:inherit}@media(max-width:620px){.top nav ul{gap:15px}.top nav a:first-child{display:inline}.top nav .sub-menu{position:static;display:block;box-shadow:none;padding:5px 12px}.top nav{font-size:12px}.category-filter{max-width:100%;width:100%}}

.mm-dialog{padding:0;border:0;width:min(1020px,92vw);max-height:90vh;background:white;color:#171717}.mm-dialog::backdrop{background:#000d}.mm-dialog-close{display:block;margin-left:auto;background:#171717;color:white;border:0;padding:14px 20px}.mm-dialog h2{margin:0;font-size:28px;line-height:1.1}.mm-dialog .panel-text{display:grid}.mm-dialog .film:empty{display:none}.mm-dialog .mm-summary{line-height:1.5}