/* One responsive canvas. All source images and slide behaviour are retained. */
.twd-slider{--twd-slide:#075898;--twd-deep:#075898;position:relative;width:100%;min-width:0;max-inline-size:100%;isolation:isolate;color:#fff;background:var(--twd-deep);font-family:inherit;container-type:inline-size}
/* The admin renderer's generic section card must not enlarge this canvas. */
.twd-slider[data-twd-slider]{margin:0!important;padding:0!important;border:0!important;border-radius:0!important;background:var(--twd-deep)!important}
.twd-slider *,.twd-slider *::before,.twd-slider *::after{box-sizing:border-box}
.twd-slider [hidden]{display:none!important}
.twd-slider [inert]{pointer-events:none}
.twd-slider__stage{position:relative;display:grid;grid-template-columns:minmax(0,1fr);min-width:0;min-height:0;height:auto;aspect-ratio:auto;overflow:hidden}
.twd-slide{position:relative;grid-area:1/1;min-width:0;min-height:0;visibility:hidden;overflow:hidden;background:var(--twd-deep);isolation:isolate}
.twd-slide.is-active{visibility:visible;z-index:1}
.twd-slide__visual{position:absolute;inset:0;z-index:0;margin:0;width:100%;height:100%;touch-action:pan-y}
.twd-slide__visual picture{position:absolute;inset:0;display:block;width:100%;height:100%}
.twd-slide__visual img{position:absolute;top:0;left:0;display:block;width:100%;height:auto;max-width:100%;object-fit:contain;object-position:50% 0%;mask-image:linear-gradient(to bottom,#000 0%,#000 68%,transparent 100%)}
.twd-slide[data-slide-id="new-year"] .twd-slide__visual img{top:16px}
.twd-slide__inner{position:relative;z-index:2;min-width:0;min-height:0;height:auto;max-width:1440px;max-inline-size:min(1440px,100%);margin:auto;display:flex;align-items:stretch;justify-content:flex-end;flex-direction:column;padding:calc(70cqw + 16px) 24px 84px;pointer-events:none}
.twd-slide__copy{width:100%;max-width:650px;min-width:0;position:relative;background:none;color:#fff;pointer-events:auto;text-shadow:0 1px 5px #00152755}
.twd-slide__kicker{margin:0 0 8px;font-size:11px;line-height:1.35;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:inherit}
.twd-slide__title{margin:0;font-size:clamp(27px,4.5cqw,38px);line-height:1.09;letter-spacing:-.035em;font-weight:750;overflow-wrap:break-word;text-wrap:balance;color:inherit}
.twd-slide__title a{color:inherit;text-decoration:none}
.twd-slide__title a:hover{text-decoration:underline;text-decoration-thickness:2px;text-underline-offset:5px}
.twd-slide__description{margin:12px 0 18px;max-width:620px;font-size:16px;line-height:1.5;color:inherit}
.twd-slide__cta{display:inline-flex;align-items:center;gap:16px;min-height:44px;max-width:100%;padding:11px 19px;border-radius:7px;background:#fff;color:#07335e;font-size:14px;line-height:1.35;font-weight:750;text-decoration:none;text-shadow:none}
.twd-slide__cta:hover{background:#eaf4ff}
.twd-slide__frost{position:absolute;inset:0;z-index:3;pointer-events:none;border:16px solid transparent;border-image-source:url("/twd-slider-image/frame/frame/content/6a1169b97c45bf93f1356691c2b57a4730c88c1ebe58e6571b092d6ec2e20b1c");border-image-slice:130;border-image-repeat:round}
.twd-slider__controls{position:absolute;z-index:4;bottom:16px;left:22px;display:flex;align-items:center;gap:6px;color:#fff;max-width:calc(100% - 32px)}
.twd-slider__control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;flex:0 0 auto;border:1px solid #ffffff85;border-radius:50%;background:#00162b25;color:inherit;font:inherit;cursor:pointer}
.twd-slider__control:hover{background:#00162b60}
.twd-slider__dots{display:flex;gap:0;align-items:center}
.twd-slider__dot{display:inline-grid;place-items:center;width:26px;height:44px;flex:0 0 auto;padding:0;border:0;background:none;cursor:pointer;color:inherit}
.twd-slider__dot::after{content:"";display:block;width:7px;height:7px;background:#ffffff8c;border:1px solid #fff;border-radius:50%}
.twd-slider__dot[aria-current="true"]::after{width:9px;height:9px;background:#fff}
.twd-slider a:focus-visible,.twd-slider button:focus-visible{outline:3px solid #fff;outline-offset:4px;box-shadow:0 0 0 6px #061929}
.twd-slider__status{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.twd-slider-heading{position:absolute;width:1px;height:1px;clip-path:inset(50%);overflow:hidden;white-space:nowrap;margin:-1px;padding:0;border:0}

/* Intermediate containers keep the full panorama; no vertical object crop. */
@container(min-width:900px){
 .twd-slider__stage{--twd-stage-height:clamp(360px,calc(100cqw / 3),400px);--twd-art-width:min(100cqw,calc(var(--twd-stage-height) * 3));height:var(--twd-stage-height)}
 .twd-slide__inner{height:100%;min-height:0;flex-direction:row;align-items:center;justify-content:flex-start;padding:24px clamp(28px,4cqw,64px) 78px}
 .twd-slide__copy{width:46%;max-width:580px}
 .twd-slide__title{font-size:36px}
 .twd-slide__description{font-size:17px;line-height:1.5;max-width:510px}
 .twd-slide__visual img,.twd-slide[data-slide-id="new-year"] .twd-slide__visual img{inset:0;width:100%;height:100%;object-fit:contain;object-position:100% 50%;mask-image:linear-gradient(to right,transparent 0%,transparent max(0px,calc(100% - var(--twd-art-width))),#000 max(0px,calc(100% - var(--twd-art-width) * .6)),#000 100%)}
 .twd-slider__controls{left:max(28px,calc((100% - 1440px)/2 + 64px));gap:6px}
 .twd-slider__dot{width:32px}
}
/* 1200px container threshold includes a 1280px viewport's scrollbar/gutters. */
@container(min-width:1200px){
 .twd-slider__stage{--twd-stage-height:380px;height:var(--twd-stage-height)}
 .twd-slide__title{font-size:clamp(36px,2.8cqw,40px)}
 .twd-slide__visual img{mask-image:linear-gradient(to right,transparent 0%,transparent max(0px,calc(100% - 1140px)),#000 max(0px,calc(100% - 684px)),#000 100%)}
}
/* In a narrow admin preview the picture media query still sees its viewport.
   Give its retained desktop panorama its natural top band, then the full copy. */
@media(min-width:900px){@container(max-width:899px){.twd-slide__inner{padding-top:calc(34cqw + 32px)}.twd-slide__visual img{top:16px;mask-image:linear-gradient(to bottom,#000 0%,#000 85%,transparent 100%)}}}
@container(max-width:600px){.twd-slider__controls{left:16px;gap:2px}.twd-slider__control{width:40px;height:40px}.twd-slider__dot{width:24px;height:40px}}
@container(max-width:360px){.twd-slide__inner{padding-left:20px;padding-right:20px}.twd-slider__controls{left:12px}.twd-slider__control{width:36px}.twd-slider__dot{width:20px}}
@container(max-width:280px){.twd-slider__controls{left:10px}.twd-slider__control{width:32px}.twd-slider__dot{width:18px}}
@media(prefers-reduced-motion:reduce){.twd-slider *{scroll-behavior:auto!important;animation:none!important;transition:none!important}}

/* Existing product admin collection geometry is preserved. */
.twd-slider-related{display:flex;justify-content:flex-end;gap:24px;padding:12px 24px;font-weight:650}
.twd-slider-admin-thumb{display:block;width:56px;height:28px;flex:0 0 auto;object-fit:cover}
.twd-slide-admin-title{display:flex;gap:10px;align-items:center;min-width:0}
.twd-slide-admin-title>a{min-width:0;overflow-wrap:anywhere}
.record-table-scroll>table.record-table.twd-slider-table{min-width:0;max-width:100%;table-layout:fixed}
.twd-slider-table .record-title{width:auto;min-width:0;max-width:none}
.twd-slider-table .record-position{width:76px;min-width:0}
.twd-slider-table th:nth-last-child(2),.twd-slider-table td:nth-last-child(2){width:114px}
.twd-slider-table .record-actions{width:96px;min-width:0;white-space:normal}
.twd-slider-table .record-actions a{white-space:normal}
@media(max-width:600px){.twd-slider-table .record-position{display:none}.twd-slider-table .record-badge{white-space:normal}.twd-slider-table th:nth-last-child(2),.twd-slider-table td:nth-last-child(2){width:72px}.twd-slider-table .record-actions{width:76px}.twd-slider-table th,.twd-slider-table td{padding-left:6px;padding-right:6px}.twd-slider-admin-thumb{width:32px;height:24px}.twd-slide-admin-title{gap:6px;align-items:flex-start}}
