sv-spray-count *{box-sizing:border-box}sv-spray-count{margin:0;font-family:Arial,Helvetica,sans-serif;background:#fff;color:#111}sv-spray-count .lead{height:30svh;min-height:160px;background:#080808;color:#fff;display:flex;align-items:center;justify-content:center}sv-spray-count .lead span{font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:#aaa}sv-spray-count .bridge{height:24svh;min-height:140px;background:linear-gradient(#080808 0%,#161616 12%,#555 35%,#a5a5a5 57%,#e5e5e5 80%,#fff 100%)}sv-spray-count .spray-story{height:250svh}sv-spray-count .spray-stage{position:sticky;top:0;height:100svh;min-height:620px;overflow:hidden;background:#fff;isolation:isolate}sv-spray-count .heading{position:absolute;top:var(--top,43%);width:100%;text-align:center;z-index:3;pointer-events:none;transform:translateY(-50%)}sv-spray-count .heading h2{margin:0 auto;font:500 clamp(54px,6.4vw,100px)/.95 Arial,Helvetica,sans-serif;letter-spacing:-.065em;max-width:1000px;transform:scale(var(--scale,1.15));transform-origin:center;color:#ccc}sv-spray-count .heading h2 span{background:linear-gradient(90deg,#111 var(--fill,0%),#ccc var(--fill,0%));background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}sv-spray-count .heading p{margin:20px 0 0;font-size:13px;line-height:1.5;letter-spacing:.02em;color:#777;opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0))*8px))}sv-spray-count .experience{position:absolute;inset:0;opacity:var(--reveal,0);transform:translateY(calc((1 - var(--reveal,0))*28px));pointer-events:none}sv-spray-count .experience.ready{pointer-events:auto}sv-spray-count .sizes{position:absolute;top:24%;width:100%;display:flex;justify-content:center;gap:32px}sv-spray-count .sizes button{border:0;border-bottom:1px solid transparent;padding:8px 0;background:none;color:#999;letter-spacing:.12em;font-size:11px;cursor:pointer;transition:color .5s,border-color .5s}sv-spray-count .sizes button[aria-pressed=true]{color:#111;border-color:#111}sv-spray-count .deck{position:absolute;top:33%;height:43%;width:100%;perspective:1400px;touch-action:pan-y pinch-zoom;user-select:none}sv-spray-count .film{position:absolute;top:0;left:50%;height:100%;aspect-ratio:606/1080;margin:0;transform:translateX(calc(-50% + var(--x,0px))) scale(var(--s,1)) rotateY(var(--ry,0deg));opacity:var(--o,1);z-index:var(--z,1);transition:transform 1.05s cubic-bezier(.22,.65,.2,1),opacity .85s ease;cursor:pointer;outline:none}sv-spray-count .film video{width:100%;height:100%;display:block;object-fit:contain;background:#eee;border-radius:5px;box-shadow:0 20px 45px #00000013;filter:brightness(var(--b,1));transition:filter .8s;pointer-events:none}sv-spray-count .film.active{cursor:default}sv-spray-count .film figcaption{text-align:center;margin-top:18px;font-size:12px;letter-spacing:.04em;white-space:nowrap;color:#555;opacity:var(--label,1);transition:opacity .6s}sv-spray-count .film:not(.active) figcaption{color:#999}sv-spray-count .film:focus-visible video{outline:2px solid #111;outline-offset:5px}sv-spray-count .timeline{position:absolute;bottom:0;left:0;width:100%;height:2px;background:#ffffff55;border-radius:1px;overflow:hidden}sv-spray-count .timeline i{display:block;width:var(--progress,0%);height:100%;background:#fff}sv-spray-count .film:not(.active) .timeline{display:none}sv-spray-count .footer{position:absolute;top:86%;left:50%;transform:translateX(-50%);width:min(820px,85%);display:flex;justify-content:space-between;align-items:center;gap:20px}sv-spray-count .count{font-size:10px;letter-spacing:.15em;min-width:58px}sv-spray-count .playback{display:flex;gap:20px}sv-spray-count .playback button{border:0;background:none;color:#666;font-size:9px;letter-spacing:.09em;padding:12px 0;cursor:pointer}sv-spray-count .playback button:hover{color:#111}sv-spray-count .arrows{display:flex;gap:14px}sv-spray-count .arrows button{width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #111;background:transparent;border-radius:50%;padding:0;cursor:pointer;transition:background .35s,color .35s}sv-spray-count .arrows button:hover{background:#111;color:white}sv-spray-count .arrows svg{width:20px;height:20px}sv-spray-count .end{padding:48px 24px 70px;text-align:center;background:#fff;color:#777;font-size:12px;line-height:1.6}sv-spray-count .end a{display:inline-block;margin-top:12px;color:#111;font-size:11px;letter-spacing:.07em;text-decoration:none;border-bottom:1px solid #111;padding-bottom:5px}sv-spray-count button:focus-visible,sv-spray-count a:focus-visible{outline:2px solid #111;outline-offset:5px}@media(max-width:760px){sv-spray-count .heading h2{font-size:52px;max-width:340px}sv-spray-count .heading p{font-size:12px;margin-top:14px}sv-spray-count .spray-story{height:255svh}sv-spray-count .heading{top:var(--top,43%)}sv-spray-count .sizes{top:27%}sv-spray-count .deck{top:35%;height:40%}sv-spray-count .footer{top:85%;width:88%;gap:10px}sv-spray-count .arrows{gap:10px}sv-spray-count .arrows button{width:40px;height:40px}sv-spray-count .playback{gap:12px}sv-spray-count .playback button{font-size:8px}sv-spray-count .count{font-size:9px;min-width:42px}sv-spray-count .film figcaption{font-size:11px}sv-spray-count .bridge{height:18svh}}@media(prefers-reduced-motion:reduce){sv-spray-count .spray-story{height:100svh}sv-spray-count .film,sv-spray-count .film video,sv-spray-count .sizes button{transition:none}sv-spray-count .experience{transform:none}}@media(max-width:760px){sv-spray-count .film:not(.active) figcaption{visibility:hidden}}sv-spray-count .lead{height:22svh;min-height:150px}sv-spray-count .lead span{color:#bcbcbc;letter-spacing:.21em;font-size:10px}sv-spray-count .bridge{height:30svh;min-height:180px}sv-spray-count .heading h2{max-width:1120px}sv-spray-count .heading p{margin-top:22px}sv-spray-count .sizes{top:32%}sv-spray-count .deck{top:40%;height:38%}sv-spray-count .footer{top:90%}sv-spray-count .film video{transform:scale(1);transform-origin:center;transition:transform 1.25s cubic-bezier(.22,.65,.2,1),filter .8s;will-change:auto}@media(hover:hover) and (pointer:fine){sv-spray-count .film.active:hover video{transform:scale(1.035)}}@media(max-width:760px){sv-spray-count .heading h2{font-size:52px;max-width:360px;letter-spacing:-.065em}sv-spray-count .heading p{font-size:12px;margin-top:15px}sv-spray-count .sizes{top:31%}sv-spray-count .deck{top:39%;height:38%}sv-spray-count .footer{top:87%}sv-spray-count .bridge{height:24svh}}@media(max-width:370px){sv-spray-count .heading h2{max-width:320px;font-size:48px}sv-spray-count .heading p{font-size:11px}}@media(prefers-reduced-motion:reduce){sv-spray-count .film.active:hover video{transform:none}sv-spray-count .film video{transition:none}}sv-spray-count .heading p{font-size:13px;letter-spacing:.01em}sv-spray-count .sizes{top:29%}sv-spray-count .deck{top:35%;height:51%}sv-spray-count .footer{top:93%;width:min(840px,85%)}@media(max-width:760px){sv-spray-count .sizes{top:28%}sv-spray-count .deck{top:35%;height:48%}sv-spray-count .footer{top:92%;width:88%}sv-spray-count .heading p{font-size:12px}}@media(max-height:700px){sv-spray-count .spray-stage{min-height:620px}sv-spray-count .deck{height:44%}sv-spray-count .footer{top:91%}}sv-spray-count .lead{margin:0;border:0;background:#080808}sv-spray-count .bridge{display:block!important;margin:0;border:0;background:linear-gradient(180deg,#080808 0%,#111 12%,#393939 30%,#777 48%,#bababa 65%,#e9e9e9 83%,#fff 100%)}sv-spray-count .arrows button{color:#111;line-height:1;flex-shrink:0}sv-spray-count .arrows button svg{display:block!important;width:20px!important;height:20px!important;overflow:visible;flex:none}sv-spray-count .arrows button svg path{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}sv-spray-count .end{padding:44px 24px 68px}sv-spray-count .end .spray-explore{position:relative;display:inline-block;padding:12px 0;margin:0;border:0;font-size:12px;letter-spacing:.04em;text-decoration:none;color:#111}sv-spray-count .end .spray-explore:after{content:'';position:absolute;bottom:5px;left:0;width:100%;height:1px;background:#111;transform:scaleX(.22);transform-origin:left;transition:transform .6s}sv-spray-count .end .spray-explore:hover:after,sv-spray-count .end .spray-explore:focus-visible:after{transform:scaleX(1)}@media(prefers-reduced-motion:reduce){sv-spray-count .end .spray-explore:after{transition:none}}sv-spray-count .spray-story{height:auto!important}sv-spray-count .spray-intro{height:150svh}sv-spray-count .spray-stage{height:100svh;min-height:0;overflow:visible}sv-spray-count .heading{top:50%!important;transform:translateY(-50%);width:100%}sv-spray-count .heading h2{transform:none!important}sv-spray-count .heading p{position:absolute;top:100%;left:0;width:100%;opacity:1;transform:none;margin-top:22px}sv-spray-count .experience{position:relative;inset:auto;margin-top:-15svh;padding-top:0;transform:none;overflow:hidden;opacity:var(--reveal,1);pointer-events:auto}sv-spray-count .sizes{position:relative;top:auto;padding:0 24px}sv-spray-count .deck{position:relative;top:auto;margin-top:44px;height:min(78svh,780px);width:100%}sv-spray-count .film{height:100%}sv-spray-count .film video{box-shadow:0 25px 60px #00000018}sv-spray-count .film figcaption{margin-top:22px}sv-spray-count .footer{position:relative;top:auto;left:auto;transform:none;margin:76px auto 0;padding-bottom:24px;width:min(960px,85%)}sv-spray-count .end{padding-top:40px}@media(max-width:760px){sv-spray-count .spray-intro{height:145svh}sv-spray-count .deck{height:min(140vw,78svh);margin-top:36px}sv-spray-count .experience{margin-top:-12svh}sv-spray-count .footer{width:88%;margin-top:68px}sv-spray-count .heading p{margin-top:18px}}@media(max-height:700px){sv-spray-count .spray-stage{min-height:0}sv-spray-count .deck{height:min(140vw,85svh)}}@media(prefers-reduced-motion:reduce){sv-spray-count .spray-intro{height:100svh}sv-spray-count .experience{opacity:1}}sv-spray-count .film-surface{position:relative;width:100%;height:100%;border-radius:6px;transform:translateY(0) scale(1);transform-origin:center;transition:transform 1.4s cubic-bezier(.19,1,.22,1),box-shadow 1.4s ease;box-shadow:0 20px 50px #00000012}sv-spray-count .film .film-surface video{border-radius:6px;transform:none!important;box-shadow:none}sv-spray-count .film .timeline{left:10%;width:80%;bottom:18px;height:2px;border-radius:8px;background:rgba(255,255,255,.3);box-shadow:0 1px 5px #00000035;pointer-events:none;z-index:2}sv-spray-count .film .timeline i{border-radius:inherit;background:rgba(255,255,255,.95)}@media(hover:hover) and (pointer:fine){sv-spray-count .film.active:hover .film-surface{transform:translateY(-5px) scale(1.035);box-shadow:0 30px 65px #00000020}}@media(prefers-reduced-motion:reduce){sv-spray-count .film-surface{transition:none}sv-spray-count .film.active:hover .film-surface{transform:none}}sv-spray-count .film .timeline i{width:100%;transform:scaleX(0);transform-origin:left center;transition:none;will-change:transform}
.sv-spray-count-section{margin:0!important;padding:0!important;background:#080808}
sv-spray-count{display:block;font-size:16px;line-height:normal;letter-spacing:normal;text-align:left;isolation:isolate}
sv-spray-count h2,sv-spray-count button{font-family:Arial,Helvetica,sans-serif;text-transform:none}
sv-spray-count .bridge,sv-spray-count .timeline,sv-spray-count .timeline i{display:block!important}
sv-spray-count .arrows button{min-height:0;min-width:0}
sv-spray-count .arrows button:hover{color:#fff}
sv-spray-count .heading h2{color:#ccc}