.hm-tpl-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:680px){.hm-tpl-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}}@media (min-width:1100px){.hm-tpl-grid{gap:28px}}.hm-tpl-card{border:1px solid var(--hm-line);background:var(--hm-card);border-radius:22px;flex-direction:column;min-width:0;padding:8px;display:flex;box-shadow:0 30px 60px -48px #1e1a1673}.hm-tpl-preview{isolation:isolate;min-height:230px;transition:transform .26s var(--ease-out);border-radius:15px;flex-direction:column;display:flex;position:relative;overflow:hidden}.hm-tpl-preview:before{content:"";z-index:-1;background:var(--tpl-wash,none);opacity:.5;pointer-events:none;position:absolute;inset:0}@media (min-width:680px){.hm-tpl-preview{min-height:clamp(270px,25vw,330px)}}.hm-tpl-preview:focus-visible{outline:2px solid var(--hm-crimson);outline-offset:3px}.hm-tpl-preview:active{transform:scale(.99)}.hm-tpl-chrome{gap:5px;padding:12px 14px 0;display:flex}.hm-tpl-chrome i{opacity:.3;background:currentColor;border-radius:50%;width:7px;height:7px}.hm-tpl-nav{align-items:center;gap:8px;padding:12px clamp(16px,4%,26px) 0;display:flex}.hm-tpl-nav b{opacity:.85;background:currentColor;border-radius:50%;width:18px;height:18px;margin-right:auto}.hm-tpl-nav i{opacity:.28;background:currentColor;border-radius:4px;width:26px;height:4px}.hm-tpl-nav em{opacity:.45;border:1px solid;border-radius:100px;width:46px;height:16px;margin-left:4px}@media (max-width:400px){.hm-tpl-nav i:nth-of-type(3){display:none}}.hm-tpl-copy{flex-direction:column;flex:1;justify-content:center;padding:14px clamp(16px,4%,26px);display:flex}.hm-tpl-trips{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:0 clamp(16px,4%,26px) clamp(16px,4%,22px);display:grid}.hm-tpl-trips i{gap:6px;display:grid}.hm-tpl-trips i:before{content:"";opacity:.12;background:currentColor;border-radius:7px;height:clamp(30px,4.4vw,52px)}.hm-tpl-trips i:after{content:"";opacity:.26;background:currentColor;border-radius:4px;width:62%;height:4px}.hm-tpl-eyebrow{font-family:var(--sans);letter-spacing:.1em;text-transform:uppercase;opacity:.66;margin-bottom:8px;font-size:10.5px;font-weight:600}.hm-tpl-headline{letter-spacing:-.015em;text-wrap:balance;max-width:92%;font-size:clamp(24px,3vw,40px);font-weight:400;line-height:1.1}.hm-tpl-headline em{font-style:italic}.hm-tpl-preview[data-font=sans] .hm-tpl-headline{letter-spacing:-.025em;font-weight:600}.hm-tpl-preview[data-font=caps] .hm-tpl-headline{text-transform:uppercase;letter-spacing:-.01em;font-weight:800;line-height:1.02}.hm-tpl-tagline{opacity:.75;margin-top:10px;font-size:13px;line-height:1.45}.hm-tpl-preview[data-font=serif] .hm-tpl-tagline{font-style:italic}.hm-tpl-meta{flex-direction:column;flex:1;padding:16px 14px 10px;display:flex}.hm-tpl-meta-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.hm-tpl-name{font-family:var(--display);color:var(--hm-ink);margin:0;font-size:clamp(22px,2vw,26px);font-weight:400;line-height:1.15}.hm-tpl-category{color:var(--hm-mute);white-space:nowrap;font-size:13px;font-weight:500}.hm-tpl-category-under{margin-top:2px}.hm-tpl-gated{color:#8a5a00;background:#fdf1d8;border-radius:100px;flex:none;padding:3px 10px;font-size:12.5px;font-weight:600}.hm-tpl-desc{color:var(--hm-ink-3);text-wrap:pretty;margin:8px 0 0;font-size:15px;line-height:1.55}.marketing-shell .hm-tpl-demo{min-height:44px;color:var(--hm-crimson);text-underline-offset:4px;align-self:flex-start;align-items:center;margin-top:auto;padding-top:8px;font-size:15px;font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-flex}.hm-tpl-demo:focus-visible{outline:2px solid var(--hm-crimson);outline-offset:2px;border-radius:4px}@media (hover:hover) and (pointer:fine){.hm-tpl-preview:hover{transform:translateY(-2px)}.hm-tpl-demo:hover{text-decoration-thickness:2px}}.hm-tpl-note{text-align:center;max-width:60ch;color:var(--hm-mute);margin:clamp(28px,4vw,44px) auto 0;font-size:14px;line-height:1.55}@media (prefers-reduced-motion:reduce){.hm-tpl-preview{transition:none}.hm-tpl-preview:hover{transform:none}}@media (max-width:999px){.hm-tpl .hm-ph-grid{grid-template-columns:minmax(0,1fr)}}