@layer page{body{font-family:var(--primary-font-family);font-optical-sizing:auto;--web-width:clamp(200px, 85vw, 1100px);grid-template-rows:auto 1fr auto;min-height:100vh;margin:0;display:grid}h1,h2,h3{font-family:var(--secondary-font-family);color:var(--neutral-100);font-weight:500}main{background-color:var(--neutral-950);padding-top:120px;padding-bottom:40px}.title-container{width:var(--web-width);margin-inline:auto}.title-container h1{max-width:25ch;font-size:clamp(2rem,5vw,2.8rem)}.title-container p{color:var(--neutral-300);max-width:50ch;margin-block-start:10px;font-size:clamp(.925rem,4vw,1rem)}.grid{--n:1;max-width:350px}.templates-section-container{margin-top:60px;width:var(--web-width);margin-inline:auto}.template{position:relative}.template .description{flex-direction:column;gap:10px;padding:clamp(20px,4vw,30px);display:flex}.template .heading{color:var(--neutral-100);font-size:1.2rem;font-family:var(--secondary-font-family);font-weight:500}.template .subheading{color:var(--neutral-300)}.template a.button{color:var(--neutral-200);text-align:center;border-top:1px solid var(--neutral-800);z-index:100;border-radius:0;width:100%;margin-top:20px;padding:10px;position:relative}.template a.button:hover{color:var(--neutral-000)}@media (prefers-reduced-motion:no-preference){.template a.button{transition:color .2s ease-in-out}}.template .template-link{position:absolute;inset:0}.template-preview{aspect-ratio:1;width:100%}.template-preview img{aspect-ratio:1;width:100%}}