.template-collection{background:#fcf8f0;border-top:1px solid #e3d3be;padding-block:clamp(60px,7vw,100px)}
.template-collection__heading{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;align-items:end;margin-bottom:32px}.template-collection__heading h2{font-family:var(--display);font-size:clamp(2.2rem,4vw,3.5rem);line-height:1.1;margin:18px 0 0}.template-collection__heading>p{max-width:440px;font-size:.97rem;line-height:1.85;margin:0 0 4px}
.template-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:32px}.template-filters button{font:inherit;font-size:.83rem;min-height:44px;padding:10px 18px;border:1px solid #c8b79d;border-radius:4px;background:transparent;color:#513a2b;cursor:pointer;transition:background .2s,color .2s}.template-filters button span{font-size:.7rem;margin-left:8px;opacity:.75}.template-filters button[aria-pressed=true]{background:#235b50;color:#fff9ec;border-color:#235b50}
.template-collection__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 24px}.template-choice{min-width:0;text-decoration:none;color:inherit}.template-choice[hidden]{display:none}.template-shot{aspect-ratio:1.44;position:relative;overflow:hidden;background:#eee4d6;border:1px solid #dfd1bf;border-radius:6px}.template-shot img{display:block;width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s cubic-bezier(.22,1,.36,1)}.template-shot>span{position:absolute;right:9px;bottom:9px;padding:8px 10px;font-size:.64rem;background:#fffaf2;color:#3b3027;border:1px solid #d9cab4;border-radius:3px;box-shadow:0 2px 6px #30231c15}.template-choice:hover .template-shot img{transform:scale(1.025)}.template-choice:hover .template-shot{border-color:#a47d54}.template-meta{display:flex;justify-content:space-between;margin:16px 0 7px;color:#825a3b;font-size:.7rem}.template-meta small{font-size:.65rem;letter-spacing:1.3px;text-transform:uppercase}.template-choice h3{font-family:var(--body);font-weight:600;font-size:1.12rem;margin:0 0 6px}.template-choice>p{font-size:.79rem;line-height:1.7;color:#745e4b;margin:0}.template-collection__foot{display:flex;align-items:center;justify-content:space-between;gap:25px;border-top:1px solid #deceb8;margin-top:40px;padding-top:25px;font-size:.85rem}.template-collection__foot p{max-width:540px;margin:0}.template-choice:focus-visible,.template-filters button:focus-visible{outline:3px solid #aa552d;outline-offset:5px}
@media(max-width:1000px){.template-collection__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-collection__heading{gap:30px}}@media(max-width:600px){.template-collection__heading{grid-template-columns:1fr;gap:20px}.template-collection__grid{grid-template-columns:1fr;gap:30px}.template-collection__foot{flex-direction:column;align-items:start}.template-filters{gap:8px}.template-filters button{padding:9px 12px}.template-collection__heading>p{font-size:.9rem}.template-choice>p{font-size:.85rem}}@media(prefers-reduced-motion:reduce){.template-shot img,.template-filters button{transition:none}.template-choice:hover .template-shot img{transform:none}}html.motion-paused .template-shot img{transition:none;transform:none}