/*
Theme Name: Les Secrets de Suisse
Version: 0.2.3
Description: Bibliothèque documentaire suisse, cinématographique, légère et responsive.
Requires PHP: 8.3
*/
:root{--red:#e5262b;--ink:#121313;--paper:#f4f1eb;--muted:#686761;--line:#d8d5ce}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit}button,input,select{font:inherit}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #db272c;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.08;letter-spacing:-.035em}h1{font-size:clamp(2.5rem,6.8vw,6.9rem)}h2{font-size:clamp(2rem,3.8vw,3.9rem)}h3{font-size:1.6rem}a{text-decoration:none}p a,.prose a{text-decoration:underline;text-underline-offset:4px}.skip{position:absolute;top:-80px;left:1rem;z-index:10;background:white;padding:1rem}.skip:focus{top:1rem}.dev-banner{background:#f6dcaf;text-align:center;font-size:.72rem;font-weight:700;padding:5px 12px;color:#493514;letter-spacing:.07em}.masthead{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:var(--ink);color:white;padding:25px 5vw;border-bottom:1px solid #ffffff25}.brand{display:flex;align-items:center;gap:13px;font-size:1rem;line-height:1.2;letter-spacing:.09em;font-weight:850}.brand-bottom{display:block}.swiss{width:41px;height:41px;background:var(--red);display:inline-grid;place-content:center;font-size:39px;line-height:1;color:white;font-weight:900}.masthead nav{display:flex;align-items:center;gap:28px;font-size:.8rem;font-weight:650}.nav-follow{border-bottom:1px solid var(--red);padding-bottom:5px}.hero{min-height:680px;position:relative;isolation:isolate;background:#161c1d;color:white;overflow:hidden}.hero-landscape{position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#121718 10%,#121718d9 34%,#12171812 100%),url("assets/alps.svg") center/cover}.hero-inner{padding:72px 5vw 100px;max-width:1070px}.eyebrow{font-size:.69rem;letter-spacing:.18em;font-weight:750;line-height:1.7}.hero .eyebrow{color:#d2d6d3;margin-bottom:32px;display:flex;gap:12px;align-items:center}.red-dot{width:7px;height:7px;background:var(--red);border-radius:50%;display:inline-block}.hero h1{max-width:880px;margin-bottom:27px;letter-spacing:-.05em;line-height:.98}.hero h1 em{font-family:Georgia,serif;font-weight:400;color:#f05954}.hero-copy{max-width:490px;color:#d5d8d4;font-size:1.04rem}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:32px;background:var(--red);border:1px solid var(--red);color:white;min-height:48px;padding:14px 23px;font-weight:700;font-size:.86rem;cursor:pointer}.button:hover{background:#bb1e22}.hero .button{margin-top:14px}.hero-caption{position:absolute;bottom:25px;left:5vw;right:5vw;display:flex;justify-content:space-between;font-size:.6rem;letter-spacing:.16em;color:#d3d7d5}.red-ribbon{display:flex;justify-content:space-around;align-items:center;gap:16px;background:var(--red);color:white;padding:15px 4vw;font-size:.68rem;font-weight:750;letter-spacing:.14em}.red-ribbon span:nth-child(even){font-size:25px}.library{padding:80px 5vw;max-width:1550px;margin:auto}.section-heading{display:flex;gap:30px;justify-content:space-between;align-items:flex-end;margin-bottom:40px}.section-heading h2{margin-bottom:0}.section-heading>p{color:var(--muted);font-size:.86rem;min-width:160px;margin-bottom:0}.filters{display:grid;grid-template-columns:2fr 1fr 1fr auto;gap:20px;align-items:end;border-bottom:1px solid var(--line);padding-bottom:25px}.filters label{display:block;font-size:.65rem;letter-spacing:.08em;text-transform:uppercase;margin-bottom:7px;font-weight:750}.filters input,.filters select{width:100%;background:transparent;border:0;border-bottom:1px solid #9c9a95;border-radius:0;color:var(--ink);padding:10px 0;font-size:.9rem;min-height:44px}.results-bar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin:20px 0;font-size:.75rem;color:var(--muted)}.results-bar p{margin:0}.results-bar>span{font-size:.6rem;letter-spacing:.12em}.cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.card{border:1px solid var(--line);background:#faf8f3;display:flex;flex-direction:column}.card-art{height:225px;position:relative;overflow:hidden;background:#233334 url("assets/alps.svg") center/cover}.card-art:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#080f10b3,transparent)}.art-code{position:absolute;left:23px;top:20px;font:500 2.6rem/1 Georgia,serif;color:white;z-index:1}.art-label{position:absolute;left:23px;bottom:20px;color:white;font-size:.6rem;letter-spacing:.18em;z-index:1}.art-cross{position:absolute;right:20px;bottom:12px;color:var(--red);font-size:38px;z-index:1}.art-v35,.art-cern{background:repeating-radial-gradient(ellipse at 50% 100%,transparent 0 15px,#728383 17px 20px,transparent 22px 35px),linear-gradient(120deg,#0e2025,#47595c,#141d20)}.art-v38,.art-leman{background:repeating-linear-gradient(160deg,#091e27 0 25px,#25545e 28px 30px,#091e27 35px 60px)}.art-v34,.art-thusy{background:linear-gradient(0deg,#10282be6,#19454a44),url("assets/alps.svg") center/cover}.art-v61,.art-gothard{background:repeating-radial-gradient(ellipse at 50% 100%,#131e20 0 27px,#405054 28px 32px,#1b282d 33px 40px)}.art-v37,.art-niton{background:linear-gradient(20deg,#121c23 0 35%,#657d82 36% 39%,#9fb2b3 40% 41%,#244650 42%)}.card-body{padding:23px;display:flex;flex:1;flex-direction:column}.tags{display:flex;flex-wrap:wrap;gap:5px;margin-bottom:15px}.tag{font-size:.6rem;text-transform:uppercase;letter-spacing:.08em;color:#53534c;border:1px solid var(--line);padding:3px 7px}.tag:hover{border-color:var(--red);color:var(--red)}.card h3 a:hover{color:#b8171d}.card-body>p{font-size:.85rem;color:var(--muted);line-height:1.7}.card-foot{border-top:1px solid var(--line);display:flex;justify-content:space-between;margin-top:auto;padding-top:15px;font-size:.73rem}.card-foot>a{font-weight:750}.editorial{background:#dedbd4;padding:75px 5vw}.editorial h2{max-width:700px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:35px;max-width:1180px;margin-top:40px}.principles p{max-width:280px;font-size:.9rem;color:#53534d}.principles strong{display:block;color:var(--ink);margin-bottom:10px;font-size:1rem}.follow{background:var(--ink);color:white;padding:80px 5vw;display:flex;justify-content:space-between;gap:50px}.follow p{color:#c3c5bf;max-width:640px}.follow .eyebrow{color:#ff716b}.follow h2{max-width:760px}.social-list{min-width:240px;align-self:center}.social{display:flex;justify-content:space-between;border-bottom:1px solid #454645;padding:17px 0;font-size:1.2rem;font-weight:650}.social:hover{color:#ff716b}.footer{background:var(--ink);color:#c3c5bf;border-top:1px solid #393b39;display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 5vw;font-size:.7rem}.small{font-size:.68rem;color:white}.small .swiss{width:24px;height:24px;font-size:23px}.archive{min-height:60vh}.dossier-header{padding:55px 8vw 45px;background:var(--ink);color:white}.dossier-header nav{font-size:.75rem;color:#bcbfb9;margin-bottom:35px}.dossier-header .tag{color:#e0e2dc;border-color:#555750}.dossier-header h1{max-width:1080px;font-size:clamp(2.5rem,5.3vw,5rem)}.lead{font-size:1.15rem;max-width:800px;color:#d3d7ce}.dossier-date{font-size:.72rem;color:#b2b7ae}.dossier-layout{display:grid;grid-template-columns:220px minmax(0,760px);gap:70px;max-width:1230px;margin:auto;padding:60px 5vw}.toc{position:sticky;top:25px;align-self:start}.toc>a{display:block;border-bottom:1px solid var(--line);padding:12px 0;font-size:.83rem}.toc .video-link{color:#a6141a;font-weight:750;margin-top:20px}.prose{max-width:760px}.prose h2{font-size:2rem;margin-top:40px}.prose p{line-height:1.85}.prose ul{padding-left:22px}.extra{padding:25px 30px;background:white;border-left:4px solid var(--red);margin:40px 0}.extra h2{margin-top:5px}.sources{padding-left:24px}.sources li{padding:18px 0;border-bottom:1px solid var(--line)}.sources li>a{font-weight:700}.sources li p{margin:10px 0 0;font-size:.85rem}.sources .source-publisher{font-size:.65rem;letter-spacing:.09em;text-transform:uppercase;color:var(--muted)}.empty{padding:70px 0}.related{padding-top:30px}.pagination{display:flex;gap:15px;margin-top:30px}.pagination>*{padding:8px 15px;border:1px solid var(--line)}.pagination .current{background:var(--red);color:white}
@media(max-width:1000px){.hero{min-height:620px}.masthead nav{gap:15px}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.filters{grid-template-columns:1.5fr 1fr 1fr}.filters .button{grid-column:1/-1;justify-content:center}.dossier-layout{gap:35px;grid-template-columns:170px minmax(0,1fr)}}
@media(max-width:650px){.masthead{padding:18px 6vw;align-items:flex-start}.brand{font-size:.78rem}.swiss{width:32px;height:32px;font-size:32px}.masthead nav{display:flex;flex-direction:column;align-items:flex-end;gap:7px;font-size:.65rem}.nav-follow{display:none}.hero{min-height:600px}.hero-inner{padding:58px 6vw 90px}.hero h1{font-size:clamp(2.8rem,10.2vw,4rem)}.hero-landscape{background-position:60% center}.hero-copy{font-size:.95rem;max-width:360px}.hero-caption{left:6vw;right:6vw;font-size:.48rem}.red-ribbon{font-size:.52rem;letter-spacing:.06em;gap:9px}.red-ribbon span:nth-child(even){font-size:17px}.library{padding:50px 6vw}.section-heading{display:block;margin-bottom:30px}.section-heading>p{margin-top:15px}.filters{grid-template-columns:1fr 1fr;gap:18px}.search-field{grid-column:1/-1}.filters .button{grid-column:1/-1}.results-bar>span{display:none}.cards{grid-template-columns:1fr;gap:25px}.card-art{height:220px}.card h3{font-size:1.6rem}.editorial{padding:50px 6vw}.principles{grid-template-columns:1fr;gap:15px}.principles p{max-width:none}.follow{padding:55px 6vw;display:block}.social-list{margin-top:25px}.footer{display:block;padding:25px 6vw}.footer>*{margin-bottom:15px}.dossier-header{padding:35px 6vw}.dossier-layout{display:block;padding:35px 6vw}.toc{position:static;margin-bottom:35px;display:flex;flex-wrap:wrap;gap:12px}.toc>.eyebrow{width:100%;margin:0}.toc>a{font-size:.72rem;padding:5px 0}.toc .video-link{margin:0}.prose h2{font-size:1.75rem}.extra{padding:20px}.prose a{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Homepage banner v2: brighter landscape, with independent responsive text. */
.carousel-controls{position:absolute;right:5vw;bottom:68px;display:flex;align-items:center;gap:14px}
.carousel-controls[hidden]{display:none}
.carousel-controls button{min-width:44px;min-height:44px;color:white;background:#10202dd9;border:1px solid #ffffff66;cursor:pointer;border-radius:0}
.carousel-controls button:hover,.carousel-controls button[aria-pressed="true"]{background:var(--red);border-color:var(--red)}
.carousel-dots{display:flex;gap:7px}
.carousel-dots button{font-size:.73rem;font-weight:700}
.hero-discovery{min-height:620px;background:#112d3b}
.hero-discovery .hero-landscape{background:none}
.hero-discovery .hero-landscape img{width:100%;height:100%;object-fit:cover;object-position:62% center;display:block}
.hero-discovery .hero-landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,29,41,.87),rgba(8,29,41,.58) 33%,rgba(8,29,41,.08) 66%,transparent),linear-gradient(0deg,rgba(8,29,41,.48),transparent 20%)}
.hero-discovery .hero-inner{max-width:790px;padding-top:64px;padding-bottom:90px}
.hero-discovery h1{font-size:clamp(3rem,5.8vw,5.6rem);max-width:730px}
.hero-discovery h1 em{color:#ff7065}
.hero-discovery .hero-copy{color:#f1f4f3;max-width:445px}
.hero-discovery .hero-caption{color:#fff}
@media(max-width:650px){
 .hero-discovery{min-height:0;padding-top:225px}
 .hero-discovery .hero-landscape{bottom:auto;height:240px}
 .hero-discovery .hero-landscape img{object-position:70% center}
 .hero-discovery .hero-landscape:after{background:linear-gradient(0deg,#112d3b,transparent 40%)}
 .hero-discovery .hero-inner{padding:22px 6vw 76px;max-width:none}
 .hero-discovery .hero-inner .eyebrow{margin-bottom:20px}
 .hero-discovery h1{font-size:clamp(2.8rem,10.2vw,4rem)}
 .hero-discovery .hero-inner{padding-bottom:125px}
 .carousel-controls{left:6vw;right:auto;bottom:58px;gap:9px}
 .carousel-status{max-width:220px;text-align:right;font-size:.45rem;letter-spacing:.05em}
}

/* Original vertical video with a lightweight poster; no autoplay or preload. */
.lss-story-video{width:min(100%,390px);margin:0 auto 36px;background:#151818;border:1px solid #303532;border-radius:6px;overflow:hidden;box-shadow:0 18px 44px #18191920}
.lss-story-video video{display:block;width:100%;height:auto;aspect-ratio:9/16;object-fit:contain;background:#101313}
.lss-story-video figcaption{padding:13px 16px;color:#d2d6cf;font-size:.72rem;line-height:1.6}
.card-art.has-cover{height:auto;aspect-ratio:4/5;background:#141817;padding:0;overflow:hidden}
.card-art.has-cover::before,.card-art.has-cover::after{display:none}
.card-art.has-cover img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
@media(max-width:650px){.card-art.has-cover{aspect-ratio:4/5}.lss-story-video{width:min(100%,350px)}}

/* Keep 9:16 originals compact alongside the text on larger screens. */
.prose #histoire{display:flow-root}
.lss-story-video{float:right;width:min(240px,32vh,100%);margin:0 0 24px 28px}
@media(max-width:850px){.lss-story-video{float:none;width:min(240px,32vh,100%);margin:0 auto 28px}}

.prose .lss-media-info{font-size:.75rem;margin:0 0 16px;text-align:right;color:#595e56}.lss-media-info a{border-bottom:1px solid #b0b5ab;padding-bottom:3px}
@media(max-width:850px){.prose .lss-media-info{text-align:center}}