.cc-wrap{max-width:1120px;margin-inline:auto;position:relative}.cc-masonry{grid-template-columns:repeat(var(--cc-columns,3), 1fr);opacity:1;gap:clamp(14px,2vw,28px);transition:opacity .45s cubic-bezier(.22,1,.36,1);display:grid}.cc-masonry--hidden{opacity:0;pointer-events:none;position:absolute;inset:0}.cc-column{flex-direction:column;gap:clamp(14px,2vw,28px);margin:0;padding:0;list-style:none;display:flex}.cc-card{z-index:1;will-change:transform, box-shadow;background:#fff;border:1px solid #0a0a0a14;border-radius:clamp(20px,1.6vw,30px);width:100%;transition:transform .35s cubic-bezier(.22,1,.36,1),box-shadow .35s cubic-bezier(.22,1,.36,1);display:block;position:relative;box-shadow:0 2px 14px #0a0a0a0a}.cc-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px -10px #ff4f936b,0 -6px 26px -12px #ff7a2947,0 6px 18px #0a0a0a0f}.cc-img{object-fit:cover;border-radius:inherit;width:100%;height:auto;display:block}.cc-card--skeleton{background:linear-gradient(90deg,#f2f2f0 25%,#e8e8e6 50%,#f2f2f0 75%) 0 0/200% 100%;min-height:180px;animation:1.6s infinite cc-skeleton}@keyframes cc-skeleton{0%{background-position:200% 0}to{background-position:-200% 0}}@media (width<=1023px){.cc-masonry{--cc-columns:2}}@media (width<=639px){.cc-masonry{--cc-columns:1}}@media (width<=767.98px){.cc-wrap{padding-inline:18px}}.scroll-portfolio-showcase{color:#1c1c1a;--spc-head-top:28svh;--spc-head-gap:9svh;--spc-u:min(1vw, 1.657svh);background:#e2e2e0;width:100%;height:360vh;position:relative;overflow:clip}.scroll-portfolio-showcase .spc-stage{width:100%;height:100svh;position:sticky;top:0;overflow:hidden}.scroll-portfolio-showcase.is-hero .spc-stage{height:100svh;top:0}.scroll-portfolio-showcase.is-hero{--spc-nav:0px}.scroll-portfolio-showcase .spc-sr{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.scroll-portfolio-showcase .spc-glow{z-index:0;pointer-events:none;filter:blur(14px);background:radial-gradient(58vw 46vw at 12% 18%,#f696b9b8,#0000 66%),radial-gradient(26vw 22vw at 86% 30%,#ff8a3c94,#0000 68%),radial-gradient(72vw 50vw at 66% 96%,#46afff80,#0000 70%),radial-gradient(34vw 40vw at 4% 88%,#6ecdff42,#0000 74%);position:absolute;inset:-10%}.scroll-portfolio-showcase .spc-type{z-index:1;pointer-events:none;position:absolute;inset:0;overflow:hidden}.scroll-portfolio-showcase .spc-type-line{font-family:var(--font-display,"Funnel Display"), sans-serif;letter-spacing:-.02em;color:#1c1c1a;opacity:1;white-space:nowrap;text-align:center;will-change:transform;font-size:clamp(34px,8.4vw,132px);font-weight:500;line-height:.92;display:block;position:absolute;left:0;right:0}.scroll-portfolio-showcase .spc-type-line--a{top:var(--spc-head-top)}.scroll-portfolio-showcase .spc-type-line--b{top:calc(var(--spc-head-top) + var(--spc-head-gap))}.scroll-portfolio-showcase .spc-gradient-ia{background:linear-gradient(120deg, var(--vivid-orange) 0%, #ff5a9a 100%);color:#0000;-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.scroll-portfolio-showcase .hero-star-slot{vertical-align:-.08em;contain:paint;isolation:isolate;flex:none;justify-content:center;align-items:center;width:.82em;height:.82em;margin-inline:.12em;line-height:0;display:inline-flex;overflow:hidden}.scroll-portfolio-showcase .hero-star-slot picture{width:100%;height:100%;display:block;overflow:hidden}.scroll-portfolio-showcase .hero-star{object-fit:contain;transform-origin:50%;will-change:transform;pointer-events:none;-webkit-user-select:none;user-select:none;width:100%;height:100%;animation:36s linear infinite hero-star-spin;display:block}@keyframes hero-star-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (width<=1023px){.scroll-portfolio-showcase .hero-star-slot{width:.66em;height:.66em;margin-inline:.04em}.scroll-portfolio-showcase .hero-star{will-change:auto}}@media (width<=699px){.scroll-portfolio-showcase .hero-star-slot{width:.62em;height:.62em;margin-inline:.03em}}@media (prefers-reduced-motion:reduce){.scroll-portfolio-showcase .hero-star{animation:none}}.scroll-portfolio-showcase .hero-word-space{display:none}@media (width<=1099px){.scroll-portfolio-showcase .hero-star-slot{display:none}.scroll-portfolio-showcase .hero-word-space{display:inline}}.scroll-portfolio-showcase .spc-type-sub{max-width:clamp(360px,64vw,980px);font-family:var(--font-body,"DM Sans"), system-ui, sans-serif;letter-spacing:-.01em;color:#1c1c1ad9;text-align:center;white-space:normal;will-change:transform;margin:0 auto;padding:0 clamp(20px,4vw,48px);font-size:clamp(14px,1.35vw,20px);font-weight:400;line-height:1.22;position:absolute;top:0;left:0;right:0}.scroll-portfolio-showcase .spc-gl{z-index:2;pointer-events:none;background:0 0;width:100%;height:100%;display:block;position:absolute;inset:0}.scroll-portfolio-showcase .spc-loading{letter-spacing:.14em;text-transform:uppercase;color:#1c1c1a80;font-size:12px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.scroll-portfolio-showcase .spc-note{z-index:4;text-align:left;color:#1c1c1ac7;max-width:340px;font-size:clamp(12px,.95vw,15px);line-height:1.4;position:absolute;top:clamp(100px,14svh,160px);left:clamp(28px,3vw,58px)}.scroll-portfolio-showcase .spc-cta{z-index:4;will-change:transform;pointer-events:auto;flex-wrap:wrap;justify-content:center;gap:clamp(10px,1.1vw,16px);padding:0 clamp(20px,4vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.scroll-portfolio-showcase .spc-btn{font-family:var(--font-body,"DM Sans"), system-ui, sans-serif;letter-spacing:-.01em;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:clamp(11px,1.05vw,15px) clamp(20px,1.9vw,30px);font-size:clamp(13px,1.02vw,16px);font-weight:500;text-decoration:none;transition:transform .2s,background-color .2s,color .2s;display:inline-flex}.scroll-portfolio-showcase .spc-btn:hover{transform:translateY(-2px)}.scroll-portfolio-showcase .spc-btn--primary{color:#fff;background:#ff7a29;border-color:#ff7a29}.scroll-portfolio-showcase .spc-btn--ghost{color:#1c1c1ad9;background:0 0;border-color:#ff7a29}.scroll-portfolio-showcase .spc-btn--ghost:hover{background:#ff7a291f}.scroll-portfolio-showcase .spc-static{z-index:2;grid-template-columns:repeat(3,1fr);align-content:start;gap:clamp(10px,1.6vw,22px);padding:clamp(16px,4vw,64px);display:grid;position:absolute;inset:0;overflow:hidden}.scroll-portfolio-showcase .spc-static img{aspect-ratio:16/10;object-fit:cover;border-radius:12px;width:100%;height:auto}@media (prefers-reduced-motion:reduce){.scroll-portfolio-showcase{height:auto}.scroll-portfolio-showcase .spc-stage{height:auto;min-height:100svh;position:relative}.scroll-portfolio-showcase .spc-static{position:relative;inset:auto}}@media (width<=1100px){.scroll-portfolio-showcase{height:480vh}.scroll-portfolio-showcase .spc-static{grid-template-columns:repeat(2,1fr)}}@media (width<=700px){.scroll-portfolio-showcase .spc-note{max-width:none;font-size:12px;top:clamp(84px,12svh,120px);left:20px;right:20px}}@media (width<=699px){.scroll-portfolio-showcase{--spc-u:min(1.12vw, .6svh);--spc-head-top:calc(33 * var(--spc-u));--spc-head-gap:calc(8.67 * var(--spc-u));--spc-hero-y-factor:.5;height:320svh}.scroll-portfolio-showcase .spc-type-line{font-size:calc(8.9 * var(--spc-u))}.scroll-portfolio-showcase .spc-type-sub{font-size:calc(3.66 * var(--spc-u));max-width:calc(94.2 * var(--spc-u));padding:0 calc(5.24 * var(--spc-u));line-height:1.22}.scroll-portfolio-showcase .spc-cta{gap:calc(2.62 * var(--spc-u));padding:0 calc(5.24 * var(--spc-u))}.scroll-portfolio-showcase .spc-btn{font-size:calc(2.95 * var(--spc-u));padding:calc(2.7 * var(--spc-u)) calc(3.5 * var(--spc-u));white-space:nowrap}}@media (width>=700px) and (width<=1099px){.scroll-portfolio-showcase{--spc-u:min(1vw, .742svh);--spc-head-top:calc(32.1 * var(--spc-u));--spc-head-gap:calc(7.55 * var(--spc-u));--spc-hero-y-factor:.49;height:320svh}.scroll-portfolio-showcase .spc-type-line{font-size:calc(8.4 * var(--spc-u))}.scroll-portfolio-showcase .spc-type-sub{font-size:calc(2.4 * var(--spc-u));max-width:calc(86 * var(--spc-u));padding:0 calc(4 * var(--spc-u));line-height:1.32}.scroll-portfolio-showcase .spc-cta{gap:calc(1.333 * var(--spc-u));padding:0 calc(4 * var(--spc-u))}.scroll-portfolio-showcase .spc-btn{font-size:calc(2.133 * var(--spc-u));padding:calc(2 * var(--spc-u)) calc(4 * var(--spc-u))}}.scroll-portfolio-showcase .spc-type-sub{top:calc(var(--spc-head-top) + var(--spc-head-gap) + clamp(34px, 8.4vw, 132px) * .92 + 22px)}.scroll-portfolio-showcase .spc-cta{top:calc(var(--spc-head-top) + var(--spc-head-gap) + clamp(34px, 8.4vw, 132px) * .92 + clamp(14px, 1.35vw, 20px) * 1.22 * 3 + 44px)}.scroll-portfolio-showcase .spc-gl{transition:opacity .26s linear}.scroll-portfolio-showcase[data-ready=false] .spc-gl{opacity:0!important}.scroll-portfolio-showcase .spc-skeleton{z-index:1;pointer-events:none;opacity:1;transition:opacity .2s linear;position:absolute;inset:0}.scroll-portfolio-showcase[data-ready=true] .spc-skeleton{opacity:0}.scroll-portfolio-showcase .spc-skel-card{background:#1c1c1a12;border-radius:10px;position:absolute}.scroll-portfolio-showcase .spc-skel-card--a{width:29%;height:34%;top:58%;left:-2%}.scroll-portfolio-showcase .spc-skel-card--b{width:22%;height:26%;top:82%;left:34%}.scroll-portfolio-showcase .spc-skel-card--c{width:22%;height:24%;top:86%;left:84%}@media (prefers-reduced-motion:reduce){.scroll-portfolio-showcase .spc-skeleton{display:none}}@media (width>=1024px){.scroll-portfolio-showcase.is-hero{--spc-u:clamp(12px, min(1.12vw, 1.856svh), 23.5px);--spc-head-top:calc(12.6 * var(--spc-u));--spc-head-gap:calc(5.4 * var(--spc-u));--spc-sub-fs:calc(1.24 * var(--spc-u));--spc-hero-y-factor:.62}.scroll-portfolio-showcase.is-hero .spc-type-line{font-size:calc(7.07 * var(--spc-u))}.scroll-portfolio-showcase.is-hero .spc-type-sub{font-size:var(--spc-sub-fs);max-width:calc(68 * var(--spc-u));padding:0 calc(2.6 * var(--spc-u));top:calc(var(--spc-head-top) + var(--spc-head-gap) + 7.07 * var(--spc-u) * .92 + 3.9 * var(--spc-u))}.scroll-portfolio-showcase.is-hero .spc-cta{padding:0 calc(2.6 * var(--spc-u));top:calc(var(--spc-head-top) + var(--spc-head-gap) + 7.07 * var(--spc-u) * .92 + 3.9 * var(--spc-u) + var(--spc-sub-fs) * 1.22 * 2 + 3.9 * var(--spc-u));gap:.7em}@media (width<=1600px){.scroll-portfolio-showcase.is-hero{--spc-sub-fs:calc(1.52 * var(--spc-u));--spc-head-top:calc(15.2 * var(--spc-u));--spc-hero-y-factor:.72}}.scroll-portfolio-showcase.is-hero .spc-btn{font-size:var(--spc-sub-fs);padding:.82em 1.65em}.scroll-portfolio-showcase.is-hero .spc-note{top:calc(8.6 * var(--spc-u));left:calc(3 * var(--spc-u));font-size:calc(.88 * var(--spc-u));max-width:calc(18 * var(--spc-u))}}@media (width<=699px){.scroll-portfolio-showcase .spc-type-sub{top:calc(var(--spc-head-top) + var(--spc-head-gap) + 8.9 * var(--spc-u) * .92 + 5.24 * var(--spc-u))}.scroll-portfolio-showcase .spc-cta{top:calc(var(--spc-head-top) + var(--spc-head-gap) + 8.9 * var(--spc-u) * .92 + 5.24 * var(--spc-u) + 3.66 * var(--spc-u) * 1.22 * 4 + 6.28 * var(--spc-u))}}.tss{isolation:isolate;--cursor-x:50%;--cursor-y:50%;background:#0a0a0a;flex:auto;justify-content:center;align-items:center;width:100%;min-height:82vh;display:flex;position:relative;overflow:hidden}.tss-glow{z-index:0;pointer-events:none;position:absolute;inset:0}@media (hover:none),(width<=1023.98px){.tss-glow{display:none}}@media (width<=1023px){.tss{min-height:72vh}}@media (width<=640px){.tss{min-height:74vh}}.tss-dots{pointer-events:none;opacity:.75;background-image:radial-gradient(#ffffff29 1px,#0000 1px);background-size:22px 22px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(58% 55%,#000 0%,#00000059 55%,#0000 85%);mask-image:radial-gradient(58% 55%,#000 0%,#00000059 55%,#0000 85%)}.tss-guide{pointer-events:none;background:#ffffff12;position:absolute}.tss-guide--h{height:1px;top:50%;left:0;right:0}.tss-guide--v1,.tss-guide--v2{width:1px;top:0;bottom:0}.tss-guide--v1{left:6vw}.tss-guide--v2{right:6vw}.tss-canvas{z-index:1;pointer-events:none;position:absolute;inset:0}.tss-inner{z-index:2;text-align:center;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;width:100%;max-width:850px;margin:0 auto;padding:clamp(3.5rem,7vw,6rem) 1.5rem;display:flex;position:relative}.tss-sub{color:#ffffffbd;text-wrap:balance;max-width:620px;margin-top:28px;font-size:clamp(17px,1.4vw,22px);line-height:1.45}.tss-actions{z-index:3;pointer-events:auto;justify-content:center;margin-top:32px;display:flex;position:relative}@media (width<=640px){.tss-sub{margin-top:24px;font-size:17px}.tss-actions{margin-top:28px}}@media (width<=767.98px){.tss{min-height:92vh}.tss-inner{padding-block:2.5rem}.tss-sub{padding-inline:34px}}.hsw{background:linear-gradient(180deg, var(--light-surface,#f6f6f4) 0%, var(--warm-cream,#f2f2f0) 100%);color:#0a0a0a}.hsw-scene{position:relative;overflow:clip}.hsw-viewport{overflow:clip}.hsw-track{flex-wrap:nowrap;display:flex}.hsw-panel{box-sizing:border-box;flex:none;position:relative}.hsw-panel+.hsw-panel:before{content:"";inset-block:0;background:#0a0a0a1a;width:1px;position:absolute;left:0}.hsw-card,.hsw-intro{flex-direction:column;display:flex}.hsw-media{border:1px solid #0a0a0a1f;border-radius:22px;overflow:hidden}.hsw-media img,.hsw-media>div{transition:transform .7s}.hsw-card:hover .hsw-media img,.hsw-card:hover .hsw-media>div{transform:scale(1.03)}.hsw-meta{justify-content:space-between;align-items:center;gap:1.5rem;margin-top:1.75rem;display:flex}.hsw-name{font-family:var(--font-display);letter-spacing:-.02em;color:#0a0a0a;font-size:clamp(24px,2.4vw,40px);line-height:1.05}.hsw-arrow{color:#0a0a0a;border:1px solid #0a0a0a40;border-radius:999px;flex:none;place-items:center;width:46px;height:46px;transition:transform .3s;display:grid}.hsw-card:hover .hsw-arrow{transform:rotate(45deg)}.hsw-summary{color:#0a0a0a9e;max-width:46ch;margin-top:1rem}.hsw-tags{flex-wrap:wrap;gap:.4rem;margin-top:.85rem;display:flex}.hsw-tag{letter-spacing:.01em;color:#0a0a0ab8;white-space:nowrap;border:1px solid #0a0a0a2e;border-radius:999px;align-items:center;padding:.25rem .7rem;font-size:12px;line-height:1.2;display:inline-flex}.hsw-link{color:#0a0a0a;align-items:center;gap:.4rem;margin-top:1.5rem;font-size:15px;font-weight:600;display:inline-flex}.hsw-wipe{display:none}.hsw-final{font-family:var(--font-display);letter-spacing:-.04em;color:var(--warm-cream,#f2f2f0);max-width:16ch;font-size:clamp(2.5rem,6.4vw,6.5rem);font-weight:500;line-height:.92}.hsw-final span{display:block}.hsw-final-copy{color:#f2f2f0ad;max-width:46ch;margin-top:1.5rem}.hsw-final-actions{flex-wrap:wrap;gap:.75rem;margin-top:2rem;display:flex}@media (width>=1024px){.hsw-scene{height:100dvh}.hsw-viewport{align-items:center;height:100dvh;display:flex}.hsw-panel{align-items:center;width:42vw;height:100dvh;padding:7rem 4vw 3.5rem;display:flex}.hsw-card-inner,.hsw-intro{will-change:transform;width:100%}.hsw-card-inner{max-height:100%}.hsw-media{height:clamp(200px,100dvh - 27rem,46dvh)}.hsw-media>img,.hsw-media>div{object-fit:cover;width:100%;height:100%;aspect-ratio:auto!important}.hsw-meta{margin-top:1.25rem}.hsw-summary{margin-top:.75rem}.hsw-link{margin-top:1rem}.hsw-track{will-change:transform}.hsw-wipe{will-change:transform;background:#0a0a0a;border-left:1px solid #ffffff1f;align-items:center;width:100vw;padding:0;display:flex;position:absolute;inset:0;transform:translate(100%)}.hsw-wipe .tss{height:100%;min-height:100%}}@media (width<=1023px),(prefers-reduced-motion:reduce){.hsw-scene{height:auto;padding:5rem 0 4rem}.hsw-track{scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none;gap:1.25rem;padding:0 1.5rem;overflow-x:auto}.hsw-track::-webkit-scrollbar{display:none}.hsw-panel{scroll-snap-align:center;width:calc(100vw - 3rem)}.hsw-panel+.hsw-panel:before{display:none}.hsw-panel--intro{scroll-snap-align:start}.hsw-wipe{background:#0a0a0a;margin-top:4rem;padding:0;display:block;transform:none}}@media (width>=768px) and (width<=1023px){.hsw-scene{padding:5rem 0 0}.hsw-track{scroll-snap-type:none;flex-direction:column;gap:3.5rem;padding:0 2.5rem;display:flex;overflow-x:visible}.hsw-panel{scroll-snap-align:none;width:100%}.hsw-intro{text-align:center;align-items:center}.hsw-intro .btn-pill{margin-inline:auto}.hsw-wipe{margin-top:4rem;margin-bottom:0}}@media (width<=767.98px){.hsw-scene{padding:3.5rem 0 0}.hsw-track{scroll-snap-type:none;flex-direction:column;gap:2.5rem;padding:0 1.25rem;display:flex;overflow-x:visible}.hsw-panel{scroll-snap-align:none;width:100%}.hsw-intro{text-align:center;align-items:center}.hsw-intro .btn-pill{margin-inline:auto}.hsw-wipe{margin-top:3rem;margin-bottom:0}}.tp-card{background:linear-gradient(#ffffff0d 0%,#ffffff04 100%),#0c0d10;border:1px solid #ffffff0f;border-radius:26px;flex-direction:column;min-width:0;min-height:500px;padding:2rem;transition:transform .42s cubic-bezier(.22,1,.36,1),box-shadow .42s;display:flex;position:relative;overflow:hidden;transform:translateZ(0);box-shadow:inset 0 1px #ffffff0a,0 30px 80px -40px #000000e6}@media (width>=768px){.tp-card{border-radius:50px;padding:2.75rem}}@media (width>=1024px){.tp-card{border-radius:64px;padding:3.5rem}}.tp-aurora{filter:blur(56px)saturate(160%);opacity:.55;will-change:transform, opacity;pointer-events:none;transition:opacity .5s;animation:14s ease-in-out infinite tp-aurora-drift;position:absolute;inset:-30%}.tp-aurora-wrap{border-radius:inherit;pointer-events:none;will-change:transform;position:absolute;inset:0;overflow:hidden}.tp-follow{aspect-ratio:1;pointer-events:none;opacity:0;filter:blur(64px)saturate(170%);will-change:transform, opacity;border-radius:999px;width:70%;margin-top:-35%;margin-left:-35%;transition:opacity .5s;position:absolute;top:0;left:0}.tp-card:hover .tp-follow{opacity:.9}.tp-sheen{pointer-events:none;opacity:.7;background:radial-gradient(90% 60% at 50% -10%,#ffffff1f 0%,#0000 60%);position:absolute;inset:0}.tp-card:hover .tp-aurora{opacity:.95;animation-name:tp-aurora-drift-hover;animation-duration:5s}.tp-card:hover{transform:translateY(-6px);box-shadow:inset 0 1px #ffffff14,0 40px 90px -40px #000000f2}@keyframes tp-aurora-drift{0%,to{transform:translate(0%)scale(1)}25%{transform:translate(2%,-3%)scale(1.03)}50%{transform:translate(-2%,2%)scale(1.05)}75%{transform:translate(3%,2%)scale(1.02)}}@keyframes tp-aurora-drift-hover{0%,to{transform:translate(0%)scale(1)}20%{transform:translate(8%,-10%)scale(1.06)}40%{transform:translate(-8%,6%)scale(1.09)}60%{transform:translate(6%,10%)scale(1.05)}80%{transform:translate(-6%,-5%)scale(1.08)}}@media (prefers-reduced-motion:reduce){.tp-card,.tp-follow,.tp-aurora-wrap,.tp-aurora{transition:none;animation:none}}@media (width<=767.98px){.tp-card{text-align:center}.tp-card .eyebrow{justify-content:center}.tp-card .card-heading{font-size:1.75rem!important}.tp-card .btn-pill{margin-inline:auto}.tp-card .eyebrow{border-bottom:1px solid #ffffff24;width:100%;padding-bottom:14px;display:block}.tp-card .eyebrow:before{display:none}}.pts{--cursor-x:50%;--cursor-y:50%;background:#0a0a0a;width:100%;padding:clamp(72px,9vw,140px) max(20px,5vw);position:relative;overflow:hidden}.pts-glow{z-index:0;pointer-events:none;position:absolute;inset:0}.pts>.display-lg,.pts>.pts-track-wrap{z-index:1;position:relative}@media (hover:none),(width<=1023.98px){.pts-glow{display:none}}.pts-title{font-family:var(--font-display);letter-spacing:-.035em;color:#f2f2f0;text-align:center;max-width:1200px;margin:0 auto;font-size:clamp(38px,5vw,70px);font-weight:550;line-height:1}.pts-track-wrap{margin-top:clamp(48px,6vw,90px);position:relative}.pts-rail{pointer-events:none;z-index:0;background:#ffffff29;height:1px;position:absolute;left:0;right:0}.pts-track{z-index:1;grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:relative}.pts-step{text-align:left;min-height:340px;color:inherit;cursor:pointer;isolation:isolate;appearance:none;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:18px;flex-direction:column;padding:26px clamp(18px,1.8vw,34px) 40px;transition:transform .55s cubic-bezier(.22,1,.36,1),background-color .55s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.pts-step+.pts-step:before{content:"";z-index:-2;background:#ffffff24;width:1px;transition:opacity .45s;position:absolute;top:10px;bottom:10px;left:0}.pts-step--active+.pts-step:before,.pts-step--active:before{opacity:0}.pts-bg{opacity:0;z-index:-1;border-radius:18px;transition:opacity .55s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;box-shadow:inset 0 1px #ffffff24}.pts-step--active .pts-bg{opacity:1}.pts-step--active{transform:translateY(-4px)}.pts-step:focus-visible{outline-offset:2px;outline:1px solid #ffffffb3}.pts-dot{background:#0a0a0a99;border:1px solid #ffffff4d;border-radius:999px;place-items:center;width:18px;height:18px;margin-top:3px;transition:border-color .5s cubic-bezier(.22,1,.36,1),box-shadow .5s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1);display:grid;position:relative}.pts-dot:after{content:"";background:#ffffffbf;border-radius:999px;width:7px;height:7px;transition:background-color .5s}.pts-step--active .pts-dot{background:#ffffff1a;border-color:#ffffffbf;box-shadow:0 0 0 5px #ffffff14}.pts-step--active .pts-dot:after{background:#fff}.pts-num{font-family:var(--font-display);letter-spacing:-.03em;background-image:var(--pts-grad);color:#0000;-webkit-background-clip:text;background-clip:text;margin-top:30px;font-size:clamp(38px,4vw,58px);font-weight:650;line-height:1;transition:color .55s cubic-bezier(.22,1,.36,1)}.pts-step--active .pts-num{color:#fff;background-image:none}.pts-step-title{letter-spacing:-.01em;color:#fffffff0;text-wrap:balance;margin-top:18px;font-size:clamp(18px,1.5vw,24px);font-weight:550;line-height:1.15}.pts-step-text{color:#ffffffa3;margin-top:12px;font-size:clamp(14px,1.05vw,17px);line-height:1.45;transition:color .55s cubic-bezier(.22,1,.36,1)}.pts-step--active .pts-step-title{color:#fff}.pts-step--active .pts-step-text{color:#ffffffe6}@media (width<=1100px){.pts-step{min-height:320px;padding-bottom:32px}}@media (width<=900px){.pts-track{scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;grid-template-columns:none;display:flex;overflow-x:auto}.pts-track::-webkit-scrollbar{display:none}.pts-step{scroll-snap-align:center;flex:0 0 60%}}@media (width<=640px){.pts-step{flex:0 0 85%;min-height:300px}.pts-step+.pts-step:before{display:none}}.pts-progress{display:none}@media (width<=900px){.pts-progress{justify-content:center;gap:8px;margin-top:24px;display:flex}.pts-progress span{background:#fff3;border-radius:2px;width:22px;height:2px;transition:background-color .45s}.pts-progress span[data-on=true]{background:#ffffffd9}}@media (prefers-reduced-motion:reduce){.pts-step,.pts-bg,.pts-num,.pts-dot,.pts-step-text{transition-duration:.16s}.pts-step--active{transform:none}}@media (width>=768px) and (width<=1023px){.pts-track{scroll-snap-type:none;flex-direction:column;gap:8px;display:flex;overflow-x:visible}.pts-step{scroll-snap-align:none;flex:none;width:100%;min-height:0;padding:26px 24px 30px}.pts-step+.pts-step:before,.pts-rail,.pts-progress{display:none}}@media (width<=767.98px){.pts-track{scroll-snap-type:none;flex-direction:column;gap:8px;display:flex;overflow-x:visible}.pts-step{scroll-snap-align:none;flex:none;width:100%;min-height:0;padding:24px 20px 28px}.pts-step+.pts-step:before,.pts-rail,.pts-progress{display:none}}
