.s3-packs-heading{display:flex;justify-content:space-between;align-items:center;padding:47px 0 32px}
.s3-packs-heading h1{font-size:52px;letter-spacing:-2px;line-height:1.1;margin:18px 0 16px}
.s3-packs-heading>div>p:last-child{font-size:15px;line-height:1.65;color:var(--s3-muted)}
.s3-archive-mark{display:flex;position:relative;gap:12px;margin-right:22px}
.s3-archive-mark i{display:block;width:43px;height:43px;border:1px solid var(--s3-line);transform:rotate(45deg)}
.s3-archive-mark i:nth-child(2){border-color:var(--s3-accent-line,#af8d99);background:var(--s3-accent-soft)}
.s3-archive-mark>span{position:absolute;bottom:-36px;left:0;font:8px var(--s3-mono);letter-spacing:.75px;color:var(--s3-muted);white-space:nowrap}
.s3-device-guide{border:1px solid var(--s3-line);background:var(--s3-inset,#eeeee8)}
.s3-device-guide summary{display:flex;align-items:center;gap:12px;min-height:56px;padding:12px 20px;list-style:none;font-size:12px}
.s3-device-guide summary::-webkit-details-marker{display:none}
.s3-device-guide summary>span:first-child{color:var(--s3-accent);font-size:22px;line-height:1}
.s3-guide-toggle{margin-left:auto;font-size:20px;color:var(--s3-accent)}
.s3-device-guide[open] .s3-guide-toggle{transform:rotate(45deg)}
.s3-device-guide>div{padding:0 20px 20px 53px;max-width:790px;font-size:13px;color:var(--s3-muted);line-height:1.7}
.s3-device-guide>div p+p{margin-top:10px}
.s3-device-guide strong{font-weight:500;color:var(--s3-ink)}
.s3-catalogue{padding:31px 0 0}
.s3-pack-tools{display:flex;align-items:center;gap:20px}
.s3-pack-search{display:flex;flex:1;min-width:0;min-height:50px;border:1px solid var(--s3-line);background:var(--s3-surface)}
.s3-pack-search:focus-within{border-color:var(--s3-accent)}
.s3-pack-search input{min-width:0;flex:1;height:48px;padding:0 16px;border:0;outline:none;background:transparent;font-size:14px}
.s3-pack-search input::placeholder{color:var(--s3-muted);opacity:1}
.s3-pack-search button{display:flex;align-items:center;justify-content:center;flex:none;width:48px;min-height:48px;padding:0;border:0;background:transparent;color:var(--s3-muted)}
.s3-pack-search svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.3}
.s3-pack-sort{display:flex;align-items:center;gap:12px}
.s3-pack-sort label{font-size:11px;color:var(--s3-muted)}
.s3-pack-sort select{min-height:50px;max-width:180px;padding:0 30px 0 12px;border:1px solid var(--s3-line);border-radius:0;background:var(--s3-surface);font-size:12px}
.s3-catalogue-navigation{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-top:17px;padding-bottom:16px;border-bottom:1px solid var(--s3-line)}
.s3-pack-categories{display:flex;gap:6px}
.s3-pack-categories a{display:flex;align-items:center;justify-content:center;min-height:44px;min-width:48px;padding:0 16px;border:1px solid transparent;font-size:12px;color:var(--s3-muted)}
.s3-pack-categories a.is-active{border-color:var(--s3-accent-line,#d1bdc4);background:var(--s3-accent-soft);color:var(--s3-accent)}
.s3-pack-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:24px;margin-top:25px}
.s3-pack-card{min-width:0;position:relative;scroll-margin-top:20px}
.s3-pack-card.is-first::before{content:"";position:absolute;left:-1px;top:-1px;width:13px;height:13px;border-top:2px solid var(--s3-accent);border-left:2px solid var(--s3-accent);z-index:1}
.s3-pack-card-head{padding:21px 23px 18px}
.s3-pack-card-labels{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:12px}
.s3-pack-number{font:10px var(--s3-mono);letter-spacing:1px;color:var(--s3-accent)}
.s3-pack-category{display:flex;align-items:center;gap:7px;font:10px var(--s3-mono);letter-spacing:.7px;color:var(--s3-muted)}
.s3-pack-category::before{content:"";display:block;width:4px;height:4px;background:var(--s3-accent);transform:rotate(45deg)}
.s3-pack-new{font-size:8px;padding:3px 5px;border:1px solid var(--s3-accent-line,#d7c4cb);color:var(--s3-accent);background:var(--s3-accent-soft)}
.s3-pack-card h2{font-size:24px;line-height:1.35;letter-spacing:-.6px;overflow-wrap:anywhere}
.s3-pack-card-meta{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:9px;font-size:12px;color:var(--s3-muted)}
.s3-pack-card-meta>span:last-child{font:10px var(--s3-mono);overflow-wrap:anywhere;text-align:right}
.s3-pack-roster{margin:0;padding:17px 23px 21px;border-top:1px solid var(--s3-line);border-bottom:1px solid var(--s3-line);background:var(--s3-roster-surface,#f0f0ea)}
.s3-pack-roster figcaption{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;font:8px var(--s3-mono);letter-spacing:.8px;color:var(--s3-muted)}
.s3-pack-roster figcaption>span:last-child{font-size:9px;letter-spacing:0;color:var(--s3-accent)}
.s3-pack-preview{display:block;max-width:100%;height:auto;margin:auto;image-rendering:pixelated}
.s3-preview-unavailable{font-size:12px;color:var(--s3-muted);line-height:1.7}
.s3-roster-names:not(.s3-visually-hidden){display:flex;flex-wrap:wrap;gap:6px;margin:13px 0 0;padding:0;list-style:none}
.s3-roster-names:not(.s3-visually-hidden) li{padding:5px 8px;border:1px solid var(--s3-line);background:var(--s3-surface);font-size:11px;overflow-wrap:anywhere}
.s3-pack-card-footer{padding:13px 23px 15px}
.s3-pack-card-footer p{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--s3-muted)}
.s3-pack-card-footer p>.s3-diamond{width:4px;height:4px;margin:0 1px 0 0}
.s3-pack-card-footer p>span:last-child{margin-left:auto}
.s3-pack-card-footer strong{font:12px var(--s3-mono);color:var(--s3-accent)}
.s3-pack-card-footer>div{display:flex;justify-content:space-between;gap:12px;margin-top:12px;font-size:10px;color:var(--s3-muted);flex-wrap:wrap}
.s3-pack-card-footer code{display:block;margin-top:7px;font:9px var(--s3-mono);line-height:1.5;color:var(--s3-muted);overflow-wrap:anywhere}
.s3-pack-empty{text-align:center;margin-top:25px}
.s3-empty-symbol{display:block;font-size:40px;color:var(--s3-accent);margin-bottom:8px}
.s3-packs-unavailable{margin-top:28px}
.s3-creator-invite{position:relative;overflow:hidden;display:flex;align-items:center;gap:25px;margin:36px 0 22px;padding:29px 30px;border:1px solid var(--s3-accent-line,#d7c4cb);background:var(--s3-accent-soft)}
.s3-creator-diamond{font-size:75px;line-height:1;color:var(--s3-accent);font-weight:200}
.s3-creator-invite .s3-eyebrow{font-size:9px;letter-spacing:1.35px;color:var(--s3-accent)}
.s3-creator-invite h2{font-size:28px;line-height:1.2;letter-spacing:-.7px;margin:12px 0 10px}
.s3-creator-invite h2 br{display:none}
.s3-creator-invite>div>p:last-child{font-size:12px;color:var(--s3-muted)}
.s3-creator-invite>a{margin-left:auto;display:flex;align-items:center;gap:22px;min-height:44px;font-size:12px;color:var(--s3-accent);white-space:nowrap}
.s3-creator-invite>a>span{font-size:22px}
@media(max-width:760px){.s3-packs-heading{padding:33px 0 25px}.s3-packs-heading h1{font-size:40px;letter-spacing:-1.65px;margin:17px 0 13px}.s3-packs-heading .s3-eyebrow{font-size:9px;letter-spacing:1.4px}.s3-packs-heading>div>p:last-child{font-size:13px;line-height:1.7}.s3-archive-mark{display:none}.s3-device-guide summary{min-height:53px;padding:12px;gap:9px;font-size:11px}.s3-device-guide summary>span:first-child{font-size:20px}.s3-device-guide>div{padding:0 14px 17px;font-size:12px}.s3-catalogue{padding-top:24px}.s3-pack-tools{flex-wrap:wrap;gap:13px}.s3-pack-search{flex-basis:100%;min-height:48px}.s3-pack-search input{height:46px;padding:0 12px;font-size:16px}.s3-pack-search button{height:46px;min-height:46px;width:46px}.s3-pack-sort{margin-left:auto;gap:9px}.s3-pack-sort select{min-height:44px;max-width:177px;font-size:11px}.s3-catalogue-navigation{display:block;margin-top:13px;padding-bottom:15px}.s3-pack-categories{justify-content:space-between;gap:4px}.s3-pack-categories a{min-width:44px;min-height:44px;padding:0 12px;font-size:11px}.s3-catalogue-navigation>.s3-micro{text-align:right;margin-top:16px;font-size:9px}.s3-pack-grid{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:18px}.s3-pack-card-head{padding:18px 18px 16px}.s3-pack-card-labels{margin-bottom:10px}.s3-pack-card h2{font-size:21px;line-height:1.3;letter-spacing:-.55px}.s3-pack-category{font-size:9px;letter-spacing:.6px}.s3-pack-card-meta{margin-top:8px}.s3-pack-roster{padding:14px 14px 17px}.s3-pack-roster figcaption{margin:0 3px 13px;font-size:8px;letter-spacing:.7px}.s3-pack-roster figcaption>span:last-child{font-size:8px}.s3-pack-card-footer{padding:13px 18px 15px}.s3-pack-card-footer p{font-size:11px}.s3-pack-card-footer>div{font-size:10px}.s3-pack-card-footer code{font-size:9px}.s3-creator-invite{display:block;margin:29px 0 16px;padding:23px 20px}.s3-creator-diamond{position:absolute;right:15px;top:15px;font-size:55px;opacity:.65}.s3-creator-invite .s3-eyebrow{font-size:8px;letter-spacing:1.1px}.s3-creator-invite h2{font-size:26px;margin:13px 0 11px}.s3-creator-invite h2 br{display:block}.s3-creator-invite>div>p:last-child{font-size:11px;max-width:210px;line-height:1.7}.s3-creator-invite>a{justify-content:space-between;margin-top:17px;padding-top:10px;border-top:1px solid var(--s3-accent-line,#d7c4cb);font-size:11px}.s3-creator-invite>a>span{font-size:21px}}
@media(max-width:360px){.s3-packs-heading h1{font-size:37px}.s3-pack-card h2{font-size:19px}.s3-pack-card-meta{font-size:11px}.s3-pack-categories a{padding:0 10px}}