.styles-intro{padding:72px max(24px,4vw) 60px;background:#141414;color:#f7f3eb}.styles-intro h1{font:800 clamp(48px,6vw,88px)/.98 'Anim8e Barlow',Arial,sans-serif;letter-spacing:-.025em;text-transform:uppercase;margin:20px 0 24px}.styles-intro h1 em{color:#e85258;font-style:normal}.styles-intro>p:not(.product-eyebrow){font-size:20px;line-height:1.5;margin-bottom:26px}.styles-library{padding:40px max(24px,4vw) 70px;background:#f7f3eb;color:#171717}.style-tools{display:flex;align-items:flex-end;gap:20px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #17171722}.style-search{display:grid;gap:8px;font:800 13px 'Anim8e Barlow',sans-serif;text-transform:uppercase;letter-spacing:.08em;flex:1 1 250px;max-width:360px}.style-search input{border:1px solid #bcb7af;border-radius:8px;padding:13px 16px;background:#fff;color:#171717;font:600 16px 'Anim8e Barlow',sans-serif;min-height:48px;width:100%}.style-filters{display:flex;gap:8px;flex-wrap:wrap}.style-filters button{font:800 14px 'Anim8e Barlow',sans-serif;min-height:46px;background:transparent;color:#171717;border:1px solid #17171730;border-radius:24px;padding:10px 15px;cursor:pointer}.style-filters button[aria-pressed=true]{background:#171717;color:#fff;border-color:#171717}.style-tools>p{font-size:15px;margin:0 0 12px;white-space:nowrap}.examples-note{font-size:14px;line-height:1.5;color:#635f58;margin:20px 0 30px}.styles-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px 28px}.style-entry{background:#fff;border:1px solid #17171718;border-radius:16px;padding:24px;scroll-margin-top:120px}.style-entry-head>span{font:800 11px 'Anim8e Barlow',sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#b82b39}.style-entry h2{font:800 clamp(26px,2.4vw,36px)/1.1 'Anim8e Barlow',sans-serif;text-transform:uppercase;margin:10px 0 12px;color:#171717}.style-entry p{font:600 16px/1.5 'Anim8e Barlow',sans-serif;color:#5b5752;margin:0 0 20px;min-height:48px}.scene-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.scene-image{position:relative;display:block;padding:0;border:0;border-radius:10px;overflow:hidden;cursor:pointer;background:#171717;aspect-ratio:1;min-width:0}.scene-crop{display:block;position:absolute;inset:0;overflow:hidden}.scene-crop img{position:absolute;max-width:none!important;width:calc(var(--cols)*100%)!important;height:auto!important;left:calc(var(--col)*-100%);top:calc(var(--row)*-100%);display:block}.original-reference .scene-crop img{top:calc(var(--row)*-112.5598086%)}.scene-caption{position:absolute;left:0;right:0;bottom:0;padding:22px 12px 10px;background:linear-gradient(transparent,#000b);color:#fff;font:800 12px 'Anim8e Barlow',sans-serif;letter-spacing:.03em;display:flex;justify-content:space-between;align-items:center;text-transform:uppercase}.scene-caption b{font-size:20px}.scene-image:hover .scene-caption{background:linear-gradient(transparent,#000e)}.scene-image:focus-visible,.styles-page button:focus-visible,.styles-page input:focus-visible{outline:3px solid #d93646;outline-offset:3px}.styles-page [hidden]{display:none!important}
#sceneDialog{background:#f7f3eb;color:#171717;border:0;border-radius:18px;padding:20px;max-width:900px;width:calc(100% - 32px);max-height:92dvh;overflow:auto;box-shadow:0 28px 100px #0008}#sceneDialog::backdrop{background:#000c;backdrop-filter:blur(6px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-top p{margin:0 0 6px;font:800 12px 'Anim8e Barlow',sans-serif;text-transform:uppercase;letter-spacing:.09em;color:#b82b39}.dialog-top h2{margin:0;font:800 28px 'Anim8e Barlow',sans-serif;text-transform:uppercase}.dialog-top button{border:1px solid #17171730;border-radius:50%;background:transparent;color:#171717;min-width:44px;min-height:44px;font-size:28px;cursor:pointer}#largeScene{max-width:600px;margin:auto;aspect-ratio:1;position:relative;border-radius:8px;overflow:hidden}.dialog-bottom{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:18px}.dialog-bottom button{background:#171717;border:0;border-radius:8px;min-height:44px;padding:10px 16px;color:#fff;font:800 14px 'Anim8e Barlow',sans-serif;cursor:pointer}.dialog-bottom span{font:600 14px 'Anim8e Barlow',sans-serif}.styles-page .site-nav{white-space:nowrap}
@media(max-width:900px){.styles-list{gap:24px 16px}.style-entry{padding:18px}.style-entry p{min-height:72px}.style-filters{gap:6px}.style-filters button{font-size:12px;padding-inline:12px}}
@media(max-width:650px){.styles-list{grid-template-columns:1fr}.styles-intro{padding:42px 20px}.styles-library{padding:24px 16px 50px}.style-search{max-width:none}.style-entry p{min-height:0}.style-tools{gap:16px}.dialog-top h2{font-size:23px}#sceneDialog{padding:16px}.dialog-bottom button{padding:10px;font-size:12px}.dialog-bottom span{font-size:12px}}

.styles-page .style-tools>p,.styles-page .examples-note{color:#635f58}

/* Crop the printed title strip out of the original reference board tiles. */
.original-reference .scene-crop img{width:calc(var(--cols)*112%)!important;left:calc(var(--col)*-112% - 6%);top:calc(var(--row)*-126.0669856%)}