/*
Theme Name: TWEM — Noir & Or
Author: TWEM
Description: Thème de refonte TWEM, accueil éditable avec les blocs WordPress, responsive et sans constructeur externe.
Version: 1.2.0
Requires at least: 6.6
Requires PHP: 8.0
License: GNU General Public License v2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html
Text Domain: twem-noir-or
*/
:root{--ink:#101313;--gold:#c3a16a;--paper:#f4f1eb;--muted:#b3b9b7}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:var(--ink);color:var(--paper);font:18px/1.65 Arial,Helvetica,sans-serif}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:6px}figure,p,h1,h2,h3{margin-top:0}img{max-width:100%;height:auto}em{font-style:normal;color:var(--gold)}.wp-site-blocks>*,.twem-main>*{margin-block-start:0}.twem-header{max-width:1320px;margin:auto;padding:20px 50px;display:flex;align-items:center;justify-content:space-between;gap:30px}.twem-logo{width:100px;min-width:100px;margin:0;background:transparent;height:100px}.twem-logo img{width:100%;height:100%;object-fit:contain}.twem-header .wp-block-navigation{font-size:14px;font-weight:600}.twem-header .wp-block-navigation__container{gap:30px}.twem-header a{text-decoration:none}.twem-header a:hover{color:var(--gold)}.hero{display:grid;grid-template-columns:1.12fr 1fr;max-width:1440px;margin:auto;min-height:650px}.hero-copy{padding:85px 60px 70px max(50px,calc((100vw - 1220px)/2));align-self:center}.eyebrow{font-size:11px;letter-spacing:2.1px;font-weight:700;color:var(--gold);margin-bottom:28px}.hero h1{font-size:clamp(42px,4.8vw,70px);line-height:1.08;font-weight:500;letter-spacing:-3px;margin-bottom:30px}.lead{font-size:19px;line-height:1.75;color:#c5ccca}.hero .lead{max-width:470px}.wp-block-buttons{margin-top:32px}.wp-block-button__link{display:inline-block;padding:17px 25px;background:var(--gold);color:var(--ink);font-weight:700;font-size:14px;text-decoration:none;border-radius:0;transition:background .2s}.wp-block-button__link:hover{background:#e0c18f;color:#101313}.hero-note{font-size:12px;color:var(--muted);margin-top:26px}.hero-photo{position:relative;min-height:600px;margin:0;overflow:hidden}.hero-photo figure{height:100%;margin:0;position:absolute;inset:0}.hero-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);opacity:.76}.hero-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(16,19,19,.75),transparent 65%)}.photo-caption{position:absolute;bottom:32px;left:38px;z-index:1;font-size:12px;letter-spacing:2px;line-height:1.8}.photo-caption strong{color:var(--gold);font-weight:500}.audience-bar{border-top:1px solid #303735;border-bottom:1px solid #303735;text-align:center;padding:23px 25px}.audience-line{font-size:11px;letter-spacing:2px;margin:0;color:#c5ccca}.section{padding:95px max(30px,calc((100vw - 1200px)/2));margin:0}.section h2{font-size:clamp(35px,4.1vw,56px);line-height:1.13;letter-spacing:-1.9px;font-weight:500;margin-bottom:26px}.section-lead{max-width:570px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:48px;border-top:1px solid #39413e;border-left:1px solid #39413e;gap:0}.service-card{padding:38px 40px;background:#171c1a;border-right:1px solid #39413e;border-bottom:1px solid #39413e;margin:0}.number{color:var(--gold);font-size:12px;letter-spacing:2px;margin-bottom:24px}.section h3{font-size:24px;line-height:1.3;font-weight:500;letter-spacing:-.4px}.service-card p:not(.number):not(.text-link){font-size:15px;color:#bac2be}.service-card p.card-intro{color:var(--paper)!important}.text-link{font-size:13px;color:var(--gold);margin:26px 0 0}.text-link a{text-decoration:none}.text-link span{float:right}.light-section{background:var(--paper);color:var(--ink)}.light-section .eyebrow{color:#785d33}.three-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:48px}.audience-card{border-top:1px solid #c8c5bc;padding-top:28px;margin:0}.audience-card p{font-size:16px;color:#515954}.step{border-top:1px solid #3b4340;padding-top:30px;margin:0}.step p:last-child{font-size:16px;color:var(--muted)}.about-section{background:#1d2221;display:grid;grid-template-columns:1fr 1fr;gap:70px}.about-copy{margin:0}.about-copy>p:not(.lead){font-size:16px;color:var(--muted)}.about-copy .signature{color:var(--gold)!important;font-size:13px!important;margin-top:30px}.contact-section{text-align:center;padding-top:110px;padding-bottom:110px}.contact-section .section-lead{margin-left:auto;margin-right:auto}.contact-section .wp-block-buttons{justify-content:center}.contact-detail{font-size:13px;color:var(--muted);margin-top:26px}.twem-footer{border-top:1px solid #36403a;max-width:1200px;margin:auto;padding:35px 0;display:flex;justify-content:space-between;gap:24px;font-size:12px;color:var(--muted)}.footer-brand strong{color:var(--gold);letter-spacing:3px;font-size:22px;margin-right:10px}.footer-contact{text-align:right}.wp-block-navigation__responsive-container.is-menu-open{background:var(--ink)!important;color:var(--paper)!important;padding:30px}.wp-block-post-content{max-width:780px}.wp-block-post-title a{text-decoration:none}@media(min-width:1600px){.hero-copy{padding-left:60px}}@media(max-width:850px){.twem-header{padding:16px 24px}.hero{grid-template-columns:1fr}.hero-copy{padding:65px 28px 45px}.hero h1{font-size:52px;letter-spacing:-2px}.hero-photo{min-height:340px}.hero-photo img{object-position:center 48%}.section{padding:65px 28px}.about-section{grid-template-columns:1fr;gap:20px}.three-grid{gap:24px}.twem-footer{margin:0 28px}.service-card{padding:28px}}@media(max-width:600px){.twem-logo{width:76px;min-width:76px;height:76px}.hero h1{font-size:44px}.hero .lead{font-size:17px}.hero-photo{min-height:290px}.service-grid,.three-grid{grid-template-columns:1fr}.audience-line{font-size:10px;line-height:2}.section h2{font-size:38px}.twem-footer{display:block}.footer-contact{text-align:left}.eyebrow{font-size:10px}.wp-block-navigation__responsive-container-open{padding:12px}.service-card{padding:28px}.photo-caption{left:28px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* TWEM 1.1: logo framed without altering its pixels; multilingual navigation. */
.twem-header{position:relative;min-height:132px}.twem-brand{display:block;flex:none;width:150px;height:105px;overflow:hidden;position:relative}.twem-brand img{position:absolute;width:286px;max-width:none;height:286px;left:-68px;top:-61px}.twem-nav{display:flex;align-items:center;gap:22px;font-size:14px}.twem-nav a{text-decoration:none}.twem-languages{display:flex;gap:12px;font-size:12px;letter-spacing:1px}.twem-languages [aria-current]{color:var(--gold);border-bottom:1px solid}.twem-mobile{display:none}.twem-detail-menu{position:relative}.twem-detail-menu summary{cursor:pointer}.twem-detail-menu div{position:absolute;z-index:20;right:0;top:35px;min-width:270px;background:#202724;padding:20px;box-shadow:0 12px 35px #0008}.twem-detail-menu div a{display:block;padding:9px 0}.case-study{padding:36px 0;border-top:1px solid #39413e;margin-top:38px}.result-note{font-size:14px;color:var(--muted);margin-top:28px}.wp-block-post-content{max-width:1200px!important}.wp-block-post-content>p{max-width:850px}.wp-block-post-content>h2{margin-top:56px}.wp-block-post-title{font-size:clamp(36px,5vw,64px);line-height:1.12;max-width:1050px;letter-spacing:-2px}.service-card h3{overflow-wrap:anywhere}.three-grid>.service-card{border:1px solid #39413e}.twem-video{width:100%;max-height:680px;margin-top:32px;background:#101313}.twem-back{font-size:14px;color:var(--gold)}
@media(max-width:900px){.twem-header{gap:18px;min-height:112px}.twem-brand{width:125px;height:90px}.twem-brand img{width:240px;height:240px;left:-57px;top:-51px}.twem-nav-desktop{display:none}.twem-mobile{display:block;margin-left:auto}.twem-mobile summary{cursor:pointer;font-size:15px;list-style:none;padding:12px;border:1px solid #657069}.twem-mobile summary::-webkit-details-marker{display:none}.twem-mobile nav{position:absolute;left:20px;right:20px;top:105px;z-index:30;display:block;background:#202724;padding:22px;box-shadow:0 14px 35px #0008}.twem-mobile nav>a{display:block;padding:10px 0}.twem-mobile .twem-languages{margin-top:14px}.twem-header>.twem-languages{display:none}.wp-block-post-title{letter-spacing:-1px}.case-study{padding:28px 0}}

.twem-brand{height:135px}.twem-header{min-height:165px}@media(max-width:900px){.twem-brand{height:114px}.twem-header{min-height:146px}.twem-mobile nav{top:139px}}

.twem-service-photo{margin:0 0 28px!important;overflow:hidden;background:#202724}.twem-service-photo img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}.service-card>.twem-service-photo{margin:-38px -40px 30px!important}.service-card>.twem-service-photo img{aspect-ratio:16/10}.section>.twem-service-photo{max-width:850px}.wp-block-post-content>.twem-service-photo{max-width:1000px!important}.service-card .card-intro{font-size:19px!important;line-height:1.4}.twem-service-photo img{transition:transform .4s ease}@media(hover:hover){.service-card:hover .twem-service-photo img{transform:scale(1.025)}}@media(max-width:850px){.service-card>.twem-service-photo{margin:-28px -28px 26px!important}}@media(prefers-reduced-motion:reduce){.twem-service-photo img{transition:none}.service-card:hover .twem-service-photo img{transform:none}}
