.ark-guide-card{display:flex;flex-direction:column;height:100%}.ark-guide-card__media{display:block;aspect-ratio:3 / 2;overflow:hidden;background:#f4f3f1}.ark-guide-card__media>img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .4s ease}.ark-guide-card:hover .ark-guide-card__media>img{transform:scale(1.02)}.ark-guide-card__placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%}.ark-guide-card__placeholder img{display:block;width:auto;height:72px;opacity:.2}.ark-guide-card__body{display:flex;flex-direction:column;flex:1 1 auto;padding-block-start:1rem}.ark-guide-card__eyebrow{margin:0 0 .5rem;font-family:var(--font-body--family);font-size:.75rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.ark-guide-card__title{margin:0;font-family:var(--font-heading--family);font-size:1.5rem;font-weight:400;line-height:1.2;letter-spacing:-.005em;text-wrap:pretty}.ark-guide-card__title a{color:inherit;text-decoration:none}.ark-guide-card__title a:hover{color:rgb(var(--color-foreground-rgb) / var(--opacity-subdued-text))}.ark-guide-card__excerpt{margin:.75rem 0 0;font-size:.9375rem;line-height:1.55;color:var(--color-foreground);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.ark-guide-card__more{display:inline-flex;align-items:center;gap:.4rem;margin-block-start:auto;padding-block-start:1rem;font-size:.9375rem;font-weight:600;color:var(--color-foreground);text-decoration:none;align-self:flex-start}.ark-guide-card__more svg{width:1rem;height:1rem;transition:transform .2s ease}.ark-guide-card__more:hover{color:#8b1e1e}.ark-guide-card__more:hover svg{transform:translate(3px)}@media screen and (max-width:749px){.ark-guide-card__title{font-size:1.375rem}}.ark-related{border-block-start:1px solid rgb(var(--color-foreground-rgb) / var(--opacity-20))}.ark-related__head{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-block-end:2rem}.ark-related__title{margin:0;font-family:var(--font-heading--family);font-size:2rem;font-weight:400;line-height:1.15}.ark-related__all{display:inline-flex;align-items:center;gap:.4rem;font-size:.9375rem;font-weight:600;color:var(--color-foreground);text-decoration:none;white-space:nowrap}.ark-related__all svg{width:1rem;height:1rem}.ark-related__all:hover{color:#8b1e1e}.ark-related__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;margin:0;padding:0}.ark-related__grid>li{border-block-start:2px solid var(--color-foreground);padding-block-start:1.25rem;min-width:0}@media screen and (max-width:989px){.ark-related__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ark-related__grid>li:nth-child(3){display:none}}@media screen and (max-width:749px){.ark-related__title{font-size:1.625rem}.ark-related__grid{grid-template-columns:minmax(0,1fr);gap:40px}.ark-related__grid>li:nth-child(3){display:block}}.guide-hero-image{width:100%;max-width:800px;margin:.5rem auto 0;aspect-ratio:3 / 2;overflow:hidden;background:#f4f3f1}.guide-hero-image img{display:block;width:100%;height:100%;object-fit:cover}.ark-zoomable{cursor:zoom-in}.ark-zoomable:focus-visible{outline:2px solid #8b1e1e;outline-offset:3px}html.ark-zoom-open{overflow:hidden}.ark-zoom{box-sizing:border-box;width:100vw;max-width:none;height:100vh;height:100dvh;max-height:none;margin:0;padding:16px;border:0;background:transparent;cursor:zoom-out}.ark-zoom[open]{display:flex;align-items:center;justify-content:center}.ark-zoom::backdrop{background:#0f0f0fe6}.ark-zoom__img{display:block;width:auto;height:auto;max-width:min(100%,1600px);max-height:100%;object-fit:contain;background:#fff}.ark-zoom__close{position:fixed;top:16px;right:16px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:0;border-radius:0;background:#fff;color:#0f0f0f;cursor:pointer;z-index:1}.ark-zoom__close:hover{background:#f4f3f1}@media(prefers-reduced-motion:no-preference){.ark-zoom[open] .ark-zoom__img{animation:ark-zoom-in .18s ease-out}.ark-zoom[open]::backdrop{animation:ark-zoom-fade .18s ease-out}}@keyframes ark-zoom-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:none}}@keyframes ark-zoom-fade{0%{opacity:0}to{opacity:1}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/arkverk-guides.css.map */
