/* V2 : logo fourni et véritable aperçu de lerisle.fr. */


.nav{padding-top:10px;padding-bottom:10px;}
.foot-brand .site-brand{margin-bottom:12px;}
.site-preview{display:block;min-width:0;overflow:hidden;border:1px solid rgba(90,162,255,.25);border-radius:16px;background:#0b1320;box-shadow:0 30px 80px -40px rgba(23,107,255,.45);text-decoration:none;color:#dce5f2;transition:transform .3s,border-color .3s;}
.site-preview:hover{border-color:#5aa2ff;}
.site-preview:focus-visible{outline:3px solid #5aa2ff;outline-offset:6px;}
.site-preview-bar{display:flex;align-items:center;gap:14px;padding:13px 16px;background:#0b1320;border-bottom:1px solid rgba(90,162,255,.15);font:400 12px/1.4 var(--sans);color:#aebbd0;}
.site-preview-dots{display:flex;gap:5px;}
.site-preview-dots i{display:block;width:6px;height:6px;border-radius:50%;background:#526178;}
.site-preview-url{flex:1;text-align:center;letter-spacing:.04em;}
.site-preview img{display:block;width:100%;height:auto;aspect-ratio:1363/936;object-fit:cover;object-position:top;}
.site-preview-caption{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;background:#0b1320;font:400 14px/1.5 var(--sans);}
.site-preview-caption strong{display:block;color:#f7f9fc;font-weight:500;}
.site-preview-caption small{display:block;color:#94a3b8;font-size:12px;}
.site-preview-caption .visit-label{color:#75afff;white-space:nowrap;}
.hero-visual .site-preview{transform:none;}
.hero-visual .site-preview:hover{transform:none;}
.hero-visual{min-width:0;}
.feat-grid{align-items:center;}
.feat-copy p{font-size:16px;line-height:1.85;}
.feat-copy .project-meta{margin-bottom:20px;}
.case-study h3{font-family:var(--sans);font-size:22px;letter-spacing:-.025em;margin-top:36px;color:#f7f9fc;}
.case-study p{line-height:1.85;}
.case-study .case-intro{font-size:20px;color:#dce5f2;}
@media(max-width:980px){.hero-visual .site-preview{transform:none;}.hero-grid{gap:38px;}}
@media(max-width:560px){.nav{padding-top:6px;padding-bottom:6px;}.site-preview-bar{padding:10px 12px;}.site-preview-caption{padding:12px;font-size:13px;gap:8px;}.site-preview-caption small{font-size:11px;}.hero{padding-top:140px;}}
@media(prefers-reduced-motion:reduce){.site-preview,.hero-visual .site-preview{transform:none;}}

.site-preview-scroll{display:block;width:100%;aspect-ratio:1363/936;overflow-y:auto;overflow-x:hidden;overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#176bff #0b1320;background:#fff;}
.site-preview-scroll:focus-visible{outline:3px solid #5aa2ff;outline-offset:-3px;}
.site-preview-scroll img{width:100%;height:auto;aspect-ratio:auto;display:block;max-width:100%;}
.site-preview-caption .visit-label:hover{text-decoration:underline;}
@media(max-width:560px){}

/* Marques vectorielles transparentes : aucune fusion ni recoloration CSS. */
.logo.site-brand{display:flex;align-items:center;justify-content:flex-start;flex:none;line-height:1;}
.site-brand .brand-source{position:static;display:block;width:100%;max-width:100%;height:auto;left:auto;top:auto;filter:none;mix-blend-mode:normal;object-fit:contain;}
header .logo.site-brand{width:72px;height:30px;}
.nav,header.scrolled .nav{min-height:66px;padding:12px 28px;}
.foot-brand .logo.site-brand{width:190px;height:auto;margin-bottom:22px;}
.hero{padding-top:144px;}
@media(max-width:560px){header .logo.site-brand{width:67px;height:28px;}.nav,header.scrolled .nav{min-height:56px;padding:10px 20px;}.foot-brand .logo.site-brand{width:178px;}.hero{padding-top:116px;}}

@media(prefers-reduced-motion:reduce){.hero-photo{animation:none;transform:none;transition:none;}}