/*
Theme Name: CG Communication
Author: CG Communication
Description: Site sur mesure CG Communication.
Version: 1.2.0
Text Domain: cg-communication
*/

:root{--raspberry:#C0216C;--pink:#F6D0D9;--powder:#FFF2F3;--black:#171417;--container:1320px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--powder);color:var(--black);font-family:Arial,"Helvetica Neue",sans-serif}
a{text-decoration:none;color:inherit} img{display:block;max-width:100%}

/* HEADER — proportions from approved mockup */
.cg-header-v07{width:100%;height:125px!important;min-height:125px!important;padding:0!important;margin:0!important;background:var(--powder);position:relative!important;z-index:100!important;overflow:visible!important}
.cg-header-v07__inner{width:min(calc(100% - 120px),var(--container));height:125px!important;margin:0 auto!important;padding:0!important;display:flex;align-items:center;justify-content:space-between}
.cg-header-v07__logo{display:block!important;width:190px!important;min-width:190px!important;max-width:190px!important;height:auto!important;flex:0 0 190px!important}
.cg-header-v07__nav{display:flex;align-items:center;gap:44px;margin-left:auto;margin-right:70px;font-size:12px;letter-spacing:.11em;text-transform:uppercase}
.cg-header-v07__nav a:hover{color:var(--raspberry)}
.cg-header-v07__cta{display:inline-flex;align-items:center;gap:14px;min-height:46px;padding:0 24px;border:1px solid var(--raspberry);border-radius:999px;color:var(--raspberry);font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.cg-header-v07__cta:hover{background:var(--raspberry);color:#fff}

/* HERO */
.cg-hero-v07{width:min(calc(100% - 120px),var(--container));margin:0 auto;padding:35px 0 110px}
.cg-hero-v07__grid{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:start}
.cg-hero-v07__content{padding-top:0}
.cg-eyebrow-v07{margin:0 0 30px;color:var(--raspberry);font-size:12px;line-height:1;letter-spacing:.18em;text-transform:uppercase}
.cg-title-v07{margin:0;font-family:"Helvetica Neue",Arial,sans-serif;font-size:clamp(64px,6.2vw,100px);font-weight:400;line-height:.9;letter-spacing:-.055em}
.cg-title-v07 .pink{display:inline-block;position:relative;color:var(--raspberry);z-index:1}
.cg-title-v07 .pink:after{content:"";position:absolute;left:-3%;right:-3%;bottom:2%;height:.16em;background:var(--pink);transform:rotate(-1.5deg);z-index:-1}
.cg-text-v07{max-width:590px;margin:38px 0 30px;font-size:17px;line-height:1.7}
.cg-button-v07{display:inline-flex;align-items:center;gap:13px;min-height:48px;padding:0 25px;border:1px solid var(--raspberry);border-radius:999px;color:var(--raspberry);font-size:11px;letter-spacing:.11em;text-transform:uppercase}
.cg-button-v07:hover{background:var(--raspberry);color:#fff}
.cg-media-v07{position:relative;height:610px;background:var(--pink);overflow:visible!important}
.cg-media-v07 img{width:100%;height:100%;object-fit:cover}
.cg-placeholder-v07{width:100%;height:100%;display:grid;place-items:center;padding:30px;text-align:center;color:var(--raspberry);font-size:12px;letter-spacing:.13em;text-transform:uppercase}

/* Approved: handwritten phrase sits half on the lower-left edge of the image */
.cg-note-v07{position:absolute!important;left:-70px!important;bottom:-30px!important;width:175px!important;color:var(--raspberry);font-family:"Sergio Trendy","Brush Script MT",cursive;font-size:42px!important;line-height:.86!important;letter-spacing:-.02em;transform:rotate(-7deg)!important;transform-origin:left bottom!important;z-index:50!important;pointer-events:none}
.cg-side-v07{position:absolute;right:-62px;top:50%;transform:translateY(-50%) rotate(-90deg);transform-origin:center;font-size:9px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap}

@media(max-width:900px){
 .cg-header-v07,.cg-header-v07__inner{height:82px!important;min-height:82px!important}
 .cg-header-v07__inner{width:calc(100% - 40px)}
 .cg-header-v07__logo{width:150px!important;min-width:150px!important;max-width:150px!important;flex-basis:150px!important}
 .cg-header-v07__nav,.cg-header-v07__cta{display:none}
 .cg-hero-v07{width:calc(100% - 40px);padding:28px 0 70px}
 .cg-hero-v07__grid{grid-template-columns:1fr;gap:38px}
 .cg-title-v07{font-size:clamp(52px,15vw,82px)}
 .cg-media-v07{height:500px}
 .cg-note-v07{left:-54px!important;bottom:-24px!important;width:150px!important;font-size:35px!important}
 .cg-side-v07{display:none}
}