/* The collection shares the main JimDesigns type, colour and navigation system. */
.templates-page .template-hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;min-height:690px;padding:50px 0 70px}
.template-intro h1{font-size:clamp(50px,5.4vw,82px);line-height:1.06;margin:25px 0 28px;letter-spacing:-2px}.template-intro h1 em{color:var(--accent)}
.template-lead{max-width:410px;font-size:15px;line-height:1.9;margin-bottom:29px}.template-edition{font-size:11px;letter-spacing:1px;margin-top:27px}.template-edition span{margin:0 12px;color:#66685e}
.template-wall{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;height:535px;align-items:start;position:relative;isolation:isolate}.wall-mail{display:block;position:relative;overflow:hidden;text-decoration:none;height:400px;background:#302b27}.wall-mail img{display:block;width:100%;height:auto}.wall-mail span{position:absolute;bottom:0;left:0;right:0;padding:15px 11px;background:#101110eF;font-size:9px;letter-spacing:.2px;color:var(--paper)}.wall-a{margin-top:15px}.wall-b{margin-top:100px}.wall-c{margin-top:58px}.wall-mail:hover span{text-decoration:underline;text-underline-offset:3px}
.template-collection{padding:60px 0 90px;scroll-margin-top:35px;border-top:1px solid var(--line)}.collection-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.collection-heading h2{font-size:clamp(35px,3.6vw,52px);letter-spacing:-1.3px;margin:17px 0 0}.collection-heading>p{max-width:335px;font-size:13px;margin:0 0 4px}
.collection-tools{padding-bottom:26px;border-bottom:1px solid var(--line)}.templates-page .filters{display:flex;flex-wrap:wrap;gap:7px;margin:0 0 24px}.templates-page .filters button{font:500 11px/1.4 Manrope,Arial,sans-serif;padding:12px 17px;min-height:44px;border:1px solid #484940;border-radius:28px;background:transparent;color:var(--muted);cursor:pointer}.templates-page .filters button[aria-pressed=true]{background:var(--paper);border-color:var(--paper);color:var(--ink)}
.collection-search{display:flex;gap:25px}.collection-search label{font-size:11px;color:var(--muted);display:flex;align-items:center;gap:15px}.collection-search select,.collection-search input{border:1px solid #484940;color:var(--paper);background:#181917;font:12px/1.4 Manrope,Arial,sans-serif;padding:12px 15px;border-radius:2px;min-height:44px;max-width:100%;color-scheme:dark}.collection-search input{width:250px}.collection-search input::placeholder{color:#a3a49b}.collection-search select{min-width:180px}
.collection-summary{display:flex;justify-content:space-between;font-size:11px;color:var(--muted);padding:23px 0}.collection-summary>span+span{color:#85877c}.templates-page .grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px 26px}
.templates-page .card{width:100%;min-width:0;padding:0;background:none;border:0;text-align:left;color:var(--paper);cursor:pointer;font-family:Manrope,Arial,sans-serif}.templates-page .image{height:420px;overflow:hidden;position:relative;background:#252722}.templates-page .image img{width:100%;height:auto;display:block;transition:transform .28s ease-out}.templates-page .card:hover .image img{transform:translateY(-10px)}.templates-page .meta{display:flex;justify-content:space-between;align-items:center;margin:16px 0 9px;gap:8px}.templates-page .meta>span{font-size:10px;line-height:1.4;letter-spacing:.4px;color:var(--muted)}.templates-page .meta .arrow{font-size:24px;color:var(--paper)}.templates-page .card h2{font-size:27px;line-height:1.16;letter-spacing:-.6px;margin:0 0 9px}.templates-page .card-kind{font-size:11px;color:var(--muted)}
.templates-page button:focus-visible,.templates-page input:focus-visible,.templates-page select:focus-visible,.templates-page a:focus-visible{outline:2px solid var(--accent);outline-offset:5px}.collection-note{display:flex;gap:32px;align-items:start;border-top:1px solid var(--line);margin-top:55px;padding-top:24px}.collection-note>span{font-size:10px;text-transform:uppercase;letter-spacing:1px;white-space:nowrap;padding-top:5px}.collection-note>p{max-width:570px;font-size:12px;margin:0}.empty-result{grid-column:1/-1;padding:30px 0;font-size:14px}
.template-closing{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:65px 0 80px;gap:40px}.template-closing h2{font-size:clamp(40px,4.4vw,64px);line-height:1.1;margin:20px 0}.template-closing p{max-width:390px}
/* Preview controls stay outside the email. The actual 600/360px document scrolls in its own viewport. */
.templates-page dialog{border:1px solid #55584d;padding:0;background:#d8d5ca;width:min(100% - 24px,1000px);max-width:1000px;height:calc(100dvh - 24px);max-height:calc(100dvh - 24px);color:#24261f;overscroll-behavior:contain}.templates-page dialog::backdrop{background:#080a08d9}.templates-page .toolbar{position:sticky;top:0;padding:16px 20px;display:flex;gap:12px;align-items:center;flex-wrap:wrap;background:#f4f0e8;border-bottom:1px solid #24261f33;z-index:2}.templates-page .toolbar strong{margin-right:auto;font-size:14px}.templates-page .toolbar button{font:12px/1.2 Manrope,Arial,sans-serif;border:1px solid #24261f55;min-height:44px;padding:10px 14px;background:transparent;color:inherit;border-radius:24px;cursor:pointer}.templates-page .toolbar .view[aria-pressed=true]{background:#24261f;color:#f4f0e8}.templates-page .toolbar a{font-size:11px;text-underline-offset:4px;color:inherit}.templates-page .toolbar .close{font-size:21px;width:44px;padding:0}.templates-page .preview-nav{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:8px 20px;background:#f4f0e8}.templates-page .preview-nav button{background:none;border:0;padding:8px 0;font:12px Manrope,Arial,sans-serif;min-height:44px;cursor:pointer;color:inherit}.templates-page .preview-nav span{font-size:11px;text-align:center;max-width:470px}.templates-page .canvas{margin:20px auto;overflow:hidden}.templates-page .canvas iframe{display:block;border:0;transform-origin:top left;background:white}.templates-page .context{padding:0 20px 20px;margin:0 auto;font-size:12px;max-width:640px;color:#4e5146;line-height:1.7}
@media(max-width:1100px){.templates-page .template-hero{gap:30px;min-height:610px}.template-wall{gap:9px;height:480px}.wall-mail{height:350px}.wall-b{margin-top:90px}.templates-page .image{height:350px}.template-intro h1{font-size:60px}}
@media(max-width:850px){.templates-page .template-hero{grid-template-columns:1fr;gap:35px;padding-top:40px}.template-intro{max-width:620px}.template-lead{max-width:480px}.template-wall{height:400px;max-width:580px;width:100%;margin-left:auto}.wall-mail{height:320px}.wall-b{margin-top:65px}.wall-c{margin-top:30px}.collection-heading{display:block}.collection-heading>p{max-width:480px;margin-top:24px}.templates-page .grid{grid-template-columns:repeat(2,minmax(0,1fr))}.templates-page .image{height:400px}.template-closing{display:block}.template-closing>.button{margin-top:20px}}
@media(max-width:620px){.templates-page .template-hero{padding:26px 0 35px;gap:20px}.template-intro h1{font-size:clamp(45px,10.8vw,63px);letter-spacing:-1.5px;margin:21px 0}.template-lead{font-size:14px;line-height:1.8}.template-edition{font-size:10px}.template-wall{height:310px;gap:8px}.wall-mail{height:250px}.wall-a{margin-top:0}.wall-b{margin-top:55px}.wall-c{margin-top:25px}.wall-mail span{font-size:8px;padding:11px 7px}.template-collection{padding:36px 0 45px}.collection-heading{margin-bottom:30px}.collection-heading h2{font-size:36px;line-height:1.1}.collection-heading>p{font-size:13px}.templates-page .filters{gap:7px;margin-bottom:22px}.templates-page .filters button{font-size:10px;padding:11px 13px}.collection-search{display:grid;gap:13px}.collection-search label{display:grid;grid-template-columns:44px minmax(0,1fr);gap:10px}.collection-search input,.collection-search select{width:100%;min-width:0;font-size:16px}.collection-summary>span+span{display:none}.templates-page .grid{gap:29px 14px}.templates-page .image{height:280px}.templates-page .card h2{font-size:23px}.templates-page .meta>span{font-size:9px;letter-spacing:0}.templates-page .meta .arrow{font-size:19px}.templates-page .card-kind{font-size:10px}.collection-note{display:block;margin-top:35px}.collection-note>p{margin-top:12px}.template-closing{padding:40px 0 50px}.template-closing h2{font-size:41px}.templates-page .toolbar{padding:12px;gap:9px}.templates-page .toolbar strong{width:calc(100% - 50px);font-size:13px}.templates-page .toolbar .close{position:absolute;right:10px;top:10px}.templates-page .toolbar a{display:inline-flex;align-items:center;min-height:44px}.templates-page .preview-nav{padding:4px 12px}.templates-page .preview-nav span{display:none}}
@media(max-width:370px){.templates-page .image{height:230px}.templates-page .card h2{font-size:20px}.template-wall{gap:6px}.wall-mail span{font-size:7px;padding:9px 5px}}
@media(prefers-reduced-motion:reduce){.templates-page .image img{transition:none}.templates-page .card:hover .image img{transform:none}}