.marketing-showcase{padding:var(--marketing-section-space) 0;color:#edf3eb;overflow:hidden}.showcase-tone-charcoal{background:#151c17}.showcase-tone-dark{background:#0b0e0c}.showcase-inner{display:flex;flex-direction:column;gap:var(--marketing-content-gap)}.showcase-heading{max-width:790px}.showcase-heading h2{font-size:clamp(32px,3.8vw,52px);line-height:1.08;letter-spacing:-.045em;margin:14px 0 12px;text-wrap:balance}.showcase-heading p{font-size:17px;line-height:1.65;max-width:650px;opacity:.76;margin:0}.showcase-action{border:1px solid #7a977e66;color:inherit;background:transparent;border-radius:999px;padding:12px 22px;font:inherit;font-size:14px;cursor:pointer;transition:background .18s}.showcase-action:hover,.showcase-action[aria-pressed=true]{background:#bbdda7;color:#102218;border-color:#bbdda7}.showcase-action:focus-visible,.showcase-chapter-button:focus-visible,.showcase-gallery-play:focus-visible{outline:3px solid #8abb64;outline-offset:5px}.showcase-filmstrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;position:relative}.showcase-film-frame{margin:0;background:#223329;border-radius:18px;overflow:hidden;position:relative}.showcase-film-frame img{width:100%;aspect-ratio:9/16;display:block;object-fit:cover}.showcase-film-frame figcaption{display:flex;justify-content:space-between;position:absolute;bottom:0;left:0;right:0;padding:28px 20px 18px;background:linear-gradient(transparent,#08120aca);font-size:12px;color:#eaf4e4;font-variant-numeric:tabular-nums}.showcase-filmstrip-sports .showcase-film-frame:nth-child(2),.showcase-filmstrip-sports .showcase-film-frame:nth-child(4){margin-top:20px}.showcase-gallery{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:18px}.showcase-gallery-item{min-width:0}.showcase-gallery-frame{position:relative;aspect-ratio:9/16;border-radius:16px;overflow:hidden;background:#16251b}.showcase-gallery-frame>img,.showcase-gallery-frame>.showcase-player{width:100%;height:100%;object-fit:cover;display:block}.showcase-gallery-play{position:absolute;bottom:18px;right:18px;width:42px;height:42px;border:1px solid #e1eed280;border-radius:50%;background:#0c1a10ad;backdrop-filter:blur(8px);color:white;cursor:pointer}.showcase-gallery-item h3{font-size:14px;font-weight:500;margin:15px 0 0}.showcase-sound-panel{border:1px solid #76977c55;border-radius:24px;overflow:hidden;background:#6e91780b}.showcase-sound-row{display:grid;grid-template-columns:185px minmax(0,1fr) 48px;align-items:center;gap:28px;padding:24px}.showcase-sound-row+ .showcase-sound-row{border-top:1px solid #76977c33}.showcase-sound-meta h3{font-size:16px;margin:0 0 14px}.showcase-sound-row svg{width:100%;height:110px;fill:#91b983}.showcase-sound-row:nth-child(2) svg{fill:#bce394}.showcase-wave-cursor{stroke:currentColor;stroke-width:2}.showcase-duration{font-size:12px;font-variant-numeric:tabular-nums;opacity:.65}.showcase-compare{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:52px;align-items:center}.showcase-compare-picture{position:relative;border-radius:24px;overflow:hidden;width:320px;max-width:100%;margin-inline:auto}.showcase-compare-picture img{display:block;width:100%;aspect-ratio:9/16;object-fit:cover}.showcase-picture-note{position:absolute;top:20px;left:20px;background:#142019cd;border:1px solid #c8debb66;border-radius:99px;padding:9px 16px;color:white;font-size:13px}.showcase-compare-aside{display:flex;flex-direction:column;gap:24px}.showcase-large-index{font-size:72px;font-weight:500;letter-spacing:-.08em;opacity:.18}.showcase-tabs{display:flex;flex-wrap:wrap;gap:10px}.showcase-compare-detail{width:100%;height:235px;object-fit:cover;object-position:50% 35%;border-radius:18px}.showcase-caption{display:grid;grid-template-columns:300px minmax(0,1fr);gap:90px;align-items:center;max-width:1010px;margin-inline:auto;width:100%}.showcase-caption-full{margin:0;aspect-ratio:9/16;overflow:hidden;border-radius:22px;background:#15251a}.showcase-caption-full img,.showcase-caption-full video{display:block;width:100%;height:100%;object-fit:cover}.showcase-caption-aside{display:flex;flex-direction:column;align-items:flex-start;gap:24px;min-width:0}.showcase-caption-icon{font-size:64px;font-weight:650;letter-spacing:-.08em;color:#9bc486;border:1px solid #9bc48666;border-radius:20px;padding:8px 28px}.showcase-caption-crop{width:100%;height:180px;border-radius:18px;overflow:hidden;background:#1a281e;box-shadow:0 16px 44px #07180e18}.showcase-caption-crop img{width:100%;height:100%;object-fit:cover;object-position:50% 78%;display:block}.showcase-detail-label{font-size:12px;text-transform:uppercase;letter-spacing:.08em;opacity:.62}.showcase-chapters{display:grid;grid-template-columns:280px minmax(0,1fr);gap:90px;align-items:center;max-width:1010px;margin-inline:auto;width:100%}.showcase-chapter-view{aspect-ratio:9/16;border-radius:22px;overflow:hidden;background:#15251a}.showcase-chapter-view video{width:100%;height:100%;display:block;object-fit:cover}.showcase-chapter-list{display:flex;flex-direction:column;gap:12px}.showcase-chapter-button{display:flex;gap:24px;align-items:center;width:100%;text-align:left;color:inherit;font:inherit;cursor:pointer;background:transparent;border:1px solid #72977b55;border-radius:18px;padding:18px}.showcase-chapter-button:hover,.showcase-chapter-button[aria-pressed=true]{background:#779f6c18;border-color:#9ec58b}.showcase-chapter-number{font-size:30px;line-height:1;color:#94b782;letter-spacing:-.05em}.showcase-chapter-button strong{display:block;font-weight:550;font-size:18px}.showcase-chapter-button small{display:block;opacity:.55;margin-top:8px;font-variant-numeric:tabular-nums}.showcase-chapter-arrow{margin-left:auto;font-size:24px;opacity:.6}.showcase-timeline{border:1px solid #75987b50;border-radius:26px;padding:28px}.showcase-time-row+.showcase-time-row{margin-top:25px}.showcase-time-label{display:flex;justify-content:space-between;font-size:14px;margin-bottom:14px;gap:12px}.showcase-time-label strong{font-weight:550}.showcase-time-label span{opacity:.65;font-variant-numeric:tabular-nums}.showcase-time-track{height:40px;border-radius:8px;overflow:hidden;background:#7d9d7521}.showcase-time-bar{height:100%;border-radius:8px;background:repeating-linear-gradient(90deg,#42684a,#42684a 22px,#35533c 22px,#35533c 24px)}.showcase-time-result{background:repeating-linear-gradient(90deg,#b1d69d,#b1d69d 22px,#98bd85 22px,#98bd85 24px)}.showcase-time-moments{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:24px}.showcase-time-moments figure{margin:0}.showcase-time-moments img{width:100%;height:150px;object-fit:cover;object-position:50% 36%;border-radius:9px;display:block}.showcase-time-moments figcaption{font-size:11px;margin-top:10px;opacity:.6;font-variant-numeric:tabular-nums}.showcase-layers{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:100px;min-height:0}.showcase-layer-stage{position:relative;width:280px;height:430px;margin:8px auto 12px}.showcase-layer{position:absolute;width:250px;height:390px;border:1px solid #9fbe9270;border-radius:18px;overflow:hidden;box-shadow:0 16px 38px #0514092b}.showcase-layer-picture{left:0;top:0}.showcase-layer-picture img{width:100%;height:100%;object-fit:cover}.showcase-layer span{position:absolute;left:16px;top:16px;border-radius:99px;padding:9px 15px;background:#14331bd9;color:#edf4e8;font-size:12px}.showcase-layer-captions{left:34px;top:24px;background:linear-gradient(transparent 72%,#91b4805c 72%,#91b4805c 83%,transparent 83%)}.showcase-layer-sound{left:68px;top:48px;background:linear-gradient(transparent 86%,#b8d4a96b 86%,#b8d4a96b 91%,transparent 91%)}.showcase-layer-legend>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #76957944;padding:22px 0}.showcase-layer-legend strong{font-size:21px;font-weight:550}.showcase-layer-dot{width:14px;height:14px;border-radius:4px;background:#90ac7e}.showcase-layer-legend>div:nth-child(2) .showcase-layer-dot{background:#b8d79f}.showcase-layer-legend>div:nth-child(3) .showcase-layer-dot{background:#65805a}.showcase-layer-order{margin-left:auto;opacity:.45;font-size:12px}.showcase-details{display:grid;grid-template-columns:300px minmax(0,1fr);gap:60px;max-width:1020px;margin-inline:auto;width:100%;align-items:center}.showcase-detail-full{margin:0;border-radius:22px;overflow:hidden}.showcase-detail-full img{width:100%;display:block;aspect-ratio:9/16;object-fit:cover}.showcase-detail-aside{display:flex;flex-direction:column;gap:18px}.showcase-detail-enlarged{height:270px;border-radius:20px;overflow:hidden}.showcase-detail-enlarged img{width:100%;height:100%;object-fit:cover;object-position:50% 39%;display:block}.showcase-detail-end{height:150px;border-radius:16px;position:relative;overflow:hidden;margin-top:12px}.showcase-detail-end img{width:100%;height:100%;object-fit:cover;object-position:50% 39%;display:block}.showcase-detail-end span{position:absolute;bottom:16px;left:18px;color:white;font-size:12px;background:#13271abf;border-radius:99px;padding:7px 15px}@media(max-width:900px){.showcase-caption,.showcase-chapters,.showcase-details{grid-template-columns:240px minmax(0,1fr);gap:36px}.showcase-filmstrip{gap:12px}.showcase-sound-row{grid-template-columns:160px minmax(0,1fr) 42px;gap:15px;padding:20px}.showcase-gallery{gap:12px}.showcase-compare{gap:30px}.showcase-layers{gap:50px}}@media(max-width:600px){.showcase-heading h2{font-size:32px}.showcase-heading p{font-size:15px}.showcase-filmstrip{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.showcase-filmstrip-sports .showcase-film-frame:nth-child(2),.showcase-filmstrip-sports .showcase-film-frame:nth-child(4){margin-top:0}.showcase-gallery{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:15px}.showcase-gallery-item{flex:0 0 155px;scroll-snap-align:start}.showcase-sound-row{grid-template-columns:minmax(0,1fr) 42px;gap:10px;padding:20px}.showcase-sound-meta{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:16px}.showcase-sound-meta h3{margin:0}.showcase-sound-row svg{height:85px}.showcase-compare,.showcase-caption,.showcase-chapters,.showcase-details,.showcase-layers{grid-template-columns:minmax(0,1fr);gap:28px}.showcase-compare-picture{width:230px}.showcase-large-index{font-size:44px}.showcase-compare-aside{gap:22px}.showcase-compare-detail{height:200px}.showcase-tabs{justify-content:center}.showcase-caption-full,.showcase-chapter-view,.showcase-detail-full{width:220px;max-width:100%;margin-inline:auto}.showcase-caption-aside{gap:18px}.showcase-caption-icon{font-size:40px;padding:5px 22px}.showcase-caption-crop{height:150px}.showcase-chapter-button{padding:16px;gap:18px}.showcase-chapter-number{font-size:24px}.showcase-timeline{padding:20px}.showcase-time-moments{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.showcase-time-moments img{height:120px}.showcase-time-label{font-size:12px}.showcase-layer-stage{width:255px;height:410px;margin-bottom:10px}.showcase-layer{width:200px;height:355px}.showcase-layer-captions{left:24px;top:24px}.showcase-layer-sound{left:48px;top:48px}.showcase-layer-legend>div{padding:16px 0}.showcase-detail-enlarged{height:220px}.showcase-detail-end{height:120px}}@media(prefers-reduced-motion:reduce){.showcase-action{transition:none}}



.showcase-layout-studies{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;max-width:950px;width:100%;margin-inline:auto}.showcase-layout-study{margin:0}.showcase-layout-phone{aspect-ratio:9/16;border:6px solid #314135;border-radius:24px;background:#0c130e;overflow:hidden;position:relative}.showcase-layout-phone img{width:100%;height:100%;object-fit:cover;display:block}.showcase-layout-split_screen img{height:50%;object-position:50% 25%}.showcase-layout-split_screen img+img{border-top:4px solid #314135}.showcase-layout-picture_in_picture img+img{position:absolute;top:26px;right:16px;width:35%;height:32%;border:3px solid #bdd9ac;border-radius:10px;box-shadow:0 7px 24px #0006}.showcase-layout-study figcaption{font-size:15px;font-weight:550;margin-top:18px;text-align:center}@media(max-width:600px){.showcase-layout-studies{gap:12px}.showcase-layout-phone{border-width:3px;border-radius:12px}.showcase-layout-study figcaption{font-size:11px;line-height:1.4;margin-top:12px}.showcase-layout-picture_in_picture img+img{top:14px;right:6px;border-width:2px;border-radius:5px}}

.showcase-time-moments img{height:210px;object-fit:contain;object-position:center;background:#193021}@media(max-width:600px){.showcase-time-moments img{height:165px}}

.showcase-focus{position:relative;height:auto!important;overflow:hidden}.showcase-focus img{position:absolute;left:0;width:100%;object-fit:fill!important;display:block}.showcase-compare-detail{height:330px;object-fit:contain;background:#193021}.showcase-detail-end img{object-fit:contain;background:#193021}.showcase-layout-split_screen img{object-position:50% 8%}@media(max-width:600px){.showcase-compare-detail{height:290px}}
