.ink-ecosystem{position:relative;overflow:hidden}.ink-ecosystem:before{content:"";position:absolute;inset:8% -20% auto 45%;height:420px;background:radial-gradient(circle,var(--accent,#f0bfd2) 0,transparent 68%);opacity:.08;pointer-events:none}.ink-ecosystem__head{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(260px,.65fr);gap:5vw;align-items:end;margin-bottom:42px;border-bottom:1px solid #353035;padding-bottom:34px}.ink-ecosystem__head h2,.ink-applications-home__head h2{font-family:var(--display-font);font-size:clamp(54px,6.1vw,92px);font-weight:400;letter-spacing:-.018em;line-height:1;text-transform:uppercase;margin:16px 0 0}.ink-ecosystem__head p:last-child,.ink-applications-home__head>p{color:var(--muted);font-size:13px;line-height:1.85;max-width:500px}.ink-ecosystem__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.ink-pillar{position:relative;min-width:0;border:1px solid #343034;background:#0f0e10;display:flex;flex-direction:column;overflow:hidden;transition:border-color .25s,transform .25s,box-shadow .25s}.ink-pillar:hover{border-color:#79606d;transform:translateY(-4px);box-shadow:0 22px 55px #0007}.ink-pillar__media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#171417}.ink-pillar__media:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 48%,#0f0e10 100%)}.ink-pillar__media img{width:100%;height:100%;object-fit:cover;transition:transform .55s;filter:saturate(.86) contrast(1.02)}.ink-pillar:hover .ink-pillar__media img{transform:scale(1.025)}.ink-pillar--app .ink-pillar__media:before{content:"";position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;border-top:3px solid var(--accent,#f0bfd2);pointer-events:none}.ink-pillar__type{position:absolute;z-index:3;top:14px;left:14px;background:#0e0c0fda;border:1px solid #5b4852;color:#eee2e8;padding:7px 9px;font-size:7px;letter-spacing:.17em;text-transform:uppercase}.ink-pillar--app .ink-pillar__type{background:var(--accent,#f0bfd2);border-color:var(--accent,#f0bfd2);color:#24171d}.ink-pillar__index{position:absolute;z-index:3;top:13px;right:15px;font:25px/1 var(--display-font);color:#fff}.ink-pillar__copy{padding:23px 21px 21px;display:flex;flex-direction:column;flex:1;min-height:220px}.ink-pillar__copy h3{font-size:24px;letter-spacing:-.045em;margin:10px 0 11px}.ink-pillar__copy p:not(.eyebrow){font-size:11px;line-height:1.75;color:#aaa0a6;flex:1}.ink-pillar__meta{display:flex;justify-content:space-between;gap:15px;align-items:center;border-top:1px solid #302c30;margin-top:19px;padding-top:15px;font-size:8px;letter-spacing:.08em;text-transform:uppercase;color:#bcaeb6}.ink-pillar__arrow{width:32px;height:32px;display:grid;place-items:center;border-radius:50%;background:var(--accent,#f0bfd2);color:#25181e;font-size:16px;flex-shrink:0}.ink-applications-home{position:relative}.ink-applications-home__head{display:grid;grid-template-columns:1fr minmax(250px,.55fr);gap:5vw;align-items:end;margin-bottom:36px}.ink-applications-home__grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.ink-application-card{border:1px solid #373137;background:#111014;display:grid;grid-template-rows:auto 1fr;min-width:0;overflow:hidden}.ink-application-card__visual{aspect-ratio:1.55;overflow:hidden;position:relative;background:#171418}.ink-application-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform .55s}.ink-application-card:hover .ink-application-card__visual img{transform:scale(1.018)}.ink-application-card__visual:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,#111014 100%)}.ink-application-card__badge{position:absolute;z-index:2;left:18px;top:18px;padding:8px 11px;background:var(--accent,#f0bfd2);color:#24171d;font-size:8px;font-weight:700;letter-spacing:.12em;text-transform:uppercase}.ink-application-card__body{padding:28px;display:flex;flex-direction:column}.ink-application-card__body h3{font-family:var(--display-font);font-size:clamp(36px,3.9vw,58px);font-weight:400;line-height:1;text-transform:uppercase;margin:13px 0 17px}.ink-application-card__body>p:not(.eyebrow){font-size:12px;color:#ada2a8;line-height:1.85;max-width:570px}.ink-application-card__points{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin:25px 0;border-top:1px solid #342f33;border-bottom:1px solid #342f33}.ink-application-card__points span{padding:15px 10px;font-size:9px;text-transform:uppercase;letter-spacing:.06em;text-align:center;border-right:1px solid #342f33}.ink-application-card__points span:last-child{border-right:0}.ink-application-card__actions{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:auto}.ink-application-card__actions .button{background:var(--accent,#f0bfd2);border-color:var(--accent,#f0bfd2);color:#22171c}.ink-application-card__actions .button:hover{background:#fff;border-color:#fff}.ink-applications-home__foot{display:flex;justify-content:space-between;gap:18px;margin-top:18px;padding:18px 20px;border:1px solid #332e32;color:#9d9298;font-size:10px;line-height:1.7}@media(max-width:1100px){.ink-ecosystem__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ink-pillar__media{aspect-ratio:1.3}.ink-pillar__copy{min-height:190px}.ink-application-card__points{grid-template-columns:1fr}.ink-application-card__points span{border-right:0;border-bottom:1px solid #342f33}.ink-application-card__points span:last-child{border-bottom:0}}@media(max-width:760px){.ink-ecosystem__head,.ink-applications-home__head{grid-template-columns:1fr;gap:22px;margin-bottom:28px;padding-bottom:25px}.ink-ecosystem__head h2,.ink-applications-home__head h2{font-size:55px}.ink-ecosystem__grid,.ink-applications-home__grid{grid-template-columns:1fr}.ink-pillar__media{aspect-ratio:1.5}.ink-pillar__copy{min-height:0;padding:20px 18px}.ink-pillar__copy h3{font-size:25px}.ink-application-card__visual{aspect-ratio:1.45}.ink-application-card__body{padding:23px 19px}.ink-application-card__body h3{font-size:46px}.ink-applications-home__foot{flex-direction:column}}.ink-applications-home .ink-application-card--studio{border-color:#3b4848;background:#15191a}.ink-applications-home .ink-application-card--studio .ink-application-card__visual{box-sizing:border-box;aspect-ratio:3/2;padding:46px 14px 14px;background:#e8ecea;border-bottom:1px solid #3b4848}.ink-applications-home .ink-application-card--studio .ink-application-card__visual img{display:block;object-fit:contain;object-position:center;border:1px solid #c6d2ce;transform:none;transition:none}.ink-applications-home .ink-application-card--studio:hover .ink-application-card__visual img{transform:none}.ink-applications-home .ink-application-card--studio .ink-application-card__visual:after{display:none}.ink-applications-home .ink-application-card--studio .ink-application-card__badge{top:12px;left:14px;background:#d0e6e1;border:1px solid #98bdb4;color:#193f38;padding:7px 10px}.ink-applications-home .ink-application-card--studio .ink-application-card__body>.eyebrow{color:#a7d0c8}.ink-applications-home .ink-application-card--studio .ink-application-card__body>p:not(.eyebrow){color:#b7c3bf}.ink-applications-home .ink-application-card--studio .ink-application-card__points{display:flex;flex-wrap:wrap;gap:8px;border:0;margin:24px 0}.ink-applications-home .ink-application-card--studio .ink-application-card__points span{flex:1 1 120px;padding:11px 12px;background:#233633;border:1px solid #405951;color:#d2e6df;line-height:1.45}.ink-applications-home .ink-application-card--studio .ink-application-card__actions .button{background:#b9ddd3;border-color:#b9ddd3;color:#163d32}.ink-applications-home .ink-application-card--studio .ink-application-card__actions .button:hover{background:#d3ece5;border-color:#d3ece5}.ink-applications-home .ink-application-card--studio .ink-application-card__visual:focus-visible,.ink-applications-home .ink-application-card--studio .ink-application-card__actions .button:focus-visible{outline:2px solid #b9ddd3;outline-offset:4px}@media(max-width:760px){.ink-applications-home .ink-application-card--studio .ink-application-card__visual{padding:42px 10px 10px}.ink-applications-home .ink-application-card--studio .ink-application-card__badge{left:10px;top:10px}.ink-applications-home .ink-application-card--studio .ink-application-card__points span{flex-basis:100%}}
/*# sourceMappingURL=/cdn/shop/t/12/assets/inknation-ecosystem.css.map */
