
.syk-dossier{
  --syk-blue:#002e52;--syk-white:#fff;
  --syk-cream:#f8f4d7;
  --syk-pink-light:#fddfeb;
  --syk-green:#8fc3a2;
  font-family:Poppins,system-ui,sans-serif;
  position:relative;overflow:hidden;background:var(--syk-blue);padding:88px 0
}
.syk-dossier *,.syk-dossier *::before,.syk-dossier *::after{box-sizing:border-box!important}
.syk-dossier h2,.syk-dossier p{word-break:normal!important;overflow-wrap:normal!important;hyphens:none!important}
.syk-dossier .syk-dossier__eyebrow{margin:0 0 16px!important;padding:0!important;font-size:12.5px!important;font-weight:700!important;letter-spacing:.22em!important;line-height:1.4!important;color:var(--syk-cream)!important}
.syk-dossier .syk-dossier__wrap{max-width:1180px;margin:0 auto;padding:0 24px;position:relative;z-index:1;display:grid!important;grid-template-columns:minmax(0,1fr) minmax(0,480px)!important;column-gap:64px!important;align-items:start}
.syk-dossier .syk-dossier__title{margin:0 0 20px!important;padding:0!important;font-family:'Ramona Bold','Ramona',Poppins,sans-serif!important;font-weight:400!important;font-size:clamp(34px,4vw,52px)!important;line-height:.98!important;text-transform:uppercase!important;color:var(--syk-white)!important}
.syk-dossier .syk-dossier__title span{display:block!important;white-space:normal!important}
.syk-dossier .syk-dossier__title-accent{color:var(--syk-green)!important}
.syk-dossier .syk-dossier__text{margin:0 0 36px!important;padding:0!important;max-width:440px;font-size:16px!important;line-height:1.65!important;font-weight:400!important;color:var(--syk-cream)!important}
.syk-dossier .syk-dossier__btn{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px!important;border:0!important;border-radius:999px!important;background:var(--syk-green)!important;color:var(--syk-blue)!important;font-family:Poppins,system-ui,sans-serif;font-size:14px!important;font-weight:700!important;text-decoration:none!important;white-space:nowrap;transition:gap .2s ease}
.syk-dossier .syk-dossier__btn:hover{gap:14px}

.syk-dossier .syk-dossier__mockup{position:relative;width:100%;max-width:480px;aspect-ratio:4/2.9;margin:-14px auto 0}
.syk-dossier .syk-dossier-mock{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:12px!important;overflow:hidden;box-shadow:0 18px 40px rgba(0,10,25,.28)}
.syk-dossier .syk-dossier-mock--back-b{width:82%;height:76%;left:15%;top:19%;background:var(--syk-pink-light);transform:rotate(-8deg);z-index:1;padding:22px 26px}
.syk-dossier .syk-dossier-mock--back-a{width:86%;height:80%;left:10%;top:11%;background:var(--syk-white);transform:rotate(-4deg);z-index:2;padding:22px 26px}
.syk-dossier .syk-dossier-mock__page-title{margin:0 0 14px!important;padding:0!important;font-family:'Ramona Bold','Ramona',Poppins,sans-serif!important;font-weight:400!important;font-size:15px!important;line-height:1.2!important;text-transform:uppercase!important;color:var(--syk-blue)!important}
.syk-dossier .syk-dossier-mock__line{display:block;height:6px;margin-bottom:10px;border-radius:3px;background:rgba(0,46,82,.14)}
.syk-dossier .syk-dossier-mock__line--short{width:60%}
.syk-dossier .syk-dossier-mock--cover{width:90%;height:auto;aspect-ratio:800/448;left:5%;top:50%;transform:translateY(-50%) rotate(0deg);z-index:3;background:var(--syk-blue)}
.syk-dossier .syk-dossier-mock--cover img{display:block!important;width:100%!important;height:100%!important;max-width:none!important;object-fit:contain;object-position:center}

@media (max-width:1024px){
  .syk-dossier .syk-dossier__wrap{grid-template-columns:minmax(0,1fr)!important;row-gap:48px}
  .syk-dossier .syk-dossier__mockup{margin:0 auto}
}
@media (max-width:860px){
  .syk-dossier{padding:64px 0}
}
@media (max-width:600px){
  .syk-dossier{padding:56px 0}
  .syk-dossier .syk-dossier__title{font-size:clamp(28px,9vw,36px)!important}
}
@media (max-width:480px){
  .syk-dossier .syk-dossier__btn{width:100%;justify-content:space-between}
}
