.templates{padding-bottom:48px}.templates .templates__intro{margin-inline:0;padding-bottom:8px}.templates .templates__how{margin-top:48px;margin-inline:0}.template-grid{gap:16px;margin:24px 0 0;padding:0;list-style:none;display:grid}.template-card{border:1px solid var(--color-divider);border-radius:var(--radius);background:var(--color-paper);height:100%;color:inherit;flex-direction:column;text-decoration:none;display:flex;overflow:hidden}.template-card:hover{border-color:var(--color-primary)}.template-card__picture{aspect-ratio:4/3;border-bottom:1px solid var(--color-divider);background:var(--color-background);justify-content:center;align-items:center;min-height:0;padding:12px;display:flex;overflow:hidden}.template-card__picture img{width:auto;max-width:100%;height:100%;box-shadow:0 2px 8px #0000002e}.template-card__text{color:var(--color-text-secondary);align-content:start;gap:6px;padding:16px 20px 20px;display:grid}.template-card__title{color:var(--color-text);letter-spacing:0;margin:0;font-size:1.125rem}.template-card__tags{flex-wrap:wrap;gap:6px;margin-top:4px;display:flex}.template-card__tags span{background:var(--color-hover);color:var(--color-text);border-radius:999px;padding:2px 10px;font-size:.8125rem}.template{padding-top:24px;padding-bottom:48px}.template-hero{gap:24px;margin-top:16px;display:grid}.template-hero__design{margin:0}.template-hero__design img{width:auto;max-width:100%;max-height:80vh;margin-inline:auto;display:block;box-shadow:0 4px 16px #0003}.template-hero__design--tall img{max-width:75%}.template-hero__design figcaption,.template-room-figure figcaption,.template-shapes figcaption{color:var(--color-text-secondary);text-align:center;margin-top:8px;font-size:.9375rem}.template-hero__text h1{margin:4px 0 12px;font-size:2rem}.template-hero__text .post-lead{margin:0 0 20px;font-size:1.125rem}.template-facts{border-radius:var(--radius);background:var(--color-paper);box-shadow:0 0 0 1px var(--color-divider);gap:10px;margin:0 0 24px;padding:16px 20px;display:grid}.template-facts div{gap:2px;display:grid}.template-facts dt{color:var(--color-text-secondary);font-size:.875rem}.template-facts dd{margin:0;font-weight:600}.template-hero__actions{flex-wrap:wrap;gap:12px;display:flex}.template-hero__note{margin:12px 0 0;font-size:.9375rem}.template-section{margin-top:56px}.template-section h2{margin:0 0 12px;font-size:1.625rem}.template-section--split{align-items:start;gap:32px;display:grid}.template-features{margin:0 0 16px;padding-left:1.25em}.template-features li+li{margin-top:6px}.template .template-body,.template .template-section.prose{margin-inline:0;padding-block:0}.template-room-figure{margin:0}.template-room{width:100%;max-width:480px;aspect-ratio:var(--room-aspect);margin-inline:auto;position:relative}.template-room__photo{width:100%;height:auto;display:block}.template-room__art{position:absolute;box-shadow:0 0 0 4px #2f2a26,0 6px 14px 4px #00000059}.template-room__art img{object-fit:cover;width:100%;height:100%;display:block}.template-shapes{align-items:end;gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.template-shapes figure{margin:0}.template-shapes img{width:auto;max-width:100%;max-height:360px;margin-inline:auto;display:block;box-shadow:0 2px 10px #0000002e}.template-steps li+li{margin-top:8px}.template-credits{border-radius:var(--radius);background:var(--color-paper);box-shadow:0 0 0 1px var(--color-divider);margin-top:40px;padding:12px 20px}.template-credits summary{cursor:pointer;min-height:44px;padding:10px 0;font-weight:600}.template-credits ul{margin:0 0 12px;padding-left:1.25em;font-size:.9375rem}.template-credits li+li{margin-top:4px}@media (width>=600px){.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-shapes{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (width>=900px){.template-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.template-hero{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start}.template-hero__text h1{font-size:2.5rem}.template-hero__design--tall img{max-width:100%}.template-section--split{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr)}}
