/* ============================================================ ws-1-base.css — WebSentinel Agency Remplace Bootstrap 5 (794 KB). Classes réellement utilisées. Design tokens:#0D0D0D | #C8A96E | #FAFAFA | #F5F1EB Breakpoints:sm=576 md=768 lg=992 xl=1200 ============================================================ */ /* RESET */ *,*::before,*::after{box-sizing:border-box}html,body{margin:0;padding:0}img{max-width:100%;height:auto;display:block}/* GRID */ .container{width:100%;max-width:1200px;margin:0 auto;padding:0 20px}.row{display:flex;flex-wrap:wrap;margin-left:-12px;margin-right:-12px}.row > *{padding-left:12px;padding-right:12px;width:100%}/* g-0:reset gutter */ .g-0{margin:0}.g-0 > *{padding:0}/* g-4:gutter 24px */ .g-4{margin-left:-12px;margin-right:-12px}.g-4 > *{padding:12px}/* col de base */ .col-12{width:100%}/* md (768px+) */ @media(min-width:768px){.col-md-6{width:50%}.row-cols-md-2 > *{width:50%}.text-md-start{text-align:left !important}.text-md-end{text-align:right !important}}/* lg (992px+) */ @media(min-width:992px){.col-lg-2{width:16.666%}.col-lg-3{width:25%}.col-lg-4{width:33.333%}.col-lg-6{width:50%}.col-lg-10{width:83.333%}.row-cols-lg-5 > *{width:20%}.mb-lg-0{margin-bottom:0 !important}.mt-lg-4{margin-top:1.5rem !important}}/* col-mb-* = Canvas mobile columns (< 992px) */ @media(max-width:991px){.col-mb-10{width:10%}.col-mb-50{width:50%}}/* row-cols-1 */ .row-cols-1 > *{width:100%}/* UTILITAIRES DISPLAY */ .d-none{display:none !important}.d-block{display:block !important}.d-flex{display:flex !important}@media(min-width:992px){.d-lg-block{display:block !important}.d-lg-inline{display:inline !important}.d-lg-inline-block{display:inline-block !important}.d-lg-none{display:none !important}}/* UTILITAIRES SPACING */ .mb-0{margin-bottom:0 !important}.mb-5{margin-bottom:3rem !important}.mb-14{margin-bottom:3.5rem !important}.ms-3{margin-left:1rem !important}.mt-3{margin-top:1rem !important}.mt-4{margin-top:1.5rem !important}.mt-5{margin-top:3rem !important}.mt-6{margin-top:1.5rem !important}.mt-8{margin-top:2rem !important}.my-0{margin-top:0 !important;margin-bottom:0 !important}.py-0{padding-top:0 !important;padding-bottom:0 !important}.py-20{padding-top:5rem !important;padding-bottom:5rem !important}.mx-auto{margin-left:auto !important;margin-right:auto !important}/* UTILITAIRES TEXTE */ .text-center{text-align:center !important}.text-white{color:#fff !important}.text-sm{font-size:0.875rem}.text-xs{font-size:0.75rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.font-bold{font-weight:700}.font-semibold{font-weight:600}.leading-relaxed{line-height:1.625}.tracking-wider{letter-spacing:0.05em}.tracking-widest{letter-spacing:0.1em}.underline{text-decoration:underline}/* UTILITAIRES FLEX */ .justify-content-center{justify-content:center !important}.align-items-center{align-items:center !important}.align-items-start{align-items:flex-start !important}.align-items-end{align-items:flex-end !important}.items-center{align-items:center}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-stretch{align-items:stretch}.flex-wrap{flex-wrap:wrap}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.flex-none{flex:none}.inline-flex{display:inline-flex}/* UTILITAIRES GAP */ .gap-2{gap:0.5rem}.gap-3{gap:0.75rem}.gap-6{gap:1.5rem}/* UTILITAIRES SIZING */ .w-auto{width:auto !important}.w-100{width:100% !important}.max-w-xl{max-width:36rem}.space-y-3 > * + *{margin-top:0.75rem}/* UTILITAIRES POSITION */ .absolute{position:absolute}.relative{position:relative}/* UTILITAIRES BORDER */ .rounded{border-radius:8px}.rounded-full{border-radius:9999px}.rounded-circle{border-radius:50%}/* GRID CSS (Tailwind-like pour ForfaitsCMS) */ .grid{display:grid}.grid-cols-3{grid-template-columns:repeat(3,1fr)}@media(max-width:991px){.grid-cols-3{grid-template-columns:1fr}}/* SECTION Canvas */ .section{position:relative;padding:100px 0;margin:0 !important}@media(max-width:991px){.section{padding:70px 0}}@media(max-width:767px){.section{padding:56px 0}}.my-0.section{padding:100px 0}/* PRINT */ @media print{nav,header,footer{display:none !important}@page{margin:2cm}}/* ─── BODY / WRAPPER ─── */ body{font-family:'Inter',system-ui,-apple-system,sans-serif;color:#0D0D0D;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;}body.stretched #wrapper{width:100%;margin:0}h1,h2,h3,h4,h5,h6{font-family:'Jakarta Sans',system-ui,sans-serif;font-weight:400;letter-spacing:-0.01em;margin:0}a{color:inherit}/* ─── HEADER ─── */ #header{background:#fff;position:relative;z-index:200}#header-wrap{border-bottom:1px solid rgba(0,0,0,0.06);padding:14px 0}.border-bottom-0 #header-wrap{border-bottom:0}.header-row{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px}#logo a{font-family:'Jakarta Sans',system-ui,sans-serif;font-size:22px;font-weight:700;color:#0D0D0D;text-decoration:none;letter-spacing:-0.02em}.header-misc{display:flex;align-items:center;justify-content:flex-end;gap:8px;order:6}.header-wrap-clone{display:none}.sm-header-cta{display:inline-block;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#fff !important;background:#0D0D0D;border:2px solid #0D0D0D;padding:10px 22px;text-decoration:none;cursor:pointer;transition:background 0.25s,color 0.25s;white-space:nowrap;border-radius:0;}.sm-header-cta:hover{background:transparent;color:#0D0D0D !important}/* ─── HAMBURGER ─── */ .primary-menu-trigger{cursor:pointer}.cnvs-hamburger{display:block;background:none;border:none;cursor:pointer;padding:8px}.cnvs-hamburger-box{width:22px;height:16px;display:block;position:relative}.cnvs-hamburger-inner,.cnvs-hamburger-inner::before,.cnvs-hamburger-inner::after{display:block;width:100%;height:2px;background:#0D0D0D;position:absolute;border-radius:2px}.cnvs-hamburger-inner{top:50%;transform:translateY(-50%)}.cnvs-hamburger-inner::before{content:'';top:-7px}.cnvs-hamburger-inner::after{content:'';bottom:-7px}/* ─── NAV MENU ─── */ .menu-container{display:none;list-style:none;margin:0;padding:0;width:100%}.menu-container.d-block{display:block}.menu-item{position:relative}.menu-link{display:block;text-decoration:none;color:#0D0D0D}.menu-item > a i[data-lucide],.menu-item > a svg.lucide{flex-shrink:0;align-self:center;display:inline-flex}.sub-menu-container{display:none;position:absolute;top:100%;left:0;background:#fff;border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,0.1);padding:8px 0;min-width:220px;list-style:none;margin:0;border:1px solid rgba(0,0,0,0.06);z-index:300;}.sub-menu-container .menu-link{padding:9px 20px;font-size:13px;font-weight:400}.sub-menu-container .menu-link:hover{background:#F5F1EB;color:#0D0D0D}.sub-menu-trigger{background:none;border:none;cursor:pointer;color:#0D0D0D;font-size:11px;padding:2px 8px;float:right}/* MOBILE NAV (< 992px) — pur media query,sans dépendance JS */ @media(max-width:991px){.primary-menu{display:block;order:99;flex:0 0 100%}.primary-menu-trigger{display:block}.menu-container.d-block{display:block;padding:8px 0;border-top:1px solid rgba(0,0,0,0.06);background:#fff;}.menu-link{padding:12px 20px;font-size:14px;font-weight:500;border-bottom:1px solid rgba(0,0,0,0.04)}.sub-menu-container.mobile-submenu-open{display:block;position:static;box-shadow:none;border-radius:0;border:0;padding:0;background:#F5F1EB;}.sub-menu-container .menu-link{padding-left:32px;font-size:13px}}/* DESKTOP NAV (992px+) — pur media query,sans dépendance JS */ @media(min-width:992px){.primary-menu-trigger{display:none}.cnvs-hamburger{display:none}/* 3-column centered:logo flex:1 | nav naturel | misc flex:1 */ #logo{flex:1}.header-misc{flex:1}.primary-menu{display:flex;align-items:center;order:0;flex:none}.menu-container{display:flex !important;gap:4px}.menu-item > .menu-link{padding:8px 12px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:0.08em;white-space:nowrap;}.menu-item > .menu-link:hover{color:#C8A96E}.menu-item:hover > .sub-menu-container{display:block}.sub-menu-container .menu-item{border-top:0}}/* ─── CONTENT WRAP ─── */ #content{display:block}.content-wrap{padding:0}/* ─── FOOTER ─── */ #footer{background:#0D0D0D;color:#fff}.footer-widgets-wrap{padding:80px 0 60px}.widget{margin-bottom:0}.widget_links ul{list-style:none;padding:0;margin:0}.widget_links ul li{margin-bottom:10px}.widget_links ul li a{font-size:13px;color:#888;text-decoration:none;font-family:'Inter',sans-serif;transition:color 0.2s}.widget_links ul li a:hover{color:#C8A96E}#copyrights{background:#0D0D0D;padding:24px 0}#copyrights p,#copyrights a{font-size:12px;color:#555;font-family:'Inter',sans-serif;text-decoration:none}#copyrights a:hover{color:#C8A96E}.copyright-links{display:flex;gap:20px;justify-content:flex-end}.copyright-links a{font-size:12px;color:#555;text-decoration:none}.copyright-links a:hover{color:#C8A96E}@media(max-width:767px){.copyright-links{justify-content:center}}/* ─── ICÔNES SOCIALES ─── */ .social-icon{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:50%;background:#1a1a1a;color:#888;text-decoration:none;font-size:13px;transition:background 0.25s,color 0.25s;overflow:hidden;position:relative;}.social-icon i{position:relative;z-index:1}.social-icon i:last-child{display:none}.social-icon:hover{color:#fff}.social-icon.h-bg-instagram:hover{background:#e1306c}.social-icon.h-bg-linkedin:hover{background:#0077b5}.social-icon.h-bg-facebook:hover{background:#1877f2}.si-small{width:30px;height:30px;font-size:11px}/* ─── CANVAS UTILS RESTANTS ─── */ .button{display:inline-flex;align-items:center;padding:10px 22px;border-radius:8px;font-weight:600;text-decoration:none;font-size:14px;font-family:'Inter',sans-serif;cursor:pointer;border:none;transition:background 0.2s;}.button-small{padding:8px 16px;font-size:12px}.bg-dark{background:#1a1a1a}.dark{color:#fff}/* ---------------------------------------------------------------- Canvas:Branding Studio — WebSentinel Sections Remplace branding-studio.css + styles sections homepage/maintenance -----------------------------------------------------------------*/ /* NOTE:Google Fonts chargés via <link> dans le <head> pour éviter l'avertissement "@import must be at top of stylesheet" */ /* ─── CSS Custom Properties ─── */:root{--cnvs-themecolor:#C8A96E;--cnvs-themecolor-rgb:200,169,110;--color-black:#0D0D0D;--color-white:#FFFFFF;--color-off-white:#FAFAFA;--color-dark-bg:#0D0D0D;--color-dark-card:#111111;--color-dark-border:#333333;--color-gold:#C8A96E;--color-gold-deep:#A8893E;--color-muted:#888888;--color-ghost-numeral:#EBEBEB;--font-heading:'Jakarta Sans',system-ui,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;}/* ─── Global Resets ─── */ body{font-family:var(--font-body);color:var(--color-black);background:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;}h1,h2,h3,h4,h5,h6{font-family:var(--font-heading);font-weight:400;letter-spacing:-0.01em;}/* ─── Section Spacing ─── */ .section{padding:100px 0;margin:0 !important;}@media (max-width:991px){.section{padding:70px 0;}}@media (max-width:767px){.section{padding:56px 0;}}/* ─── Section Label (eyebrow) ─── */ .sm-label{display:block;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:var(--color-gold);margin-bottom:20px;}/* ─── Section H2 ─── */ .sm-heading{font-family:var(--font-heading);font-size:3rem;font-weight:400;line-height:1.15;color:var(--color-black);margin-bottom:48px;}.sm-heading.white{color:#fff;}.sm-heading.italic{font-style:italic;}/* ─── Gold Rule ─── */ .sm-gold-rule{display:block;width:100%;height:1px;background:var(--color-gold);border:none;margin:0;}/* ─── Button overrides ─── */ .sm-btn-black{display:inline-block;background:var(--color-black);color:#fff !important;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid var(--color-black);text-decoration:none;transition:background 0.25s,color 0.25s;}.sm-btn-black:hover{background:transparent;color:var(--color-black) !important;}.sm-btn-outline{display:inline-block;background:transparent;color:var(--color-black) !important;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid var(--color-black);text-decoration:none;transition:background 0.25s,color 0.25s;}.sm-btn-outline:hover{background:var(--color-black);color:#fff !important;}.sm-btn-outline-white{display:inline-block;background:transparent;color:#fff !important;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid #fff;text-decoration:none;transition:background 0.25s,color 0.25s;}.sm-btn-outline-white:hover{background:#fff;color:var(--color-black) !important;}/* ─── Studio Marque — Header Overrides ─── */:root{--cnvs-themecolor:#C8A96E;--cnvs-themecolor-rgb:200,169,110;--color-gold:#C8A96E;--color-gold-deep:#A8893E;--color-black:#0D0D0D;}#header{--cnvs-header-bg:#ffffff;--cnvs-header-sticky-bg:#ffffff;--cnvs-primary-menu-font:'Inter',sans-serif;--cnvs-primary-menu-font-weight:600;--cnvs-primary-menu-font-size:0.8125rem;--cnvs-primary-menu-tt:uppercase;--cnvs-primary-menu-ls:0.1em;--cnvs-primary-menu-color:#0D0D0D;--cnvs-primary-menu-hover-color:#C8A96E;border-bottom:1px solid #EBEBEB !important;}/* Gold underline on active/hover nav items */ #header .menu-item.current > .menu-link,#header .menu-item > .menu-link:hover{color:#C8A96E;}/* Start a Project CTA */ .sm-header-cta{display:inline-block;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;color:#ffffff !important;background:#0D0D0D;border:2px solid #0D0D0D;padding:10px 22px;text-decoration:none;transition:background 0.25s ease,color 0.25s ease;white-space:nowrap;}.sm-header-cta:hover{background:transparent;color:#0D0D0D !important;}:root{--color-black:#0D0D0D;--color-white:#FFFFFF;--color-gold:#C8A96E;--font-heading:'Jakarta Sans',system-ui,sans-serif;--font-body:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;}#hero{font-family:var(--font-body);}#hero .hero-wordmark{font-family:var(--font-body);font-weight:300;font-size:13px;letter-spacing:0.25em;text-transform:uppercase;color:var(--color-black);margin-bottom:48px;display:block;}#hero h1{font-family:var(--font-heading);font-weight:400;font-size:4.5rem;line-height:1.1;letter-spacing:-0.01em;color:var(--color-black);margin-bottom:24px;}@media (max-width:991px){#hero h1{font-size:3rem;}#hero{padding-top:80px;}}@media (max-width:767px){#hero h1{font-size:2.25rem;}}#hero .hero-sub{font-family:var(--font-body);font-weight:300;font-size:18px;line-height:1.65;color:#555555;margin-bottom:40px;}#hero .sm-btn-black{display:inline-block;background:var(--color-black);color:#fff !important;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid var(--color-black);text-decoration:none;transition:background 0.25s,color 0.25s;}#hero .sm-btn-black:hover{background:transparent;color:var(--color-black) !important;}#hero .sm-btn-outline{display:inline-block;background:transparent;color:var(--color-black) !important;font-family:var(--font-body);font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid var(--color-black);text-decoration:none;margin-left:16px;transition:background 0.25s,color 0.25s;}#hero .sm-btn-outline:hover{background:var(--color-black);color:#fff !important;}#hero .hero-collage{position:relative;height:520px;}#hero .hero-collage img{position:absolute;object-fit:cover;box-shadow:0 20px 60px rgba(0,0,0,0.10);}#hero .collage-img-a{top:0;right:40px;width:260px;transform:rotate(2deg);z-index:3;box-shadow:0 20px 60px rgba(0,0,0,0.10);}#hero .collage-img-b{top:120px;left:10px;width:220px;transform:rotate(-3deg);z-index:2;box-shadow:0 20px 60px rgba(0,0,0,0.08);}#hero .collage-img-c{bottom:0;right:10px;width:200px;transform:rotate(1.5deg);z-index:1;box-shadow:0 20px 60px rgba(0,0,0,0.12);}#hero .hero-gold-rule{display:block;width:100%;height:1px;background:var(--color-gold);border:none;margin:0;}#hero .hero-ticker-wrap{height:40px;overflow:hidden;background:#fff;display:flex;align-items:center;}@keyframes sm-ticker{0%{transform:translateX(0);}100%{transform:translateX(-33.333%);}}#hero .sm-ticker-track{display:flex;white-space:nowrap;animation:sm-ticker 30s linear infinite;font-family:var(--font-body);font-size:11px;font-weight:600;letter-spacing:0.2em;text-transform:uppercase;color:var(--color-black);align-items:center;line-height:40px;}#hero .sm-ticker-track .ticker-sep{color:var(--color-gold);margin:0 12px;}/* ─── Services Section ─── */ #services .sm-service-card{padding:40px 28px 48px;position:relative;overflow:hidden;border-bottom:2px solid transparent;transition:border-color 0.35s ease;cursor:default;}#services .sm-service-card:hover{border-bottom-color:#C8A96E;}#services .sm-service-card:hover h3{color:#C8A96E;transition:color 0.25s ease;}#services .sm-service-card h3{transition:color 0.25s ease;}#services .card-numeral{position:absolute;top:8px;left:20px;font-family:'Jakarta Sans',system-ui,sans-serif;font-weight:700;font-size:120px;line-height:1;color:#EBEBEB;z-index:0;user-select:none;pointer-events:none;}#services .card-body{position:relative;z-index:1;margin-top:80px;}#services .card-title{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:22px;font-weight:700;color:#0D0D0D;margin-bottom:16px;}#services .card-desc{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:15px;font-weight:400;line-height:1.75;color:#555555;margin:0;}#services .stat-row{padding-top:64px;border-top:1px solid #E8E8E8;margin-top:64px;text-align:center;}#services .stat-row p{font-family:'Inter',-apple-system,BlinkMacSystemFont,sans-serif;font-size:12px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:#0D0D0D;margin:0;}#services .stat-dot{color:#C8A96E;margin:0 12px;}@media (max-width:767px){#services .sm-service-card{padding:32px 20px 40px;}#services .card-numeral{font-size:90px;}#services .card-body{margin-top:64px;}}.sm-portfolio-card{position:relative;overflow:hidden;height:320px;cursor:pointer;transition:transform 0.4s ease;margin-bottom:4px;}.sm-portfolio-card:hover{transform:scale(1.02);}.sm-portfolio-card .card-before,.sm-portfolio-card .card-after{position:absolute;top:0;bottom:0;width:50%;background-size:cover;background-position:center;}.sm-portfolio-card .card-before{left:0;filter:grayscale(100%) brightness(0.65);}.sm-portfolio-card .card-after{right:0;}.sm-portfolio-card .card-divider{position:absolute;left:calc(50% - 1px);top:-5%;width:2px;height:110%;background:#C8A96E;transform:rotate(3deg);z-index:3;pointer-events:none;}.sm-portfolio-card .card-footer{position:absolute;bottom:0;left:0;right:0;background:rgba(13,13,13,0.85);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);padding:16px 20px;z-index:4;}.sm-portfolio-card .card-footer .brand-name{font-family:'Inter',sans-serif;font-weight:700;font-size:15px;color:#ffffff;margin:0 0 4px;line-height:1.2;}.sm-portfolio-card .card-footer .brand-industry{font-family:'Inter',sans-serif;font-weight:500;font-size:11px;letter-spacing:0.12em;text-transform:uppercase;color:#C8A96E;margin:0;line-height:1;}.sm-portfolio-cta{display:inline-block;background:transparent;color:#fff;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 40px;border:2px solid #ffffff;text-decoration:none;transition:background 0.25s ease,color 0.25s ease;}.sm-portfolio-cta:hover{background:#ffffff;color:#0D0D0D;}@media (max-width:767px){.sm-portfolio-card{height:240px;}}#process .sm-label{display:block;font-family:var(--font-body,'Inter',sans-serif);font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:#C8A96E;margin-bottom:20px;}#process .sm-heading{font-family:var(--font-heading,'Jakarta Sans',system-ui,sans-serif);font-size:3rem;font-weight:400;line-height:1.15;color:#0D0D0D;margin-bottom:72px;}@media (max-width:767px){#process .sm-heading{font-size:2rem;margin-bottom:48px;}}/* Timeline row wrapper */ #process .timeline-row-wrap{position:relative;}/* Horizontal gold track — desktop only */ #process .timeline-track{position:absolute;top:56px;left:0;right:0;height:1px;background:#C8A96E;z-index:0;}@media (max-width:991px){#process .timeline-track{display:none;}}/* Phase card */ #process .phase-card{padding:64px 32px 0;position:relative;}@media (max-width:991px){#process .phase-card{padding:0 0 48px 64px;border-left:1px solid #C8A96E;}#process .phase-card:last-child{border-left:none;}}/* Gold dot on track */ #process .timeline-dot{width:12px;height:12px;border-radius:50%;background:#C8A96E;position:absolute;top:50px;left:50%;transform:translateX(-50%);z-index:1;}@media (max-width:991px){#process .timeline-dot{left:-7px;top:0;transform:none;}}/* Diamond between phases 02 and 03 */ #process .timeline-diamond{width:14px;height:14px;background:#C8A96E;transform:rotate(45deg);position:absolute;top:49px;left:calc(50% - 7px);z-index:2;}@media (max-width:991px){#process .timeline-diamond{display:none;}}/* Phase number label */ #process .phase-number{display:block;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:#C8A96E;margin-bottom:8px;}@media (max-width:991px){#process .phase-number{margin-top:0;}}/* Phase title */ #process .phase-title{font-family:'Jakarta Sans',system-ui,sans-serif;font-size:1.6rem;font-weight:400;color:#0D0D0D;margin-bottom:20px;line-height:1.2;}/* Phase description */ #process .phase-desc{font-family:'Inter',sans-serif;font-size:0.9375rem;font-weight:400;line-height:1.75;color:#555555;margin:0;}/* Mobile vertical connector dot */ @media (max-width:991px){#process .phase-card{margin-left:20px;}}/* Pull-quote */ #process .pull-quote{font-family:'Jakarta Sans',system-ui,sans-serif;font-style:italic;font-size:2rem;font-weight:400;line-height:1.4;color:#0D0D0D;text-align:center;margin:0;}@media (max-width:767px){#process .pull-quote{font-size:1.5rem;}}#process .pull-quote-rule{display:block;width:40px;height:1px;background:#C8A96E;border:none;margin:32px auto 0;}#clients .sm-client-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid #E8E8E8;border-left:1px solid #E8E8E8;margin-bottom:80px;}@media (max-width:991px){#clients .sm-client-grid{grid-template-columns:repeat(3,1fr);}}@media (max-width:575px){#clients .sm-client-grid{grid-template-columns:repeat(2,1fr);}}#clients .sm-client-cell{border-right:1px solid #E8E8E8;border-bottom:1px solid #E8E8E8;padding:40px 28px;display:flex;align-items:center;justify-content:center;transition:background 0.25s ease;cursor:default;}#clients .sm-client-cell:hover{background:#fff;}#clients .sm-client-name{font-family:'Inter',sans-serif;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:rgba(13,13,13,0.45);transition:color 0.25s ease;text-align:center;line-height:1.2;margin:0;}#clients .sm-client-cell:hover .sm-client-name{color:rgba(13,13,13,1);}#clients .sm-stats-row{display:flex;align-items:stretch;justify-content:center;gap:0;border-top:1px solid #E8E8E8;padding-top:64px;}#clients .sm-stat-block{flex:1;max-width:320px;text-align:center;padding:0 48px;}#clients .sm-stat-block:not(:last-child){border-right:2px solid #C8A96E;}#clients .sm-stat-numeral{font-family:'Jakarta Sans',system-ui,sans-serif;font-size:clamp(2.5rem,5vw,3.75rem);font-weight:700;color:#0D0D0D;line-height:1;margin-bottom:12px;display:block;}#clients .sm-stat-label{font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:#888888;display:block;}@media (max-width:575px){#clients .sm-stats-row{flex-direction:column;gap:40px;}#clients .sm-stat-block:not(:last-child){border-right:none;border-bottom:2px solid #C8A96E;padding-bottom:40px;}#clients .sm-stat-block{padding:0;}}#testimonials .sm-label{color:#C8A96E;}#testimonials .testimonial-card{background:#111111;border:1px solid #333333;padding:48px 40px 40px;display:flex;flex-direction:column;height:100%;}#testimonials .quote-mark{font-family:'Jakarta Sans',system-ui,sans-serif;font-size:5rem;line-height:1;color:#C8A96E;margin-bottom:8px;display:block;}#testimonials .testimonial-text{font-family:'Inter',sans-serif;font-size:1.125rem;font-weight:300;line-height:1.75;color:#FFFFFF;flex:1;margin-bottom:32px;}#testimonials .testimonial-rule{display:block;width:100%;height:1px;background:#C8A96E;border:none;margin-bottom:24px;}#testimonials .client-name{font-family:'Inter',sans-serif;font-size:0.9375rem;font-weight:600;color:#FFFFFF;margin-bottom:4px;display:block;}#testimonials .client-meta{font-family:'Inter',sans-serif;font-size:10px;font-weight:600;letter-spacing:0.14em;text-transform:uppercase;color:#C8A96E;display:block;}#inquiry .sm-form-label{display:block;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#0D0D0D;margin-bottom:8px;}#inquiry .sm-input{width:100%;border:none;border-bottom:1px solid #DDDDDD;padding:12px 0;font-family:var(--font-body);font-size:15px;color:#0D0D0D;background:transparent;outline:none;transition:border-color 0.2s;border-radius:0;}#inquiry .sm-input:focus{border-bottom-color:#C8A96E;}#inquiry .sm-field{margin-bottom:36px;}#inquiry .sm-budget-group{display:flex;flex-wrap:wrap;gap:10px;}#inquiry .sm-budget-label{display:inline-block;padding:9px 18px;border:1px solid #DDDDDD;font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:0.08em;text-transform:uppercase;color:#0D0D0D;cursor:pointer;transition:all 0.2s;user-select:none;}#inquiry .sm-budget-label:hover{border-color:#C8A96E;color:#C8A96E;}#inquiry input[type="radio"]{display:none;}#inquiry input[type="radio"]:checked + .sm-budget-label{background:#0D0D0D;border-color:#0D0D0D;color:#fff;}#inquiry .sm-submit{display:block;width:100%;background:#0D0D0D;color:#fff;font-family:var(--font-body);font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;padding:18px 0;border:2px solid #0D0D0D;cursor:pointer;transition:background 0.25s,color 0.25s;margin-top:8px;}#inquiry .sm-submit:hover{background:transparent;color:#0D0D0D;}#inquiry .sm-contact-block{padding-left:40px;border-left:1px solid #EBEBEB;height:100%;}@media (max-width:991px){#inquiry .sm-contact-block{padding-left:0;border-left:none;border-top:1px solid #EBEBEB;padding-top:48px;margin-top:48px;}}#inquiry .sm-next-list{list-style:none;padding:0;margin:0;}#inquiry .sm-next-list li{display:flex;align-items:flex-start;gap:16px;margin-bottom:24px;}#inquiry .sm-next-num{font-family:var(--font-heading);font-size:22px;font-weight:700;color:#C8A96E;line-height:1.2;min-width:24px;}#inquiry .sm-next-text{font-family:var(--font-body);font-size:15px;color:#555555;line-height:1.6;}/* ─── ANIMATIONS ─── */ [data-anim]{opacity:0;transform:translateY(26px);transition:opacity 0.8s cubic-bezier(0.16,1,0.3,1),transform 0.8s cubic-bezier(0.16,1,0.3,1)}[data-anim][data-delay="1"]{transition-delay:0.08s}[data-anim][data-delay="2"]{transition-delay:0.16s}[data-anim][data-delay="3"]{transition-delay:0.24s}[data-anim].anim-visible{opacity:1;transform:translateY(0)}@keyframes ws-fade-up{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:translateY(0)}}@keyframes ws-fade-scale{from{opacity:0;transform:scale(0.95)}to{opacity:1;transform:scale(1)}}[data-hero]{opacity:0;animation:ws-fade-up 0.8s cubic-bezier(0.16,1,0.3,1) forwards}[data-hero="scale"]{animation:ws-fade-scale 0.5s ease-out forwards}[data-hero][data-delay="1"]{animation-delay:0.1s}[data-hero][data-delay="2"]{animation-delay:0.2s}[data-hero][data-delay="3"]{animation-delay:0.3s}[data-hero][data-delay="4"]{animation-delay:0.4s}/* ─── ONGLETS CMS ─── */ .cms-tab-btn{padding:10px 20px;border-radius:100px;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;cursor:pointer;transition:all 0.2s;border:1.5px solid rgba(255,255,255,0.15);background:transparent;color:#aaa;}.cms-tab-btn.active,.cms-tab-btn[data-active="true"]{background:#C8A96E;color:#fff;border-color:#C8A96E;}.cms-tab-btn:hover:not(.active){border-color:rgba(255,255,255,0.4);color:#fff}.cms-panel{display:none}.cms-panel.active{display:block}/* ─── FORFAIT CARDS HOMEPAGE ─── */ .forfait-card{border-radius:2.5rem;padding:2rem;border:1px solid rgba(255,255,255,0.1);background:#1a1a1a;color:#fff;display:flex;flex-direction:column;}.forfait-card.popular{background:#C8A96E;border-color:#C8A96E;}.forfait-card .badge-popular{display:inline-block;background:#C8A96E;color:#fff;font-size:11px;font-weight:700;padding:4px 14px;border-radius:100px;text-transform:uppercase;letter-spacing:0.1em;margin-bottom:16px;}/* ─── BOUTONS ─── */ .sm-btn-black{display:inline-block;background:#0D0D0D;color:#fff !important;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid #0D0D0D;text-decoration:none;cursor:pointer;transition:background 0.25s,color 0.25s;}.sm-btn-black:hover{background:transparent;color:#0D0D0D !important}.sm-btn-outline{display:inline-block;background:transparent;color:#0D0D0D !important;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid #0D0D0D;text-decoration:none;cursor:pointer;transition:background 0.25s,color 0.25s;}.sm-btn-outline:hover{background:#0D0D0D;color:#fff !important}.sm-btn-outline-white{display:inline-block;background:transparent;color:#fff !important;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 36px;border:2px solid #fff;text-decoration:none;cursor:pointer;transition:background 0.25s,color 0.25s;}.sm-btn-outline-white:hover{background:#fff;color:#0D0D0D !important}/* ─── HERO CTAS ─── */ .hero-ctas{display:flex;gap:16px;flex-wrap:wrap;align-items:center}/* ─── LABEL & HEADING ─── */ .sm-label{display:block;font-family:'Inter',sans-serif;font-size:11px;font-weight:600;letter-spacing:0.15em;text-transform:uppercase;color:#C8A96E;margin-bottom:20px;}.sm-heading{font-family:'Jakarta Sans',system-ui,sans-serif;font-size:3rem;font-weight:400;line-height:1.15;color:#0D0D0D;margin-bottom:48px;}.sm-heading.white{color:#fff}.sm-heading.italic{font-style:italic}@media(max-width:767px){.sm-heading{font-size:2rem;margin-bottom:32px}}/* ─── PORTFOLIO CARD ─── */ .sm-portfolio-card{position:relative;overflow:hidden;height:320px;cursor:pointer;transition:transform 0.4s ease;margin-bottom:4px;}.sm-portfolio-card:hover{transform:scale(1.02)}.sm-portfolio-card .card-before,.sm-portfolio-card .card-after{position:absolute;top:0;bottom:0;width:50%;background-size:cover;background-position:center;}.sm-portfolio-card .card-before{left:0;filter:grayscale(100%) brightness(0.65)}.sm-portfolio-card .card-after{right:0}.sm-portfolio-card .card-divider{position:absolute;left:calc(50% - 1px);top:-5%;width:2px;height:110%;background:#C8A96E;transform:rotate(3deg);z-index:3;pointer-events:none;}.sm-portfolio-card .card-footer{position:absolute;bottom:0;left:0;right:0;background:rgba(13,13,13,0.85);backdrop-filter:blur(4px);padding:16px 20px;z-index:4;}.sm-portfolio-card .brand-name{font-family:'Inter',sans-serif;font-weight:700;font-size:15px;color:#fff;margin:0 0 4px}.sm-portfolio-card .brand-industry{font-family:'Inter',sans-serif;font-size:11px;font-weight:500;letter-spacing:0.12em;text-transform:uppercase;color:#C8A96E;margin:0}.sm-portfolio-cta{display:inline-block;background:transparent;color:#fff;font-family:'Inter',sans-serif;font-size:13px;font-weight:600;letter-spacing:0.12em;text-transform:uppercase;padding:16px 40px;border:2px solid #fff;text-decoration:none;transition:background 0.25s,color 0.25s;}.sm-portfolio-cta:hover{background:#fff;color:#0D0D0D}@media(max-width:767px){.sm-portfolio-card{height:240px}}/* ─── HERO PAGE INTERNE ─── */ .page-hero{background:#F5F1EB;padding:80px 0 60px;text-align:center}.page-hero h1{font-family:'Jakarta Sans',system-ui,sans-serif;font-size:3rem;font-weight:400;color:#0D0D0D;margin-bottom:16px}.page-hero p{font-size:18px;color:#555;max-width:640px;margin:0 auto}@media(max-width:767px){.page-hero{padding:60px 0 40px}.page-hero h1{font-size:2rem}}/* ─── CTA SECTION ─── */ .cta-section{background:#0D0D0D;padding:100px 0;text-align:center;color:#fff}.cta-section h2{font-family:'Jakarta Sans',system-ui,sans-serif;font-size:3rem;font-weight:400;font-style:italic;color:#fff;margin-bottom:24px}@media(max-width:767px){.cta-section{padding:70px 0}.cta-section h2{font-size:2rem}}/* ─── BREADCRUMB ─── */ .breadcrumb{display:flex;gap:8px;font-size:13px;color:#888;margin-bottom:24px;list-style:none;padding:0}.breadcrumb a{color:#888;text-decoration:none}.breadcrumb a:hover{color:#C8A96E}.breadcrumb-sep{color:#C8A96E}/* ─── FORMULAIRE CONTACT ─── */ .sm-form-label{display:block;font-family:'Inter',sans-serif;font-size:12px;font-weight:600;letter-spacing:0.1em;text-transform:uppercase;color:#0D0D0D;margin-bottom:8px}.sm-input{width:100%;border:none;border-bottom:1px solid #ddd;padding:12px 0;font-family:'Inter',sans-serif;font-size:15px;color:#0D0D0D;background:transparent;outline:none;transition:border-color 0.2s;border-radius:0}.sm-input:focus{border-bottom-color:#C8A96E}.sm-field{margin-bottom:36px}.sm-submit{display:block;width:100%;background:#0D0D0D;color:#fff;font-family:'Inter',sans-serif;font-size:12px;font-weight:700;letter-spacing:0.18em;text-transform:uppercase;padding:18px;border:2px solid #0D0D0D;cursor:pointer;transition:background 0.25s,color 0.25s}.sm-submit:hover{background:transparent;color:#0D0D0D}/* ─── GOLD RULE ─── */ .sm-gold-rule{display:block;width:100%;height:1px;background:#C8A96E;border:none;margin:0}/* ─── ICÔNES FA INLINE (remplacement partiel) ─── */ .fa-chevron-down::before{content:'›';display:inline-block;transform:rotate(90deg);font-style:normal}/* ─── CANVAS COMPAT ─── */ .include-header{display:block}.header-size-md{--cnvs-header-height:80px}.is-expanded-menu{display:block}/* ─── FORFAIT CARDS pages maintenance (ForfaitsCMS.astro) ─── */ /* ForfaitsCMS utilise des classes Tailwind inline — pas de CSS nécessaire ici */ /* Les classes py-20,grid,gap-6 sont gérées dans ws-1-base.css */ /* ─── PRINT ─── */ @media print{nav,header,footer{display:none !important}}/* ================================================================ PROSE / ARTICLE BLOG — canvas-prose Gère tout le contenu Markdown rendu:titres,paragraphes,listes,code,images,tableaux,blockquotes ================================================================ */ .canvas-prose{color:#1a1a1a;line-height:1.8;font-size:1.0625rem;word-break:break-word;}.canvas-prose > * + *{margin-top:0;}/* Paragraphes */ .canvas-prose p{margin:0 0 1.5em;}.canvas-prose p:last-child{margin-bottom:0;}/* Titres */ .canvas-prose h2{font-size:clamp(1.375rem,2.5vw,1.75rem);font-weight:700;line-height:1.25;margin:2.75em 0 0.75em;color:#0D0D0D;padding-bottom:0.5em;border-bottom:2px solid #F5F1EB;letter-spacing:-0.01em;}.canvas-prose h3{font-size:clamp(1.125rem,2vw,1.375rem);font-weight:700;line-height:1.3;margin:2.25em 0 0.6em;color:#0D0D0D;}.canvas-prose h4{font-size:1.0625rem;font-weight:700;margin:1.75em 0 0.5em;color:#0D0D0D;}.canvas-prose h2:first-child,.canvas-prose h3:first-child,.canvas-prose h4:first-child{margin-top:0;}/* Listes */ .canvas-prose ul,.canvas-prose ol{padding-left:1.75em;margin:0 0 1.5em;}.canvas-prose ul{list-style-type:disc;}.canvas-prose ol{list-style-type:decimal;}.canvas-prose li{margin:0.35em 0;line-height:1.7;}.canvas-prose li > ul,.canvas-prose li > ol{margin:0.25em 0 0.25em 0;}.canvas-prose li > p{margin:0;}/* Liens */ .canvas-prose a{color:#C8A96E;text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color 0.2s;}.canvas-prose a:hover{color:#a07b3c;}/* Gras / italique */ .canvas-prose strong,.canvas-prose b{font-weight:700;color:#0D0D0D;}.canvas-prose em,.canvas-prose i{font-style:italic;}/* Code inline */ .canvas-prose code{font-family:'Menlo','Consolas','Monaco','Courier New',monospace;font-size:0.875em;background:#F5F1EB;border:1px solid rgba(13,13,13,0.1);border-radius:4px;padding:0.15em 0.45em;color:#b5713a;white-space:nowrap;}/* Blocs de code */ .canvas-prose pre{background:#1a1a1a;color:#e6e6e6;border-radius:12px;padding:1.5rem 1.75rem;overflow-x:auto;margin:0 0 1.75em;font-size:0.875rem;line-height:1.7;border:1px solid rgba(255,255,255,0.06);-webkit-overflow-scrolling:touch;}.canvas-prose pre code{background:none;border:none;padding:0;color:inherit;font-size:inherit;white-space:pre;border-radius:0;}/* Blockquote */ .canvas-prose blockquote{border-left:4px solid #C8A96E;padding:0.875em 1.25em;margin:0 0 1.75em;background:#F5F1EB;border-radius:0 8px 8px 0;font-style:italic;color:rgba(13,13,13,0.75);}.canvas-prose blockquote p{margin:0;}.canvas-prose blockquote p + p{margin-top:0.75em;}/* Images — responsive,jamais écrasées */ .canvas-prose img{max-width:100%;height:auto;border-radius:12px;display:block;margin:0 auto 1.75em;box-shadow:0 4px 24px rgba(0,0,0,0.08);}.canvas-prose figure{margin:0 0 1.75em;}.canvas-prose figure img{margin-bottom:0.5em;}.canvas-prose figcaption{text-align:center;font-size:0.8125rem;color:rgba(13,13,13,0.5);margin-top:0.5em;font-style:italic;}/* Séparateur */ .canvas-prose hr{border:none;border-top:1px solid rgba(13,13,13,0.1);margin:2.5em 0;}/* Tableaux */ .canvas-prose table{width:100%;border-collapse:collapse;margin:0 0 1.75em;font-size:0.9375rem;display:block;overflow-x:auto;-webkit-overflow-scrolling:touch;}.canvas-prose thead th{background:#0D0D0D;color:#fff;font-weight:600;text-align:left;padding:0.75rem 1rem;white-space:nowrap;}.canvas-prose thead th:first-child{border-radius:8px 0 0 0;}.canvas-prose thead th:last-child{border-radius:0 8px 0 0;}.canvas-prose tbody td{padding:0.75rem 1rem;border-bottom:1px solid rgba(13,13,13,0.08);color:rgba(13,13,13,0.85);vertical-align:top;}.canvas-prose tbody tr:nth-child(even) td{background:#F5F1EB;}.canvas-prose tbody tr:last-child td{border-bottom:none;}/* CTA encadrés dans les articles */ .canvas-prose .article-cta{background:#F5F1EB;border-radius:12px;padding:1.5rem 1.75rem;margin:0 0 1.75em;border-left:4px solid #C8A96E;}/* Responsive mobile */ @media (max-width:640px){.canvas-prose{font-size:1rem;}.canvas-prose pre{padding:1rem;border-radius:8px;}.canvas-prose blockquote{padding:0.75em 1em;}}