/* Baseline refers to the visible S, not the descending y. The cup path itself is unchanged. */
.brand{align-items:baseline!important;line-height:1!important}.brand>.logo-mark{background-image:url('/mark-inline.svg')!important;width:1.3em!important;height:1.4697em!important;flex:0 0 1.3em!important;transform:translateY(.015em);background-size:contain!important;background-position:center!important}.showcase-brand{align-items:baseline!important}.showcase-brand .logo-mark{background-image:url('/mark-inline.svg')!important;transform:translateY(.02em)}
.catalogue-page{min-height:100vh;background:#faf8f4;color:#2b2b2b}.catalogue-nav{display:flex;justify-content:space-between;align-items:center;gap:28px;min-height:80px;padding:14px max(24px,calc((100vw - 1320px)/2));background:#fffdfa;border-bottom:1px solid #e7e3db}.catalogue-nav .brand{font-size:24px}.catalogue-nav nav{display:flex;align-items:center;gap:32px;font-size:13px}.catalogue-nav button{font:inherit;background:none;border:0;color:inherit;cursor:pointer}.catalogue-nav a[aria-current]{color:#2E3A32;text-decoration:underline;text-underline-offset:7px}.catalogue-main{max-width:1320px;margin:0 auto;padding:60px 28px 80px}.catalogue-heading h1{font-size:clamp(38px,4.7vw,62px);font-weight:500;letter-spacing:-2.7px;line-height:1.1;margin:20px 0}.catalogue-heading p{font-size:15px;color:#747870;line-height:1.8;max-width:600px}.catalogue-tools{display:flex;gap:24px;justify-content:space-between;align-items:flex-end;margin:36px 0 20px}.catalogue-search{display:grid;gap:8px;width:min(100%,440px);font-size:12px}.catalogue-search input{width:100%;background:#fff;border:1px solid #dedbd2;border-radius:8px;padding:13px 15px;font:inherit;font-size:14px;color:#303b33}.catalogue-tools p{font-size:12px;color:#757a70;white-space:nowrap}.catalogue-filters{display:flex;gap:8px;flex-wrap:wrap;margin:24px 0 30px}.catalogue-filters button{background:#fffdfa;border:1px solid #e1ddd4;border-radius:30px;padding:9px 15px;font:inherit;font-size:12px;color:#637062;cursor:pointer}.catalogue-filters button[aria-pressed=true]{background:#2E3A32;color:white;border-color:#2E3A32}
.catalogue-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px 24px}.template-card{min-width:0;background:#fffdfa;border:1px solid #e6e1d7;border-radius:11px;overflow:hidden;transition:box-shadow .16s,border-color .16s}.template-card:hover{box-shadow:0 12px 32px #2e3a3212;border-color:#b9c1b4}.template-thumbnail{display:block;position:relative;aspect-ratio:1.36;background:#f2efe7;overflow:hidden;border-bottom:1px solid #e5e1d7;isolation:isolate}.template-thumbnail iframe{width:1000px;height:735px;position:absolute;top:0;left:0;border:0;transform:scale(.16);transform-origin:top left;pointer-events:none;background:#f9f7f1}.template-open{position:absolute;inset:auto 12px 12px auto;z-index:1;border-radius:6px;padding:9px 12px;background:#fffdfaf2;color:#2e3a32;font-size:11px;box-shadow:0 3px 12px #0001;opacity:0;transition:opacity .15s}.template-thumbnail:hover .template-open,.template-thumbnail:focus-visible .template-open{opacity:1}.template-card-info{padding:18px}.template-card-info>div:first-child{display:flex;align-items:baseline;justify-content:space-between;gap:14px}.template-card-info h3{font-size:18px;font-weight:600;letter-spacing:-.6px;margin:0}.template-card-info span{font-size:10px;color:#7e867b}.template-card-info p{font-size:12px;line-height:1.7;color:#7a8075;min-height:40px;margin:14px 0 20px}.template-card-actions{display:flex;justify-content:space-between;gap:10px}.template-card-actions .btn{font-size:11px;min-height:37px}.catalogue-note{border-top:1px solid #e7e2d9;margin:50px 0 0;padding-top:25px;font-size:12px;line-height:1.8;color:#7c8376;max-width:790px}.catalogue-empty{grid-column:1/-1;padding:50px 24px;border:1px dashed #c8cebe;border-radius:10px;text-align:center}.catalogue-empty h2{font-size:25px;font-weight:500}.catalogue-empty p{color:#74796e}
/* The home page keeps its approved six-column composition. */
.marketing-page .model-grid>.template-card{background:transparent;border:0;border-radius:0;box-shadow:none}.marketing-page .template-thumbnail{border:1px solid #e4e0d7;border-radius:7px;aspect-ratio:1.14}.marketing-page .template-card-info{padding:11px 0}.marketing-page .template-card-info h3{font-weight:500;font-size:12px;letter-spacing:0}.marketing-page .template-card-info>div{display:block}.marketing-page .template-card-info span{display:block;margin-top:4px;font-size:10px}.marketing-page .template-open{font-size:10px;padding:8px;inset:auto 6px 6px 6px;text-align:center}.marketing-page .template-card-info h3 a:hover{text-decoration:underline;text-underline-offset:3px}
.template-preview-page{height:100dvh;min-height:480px;display:flex;flex-direction:column;background:#eeece5}.template-preview-toolbar{display:flex;align-items:center;gap:24px;padding:15px 28px;background:#fffdfa;border-bottom:1px solid #deddd4;flex-shrink:0}.template-back{font-size:13px;color:#626c5e;white-space:nowrap}.template-preview-name{display:grid;gap:4px;margin-right:auto;min-width:0}.template-preview-name b{font-size:16px;font-weight:600}.template-preview-name>span{font-size:10px;color:#7f8779}.template-devices{display:flex;background:#f0eee7;padding:4px;border-radius:7px;gap:5px}.template-devices button{display:flex;align-items:center;gap:6px;border:0;border-radius:4px;padding:7px 9px;background:transparent;color:#75806d;font:inherit;font-size:11px;cursor:pointer}.template-devices button[aria-pressed=true]{background:white;color:#293c2d;box-shadow:0 1px 5px #0001}.template-devices svg{width:16px;height:16px}.template-information{padding:11px 28px;background:#f9f7f1;border-bottom:1px solid #deddd4;flex-shrink:0}.template-information p{font-size:12px;line-height:1.7;margin:0;color:#6a7563}.template-information p>span{color:#86907e}.template-information .template-limit{font-size:11px;color:#86613e;margin-top:4px}.template-preview-stage{padding:24px;flex:1;min-height:0;display:flex;align-items:stretch;justify-content:center;overflow:hidden}.template-preview-stage>iframe{width:min(100%,1400px);height:100%;border:1px solid #dddcd2;border-radius:6px;background:#fff;box-shadow:0 8px 24px #2c352111}.template-preview-stage>iframe.is-mobile{width:390px;max-width:100%}.chosen-template{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:22px 0;font-size:11px;color:#76836b}.chosen-template>a{margin-left:auto;text-decoration:underline;text-underline-offset:4px}.template-readonly-note{font-size:11px;line-height:1.7;color:#7e8776;margin:0 0 18px}.catalogue-page :focus-visible,.template-preview-page :focus-visible{outline:2px solid #647d60;outline-offset:4px}
@media(max-width:1000px){.catalogue-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-preview-toolbar{gap:14px;padding:13px 18px}.template-devices button>span{display:none}.template-preview-stage{padding:12px}.template-card-actions{flex-wrap:wrap}.template-information{padding:10px 18px}}
@media(max-width:600px){.catalogue-nav{padding:12px 20px;gap:15px}.catalogue-nav nav{gap:18px;font-size:11px}.catalogue-nav .brand{font-size:20px}.catalogue-main{padding:38px 20px 60px}.catalogue-heading h1{letter-spacing:-1.7px;font-size:40px}.catalogue-heading p{font-size:13px}.catalogue-tools{align-items:center;gap:12px}.catalogue-grid{grid-template-columns:1fr;gap:24px}.catalogue-filters{gap:7px}.catalogue-filters button{padding:8px 11px;font-size:11px}.template-card-actions{flex-wrap:nowrap}.template-card-info p{min-height:0}.template-preview-toolbar{flex-wrap:wrap;gap:10px}.template-preview-toolbar>.btn{margin-left:auto}.template-preview-name{flex:1}.template-preview-toolbar .template-back span{display:none}.template-devices{order:4;flex-basis:100%;justify-content:center}.template-devices button>span{display:inline}.template-information p{font-size:11px}.template-information p>span{display:none}.template-preview-stage{padding:10px}.template-card-info h3{font-size:19px}.chosen-template{gap:8px}}
@media(prefers-reduced-motion:reduce){.template-card,.template-open{transition:none}}
/* Keep em-based dimensions tied to the wordmark font (the older mark used font-size:0). */
.brand>.logo-mark{font-size:inherit!important}

.site-card .template-thumbnail{aspect-ratio:1.55;border-radius:12px 12px 0 0}
