.sy-hist{padding:clamp(2.5rem,5vw,4rem) 0;background:var(--color-surface)}.sy-hist__inner{display:grid;grid-template-columns:minmax(200px,.8fr) minmax(260px,1fr) minmax(300px,1.25fr);gap:clamp(1.5rem,3vw,2.5rem);align-items:center}.sy-hist__visual{position:relative;aspect-ratio:1 / 1;border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface-inverse);display:grid;place-items:center}.sy-hist__photo{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sy-hist__logo{font-family:var(--font-display);font-weight:800;font-size:clamp(1.75rem,4vw,2.75rem);letter-spacing:.12em;color:#fff;text-align:center}.sy-hist__logo-accent{color:var(--color-accent, #a8fa46)}.sy-hist__title{font-family:var(--font-display);font-weight:800;font-size:var(--font-size-xl);letter-spacing:.04em;text-transform:uppercase;margin:0 0 var(--spacing-4);color:var(--color-text)}.sy-hist__body{color:var(--color-text-muted);line-height:1.65}.sy-hist__body p{margin:0 0 var(--spacing-3)}.sy-hist__signature{margin:var(--spacing-4) 0 var(--spacing-5);font-weight:600;color:var(--color-text)}.sy-hist__btn{display:inline-flex;align-items:center;padding:12px 22px;border:1.5px solid var(--color-text);border-radius:var(--radius-md);font-weight:700;font-size:var(--font-size-sm);letter-spacing:.04em;text-transform:uppercase;color:var(--color-text);background:transparent;transition:background var(--duration-fast) var(--ease-out),color var(--duration-fast) var(--ease-out)}.sy-hist__btn:hover{background:var(--color-text);color:var(--color-surface)}.sy-hist__steps{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-3);align-items:start}.sy-hist__step{margin:0}.sy-hist__step-img-full{width:100%;height:auto;display:block;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle);background:#fff}.sy-hist__step-media{position:relative;aspect-ratio:3 / 4;border-radius:var(--radius-md);overflow:hidden;background:#fff;border:1px solid var(--color-border-subtle);display:grid;place-items:center}.sy-hist__step-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.sy-hist__step-icon{color:var(--color-primary, #00875A);display:grid;place-items:center}.sy-hist__step-icon svg{width:42px;height:42px}.sy-hist__step-label{margin:10px 0 0;text-align:center;font-size:var(--font-size-sm);font-weight:600;color:var(--color-text)}@media(max-width:1023px){.sy-hist__inner{grid-template-columns:1fr}.sy-hist__visual{aspect-ratio:16 / 9;max-height:320px}}@media(max-width:480px){.sy-hist__steps{gap:var(--spacing-2)}.sy-hist__step-label{font-size:var(--font-size-xs)}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/sykell-histoire.css.map */