/* Socksholm Hero Slider v1.3.2 — container-proportional responsive scaling */
.socksholm-slider{position:relative;width:100%;max-width:100%;height:auto;aspect-ratio:1920 / 620;min-height:0;overflow:hidden;background:#073b6f;font-family:inherit}.ss-track,.ss-item,.ss-item picture,.ss-item img{position:absolute;inset:0;width:100%;height:100%}.ss-item{opacity:0;visibility:hidden;transition:opacity .55s ease;z-index:0}.ss-item.is-active{opacity:1;visibility:visible;z-index:1}.ss-item img{object-fit:cover;object-position:center center}.ss-overlay{position:absolute;inset:0;background:#052f59}.ss-content{position:absolute;inset:0;z-index:2;display:flex;align-items:center;padding:clamp(24px,5vw,88px);color:#fff}.ss-inner{width:min(52vw,720px);max-width:720px}.ss-center{justify-content:center;text-align:center}.ss-center .ss-inner{margin:auto}.ss-right{justify-content:flex-end;text-align:right}.ss-eyebrow{font-size:clamp(10px,.85vw,12px);font-weight:800;letter-spacing:.18em;margin-bottom:clamp(8px,1vw,12px)}.ss-content h2{color:inherit!important;font-family:Georgia,'Times New Roman',serif;font-size:clamp(34px,4.45vw,72px);line-height:.98;margin:0 0 clamp(10px,1.2vw,16px);letter-spacing:-.025em;text-shadow:0 2px 14px rgba(0,0,0,.15)}.ss-content p{font-size:clamp(14px,1.45vw,22px);line-height:1.45;margin:0 0 clamp(16px,1.8vw,26px);max-width:620px}.ss-center p{margin-left:auto;margin-right:auto}.ss-cta{display:inline-flex;align-items:center;gap:10px;background:#073b6f;color:#fff!important;border-radius:999px;padding:clamp(11px,1vw,14px) clamp(18px,1.7vw,24px);font-size:clamp(11px,.9vw,13px);font-weight:800;letter-spacing:.08em;text-decoration:none!important;box-shadow:0 8px 24px rgba(0,0,0,.16);transition:transform .2s,background .2s}.ss-cta:hover{background:#0b4f91;transform:translateY(-1px)}.ss-arrow{position:absolute;z-index:4;top:50%;transform:translateY(-50%);width:clamp(38px,3.2vw,46px);height:clamp(38px,3.2vw,46px);border:1px solid rgba(255,255,255,.65);border-radius:50%;background:rgba(7,59,111,.58);color:#fff;font-size:clamp(25px,2.2vw,31px);line-height:1;cursor:pointer}.ss-prev{left:clamp(10px,1.4vw,20px)}.ss-next{right:clamp(10px,1.4vw,20px)}.ss-dots{position:absolute;z-index:4;left:50%;bottom:clamp(12px,1.4vw,20px);transform:translateX(-50%);display:flex;gap:9px}.ss-dots button{width:9px;height:9px;border:0;border-radius:50%;padding:0;background:rgba(255,255,255,.55);cursor:pointer}.ss-dots button.is-active{width:26px;border-radius:8px;background:#fff}.ss-empty{padding:24px;background:#fff4cc;color:#073b6f;text-align:center}.socksholm-slider button:focus-visible,.socksholm-slider a:focus-visible{outline:3px solid #fecc02;outline-offset:3px}

/* Laptop / tablet: reduce the whole hero together instead of cropping a fixed 620px box. */
@media(max-width:1366px) and (min-width:768px){.socksholm-slider{height:auto;aspect-ratio:1920 / 620;min-height:0}.ss-content{padding:clamp(28px,5vw,64px)}.ss-inner{width:min(52vw,610px)}.ss-content h2{font-size:clamp(36px,3.9vw,54px);line-height:.98}.ss-content p{font-size:clamp(15px,1.45vw,19px)}}

@media(max-width:1024px) and (min-width:768px){.socksholm-slider{height:auto;aspect-ratio:1920 / 620}.ss-inner{width:min(58vw,560px)}.ss-content h2{font-size:clamp(38px,5vw,52px)}}

/* Mobile uses the optional portrait/mobile image and scales the complete composition. */
@media(max-width:767px){.socksholm-slider{height:clamp(440px,125vw,var(--ss-mh,560px));aspect-ratio:auto;min-height:0}.ss-content{padding:24px 22px 64px;align-items:flex-end}.ss-inner{width:min(88%,520px);max-width:520px}.ss-center .ss-inner{width:min(92%,520px)}.ss-content h2{font-size:clamp(34px,10.5vw,46px);line-height:1}.ss-content p{font-size:clamp(14px,4vw,17px);line-height:1.4;margin-bottom:18px}.ss-eyebrow{font-size:10px;margin-bottom:8px}.ss-cta{padding:12px 18px;font-size:11px}.ss-arrow{width:38px;height:38px;font-size:27px}.ss-prev{left:8px}.ss-next{right:8px}.ss-dots{bottom:16px}}

@media(max-width:420px){.socksholm-slider{height:clamp(430px,132vw,var(--ss-mh,560px));aspect-ratio:auto}.ss-content{padding-left:20px;padding-right:20px}.ss-inner{width:92%}.ss-content h2{font-size:clamp(32px,10vw,42px)}}
@media(prefers-reduced-motion:reduce){.ss-item,.ss-cta{transition:none}}