/*
Theme Name: Teranga Groupe
Version: 1.0.0
Description: Page passerelle TSA et TSO, bleu et orange.
Text Domain: teranga-groupe
*/
:root{--blue:#385d92;--orange:#ff9935;--ink:#111b2d;--paper:#f5f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:var(--ink);background:var(--paper)}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid var(--orange);outline-offset:6px}.wrap{max-width:1440px;margin:auto;padding:0 6%}header{background:white;border-bottom:1px solid #dce2eb}.nav{min-height:96px;display:flex;align-items:center;justify-content:space-between;gap:24px}.wordmark{font-size:22px;font-weight:800;letter-spacing:.08em}.wordmark small{display:block;font-size:10px;letter-spacing:.42em;margin-top:5px;color:var(--blue)}nav{display:flex;gap:34px;font-size:13px}.nav-contact{border-bottom:2px solid var(--orange);padding-bottom:8px}.hero{padding-top:76px;padding-bottom:56px;position:relative}.eyebrow{text-transform:uppercase;letter-spacing:.18em;font-size:11px;font-weight:700;display:flex;align-items:center;gap:12px}.eyebrow:before{content:'';width:27px;height:3px;background:linear-gradient(90deg,var(--blue) 50%,var(--orange) 50%)}.intro{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:end;margin-top:25px}h1{font-size:clamp(42px,5.6vw,80px);line-height:1.03;letter-spacing:-.055em;font-weight:500;margin:0}h1 em{font-style:normal;color:var(--blue)}.intro p{color:#586171;line-height:1.75;font-size:15px;max-width:370px;margin:0 0 5px}.companies{display:grid;grid-template-columns:1fr 1fr;gap:24px;padding-bottom:62px}.company{background:white;overflow:hidden;border:1px solid #dce2eb;position:relative;border-radius:3px;transition:transform .3s,box-shadow .3s}.company:hover{transform:translateY(-5px);box-shadow:0 20px 50px #16263c15}.photo{height:280px;position:relative;overflow:hidden;background:#1c2e48}.photo>img{width:100%;height:100%;object-fit:cover;transition:transform .7s}.company:hover .photo>img{transform:scale(1.035)}.photo:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent 50%,#101b2a99)}.location{position:absolute;bottom:20px;left:27px;color:white;font-size:10px;letter-spacing:.15em;z-index:1}.number{position:absolute;top:20px;right:22px;color:white;font-size:12px;border:1px solid #ffffff70;border-radius:50%;width:32px;height:32px;display:grid;place-items:center;z-index:1}.company-body{padding:28px 30px 30px;border-top:4px solid var(--blue)}.tso .company-body{border-color:var(--orange)}.identity{display:flex;align-items:center;gap:23px;min-height:100px}.logo{width:102px;height:91px;object-fit:contain;flex-shrink:0}.tso .logo{background:#101112;border-radius:3px;width:102px;height:102px}.identity h2{font-size:31px;margin:0 0 7px;letter-spacing:-.04em}.identity p{font-size:12px;line-height:1.5;margin:0;color:#596474}.description{font-size:14px;line-height:1.8;color:#586171;min-height:76px;margin:24px 0}.tags{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:30px}.tags span{font-size:10px;padding:8px 10px;background:#f0f3f8;color:#3d526f}.tso .tags span{background:#fff3e7;color:#80501f}.visit{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #dfe4eb;padding-top:22px;font-size:13px;font-weight:700}.arrow{width:38px;height:38px;border-radius:50%;background:var(--blue);color:white;display:grid;place-items:center;font-size:22px;transition:transform .3s}.tso .arrow{background:var(--orange);color:#171b24}.company:hover .arrow{transform:rotate(45deg)}.vision{background:#14253e;color:white;padding:64px 0}.vision-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.vision h2{font-size:clamp(30px,3.4vw,46px);font-weight:400;letter-spacing:-.04em;margin:22px 0 0;line-height:1.12}.vision h2 span{color:#ff9935}.vision p{font-size:15px;line-height:1.8;color:#becadc;margin:0}.principles{display:flex;gap:22px;border-top:1px solid #ffffff26;padding-top:24px;margin-top:24px;font-size:12px;color:white}.contact{padding-top:62px;padding-bottom:64px;display:grid;grid-template-columns:1fr 1fr;gap:70px}.contact h2{font-size:35px;font-weight:400;letter-spacing:-.04em;margin:15px 0}.contact p{font-size:14px;color:#586171;line-height:1.7}.contact-links a{display:flex;justify-content:space-between;padding:22px 0;border-bottom:1px solid #d4dce7;font-size:14px}.contact-links small{display:block;color:#687385;font-size:11px;margin-top:8px}footer{background:white;border-top:1px solid #dce2eb}.footer{display:flex;justify-content:space-between;gap:25px;padding-top:25px;padding-bottom:25px;font-size:10px;color:#687385}.skip{position:absolute;left:20px;top:-80px;background:white;padding:14px;z-index:10}.skip:focus{top:10px}@media(max-width:700px){.nav{min-height:80px}nav{gap:15px;font-size:11px}nav a:first-child{display:none}.wordmark{font-size:17px}.hero{padding-top:45px;padding-bottom:35px}.intro,.vision-grid,.contact{grid-template-columns:1fr;gap:25px}.intro p{max-width:none}.companies{grid-template-columns:1fr;gap:25px;padding-bottom:40px}.photo{height:240px}.company-body{padding:22px}.description{min-height:0}.vision{padding:42px 0}.contact{padding-top:40px;padding-bottom:40px}.footer{flex-direction:column;gap:10px}.principles{flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}