.hero-showcase{--hs-page: #fafafa;--hs-text: #09090b;--hs-muted: #636b62;--hs-green: #78c220;--hs-green-ink: #1e5c0d;--hs-line: #e4e4e7;--hs-radius: 12px;--hs-window-h: clamp(360px, 44vh, 480px);--hs-crop: 40px;--hs-peek: 14px;position:relative;background:var(--hs-page);color:var(--hs-text);font-family:var(--font-body, "Inter", sans-serif);letter-spacing:0;min-height:calc(100vh - var(--header-height, 0px) - var(--staging-banner-height, 0px));display:flex;flex-direction:column}.hero-showcase *,.hero-showcase *:before,.hero-showcase *:after{box-sizing:border-box}.hero-showcase__inner{flex:1 1 auto;display:flex;flex-direction:column;justify-content:center;width:100%;max-width:1280px;margin:0 auto;padding:clamp(24px,4.5vh,56px) 40px clamp(24px,3.5vh,48px);gap:clamp(24px,3.6vh,44px)}.hero-showcase__intro{display:flex;flex-direction:column;align-items:center;text-align:center}.hero-showcase__kicker{margin:0 0 clamp(12px,2vh,20px);color:var(--hs-green-ink);font:500 13px/1.4 var(--font-heading, "Outfit", sans-serif);letter-spacing:.08em;text-transform:uppercase}.hero-showcase .hero-showcase__heading{margin:0;max-width:20ch;color:var(--hs-text);font:400 clamp(40px,min(4.4vw,6vh),64px)/1.05 var(--font-heading, "Outfit", sans-serif);letter-spacing:-.03em;text-wrap:balance}.hero-showcase__heading>span{display:block}.hero-showcase__heading--accent>span{color:var(--hs-green-ink)}.hero-showcase__lead{margin:clamp(14px,2.2vh,24px) auto 0;max-width:58ch;color:var(--hs-muted);font-size:clamp(16px,2vh,18px);line-height:1.55}.hero-showcase__lead p{display:inline;margin:0}.hero-showcase__lead p+p:before{content:" "}.hero-showcase__lead a{color:var(--hs-text);text-decoration:underline;text-underline-offset:4px;text-decoration-color:#a1a1aa}.hero-showcase__lead a:hover{text-decoration-color:var(--hs-green)}.hero-showcase__actions{display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:clamp(18px,2.8vh,32px)}.hero-showcase .hero-showcase__btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:clamp(48px,5.8vh,52px);padding:12px 24px;font-size:16px;line-height:1.3;font-weight:600;text-decoration:none;transition:background-color .15s ease-out,border-color .15s ease-out,color .15s ease-out}.hero-showcase .hero-showcase__btn--primary{background:var(--hs-text);color:#fafafa}.hero-showcase .hero-showcase__btn--primary:hover{background:#27272a}.hero-showcase .hero-showcase__btn--ghost{color:var(--hs-text);border:1px solid #a1a1aa}.hero-showcase .hero-showcase__btn--ghost:hover{border-color:var(--hs-text)}.hero-showcase__btn .hero-showcase__arrow{font-size:18px;line-height:1}.hero-showcase__show{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:1100px;margin:0 auto}.hero-showcase__stage{position:relative;width:100%;padding:28px 36px 0;background:var(--hs-tint, #fcf0b2);border-radius:20px;overflow:hidden;transition:background-color .65s cubic-bezier(.65,0,.35,1)}.hero-showcase__title{margin:0 auto calc(24px + var(--hs-peek) * 2);max-width:24ch;min-height:1.2em;text-align:center;color:var(--hs-text);font:400 clamp(26px,2.6vw,36px)/1.15 var(--font-heading, "Outfit", sans-serif);letter-spacing:-.025em}.hero-showcase__title>span:after{content:"";display:inline-block;width:2px;height:.95em;margin-left:3px;vertical-align:-.12em;background:var(--hs-text);opacity:0}.is-typing .hero-showcase__title>span:after{opacity:1;animation:hs-caret 1s steps(1) infinite}@keyframes hs-caret{50%{opacity:0}}.hero-showcase__stack{position:relative;height:var(--hs-window-h)}.hero-showcase__window{position:absolute;left:0;right:0;top:0;height:calc(100% + var(--hs-crop));display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);background:#fff;border:1px solid var(--hs-line);border-bottom:0;border-radius:14px 14px 0 0;overflow:hidden;transform-origin:50% 0;transition:transform .65s cubic-bezier(.65,0,.35,1),opacity .65s cubic-bezier(.65,0,.35,1)}.hero-showcase__window[data-depth="0"]{z-index:4;opacity:1}.hero-showcase__window[data-depth="1"]{z-index:3;transform:translateY(calc(-1 * var(--hs-peek))) scale(.97);opacity:.75}.hero-showcase__window[data-depth="2"]{z-index:2;transform:translateY(calc(-2 * var(--hs-peek))) scale(.94);opacity:.6}.hero-showcase__window[data-depth="3"]{z-index:1;transform:translateY(calc(-2 * var(--hs-peek))) scale(.94);opacity:0}.hero-showcase__window.is-leaving{z-index:5;transform:translateY(115%);opacity:1}.hero-showcase__window.is-arriving{transform:translateY(calc(-2 * var(--hs-peek) - 18px)) scale(.91);opacity:0}.hero-showcase__window.no-transition{transition:none}.hero-showcase__visual{display:grid;grid-template-rows:auto minmax(0,1fr);gap:16px;min-height:0;padding:26px 28px calc(16px + var(--hs-crop)) 32px;background:#fff;color:var(--hs-text)}.hero-showcase .hero-showcase__job{margin:0;color:inherit;font:400 17px/1.5 var(--font-body, "Inter", sans-serif);letter-spacing:0;max-width:34ch}.hero-showcase__media{position:relative;min-height:0;pointer-events:none}.hero-showcase__image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.hero-showcase__meta{display:flex;flex-direction:column;align-items:flex-start;padding:28px 32px calc(16px + var(--hs-crop));background:var(--hs-accent, var(--hs-green));color:var(--hs-block-ink, var(--hs-text))}.hero-showcase__name{display:flex;align-items:center;gap:12px;margin:0;color:inherit;font:400 clamp(26px,2.2vw,32px)/1.15 var(--font-heading, "Outfit", sans-serif);letter-spacing:-.02em}.hero-showcase__name--logo{min-height:32px}.hero-showcase__logo{display:block;max-width:100%;background:currentColor;-webkit-mask:var(--hs-logo) no-repeat left center / contain;mask:var(--hs-logo) no-repeat left center / contain}.hero-showcase__stats{list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,auto));gap:12px 24px;margin:22px 0 0;padding:0}.hero-showcase__stats li{display:flex;flex-direction:column;gap:4px;min-width:0}.hero-showcase__stat-value{font:400 clamp(19px,1.5vw,22px)/1.15 var(--font-heading, "Outfit", sans-serif);letter-spacing:-.015em}.hero-showcase__stat-label{font:500 11px/1.3 var(--font-mono, "IBM Plex Mono", monospace);letter-spacing:.04em;text-transform:uppercase;opacity:.78}.hero-showcase__square{flex:0 0 auto;width:12px;height:12px;background:var(--hs-mark, var(--hs-accent, var(--hs-green)))}.hero-showcase__price{margin:22px 0 0;font:500 14px/1.4 var(--font-mono, "IBM Plex Mono", monospace);color:inherit;opacity:.85}.hero-showcase .hero-showcase__panel-btn{display:inline-flex;align-items:center;gap:12px;margin-top:18px;padding:14px 26px;min-height:52px;background:var(--hs-text);color:#fafafa;font-size:16px;line-height:1.3;font-weight:600;text-decoration:none;transition:background-color .15s ease-out,transform .15s ease-out}.hero-showcase .hero-showcase__panel-btn:hover{background:#27272a;transform:translateY(-1px)}.hero-showcase__panel-btn:focus-visible{outline:2px solid #fafafa;outline-offset:3px}.hero-showcase__rail{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;width:100%;max-width:960px}.hero-showcase .hero-showcase__tab{position:relative;display:flex;align-items:baseline;justify-content:center;gap:12px;margin:0;padding:16px 12px 4px;background:none;border:0;border-top:1px solid var(--hs-line);border-radius:0;color:var(--hs-muted);font:400 16px/1.3 var(--font-heading, "Outfit", sans-serif);letter-spacing:-.01em;text-align:center;cursor:pointer;transition:color .15s ease-out}.hero-showcase__tab-num{flex:0 0 auto;font:500 12px/1 var(--font-mono, "IBM Plex Mono", monospace);color:var(--hs-muted)}.hero-showcase__tab.is-active,.hero-showcase__tab.is-active .hero-showcase__tab-num,.hero-showcase__tab:hover{color:var(--hs-text)}.hero-showcase__tab:after{content:"";position:absolute;left:50%;top:-1px;height:2px;width:calc(var(--hs-progress, 0) * 100%);transform:translate(-50%);background:var(--hs-accent, var(--hs-green))}.hero-showcase__tab:not(.is-active):after{display:none}.hero-showcase__tab:focus-visible{outline:2px solid var(--hs-green);outline-offset:2px}@media(max-width:1023px){.hero-showcase__stage{padding-left:24px;padding-right:24px}.hero-showcase__window{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr)}.hero-showcase__visual{padding:20px 20px calc(12px + var(--hs-crop)) 24px}.hero-showcase__meta{padding:22px 22px calc(12px + var(--hs-crop))}.hero-showcase__stats{gap:10px 16px}.hero-showcase .hero-showcase__tab{font-size:15px}}@media(max-width:749px){.hero-showcase{min-height:0;--hs-window-h: 600px;--hs-crop: 24px;--hs-peek: 10px}.hero-showcase__inner{padding:36px 20px 28px;gap:28px;justify-content:flex-start}.hero-showcase__kicker{font-size:12px;margin-bottom:14px}.hero-showcase .hero-showcase__heading{font-size:38px;line-height:1.06;max-width:none}.hero-showcase__heading>span{display:inline}.hero-showcase__lead{font-size:16px;margin-top:18px;max-width:none}.hero-showcase__actions{margin-top:24px;width:100%}.hero-showcase .hero-showcase__btn{flex:1 1 100%}.hero-showcase__show{gap:12px}.hero-showcase__stage{padding:16px 14px 0;border-radius:14px}.hero-showcase__title{font-size:24px;max-width:none}.hero-showcase__window{grid-template-columns:1fr;grid-template-rows:minmax(0,1fr) auto}.hero-showcase__visual{grid-template-rows:auto minmax(0,1fr);gap:12px;padding:18px 18px 12px}.hero-showcase__media{min-height:200px}.hero-showcase .hero-showcase__job{font-size:15px;max-width:none}.hero-showcase__meta{padding:18px 18px calc(14px + var(--hs-crop))}.hero-showcase__name{font-size:22px}.hero-showcase__name--logo{min-height:26px}.hero-showcase__stats{margin-top:14px;gap:8px 14px}.hero-showcase__stat-value{font-size:17px}.hero-showcase__price{margin-top:12px}.hero-showcase .hero-showcase__panel-btn{margin-top:14px;min-height:46px;padding:12px 20px;font-size:15px}.hero-showcase__rail{display:flex;overflow-x:auto;scrollbar-width:none;max-width:none;margin:0 -20px;padding:0 20px}.hero-showcase__rail::-webkit-scrollbar{display:none}.hero-showcase .hero-showcase__tab{flex:0 0 auto;padding:12px 18px 6px;font-size:15px}}@media(max-width:359px){.hero-showcase__inner{padding-right:16px;padding-left:16px}.hero-showcase .hero-showcase__heading{font-size:33px}}@media(prefers-reduced-motion:reduce){.hero-showcase__tab:after,.hero-showcase__window,.hero-showcase__stage{transition:none}.hero-showcase__tab.is-active:after{display:none}.is-typing .hero-showcase__title>span:after{animation:none}.hero-showcase__btn,.hero-showcase__tab,.hero-showcase__panel-btn{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/5/assets/hero-showcase.css.map */