/*
Theme Name: Cluzz Tech
Author: Cluzz
Description: Un magazine techno indépendant, rapide et responsive.
Version: 1.0.0
Requires at least: 6.0
Requires PHP: 7.4
Text Domain: cluzz-tech
License: GNU General Public License v2 or later
*/
:root{--ink:#141715;--paper:#f5f5f0;--green:#c1fa57;--line:#dadcd4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:5px}button,input{font:inherit}img{display:block;width:100%;height:100%;object-fit:cover}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.08;letter-spacing:-.045em}h1{font-size:clamp(36px,5vw,72px)}.wrap{max-width:1320px;margin:auto;padding:0 36px}.utility{background:var(--ink);color:#fff;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:9px 0}.utility .wrap{display:flex;justify-content:space-between}.brand-row{display:flex;align-items:center;justify-content:space-between;padding-top:28px;padding-bottom:24px}.logo{font-weight:900;font-size:58px;letter-spacing:-5px;line-height:1}.logo span{color:#548516}.tagline{font-size:12px;border-left:1px solid var(--line);padding-left:22px;margin-left:30px;max-width:220px;line-height:1.5}.identity{display:flex;align-items:center}.search{display:flex;gap:8px}.search input{width:180px;border:1px solid var(--line);background:transparent;padding:9px 12px;border-radius:0}.search button{background:var(--ink);color:white;border:0;padding:9px 14px;cursor:pointer}.navigation{border-top:1px solid var(--line);border-bottom:1px solid var(--ink);display:flex;gap:30px;align-items:center;padding-top:15px;padding-bottom:15px;font-size:13px;font-weight:700}.navigation ul{display:flex;gap:28px;list-style:none;padding:0;margin:0;flex-wrap:wrap}.navigation .menu{display:contents}.navigation>a:first-child{background:var(--green);padding:4px 10px}.intro{padding:40px 0 23px;display:flex;justify-content:space-between;align-items:end}.eyebrow,.category{font-size:11px;letter-spacing:.12em;text-transform:uppercase;font-weight:800}.eyebrow{display:flex;align-items:center;gap:8px}.dot{height:7px;width:7px;background:#619721;border-radius:50%;display:inline-block}.intro h1{font-size:clamp(30px,4vw,48px);margin-top:12px}.intro p{font-size:12px;color:#686e64}.lead-grid{display:grid;grid-template-columns:1.8fr 1fr;gap:24px}.lead{background:#151b19;color:white;position:relative;min-height:485px;overflow:hidden}.lead img{position:absolute;inset:0;opacity:.65}.lead:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#101511 0%,transparent 100%)}.lead-copy{position:relative;z-index:1;padding:32px;display:flex;min-height:485px;flex-direction:column;justify-content:end}.lead .category{align-self:start;color:#172010;background:var(--green);padding:5px 9px;margin-bottom:20px}.lead h2{font-size:clamp(30px,3.8vw,51px);max-width:650px}.meta{font-size:11px;letter-spacing:.02em;color:#73786e;margin-top:16px}.lead .meta{color:#d8dfd4}.side-stack{display:grid;grid-template-rows:1fr 1fr;gap:24px}.side-card{display:grid;grid-template-columns:42% 1fr;gap:20px;padding-bottom:22px;border-bottom:1px solid var(--line)}.visual{min-height:150px;overflow:hidden;background:#e1e5d9;position:relative}.visual:has(svg){aspect-ratio:1.5}.visual svg{width:100%;height:100%;position:absolute;inset:0}.side-card .category,.card .category{color:#4c681f;display:block;margin-bottom:11px}.side-card h2{font-size:25px}.section-heading{display:flex;align-items:center;justify-content:space-between;margin-top:48px;margin-bottom:24px;border-bottom:2px solid var(--ink);padding-bottom:16px}.section-heading h2{font-size:30px}.section-heading a{font-size:12px;font-weight:bold}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.card .visual{aspect-ratio:1.65;margin-bottom:19px}.card h2{font-size:27px}.card p{font-size:14px;color:#666d61;margin-top:12px;line-height:1.6}.manifesto{margin:46px 0;background:var(--green);padding:32px;display:flex;align-items:center;justify-content:space-between;gap:25px}.manifesto h2{font-size:32px}.manifesto p{font-size:14px;margin-top:10px}.pill{border:1px solid var(--ink);padding:10px 20px;font-size:13px;font-weight:bold;white-space:nowrap}.footer{border-top:1px solid var(--ink);padding-top:28px;padding-bottom:28px;margin-top:48px;display:flex;justify-content:space-between;font-size:12px}.pagination{padding:35px 0}.pagination a,.pagination span{display:inline-block;padding:8px 14px;border:1px solid var(--line)}.article{max-width:790px;margin:50px auto}.article h1{margin:16px 0}.article .content{font-size:19px;line-height:1.8;margin-top:32px}.content p,.content ul,.content ol,.content h2,.content h3{margin-bottom:24px}.content h2{font-size:32px;margin-top:36px}.content a{text-decoration:underline}.content img{height:auto}.content iframe{max-width:100%}.article-cover{aspect-ratio:1.8;margin-top:30px}.skip{position:absolute;left:-9999px}.skip:focus{left:10px;top:10px;background:white;padding:12px;z-index:10}:focus-visible{outline:3px solid #528218;outline-offset:4px}.empty{padding:60px 0}@media(max-width:900px){.tagline{display:none}.lead-grid{grid-template-columns:1fr}.side-stack{grid-template-columns:1fr 1fr;grid-template-rows:auto}.side-card{grid-template-columns:1fr}.cards{grid-template-columns:repeat(2,1fr)}.navigation{gap:18px}.navigation ul{gap:18px}.intro p{display:none}}@media(max-width:580px){.wrap{padding-left:20px;padding-right:20px}.utility span:last-child{display:none}.logo{font-size:48px}.search input{width:110px}.search button{padding:8px}.navigation{overflow:auto;white-space:nowrap}.navigation ul{flex-wrap:nowrap}.intro{padding-top:28px}.lead,.lead-copy{min-height:440px}.lead-copy{padding:24px}.side-card h2{font-size:22px}.side-card{gap:12px}.side-card .visual{min-height:120px}.cards{grid-template-columns:1fr}.manifesto{display:block;padding:24px}.manifesto .pill{display:inline-block;margin-top:22px}.footer{gap:20px;flex-wrap:wrap}.section-heading h2{font-size:26px}.article .content{font-size:17px}}

/* Logo officiel Cluzz, format compact */
.logo{display:inline-flex;align-items:center;flex-shrink:0;letter-spacing:normal;line-height:1}.logo .brand-logo{width:88px;height:88px;object-fit:contain}.brand-row{padding-top:10px;padding-bottom:10px}.footer .logo .brand-logo{width:60px;height:60px}.tagline{margin-left:22px}@media(max-width:580px){.logo .brand-logo{width:68px;height:68px}.brand-row{padding-top:8px;padding-bottom:8px}}