.hero .carousel-shell{width:100vw;max-width:none;margin-left:calc(50% - 50vw);overflow:hidden}
.carousel-header{width:min(1160px,calc(100% - 40px));margin:0 auto 18px;padding:0}
.carousel-header p{font:800 18px/1.25 'Outfit',sans-serif;letter-spacing:-.02em}
.controls{display:none}
.rail{width:max-content;display:flex;gap:10px;overflow:visible;padding:0;scroll-snap-type:none;animation:story-loop 38s linear infinite;will-change:transform}
.story-group{display:flex;gap:10px;flex:none}
.work-card,.work-card:nth-child(2n){position:relative;display:block;transform:none;flex:0 0 292px;width:292px;max-width:none;height:auto;aspect-ratio:auto;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible;scroll-snap-align:none}
.work-visual{position:relative;inset:auto;width:100%;height:519px;aspect-ratio:9/16;overflow:hidden;border-radius:12px;background:#172d38}
.work-visual img,.work-visual video{display:block;width:100%;height:100%;object-fit:cover}
.story-top{position:absolute;top:0;right:0;left:0;z-index:2;padding:12px;background:linear-gradient(#0c192b80,transparent);color:#fff}
.story-progress{height:2px;margin-bottom:12px;border-radius:3px;background:#ffffffc9}
.story-profile{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:800;text-shadow:0 1px 3px #0009}
.story-profile img{display:block;width:31px;height:31px;flex:0 0 31px;border:2px solid #fff;border-radius:50%;object-fit:cover;background:#fff}
.story-results{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:8px;text-align:center}
.story-results div{display:flex;flex-direction:column;justify-content:center;gap:2px;min-width:0;min-height:63px;padding:7px 2px;border-radius:9px}
.story-results div:nth-child(1){background:#e7f6fd;color:#07699a}
.story-results div:nth-child(2){background:#fff0f7;color:#a52e69}
.story-results div:nth-child(3){background:#e7f8ed;color:#16743b}
.story-results strong{font:800 18px/1.2 'Outfit',sans-serif;color:inherit}
.story-results span{font-size:11px;line-height:1.2;font-weight:700;color:inherit}
.button[data-wa],.button[data-wa-natal],.float-wa{background:#168c4a;color:#fff;border:1px solid #168c4a}
.button[data-wa]:hover,.button[data-wa-natal]:hover,.float-wa:hover{background:#117b40;color:#fff;border-color:#117b40}
.float-wa{display:inline-flex;align-items:center;gap:8px}
.wa-icon{display:block;width:19px;height:19px;flex:none;filter:brightness(0) invert(1)}
@keyframes story-loop{to{transform:translateX(calc(-50% - 5px))}}
@media(max-width:900px){.work-card,.work-card:nth-child(2n){flex-basis:270px;width:270px}.work-visual{height:480px}}
@media(max-width:700px){.carousel-header{width:calc(100% - 28px)}.rail{margin-right:0}.work-card,.work-card:nth-child(2n){flex-basis:240px;width:240px}.work-visual{height:427px;border-radius:10px}.story-top{padding:10px}.story-profile{font-size:12px}.story-profile img{width:28px;height:28px}.story-results{gap:4px}.story-results div{min-height:59px}}
@media(prefers-reduced-motion:reduce){.rail{animation:none;max-width:100vw;overflow-x:auto;scrollbar-width:thin}}
.reel-link{position:absolute;inset:0;z-index:3;width:100%;border:0;padding:0;background:transparent;cursor:pointer}
.reel-dialog{width:min(92vw,calc(88vh * 9 / 16));max-width:none;max-height:none;padding:0;border:0;border-radius:14px;background:#000;overflow:visible}
.reel-dialog::backdrop{background:#050d14d9}
.reel-dialog video{display:block;width:100%;aspect-ratio:9/16;max-height:88vh;border-radius:14px;background:#000;object-fit:contain}
.reel-close{position:absolute;top:-14px;right:-14px;z-index:2;width:40px;height:40px;border:0;border-radius:50%;background:#fff;color:var(--ink);font-size:26px;line-height:1;box-shadow:0 4px 14px #0006}
@media(max-width:700px){.reel-close{top:8px;right:8px;background:#ffffffe6}}
.rail:hover,.rail:focus-within{animation-play-state:paused}