.work-cards-2{--muted: rgba(var(--color-foreground), .65);--line: rgba(var(--color-foreground), .1);--tint: rgba(var(--color-foreground), .04);--accent: rgb(var(--color-link))}.work-cards-2__container{max-width:var(--section-width, 160rem);margin:0 auto;padding-left:2.2rem;padding-right:2.2rem}.work-cards-2 .section-intro{margin-bottom:2.4rem}.work-cards-2__grid{display:grid;grid-template-columns:1fr;gap:2.4rem}.work-cards-2__card{display:flex;flex-direction:column;border:1px solid var(--line);background:rgb(var(--color-background));min-width:0}.work-cards-2__frame{position:relative;border-bottom:1px solid var(--line)}.work-cards-2__chrome{display:flex;align-items:center;gap:.6rem;height:3rem;padding:0 1.2rem;background:var(--tint);border-bottom:1px solid var(--line)}.work-cards-2__dot{width:.8rem;height:.8rem;border-radius:50%;background:rgba(var(--color-foreground),.18)}.work-cards-2__url{flex:1;max-width:26rem;height:1.6rem;margin-left:1rem;border-radius:.8rem;background:rgba(var(--color-foreground),.06)}.work-cards-2__viewport{position:relative}.work-cards-2__frame--phone{padding:2.8rem 0;background:var(--tint)}.work-cards-2__phone{position:relative;width:27rem;max-width:calc(100% - 4rem);margin:0 auto;border:.6rem solid rgb(var(--color-foreground));border-radius:3rem;overflow:hidden;background:rgb(var(--color-background))}.work-cards-2__scroll{height:var(--frame-h-mobile, 50rem);overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch;background:rgb(var(--color-background));scrollbar-width:thin;scrollbar-color:rgba(var(--color-foreground),.35) transparent}.work-cards-2__scroll::-webkit-scrollbar{width:.6rem}.work-cards-2__scroll::-webkit-scrollbar-thumb{background:rgba(var(--color-foreground),.35);border-radius:.3rem}.work-cards-2__scroll:focus-visible{outline:2px solid var(--accent);outline-offset:-2px}.work-cards-2__part{display:block;width:100%!important;height:auto!important}.work-cards-2__placeholder{display:block;width:100%;height:100%;fill:currentColor;color:rgba(var(--color-foreground),.35)}.work-cards-2__hint{position:absolute;left:50%;bottom:1.4rem;transform:translate(-50%);display:flex;align-items:center;gap:.8rem;max-width:calc(100% - 2rem);margin:0;padding:.8rem 1.2rem;border-radius:2rem;background:rgba(var(--color-foreground),.86);color:rgb(var(--color-background));font-size:1.15rem;font-weight:600;line-height:1;white-space:nowrap;overflow:hidden;pointer-events:none;transition:opacity .3s ease}.work-cards-2__hint svg{flex-shrink:0}.is-scrolled>.work-cards-2__hint{opacity:0}.work-cards-2__body{padding:1.7rem 1.8rem}.work-cards-2__meta{display:flex;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem}.work-cards-2__label{margin:0;font-size:1rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;line-height:1.2;color:var(--muted)}.work-cards-2__label--accent{color:var(--accent)}.work-cards-2__tag{flex-shrink:0;font-size:1rem;font-weight:700;letter-spacing:.09em;text-transform:uppercase;line-height:1;color:var(--muted);border:1px solid var(--line);padding:.5rem .8rem;border-radius:.3rem}.work-cards-2__title{margin:0;font-family:var(--font-heading-family);font-size:1.6rem;font-weight:600;letter-spacing:-.015em;line-height:1.3;color:rgb(var(--color-foreground))}.work-cards-2__desc{margin:.6rem 0 0;font-size:1.3rem;line-height:1.6;color:var(--muted)}@media screen and (min-width:750px){.work-cards-2__grid{grid-template-columns:repeat(var(--columns-tablet, 2),minmax(0,1fr))}}@media screen and (min-width:990px){.work-cards-2__container{padding-left:5rem;padding-right:5rem}.work-cards-2 .section-intro{margin-bottom:4.8rem}.work-cards-2__grid{grid-template-columns:repeat(var(--columns, 2),minmax(0,1fr));gap:2.8rem}.work-cards-2__scroll{height:var(--frame-h, 64rem)}.work-cards-2__phone{width:30rem}.work-cards-2__body{padding:2.2rem}.work-cards-2__label{font-size:1.05rem}.work-cards-2__title{font-size:1.85rem;letter-spacing:-.02em}.work-cards-2__desc{margin-top:.8rem;font-size:1.35rem;line-height:1.55}}@media(prefers-reduced-motion:reduce){.work-cards-2__hint{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/49/assets/section-work-cards-2.css.map */