.product-showcase{padding-top:clamp(78px,9vw,132px);overflow:clip}.product-intro{max-width:850px}.showcase-nav{position:sticky;top:82px;z-index:12;display:flex;gap:6px;width:max-content;max-width:100%;margin:32px auto 70px;padding:7px;border-radius:999px;overflow:auto;scrollbar-width:none;background:rgba(20,17,15,.68)}.showcase-nav::-webkit-scrollbar{display:none}.showcase-nav a{flex:none;padding:9px 15px;border-radius:999px;color:var(--tx3);font-size:12px;letter-spacing:.03em;transition:.25s ease}.showcase-nav a:hover,.showcase-nav a.is-on{color:var(--ivory);background:rgba(247,243,236,.11);box-shadow:inset 0 0 0 1px rgba(247,243,236,.12)}.showcase-row{display:grid;grid-template-columns:minmax(250px,.72fr) minmax(0,1.65fr);align-items:center;gap:clamp(34px,5vw,76px);padding:clamp(46px,6.5vw,92px) 0;border-top:1px solid rgba(247,243,236,.1);scroll-margin-top:150px}.showcase-row.flip .showcase-copy{order:2}.showcase-row.flip .product-pair{order:1}.showcase-copy{max-width:430px}.showcase-copy .mono{color:var(--gold);font-size:11px;letter-spacing:.15em;text-transform:uppercase}.showcase-title{font-family:var(--ed);font-weight:400;font-size:clamp(34px,4.2vw,58px);line-height:.98;letter-spacing:-.025em;margin:16px 0 20px;text-wrap:balance}.showcase-copy>p{color:var(--tx2);font-size:15.5px;line-height:1.68;max-width:42ch}.showcase-points{display:flex;flex-wrap:wrap;gap:7px;margin:22px 0}.showcase-points span{padding:6px 10px;border-radius:999px;border:1px solid rgba(247,243,236,.16);background:rgba(247,243,236,.045);font-size:11.5px;color:var(--tx2)}.showcase-link{display:inline-flex;gap:9px;align-items:center;color:var(--ivory);font-size:13px;padding-bottom:4px;border-bottom:1px solid rgba(201,168,76,.5)}.showcase-link b{color:var(--gold);font-size:15px;font-weight:400}.product-pair{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(130px,27%);gap:clamp(12px,1.7vw,22px);align-items:end;min-width:0;perspective:1600px}.device{position:relative;margin:0;border-radius:18px;padding:7px;background:linear-gradient(145deg,rgba(247,243,236,.16),rgba(247,243,236,.05));border:1px solid rgba(247,243,236,.18);box-shadow:0 36px 90px -35px rgba(0,0,0,.78),inset 0 1px 0 rgba(255,255,255,.12);transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.device>span{position:absolute;z-index:2;top:14px;left:15px;padding:5px 8px;border-radius:999px;font-size:9px;letter-spacing:.13em;text-transform:uppercase;color:rgba(247,243,236,.88);background:rgba(18,15,13,.66);border:1px solid rgba(247,243,236,.2);backdrop-filter:blur(12px)}.device img{display:block;width:100%;height:auto;border-radius:12px;background:#f7f3ec}.desktop-shot{transform:rotateY(-1.8deg) rotateX(.5deg)}.mobile-shot{transform:translateY(18px) rotateY(4deg);border-radius:26px;padding:6px}.mobile-shot img{border-radius:20px}.product-pair:hover .desktop-shot{transform:translateY(-4px) rotateY(-.8deg)}.product-pair:hover .mobile-shot{transform:translateY(9px) rotateY(1deg)}.showcase-row.flip .desktop-shot{transform:rotateY(1.8deg) rotateX(.5deg)}.showcase-row.flip .mobile-shot{transform:translateY(18px) rotateY(-4deg)}.showcase-row.flip .product-pair:hover .desktop-shot{transform:translateY(-4px) rotateY(.8deg)}.showcase-row.flip .product-pair:hover .mobile-shot{transform:translateY(9px) rotateY(-1deg)}@media(max-width:900px){.showcase-nav{top:70px;margin:26px auto 30px}.showcase-row,.showcase-row.flip{grid-template-columns:1fr;gap:28px;padding:58px 0 72px}.showcase-row.flip .showcase-copy,.showcase-row.flip .product-pair{order:initial}.showcase-copy{max-width:620px}.product-pair{grid-template-columns:minmax(0,1fr) minmax(105px,30%)}}@media(max-width:560px){.product-showcase{padding-top:62px}.showcase-nav{width:calc(100vw - 28px);justify-content:flex-start;margin-left:0;margin-right:0}.showcase-row{padding:48px 0 62px}.showcase-title{font-size:36px}.showcase-copy>p{font-size:14.5px}.product-pair{gap:8px;grid-template-columns:minmax(0,1fr) 31%}.device{padding:4px;border-radius:11px}.device img{border-radius:8px}.mobile-shot{padding:4px;border-radius:16px;transform:translateY(10px)}.mobile-shot img{border-radius:12px}.device>span{top:8px;left:8px;font-size:7px;padding:3px 5px}}@media(prefers-reduced-motion:reduce){.device,.showcase-nav a{transition:none}}