*{box-sizing:border-box}body{margin:0;background:var(--page-bg,#f5f3ef);color:var(--page-fg,#182433);font-family:Tahoma,Arial,sans-serif;line-height:1.9}a{color:inherit}a:focus-visible,button:focus-visible{outline:3px solid currentColor;outline-offset:5px}.catalog-header{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;flex-wrap:wrap;padding:24px}.catalog-header>a{font-weight:bold;text-decoration:none}.catalog-header span{font-size:.85rem}.catalog-page{max-width:1200px;margin:24px auto 48px;padding:0 24px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:center;gap:clamp(24px,5vw,72px);min-height:55vh}.catalog-page:not(:has(figure)){grid-template-columns:1fr;max-width:850px}.catalog-page figure{margin:0;border-radius:24px;overflow:hidden;background:#00000008}.catalog-page img{display:block;width:100%;max-height:70vh;object-fit:contain}.eyebrow{font-size:.8rem;letter-spacing:.03em}.catalog-copy h1{font-size:clamp(1.8rem,4vw,3.2rem);line-height:1.6;margin:0 0 20px;overflow-wrap:anywhere}.page-text{white-space:pre-wrap;overflow-wrap:anywhere}.catalog-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.catalog-button{border:2px solid var(--page-fg);padding:12px 22px;border-radius:12px;text-decoration:none;font-weight:bold;min-height:48px;display:inline-flex;align-items:center}.catalog-button:hover{background:var(--page-accent);color:#fff;border-color:var(--page-accent)}.catalog-pagination{display:flex;flex-wrap:wrap;justify-content:center;gap:12px;max-width:1100px;margin:24px auto;padding:20px 24px;border-top:1px solid #80808040}.catalog-pagination a{min-height:44px;display:flex;align-items:center;padding:6px 14px;border-radius:8px;text-decoration:none;border:1px solid #80808060}.catalog-pagination [aria-current]{border:2px solid currentColor;font-weight:bold}.catalog-introduction{max-width:900px;margin:40px auto;padding:24px}.catalog-introduction h2{font-size:1.1rem}.skip{position:absolute;top:-100px;right:20px;padding:12px;background:white;color:#182433}.skip:focus{top:10px}@media(max-width:700px){.catalog-page{grid-template-columns:1fr;margin-top:8px}.catalog-page img{max-height:50vh}.catalog-header{padding:16px 24px}.catalog-copy h1{font-size:1.8rem}}
/* Desktop and mobile are authored independently. Hidden layouts also leave the
   accessibility tree; CSS alone selects the layout in offline HTML exports. */
.canvas-page{padding:0 16px}.html-artboard{container-type:inline-size;width:100%;margin:0 auto}.canvas-scene{position:relative;isolation:isolate;overflow:hidden;background-position:center;background-repeat:no-repeat}.canvas-mobile{display:none}.canvas-element{position:absolute;box-sizing:border-box;margin:0;min-width:0;min-height:0;display:flex;flex-direction:column;line-height:1.65;text-decoration:none;overflow:hidden;font-family:Tahoma,Arial,sans-serif}.canvas-element>span{white-space:pre-wrap;overflow-wrap:anywhere;display:block;width:100%}.canvas-image>img{width:100%;height:100%;display:block;min-height:0}.canvas-button:hover{filter:brightness(.94)}.canvas-button:focus-visible{outline:3px solid currentColor;outline-offset:3px;z-index:1}@media(max-width:700px){.canvas-desktop{display:none}.canvas-mobile{display:block}.canvas-page{padding:0 8px}}

/* The six-page sales experience is a viewport-sized presentation. Keep the
   whole authored scene visible, including its navigation, at every aspect ratio. */
body.catalog-fixed-experience {
    --catalog-height: calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 16px);
    height: 100vh; margin: 0; overflow: hidden; overscroll-behavior: none;
    padding: calc(env(safe-area-inset-top, 0px) + 8px) max(8px, env(safe-area-inset-right, 0px)) calc(env(safe-area-inset-bottom, 0px) + 8px) max(8px, env(safe-area-inset-left, 0px));
}
@supports(height:100dvh) {
    body.catalog-fixed-experience { height:100dvh; --catalog-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 16px); }
}
.catalog-fixed-experience .canvas-page {height:100%;padding:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.catalog-fixed-experience .html-artboard {flex:none;width:min(100%,calc(var(--catalog-height) * var(--canvas-ratio)));margin:0 auto}

.catalog-fixed-experience .canvas-mobile .canvas-text {line-height:1.5}
.catalog-fixed-experience:has(.experience-navigation) {--catalog-height:calc(100vh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 68px)}
@supports(height:100dvh) {.catalog-fixed-experience:has(.experience-navigation) {--catalog-height:calc(100dvh - env(safe-area-inset-top, 0px) - env(safe-area-inset-bottom, 0px) - 68px)}}
.catalog-fixed-experience:has(.experience-navigation) .canvas-page {height:calc(100% - 52px)}
.experience-navigation {height:44px;margin-top:8px;display:flex;gap:12px;justify-content:center;align-items:stretch}
.experience-navigation a {display:flex;align-items:center;justify-content:center;min-width:96px;padding:0 16px;border:1px solid var(--page-accent);border-radius:8px;text-decoration:none;font-size:14px}
@media(max-width:700px){.catalog-fixed-experience .canvas-mobile{width:100%;height:100%}.catalog-fixed-experience .canvas-mobile .canvas-scene{height:100%;aspect-ratio:auto!important}.catalog-fixed-experience .canvas-mobile .canvas-element{line-height:1.35}}