:root{--goko-green: #1ABB00;--goko-green-ink: #149900;--goko-ink: #000000;--goko-paper: #FFFFFF;--goko-ease: cubic-bezier(.22, .68, .3, 1);--goko-card-pad: 1.25rem}.section-content h1.heading-feature{text-align:left;text-transform:uppercase;letter-spacing:-.035em;line-height:.88}ul[class*=grid-cols]{align-items:start}ul[class*=grid-cols]>li.card>.card__surface{display:flex;flex-direction:column;background:var(--goko-paper);border:3px solid var(--goko-ink);border-radius:clamp(14px,1.6vw,20px);box-shadow:8px 10px 0 var(--goko-ink);text-align:left;transition:translate .18s var(--goko-ease),box-shadow .18s var(--goko-ease)}ul[class*=grid-cols]>li.card:hover>.card__surface{translate:0 -4px;box-shadow:10px 14px 0 var(--goko-ink)}ul[class*=grid-cols]>li.card>.card__surface:focus-within{outline:3px solid var(--goko-green);outline-offset:3px}ul[class*=grid-cols]>li.card .card__surface>div:first-child{margin:calc(var(--goko-card-pad) * -1) calc(var(--goko-card-pad) * -1) var(--goko-card-pad);padding-bottom:0;border-bottom:3px solid var(--goko-ink);overflow:hidden}ul[class*=grid-cols]>li.card .media img{width:100%;height:100%;object-fit:cover}ul[class*=grid-cols]>li.card h2.heading-secondary{text-transform:uppercase;letter-spacing:-.025em;line-height:1.05;transition:color .18s var(--goko-ease)}ul[class*=grid-cols]>li.card:hover h2.heading-secondary{color:var(--goko-green-ink)}ul[class*=grid-cols]>li.card time{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;opacity:.62}ul[class*=grid-cols]>li.card .rte{font-size:.9375rem;line-height:1.5;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}ul[class*=grid-cols]>li.card .article-tags{justify-content:flex-start;font-size:.75rem;font-weight:700;color:var(--goko-green-ink)}ul[class*=grid-cols]>li.card:first-child{grid-column:1 / -1}ul[class*=grid-cols]>li.card:first-child>.card__surface{background:var(--goko-ink);color:var(--goko-paper);box-shadow:10px 12px 0 var(--goko-green)}ul[class*=grid-cols]>li.card:first-child:hover>.card__surface{box-shadow:12px 16px 0 var(--goko-green)}ul[class*=grid-cols]>li.card:first-child h2.heading-secondary{letter-spacing:-.035em;line-height:.95}ul[class*=grid-cols]>li.card:first-child:hover h2.heading-secondary{color:var(--goko-green)}ul[class*=grid-cols]>li.card:first-child .article-tags{color:var(--goko-green)}@media(min-width:990px){ul[class*=grid-cols]>li.card:first-child>.card__surface{display:grid;grid-template-columns:52% minmax(0,1fr);column-gap:clamp(1.4rem,3vw,2.5rem);padding:0}ul[class*=grid-cols]>li.card:first-child .card__surface>div:first-child{grid-column:1;grid-row:1 / span 20;margin:0;border-bottom:0;border-right:3px solid var(--goko-ink)}ul[class*=grid-cols]>li.card:first-child .card__surface>div:first-child,ul[class*=grid-cols]>li.card:first-child .media{height:100%}ul[class*=grid-cols]>li.card:first-child .card__surface>:not(:first-child){grid-column:2;padding-right:clamp(1.4rem,3vw,2.5rem)}ul[class*=grid-cols]>li.card:first-child .card__surface>:nth-child(2){padding-top:clamp(1.4rem,3vw,2.5rem)}ul[class*=grid-cols]>li.card:first-child .card__surface>:last-child{padding-bottom:clamp(1.4rem,3vw,2.5rem)}ul[class*=grid-cols]>li.card:first-child h2.heading-secondary{font-size:clamp(1.5rem,3vw,2.4rem)}ul[class*=grid-cols]>li.card:first-child .rte{-webkit-line-clamp:4}}
/*# sourceMappingURL=/cdn/shop/t/15/assets/goko-blog.css.map */