.guide-index,.guide-article{padding:72px 0 96px;background:var(--bone);min-height:70vh}.guide-index__head{display:grid;grid-template-columns:1.6fr .8fr;gap:40px;align-items:end;padding:22px 0 38px;border-bottom:3px solid var(--ink);margin-bottom:34px}.guide-index__head h1{font-family:var(--display);font-size:clamp(3.5rem,9vw,7.5rem);font-weight:400;line-height:.86;text-transform:uppercase;margin:12px 0 0}.guide-index__head p{font-size:1.1rem;line-height:1.55;max-width:34ch;margin:0 0 4px auto}.guide-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}.guide-card{position:relative;border:3px solid var(--ink);background:var(--paper);box-shadow:8px 8px 0 var(--ink);overflow:hidden}.guide-card:nth-child(3n){box-shadow:8px 8px 0 var(--volt)}.guide-card__media{display:block;border-bottom:3px solid var(--ink);overflow:hidden;background:#fff}.guide-card img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .3s ease}.guide-card:hover img{transform:scale(1.025)}.guide-card__body{padding:22px}.guide-card__meta,.guide-article__meta{display:flex;justify-content:space-between;gap:20px;font-family:var(--mono);font-size:.65rem;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}.guide-card__meta span{display:inline-block;background:var(--volt);color:var(--ink);padding:5px 7px;font-weight:700}.guide-card h2{font-family:var(--display);font-size:clamp(1.9rem,4vw,3.25rem);font-weight:400;line-height:1;text-transform:uppercase;margin:20px 0 12px}.guide-card h2 a{text-decoration:none;color:var(--ink)}.guide-card__excerpt{color:var(--grey);line-height:1.6;max-width:56ch}.guide-card__link,.guide-back{display:inline-flex;align-items:center;gap:10px;margin-top:20px;color:var(--ink);font-weight:800;text-transform:uppercase;text-decoration:none;border-bottom:2px solid var(--ink);padding-bottom:3px}.guide-card__link span{font-size:1.25em;transition:transform .16s ease}.guide-card__link:hover span{transform:translate(5px)}.guide-article__wrap{max-width:960px}.guide-article__head{margin:34px 0 28px;padding:34px 0;border-top:3px solid var(--ink);border-bottom:3px solid var(--ink)}.guide-article__head h1{font-family:var(--display);font-size:clamp(3rem,8vw,6.5rem);font-weight:400;line-height:.92;text-transform:uppercase;margin:16px 0 24px;text-wrap:balance}.guide-article__image{display:block;width:100%;height:auto;border:3px solid var(--ink);box-shadow:9px 9px 0 var(--volt);margin:38px 0 52px}.guide-article__content{font-size:1.08rem;line-height:1.82;max-width:760px;margin:0 auto}.guide-article__content>p:first-child{font-size:1.28rem;line-height:1.6;color:var(--ink)}.guide-article__content h2{font-family:var(--display);font-size:clamp(2rem,5vw,3.2rem);font-weight:400;line-height:1.05;text-transform:uppercase;margin:2.4rem 0 .8rem}.guide-article__content h2:before{content:"//";color:var(--volt);-webkit-text-stroke:1px var(--ink);margin-inline-end:.25em}.guide-article__content a{color:var(--ink);font-weight:700;text-decoration-thickness:2px;text-underline-offset:3px}.guide-article__content ul,.guide-article__content ol{padding-inline-start:1.25rem;margin:1.2rem 0}.guide-article__content li{margin:.5rem 0}.guide-product-link{margin:52px auto 0;padding:26px;border:3px solid var(--ink);background:var(--volt);box-shadow:8px 8px 0 var(--ink);display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:760px}.guide-product-link strong{font-family:var(--display);font-size:1.7rem;font-weight:400;text-transform:uppercase}@media(max-width:760px){.guide-index,.guide-article{padding:38px 0 64px}.guide-index__head{grid-template-columns:1fr;gap:18px;padding-top:12px}.guide-index__head p{margin:0}.guide-grid{grid-template-columns:1fr;gap:22px}.guide-card{box-shadow:5px 5px 0 var(--ink)}.guide-card:nth-child(3n){box-shadow:5px 5px 0 var(--volt)}.guide-card__body{padding:18px}.guide-article__head{padding:24px 0}.guide-article__image{margin:28px 0 40px;box-shadow:6px 6px 0 var(--volt)}.guide-product-link{align-items:stretch;flex-direction:column;box-shadow:6px 6px 0 var(--ink)}}@media(prefers-reduced-motion:reduce){.guide-card img,.guide-card__link span{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/16/assets/guides.css.map */