.ht-story__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:64px;align-items:center}.ht-story__grid--reverse{grid-template-columns:1.1fr 1fr}.ht-story__grid--reverse .ht-story__content{order:-1}.ht-story__media{aspect-ratio:4 / 5;border-radius:var(--r-md);overflow:hidden}.ht-story__img{width:100%;height:100%;object-fit:cover}.ht-story__placeholder{width:100%;height:100%;background:repeating-linear-gradient(45deg,var(--bone) 0 14px,var(--cream-warm) 14px 28px);display:grid;place-items:center;color:var(--ink-muted);font-family:var(--font-mono, monospace);font-size:11px;letter-spacing:.04em}.ht-story__placeholder span{background:var(--cream);padding:6px 10px;border-radius:var(--r-xs);border:1px solid var(--line-soft)}.ht-story__eyebrow{font-size:11.5px;text-transform:uppercase;letter-spacing:.14em;font-weight:600;color:var(--forest)!important}.ht-story__heading{font-family:var(--font-display)!important;font-size:clamp(26px,3.5vw,44px);font-weight:500!important;letter-spacing:-.03em;line-height:1.08;margin:16px 0 24px}.ht-story__lede{font-size:18px;line-height:1.55;color:var(--ink-soft);margin:0 0 18px}.ht-story__body{font-size:15px;color:var(--ink-muted);line-height:1.55;margin:0 0 28px}.ht-story__btn{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;font-weight:600;font-size:14px;background:transparent!important;color:var(--forest)!important;border:1px solid var(--forest)!important;transition:all .18s;text-decoration:none;font-family:var(--font-sans)!important}.ht-story__btn:hover{background:var(--forest)!important;color:var(--cream)!important}.ht-story__btn svg{width:16px;height:16px}@media screen and (max-width:990px){.ht-story__grid,.ht-story__grid--reverse{grid-template-columns:1fr;gap:32px}.ht-story__grid--reverse .ht-story__content{order:0}.ht-story__media{max-height:400px}}@media screen and (max-width:749px){.ht-story__grid,.ht-story__grid--reverse{display:flex;flex-direction:column;gap:24px}.ht-story__content{order:-1}.ht-story__heading{font-size:24px;margin:12px 0 16px}.ht-story__lede{font-size:14.5px}.ht-story__body{font-size:13.5px;margin-bottom:20px}.ht-story__media{max-height:320px;aspect-ratio:4 / 5}}
/*# sourceMappingURL=/cdn/shop/t/3/assets/hyturtle-brand-story.css.map */