/* The website is the artwork: real, straight previews from Rebooko Studio. */
.home-studio{background:#f5f4f0;padding-top:84px;padding-bottom:46px}
.template-heading{align-items:center;margin-bottom:64px;gap:50px}
.template-heading h2{font-size:clamp(42px,5.5vw,82px);letter-spacing:-.065em;line-height:1.02;max-width:800px}
.template-heading .eyebrow{font-size:11px;letter-spacing:.09em;margin-bottom:25px;color:#b8323e}
.template-intro{max-width:345px;flex:none}
.template-intro>p{font-size:16px;line-height:1.65;margin:0 0 25px;color:#5d5d56}
.template-intro .primary-cta{background:#b8323e;color:#fff;min-height:54px;font-size:15px;border-radius:10px;gap:25px}
.template-intro .primary-cta:hover{background:#b8323e}
.template-start-note{display:block;font-size:12px;color:#6a6a62;margin-top:13px}
.template-library-label{display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #d3d2ca;padding:22px 0}
.template-library-label>span{font:11px var(--mono,monospace);text-transform:uppercase;letter-spacing:.06em;color:#44443d}
.template-library-label p{font-size:13px;color:#6c6c62;margin:0}
.template-library{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px 24px}
.template-card{display:block;min-width:0;text-decoration:none;color:#171713;border:0;background:none}
.template-cover{position:relative;background:#e8e5dc;border:1px solid #d1cfc5;border-radius:10px;overflow:hidden;padding:17px 17px 0;transition:background .22s,border-color .22s,box-shadow .22s}
.template-card--aura .template-cover{background:#eee5e9}.template-card--noir .template-cover{background:#34342f;border-color:#42423d}.template-card--forma .template-cover{background:#dfe9e8}.template-card--lumen .template-cover{background:#eee9d7}.template-card--mono .template-cover{background:#e6e6e2}
.template-browser{height:25px;padding:0 9px;display:flex;justify-content:space-between;align-items:center;gap:7px;background:#fcfcfa;border-radius:5px 5px 0 0;border:1px solid #00000016;border-bottom:0;font:7px var(--mono,monospace);color:#74746d}
.template-dots{display:flex;gap:3px}.template-dots i{width:4px;height:4px;background:#c9c9c1;border-radius:50%}
.template-crop{aspect-ratio:4/4.5;overflow:hidden;background:#fff;box-shadow:0 0 0 1px #00000010;position:relative}
.template-crop img{display:block;width:100%;height:auto;min-height:100%;object-fit:cover;object-position:top;transition:transform 1.4s cubic-bezier(.22,1,.36,1)}
.template-open{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#101010;color:#fff;padding:13px 16px;border-radius:7px;font-size:12px;position:absolute;bottom:15px;left:29px;right:29px;box-shadow:0 3px 12px #00000014}
.template-card-meta{display:flex;align-items:start;justify-content:space-between;gap:10px;padding:17px 1px 0}
.template-card h3{font-size:23px;font-weight:500;letter-spacing:-.035em;line-height:1.2;margin:0 0 6px}
.template-card-meta p{color:#68685e;font-size:13px;line-height:1.5;margin:0}
.template-swatches{display:flex;padding-top:6px;flex:none}
.template-swatches i{display:block;width:16px;height:16px;border-radius:50%;background:var(--swatch);border:1px solid #00000012;margin-left:-3px}
.template-card:focus-visible{outline:3px solid #b8323e;outline-offset:7px;border-radius:10px}
@media(hover:hover){.template-card:hover .template-cover{border-color:#88877d;box-shadow:0 8px 20px #1a1a1610}.template-card:hover .template-crop img{transform:translateY(-5%)}.template-card:hover .template-open{background:#b8323e}}
.template-included{margin-top:48px;border-block:1px solid #d3d2ca;padding:25px 0;display:flex;align-items:center;justify-content:space-between;gap:36px}
.template-included>div{display:flex;gap:16px;align-items:center}
.template-check{width:35px;height:35px;display:grid;place-items:center;border:1px solid #c9c9be;border-radius:50%;color:#b8323e;flex:none}
.template-included p{font-size:14px;line-height:1.6;margin:0;color:#636358;max-width:370px}
.template-included>div p{max-width:none}.template-included strong{display:block;color:#24241e;font-weight:500;font-size:17px;letter-spacing:-.025em;margin-bottom:3px}
.home-studio .studio-flow{margin-top:0;padding-top:28px}.home-studio .studio-smallprint{font-size:12px;line-height:1.6;color:#68685f}
.template-dialog{margin:auto;padding:0;width:calc(100vw - 32px);height:calc(100dvh - 32px);max-width:1600px;max-height:none;border:1px solid #4b4b43;border-radius:14px;background:#eeeDE7;color:#171713;overflow:hidden;font-family:var(--font,'Instrument Sans',sans-serif)}
.template-dialog:not([open]){display:none}.template-dialog[open]{display:flex;flex-direction:column}
.template-dialog::backdrop{background:#111110bb;backdrop-filter:blur(7px)}
.template-dialog-bar{flex:none;display:flex;align-items:center;gap:22px;min-height:74px;padding:12px 20px;background:#141413;color:#fff}
.template-dialog button,.template-dialog a{font:inherit;font-size:13px;cursor:pointer}
.template-back{display:flex;align-items:center;gap:10px;background:none;border:0;color:#dddcd5;padding:12px 0}
.template-dialog h2{font-size:19px;letter-spacing:-.025em;font-weight:500;margin:0 auto 0 8px;white-space:nowrap}
.template-device{display:flex;border:1px solid #4c4c44;border-radius:7px;padding:3px;gap:2px}
.template-device button{display:flex;align-items:center;gap:7px;border:0;border-radius:4px;background:none;color:#c3c3b9;padding:9px 12px}
.template-device [aria-pressed=true]{background:#eeeDE7;color:#141413}
.template-device button>span:first-child{font-size:17px;line-height:1}
.template-create{background:#b8323e;color:#fff;border-radius:7px;padding:14px 17px;text-decoration:none;display:flex;align-items:center;justify-content:space-between;gap:24px;white-space:nowrap}
.template-create:hover{background:#af2c1a}
.template-dialog-stage{min-height:0;flex:1;padding:22px;display:flex;justify-content:center;position:relative;background-image:radial-gradient(#9b9b8e55 .7px,transparent .7px);background-size:12px 12px}
.template-dialog-stage iframe{border:1px solid #cccac0;border-radius:5px;background:white;width:100%;max-width:1200px;height:100%;display:block;position:relative;box-shadow:0 4px 28px #11111113}
.template-dialog-stage[data-device=mobile] iframe{width:390px;max-width:100%;border-radius:14px}
.template-loading{position:absolute;top:40%;font-size:14px;z-index:1;padding:16px;background:#fff;border-radius:8px}.template-loading[hidden]{display:none}
.template-dialog-footer{flex:none;min-height:40px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:10px 22px;border-top:1px solid #d2d0c6}
.template-dialog-footer p,.template-dialog-footer a{font-size:12px;line-height:1.4;margin:0;color:#64645b}.template-dialog-footer a{color:#23231e;text-underline-offset:3px;flex:none}
.template-dialog button:focus-visible,.template-dialog a:focus-visible{outline:2px solid #b8323e;outline-offset:4px}
@media(min-width:1600px){.template-library{gap:48px 32px}.template-cover{padding:24px 24px 0}.template-browser{height:31px;font-size:9px}.template-open{bottom:20px;left:40px;right:40px;font-size:14px;padding:15px 19px}}
@media(max-width:1100px){.template-heading h2{font-size:clamp(40px,5.4vw,64px)}.template-intro{max-width:310px}.template-library{gap:32px 17px}.template-cover{padding:11px 11px 0}.template-open{left:20px;right:20px;bottom:10px;padding:11px;font-size:11px}.template-card h3{font-size:21px}.template-card-meta p{font-size:12px}.template-swatches i{width:13px;height:13px}.template-card-meta{gap:4px}.template-dialog-bar{gap:14px}.template-dialog h2{margin-left:0}.template-device button{padding:8px}.template-create{gap:12px;padding:13px}}
@media(max-width:800px){.home-studio{padding-top:48px}.template-heading{display:block;margin-bottom:34px}.template-heading h2{font-size:clamp(43px,7vw,68px);max-width:none}.template-intro{max-width:570px;margin-top:25px}.template-intro>p{font-size:15px;margin-bottom:18px}.template-start-note{display:inline-block;margin-left:15px}.template-library{grid-template-columns:repeat(2,minmax(0,1fr))}.template-card h3{font-size:23px}.template-card-meta p{font-size:13px}.template-included{gap:25px;align-items:start}.template-included>p{max-width:230px;font-size:13px}.template-dialog{width:100vw;height:100dvh;border:0;border-radius:0}.template-dialog-bar{flex-wrap:wrap;gap:8px 18px;padding:11px 16px}.template-dialog h2{order:1;margin-right:0;margin-left:auto}.template-back{order:0}.template-device{order:2}.template-create{order:3;margin-left:auto}.template-dialog-stage{padding:12px}.template-dialog-footer{padding:9px 15px}.template-dialog-footer p{font-size:11px;max-width:44ch}.template-dialog-footer a{font-size:11px}}
@media(max-width:520px){.template-heading .eyebrow{font-size:10px;margin-bottom:20px}.template-start-note{display:block;margin:12px 0 0}.template-library-label{align-items:start;gap:20px;padding:20px 0 16px}.template-library-label>span{font-size:10px;white-space:nowrap}.template-library-label p{font-size:11px;max-width:150px;text-align:right}.template-library{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;gap:16px;overflow-x:auto;scroll-snap-type:x mandatory;padding:5px 20px 24px;margin:0 -20px;scroll-padding-inline:20px;scrollbar-width:thin;scrollbar-color:#77776b #e0dfd5}.template-card{scroll-snap-align:start}.template-cover{padding:15px 15px 0}.template-browser{font-size:7px}.template-card-meta{padding:17px 1px 0}.template-open{font-size:12px;left:26px;right:26px;bottom:15px}.template-included{margin-top:24px;flex-direction:column;gap:18px;padding:22px 0}.template-included>p{max-width:none;padding-left:51px}.template-included strong{font-size:16px}.template-included p{font-size:13px}.home-studio .studio-smallprint{font-size:11px}.template-dialog-bar{gap:6px 10px}.template-back{font-size:12px}.template-dialog h2{font-size:17px}.template-device button{font-size:11px;padding:8px}.template-create{font-size:12px;padding:13px 12px;gap:8px}.template-dialog-stage{padding:8px}.template-dialog-footer{align-items:start;gap:15px}.template-dialog-footer p{max-width:27ch}.template-dialog-footer a{max-width:90px;text-align:right}}
@media(prefers-reduced-motion:reduce){.template-card *{transition:none!important;animation:none!important}.template-card:hover .template-crop img{transform:none}.template-library{scroll-behavior:auto}}