.template-library{padding-block:48px 72px}.template-heading{max-width:720px;margin-bottom:32px}.template-library h1{text-wrap:balance;font-size:clamp(2rem,5vw,3.5rem);line-height:1.1}.template-library p{text-wrap:pretty}.template-controls{background:var(--soft);border-radius:12px;flex-wrap:wrap;align-items:end;gap:16px;padding:20px;display:flex}.template-controls label{flex:1;gap:6px;min-width:160px;font-weight:600;display:grid}.template-controls label:first-child{flex:2}.template-controls input,.template-controls select{border:1px solid var(--line-strong);background:var(--surface);width:100%;font:inherit;color:var(--ink);border-radius:6px;padding:12px}.template-library button{border:1px solid var(--line-strong);background:var(--surface);font:inherit;cursor:pointer;border-radius:6px;padding:12px}.template-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.template-card{border:1px solid var(--line-strong);color:var(--ink);background:var(--surface);border-radius:12px;text-decoration:none;overflow:hidden}.template-card[hidden]{display:none}.template-card:hover{border-color:var(--accent)}.template-card-label{padding:20px}.template-card h2{text-wrap:balance;margin:0 0 8px;font-size:1.15rem}.template-card-label>span,.template-preview-note{color:var(--muted);font-size:.9rem}.template-card-label p{color:var(--accent);margin-bottom:0;font-weight:600}.template-detail-heading{justify-content:space-between;align-items:center;gap:24px;margin-top:24px;display:flex}.template-detail-heading>div{max-width:760px}.template-detail-heading .button-primary{flex-shrink:0}.template-pagination{border-block:1px solid var(--line);font-variant-numeric:tabular-nums;justify-content:space-between;align-items:center;gap:16px;margin:28px 0;padding:20px 0;display:flex}.template-pagination a{flex:1;font-weight:600;text-decoration:none}.template-pagination a:last-child{text-align:right}.template-pagination a span{color:var(--muted);font-size:.85rem;font-weight:400;display:block}.template-preview{border:1px solid var(--line-strong);background:#fff;border-radius:12px;width:100%;height:850px}.template-library :focus-visible{outline:3px solid var(--accent);outline-offset:4px}@media (width<=900px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=560px){.template-grid{grid-template-columns:1fr}.template-library{padding-top:28px}.template-detail-heading{flex-direction:column;align-items:start}.template-pagination{gap:8px}.template-pagination>a{overflow-wrap:anywhere;min-width:0}.template-preview{height:700px}.site-header,.primary-nav .nav-cta{flex-wrap:wrap}}.template-story{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;margin-block:40px;display:grid}.template-story h2,.template-content h2,.template-faqs h2{text-wrap:balance;font-size:clamp(1.35rem,3vw,1.8rem);line-height:1.25}.template-story p,.template-content p,.template-faqs p{max-width:70ch}.template-content{border-block:1px solid var(--line);padding-block:24px}.template-content ul{flex-wrap:wrap;gap:12px 32px;padding-left:20px;display:flex}.template-faqs{max-width:850px;margin-top:40px}.template-faqs details{border-bottom:1px solid var(--line-strong);padding-block:18px}.template-faqs summary{cursor:pointer;font-weight:600}@media (width<=700px){.template-story{grid-template-columns:1fr;gap:16px}}.template-preview-actions{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-bottom:20px;display:flex}.template-card-preview{aspect-ratio:4/3;border:1px solid var(--line);background:var(--template-paper);color:var(--template-ink);font-family:var(--template-body-font);border-radius:6px;grid-template-rows:34px minmax(0,1fr);margin:16px 16px 0;display:grid;overflow:hidden}.template-card-preview [data-tone=secondary]{background:var(--template-surface)}.template-card-preview [data-tone=primary]{background:var(--template-primary);color:var(--template-on-primary)}.template-card-preview [data-tone=dark]{background:var(--template-ink);color:var(--template-paper)}.template-card-preview>.template-card-section[data-section-id]{display:none}.template-card-brand,.template-card-identity,.template-card-nav{align-items:center;display:flex}.template-card-brand{justify-content:space-between;gap:6px;padding:6px 10px;font-size:8px;line-height:1.2}.template-card-identity{gap:5px;min-width:0;font-weight:700}.template-card-identity>span:last-child{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.template-card-nav{flex-shrink:0;gap:6px;font-size:6px}.template-card-brand[data-navigation=center]{flex-direction:column;justify-content:center;gap:3px}.template-card-brand[data-navigation=center] .template-card-mark{flex-basis:12px;height:12px;font-size:6px}.template-card-mark{border-radius:var(--template-image-radius);background:var(--template-primary);height:18px;color:var(--template-on-primary);flex:0 0 18px;place-items:center;display:grid}.template-card-hero{grid-template-columns:var(--template-hero-columns);align-items:center;gap:10px;min-height:0;padding:12px;display:grid}.template-card-preview img{object-fit:cover;border-radius:var(--template-image-radius);width:100%;display:block}.template-card-hero-image{min-width:0;height:138px}.template-card-content{flex-direction:column;align-items:start;gap:7px;min-width:0;display:flex}.template-card-preview .template-card-headline{-webkit-line-clamp:4;font-family:var(--template-heading-font);text-wrap:balance;-webkit-box-orient:vertical;margin:0;font-size:16px;font-weight:600;line-height:1.12;display:-webkit-box;overflow:hidden}.template-card-preview .template-card-introduction{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:7px;line-height:1.4;display:-webkit-box;overflow:hidden}.template-card-button{border:1px solid var(--template-button-border);border-radius:var(--template-button-radius);background:var(--template-button-background);max-width:100%;color:var(--template-button-text);padding:5px 7px;font-size:7px;font-weight:600;line-height:1.3;display:inline-block}.template-card-content[data-align=center]{text-align:center;align-items:center}.template-card-section{min-height:0;padding:8px 12px;overflow:hidden}.template-card-section-title{font-family:var(--template-heading-font);margin:0 0 6px;font-size:10px;font-weight:600;line-height:1.2}.template-card-service-grid,.template-card-pricing{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;display:grid}.template-card-service{border-radius:var(--template-image-radius);min-width:0;padding:5px}.template-card-service>span{white-space:nowrap;text-overflow:ellipsis;font-family:var(--template-heading-font);font-size:8px;font-weight:600;display:block;overflow:hidden}.template-card-service p{-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:3px 0 0;font-size:6px;line-height:1.3;display:-webkit-box;overflow:hidden}.template-card-gallery img{height:38px}.template-card-pricing>div{background:var(--template-paper);border:1px solid var(--line);border-radius:var(--template-image-radius);gap:4px;padding:5px;font-size:6px;display:grid}.template-card-pricing>div[data-featured=true]{background:var(--template-primary);color:var(--template-on-primary);border-color:var(--template-primary)}.template-card-pricing span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.template-card-hours>div,.template-card-faq>div{border-bottom:1px solid var(--line);justify-content:space-between;gap:8px;padding-block:4px;font-size:7px;line-height:1.2;display:flex}.template-card-faq>div>span:first-child{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.template-card-hero[data-hero-kind=background]{isolation:isolate;color:#fff;position:relative}.template-card-hero .template-card-hero-background{z-index:-2;border-radius:0;width:100%;height:100%;position:absolute;inset:0}.template-card-hero-scrim{background:var(--template-overlay);z-index:-1;position:absolute;inset:0}.template-card-hero[data-hero-kind=background] .template-card-content{max-width:85%;position:relative}.template-card-hero[data-hero-kind=background][data-align=center] .template-card-content{margin-inline:auto}.template-card-hero[data-hero-kind=centred],.template-card-hero[data-hero-kind=banner]{grid-template-columns:minmax(0,1fr);gap:5px;padding:8px}.template-card-hero[data-hero-kind=centred]{grid-template-rows:1fr 56px}.template-card-hero[data-hero-kind=banner]{grid-template-rows:72px 1fr;padding:0}.template-card-hero[data-hero-kind=centred] .template-card-hero-image{height:56px}.template-card-hero[data-hero-kind=banner] .template-card-hero-image{border-radius:0;height:72px}.template-card-hero:is([data-hero-kind=centred],[data-hero-kind=banner]) .template-card-content{gap:4px}.template-card-hero[data-hero-kind=banner] .template-card-content{padding:4px 12px 8px}.template-card-hero:is([data-hero-kind=centred],[data-hero-kind=banner]) .template-card-headline{-webkit-line-clamp:2;font-size:13px}.template-card-hero:is([data-hero-kind=centred],[data-hero-kind=banner]) .template-card-introduction{-webkit-line-clamp:1;font-size:6px}.template-card-hero:is([data-hero-kind=centred],[data-hero-kind=banner]) .template-card-button{padding:3px 6px;font-size:6px}.template-card-services[data-service-layout=split]{grid-template-columns:var(--template-service-columns);align-items:start;gap:6px;display:grid}.template-card-service-grid[data-layout=centered]{gap:2px}.template-card-service-grid[data-layout=centered] .template-card-service{border-bottom:1px solid var(--line);border-radius:0;padding:3px 2px}.template-card-service[data-card-layout=split]{grid-template-columns:var(--template-card-columns);gap:4px;display:grid}.template-card-service[data-card-layout=split]>span{font-size:6px}.template-card-service[data-card-layout=split] p{-webkit-line-clamp:1;margin:0}.template-card-service-grid[data-layout=centered] .template-card-service:not([data-card-layout=split]) p{display:none}.template-photo-credit{max-width:75ch;color:var(--muted);font-size:.85rem}.template-photo-credit summary{cursor:pointer}
