.sbf-blog-article{max-width:800px;margin:0 auto;padding:42px 20px 60px;color:#e2e8f0;font-family:var(--font-sans)}.sbf-blog-hero{position:relative;overflow:hidden;padding:84px 20px 44px}.sbf-blog-hero-inner{max-width:800px;margin:0 auto;text-align:center;position:relative;z-index:2}.sbf-blog-category{display:inline-block;color:var(--gold-mid);text-transform:uppercase;font-size:.85rem;letter-spacing:2px;font-weight:600;margin-bottom:15px;padding:5px 15px;border:1px solid rgba(200,167,77,.3);border-radius:var(--radius-pill);background:#c8a74d0d;text-decoration:none;transition:border-color .2s ease,color .2s ease}.sbf-blog-category:hover{border-color:var(--gold-mid);color:var(--gold-light)}.sbf-blog-author-link{color:inherit;text-decoration:none;border-bottom:1px solid rgba(200,167,77,.35);transition:color .2s ease,border-color .2s ease}.sbf-blog-author-link:hover{color:var(--gold-mid);border-color:var(--gold-mid)}.sbf-blog-title{font-size:clamp(2rem,5vw,3.5rem);color:#fff;line-height:1.2;margin-bottom:20px;font-weight:800}.sbf-blog-meta{display:flex;align-items:center;justify-content:center;gap:20px;color:#94a3b8;font-size:.9rem}.sbf-blog-meta span{display:flex;align-items:center;gap:8px}.sbf-blog-meta i{color:var(--gold-mid)}.blog-meta-icon{width:16px;height:16px;filter:invert(1) opacity(.7)}.sbf-blog-featured-image{width:100%;height:auto;max-height:380px;object-fit:contain;border-radius:var(--radius-lg);margin-bottom:50px;box-shadow:var(--shadow-md);border:1px solid rgba(255,255,255,.05);background:#0a0a0a;padding:12px}.sbf-blog-content{font-size:1.1rem;line-height:1.8;color:#cbd5e1}.sbf-blog-content>*{margin-bottom:25px}.sbf-blog-content h2{font-size:2rem;color:#fff;margin-top:50px;margin-bottom:20px;line-height:1.3;position:relative;padding-bottom:15px}.sbf-blog-content h2:after{content:"";position:absolute;left:0;bottom:0;width:60px;height:3px;background:linear-gradient(90deg,var(--gold-mid),var(--gold-dark));border-radius:2px}.sbf-blog-content h3{font-size:1.5rem;color:var(--gold-light);margin-top:40px;margin-bottom:15px}.sbf-blog-content p{margin-bottom:25px}.sbf-blog-content strong,.sbf-blog-content b{color:#fff;font-weight:600}.sbf-blog-content a{color:var(--gold-mid);text-decoration:none;border-bottom:1px solid rgba(200,167,77,.55);transition:all var(--transition-fast)}.sbf-blog-content a:hover{color:var(--gold-light);border-bottom-color:var(--gold-light)}.sbf-blog-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:30px 0}.sbf-blog-content figure{margin:30px 0}.sbf-blog-content figcaption{text-align:center;font-size:.9rem;color:#64748b;margin-top:10px;font-style:italic}.sbf-blog-content .sbf-blog-visual{margin:44px 0}.sbf-blog-content .sbf-blog-visual img{display:block;width:100%;margin:0;border:1px solid rgba(200,167,77,.24);border-radius:0;background:#0b0b0a}.sbf-blog-content .sbf-blog-visual figcaption{margin:0;padding:14px 18px 0;border-left:2px solid var(--gold-mid);color:#94a3b8;font-size:.86rem;font-style:normal;line-height:1.6;text-align:left}html[data-theme=light] .sbf-blog-content .sbf-blog-visual figcaption{color:var(--text-mid)!important}.sbf-blog-content ul,.sbf-blog-content ol{padding-left:20px;margin-bottom:30px}.sbf-blog-content li{margin-bottom:10px;padding-left:10px}.sbf-blog-content ul li::marker{color:var(--gold-mid)}.sbf-blog-content blockquote{margin:40px 0;padding:30px;background:#ffffff08;border-left:4px solid var(--gold-mid);border-radius:0 var(--radius-md) var(--radius-md) 0;font-style:italic;font-size:1.25rem;color:var(--gold-light)}.sbf-blog-content blockquote p{margin-bottom:0}.sbf-blog-content pre{background:#0f172a;padding:20px;border-radius:var(--radius-md);overflow-x:auto;margin:30px 0;border:1px solid rgba(255,255,255,.1)}.sbf-blog-content code{font-family:monospace;background:#ffffff1a;padding:2px 6px;border-radius:4px;font-size:.9em;color:#38bdf8}@media(max-width:768px){.sbf-blog-article{padding:32px 16px 56px}.sbf-blog-hero{padding:36px 16px 40px}.sbf-blog-title{font-size:clamp(1.85rem,8.5vw,2.25rem);line-height:1.12;margin-bottom:18px}.sbf-blog-meta{flex-wrap:wrap;gap:10px 16px}.sbf-blog-meta span{white-space:nowrap}.sbf-blog-content{font-size:1.05rem}.sbf-blog-content h2{font-size:1.5rem}}@media(max-width:480px){.sbf-blog-meta{display:grid;grid-template-columns:repeat(2,max-content);justify-content:center;font-size:.82rem}.sbf-blog-meta>span:nth-child(1){grid-column:1;grid-row:1}.sbf-blog-meta>span:nth-child(2){grid-column:1 / -1;grid-row:2;justify-self:center}.sbf-blog-meta>span:nth-child(3){grid-column:2;grid-row:1}.sbf-blog-category{margin-bottom:18px}}.sbf-blog-footer{margin-top:48px;padding-top:24px;border-top:1px solid rgba(200,167,77,.15)}.sbf-blog-tags{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.sbf-blog-tags-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#fff6;margin-right:4px}.sbf-blog-tag{position:relative;display:inline-flex;align-items:center;min-height:32px;font-size:.82rem;color:#ffffff80;background:#c8a74d0f;border:1px solid rgba(200,167,77,.18);border-radius:20px;padding:6px 14px;text-decoration:none;transition:all .2s}.sbf-blog-tag:before{content:"";position:absolute;inset:-8px -4px;min-height:44px}.sbf-blog-tag:hover{color:var(--gold-mid);border-color:var(--gold-mid);background:#c8a74d1a}.sbf-reading-time{display:inline-flex;align-items:center;gap:5px;font-size:.82rem;color:#ffffff73}.sbf-reading-time :global(svg){width:13px;height:13px}.sbf-toc{background:#c8a74d0a;border:1px solid rgba(200,167,77,.18);border-radius:12px;padding:18px 24px;margin:0 auto 36px;max-width:760px}.sbf-toc-list,.sbf-toc-item,.sbf-toc-item a,.sbf-toc-num{background:transparent!important;box-shadow:none!important;border-color:transparent!important}.sbf-toc-header{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.sbf-toc-title{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-mid)}.sbf-toc-toggle{background:none;border:none;cursor:pointer;color:#fff6;padding:2px;display:flex;transition:transform .3s ease,color .2s}.sbf-toc-toggle :global(svg){width:14px;height:14px}.sbf-toc-toggle:hover{color:var(--gold-mid)}.sbf-toc-toggle.toc-collapsed{transform:rotate(180deg)}.sbf-toc-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px;counter-reset:none}.sbf-toc-item a{color:#ffffff8c;text-decoration:none;font-size:.9rem;line-height:1.5;transition:color .2s;display:flex;gap:8px}.sbf-toc-item a:hover{color:var(--gold-mid)}.sbf-toc-num{color:var(--gold-mid);font-size:.78rem;font-weight:700;flex-shrink:0}.sbf-blog-share{display:flex;align-items:center;flex-wrap:wrap;gap:10px;margin-top:32px;padding-top:24px;border-top:1px solid rgba(200,167,77,.1)}.sbf-share-label{font-size:.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;color:#ffffff59;margin-right:4px}.sbf-share-btn{display:inline-flex;align-items:center;gap:6px;font-size:.82rem;font-weight:600;text-decoration:none;padding:6px 14px;border-radius:20px;border:1px solid rgba(255,255,255,.1);color:#ffffff80;transition:all .2s}.sbf-share-btn :global(svg){width:13px;height:13px}.sbf-share-btn:hover{border-color:currentColor}.sbf-share-btn--tw:hover{color:#e7e7e7;border-color:#e7e7e7;background:#e7e7e70f}.sbf-share-btn--li:hover{color:#0a66c2;border-color:#0a66c2;background:#0a66c214}.sbf-share-btn--wa:hover{color:#25d366;border-color:#25d366;background:#25d36614}.sbf-blog-cta{padding:48px 20px;margin:0 auto;max-width:860px}.sbf-blog-cta-container{background:#c8a74d0a;border:1px solid rgba(200,167,77,.15);border-radius:16px;padding:40px 36px;text-align:center}.sbf-blog-cta-eyebrow{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:2px;color:var(--gold-mid);margin:0 0 12px}.sbf-blog-cta-title{font-size:clamp(1.2rem,3vw,1.6rem);font-weight:700;color:#fff;margin:0 0 12px;line-height:1.35}.sbf-blog-cta-desc{color:#ffffff80;font-size:.92rem;line-height:1.7;margin:0 0 28px}.sbf-blog-cta-desc strong{color:var(--gold-mid)}.sbf-blog-cta-actions{display:flex;justify-content:center;align-items:center;gap:16px;flex-wrap:wrap}.sbf-blog-cta-btn{display:inline-flex;align-items:center;gap:8px;padding:12px 28px;background:linear-gradient(135deg,var(--gold-dark),var(--gold-mid));color:#0a0a0a;font-weight:700;font-size:.88rem;border-radius:10px;text-decoration:none;transition:transform .2s,box-shadow .2s}.sbf-blog-cta-btn :global(svg){width:14px;height:14px}.sbf-blog-cta-btn:hover{transform:translateY(-2px);box-shadow:0 6px 24px #c8a74d33}.sbf-blog-cta-link{display:inline-flex;align-items:center;gap:6px;color:var(--gold-mid);font-weight:700;font-size:.88rem;text-decoration:none;transition:color .2s}.sbf-blog-cta-link :global(svg){width:14px;height:14px}.sbf-blog-cta-link:hover{color:var(--gold-light)}@media(max-width:480px){.sbf-blog-cta-container{padding:28px 20px}.sbf-blog-cta-actions{flex-direction:column}.sbf-blog-cta-btn{width:100%;justify-content:center}}.sbf-related-posts{padding:60px 0 100px;border-top:1px solid rgba(200,167,77,.08)}.sbf-related-container{max-width:860px;margin:0 auto;padding:0 20px}.sbf-related-eyebrow{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:1.8px;color:var(--gold-mid);margin:0 0 10px;text-align:center}.sbf-related-title{font-size:clamp(1.4rem,3vw,2rem);font-weight:700;color:#fff;margin:0 0 36px;text-align:center}.sbf-related-gold{background:linear-gradient(135deg,var(--gold-light),var(--gold-dark));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.sbf-related-grid{display:grid;grid-template-columns:1fr;gap:20px}@media(min-width:600px){.sbf-related-grid{grid-template-columns:repeat(3,1fr)}}.sbf-related-card{background:#ffffff05;border:1px solid rgba(200,167,77,.1);border-radius:12px;overflow:hidden;transition:border-color .3s,transform .3s}.sbf-related-card:hover{border-color:#c8a74d59;transform:translateY(-3px)}.sbf-related-info{padding:20px}.sbf-related-cat{display:inline-block;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px;color:var(--gold-mid);margin-bottom:8px}.sbf-related-card-title{font-size:.95rem;font-weight:700;margin:0 0 8px;line-height:1.4}.sbf-related-card-title a{color:#fff;text-decoration:none;transition:color .2s}.sbf-related-card-title a:hover{color:var(--gold-mid)}.sbf-related-desc{color:#ffffff73;font-size:.82rem;line-height:1.6;margin:0 0 14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.sbf-related-link{display:inline-flex;align-items:center;gap:5px;color:var(--gold-mid);font-size:.82rem;font-weight:600;text-decoration:none;transition:gap .2s}.sbf-related-link:hover{gap:8px}.sbf-tool-links{padding:0 20px 28px}.sbf-tool-grid{display:grid;gap:16px}@media(min-width:600px){.sbf-tool-grid{grid-template-columns:repeat(3,1fr)}}.sbf-tool-card{display:flex;flex-direction:column;justify-content:space-between;gap:18px;background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:16px;padding:20px;transition:transform .28s ease,border-color .28s ease,background .28s ease}.sbf-tool-card:hover{transform:translateY(-3px);border-color:#c8a74d40;background:#c8a74d09}.sbf-tool-card-head{display:flex;align-items:flex-start;gap:14px}.sbf-tool-icon{width:42px;height:42px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;background:#c8a74d1a;border:1px solid rgba(200,167,77,.18);font-size:1.1rem;flex-shrink:0}.sbf-tool-card-title{font-size:1rem;color:#fff;margin:0 0 8px}.sbf-tool-card-title a{color:inherit;text-decoration:none}.sbf-tool-card-title a:hover{color:var(--gold-mid)}.sbf-tool-desc{margin:0;color:#ffffff85;font-size:.84rem;line-height:1.7}.sbf-author-bio{max-width:800px;margin:0 auto;padding:0 20px 2.75rem}.sbf-author-bio-inner{padding:1.1rem 1.25rem;border-radius:var(--radius-lg);border:1px solid rgba(200,167,77,.2);background:#c8a74d0f}.sbf-author-bio-title{margin:0 0 .5rem;font-size:.72rem;letter-spacing:.12em;text-transform:uppercase;color:var(--gold-mid);font-weight:700}.sbf-author-bio-text{margin:0;font-size:.92rem;line-height:1.65;color:#e2e8f0e6}.sbf-author-bio-text a{color:var(--gold-mid);font-weight:600;text-decoration:none;border-bottom:1px solid rgba(200,167,77,.35);margin:0 .15rem}.sbf-author-bio-text a:hover{color:var(--gold-light);border-color:var(--gold-mid)}html[data-theme=light] .sbf-author-bio-inner{background:#c8a74d14;border-color:#c8a74d47}html[data-theme=light] .sbf-author-bio-text{color:#334155}html[data-theme=light] .sbf-blog-article{color:#1e293b}html[data-theme=light] .sbf-blog-title{color:#0f172a}html[data-theme=light] .sbf-blog-meta{color:#64748b}html[data-theme=light] .blog-meta-icon{filter:invert(0) opacity(.7)}html[data-theme=light] .sbf-blog-featured-image{background:#f8fafc;border-color:#e2e8f0}html[data-theme=light] .sbf-blog-content{color:#334155}html[data-theme=light] .sbf-blog-content h2{color:#0f172a}html[data-theme=light] .sbf-blog-content h3{color:#a17a2f}html[data-theme=light] .sbf-blog-content strong{color:#0f172a}html[data-theme=light] .sbf-blog-cta-container{background:#c8a74d14;border-color:#c8a74d47}html[data-theme=light] .sbf-blog-cta-title{color:#0f172a}html[data-theme=light] .sbf-blog-cta-desc{color:#475569}html[data-theme=light] .sbf-related-title{color:#0f172a}html[data-theme=light] .sbf-related-card{background:#fff;border-color:#e2e8f0}html[data-theme=light] .sbf-related-card-title a{color:#0f172a}html[data-theme=light] .sbf-related-desc{color:#64748b}html[data-theme=light] .sbf-tool-card{background:#fff;border-color:#e2e8f0}html[data-theme=light] .sbf-tool-card-title{color:#0f172a}html[data-theme=light] .sbf-tool-desc{color:#475569}.sbf-blog-content .sbf-design-decisions,.sbf-blog-content .sbf-inspiration-sources,.sbf-blog-content .sbf-site-example-gallery,.sbf-blog-content .sbf-sector-board,.sbf-blog-content .sbf-trend-grid{margin:32px 0 38px}.sbf-blog-content .sbf-design-decisions a,.sbf-blog-content .sbf-inspiration-sources a,.sbf-blog-content .sbf-site-example-gallery a,.sbf-blog-content .sbf-sector-board a,.sbf-blog-content .sbf-trend-grid a{border-bottom:0}.sbf-design-decisions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sbf-design-decision{position:relative;display:grid;grid-template-columns:auto 1fr;gap:16px;overflow:hidden;padding:22px;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:linear-gradient(145deg,#ffffff0b,#ffffff04);transition:transform .25s ease,border-color .25s ease,background .25s ease}.sbf-design-decision:after{position:absolute;width:120px;height:120px;right:-55px;bottom:-70px;border-radius:50%;background:var(--decision-glow, rgba(200, 167, 77, .13));content:"";filter:blur(12px)}.sbf-design-decision:hover{transform:translateY(-3px);border-color:#c8a74d61;background:#c8a74d0d}.sbf-design-decision--ui{--decision-glow: rgba(89, 94, 255, .16)}.sbf-design-decision--landing{--decision-glow: rgba(236, 72, 153, .14)}.sbf-design-decision--minimal{--decision-glow: rgba(56, 189, 248, .12)}.sbf-design-decision-num{display:grid;width:42px;height:42px;place-items:center;border:1px solid rgba(200,167,77,.3);border-radius:13px;background:#c8a74d14;color:var(--gold-light);font-size:.72rem;font-weight:800}.sbf-design-decision-label{display:block;margin-bottom:5px;color:var(--gold-mid);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sbf-blog-content .sbf-design-decision h3,.sbf-blog-content .sbf-inspiration-card h3,.sbf-blog-content .sbf-sector-card h3{margin:0 0 9px;color:#fff;font-size:1.05rem;line-height:1.35}.sbf-design-decision p,.sbf-design-decision small{display:block;margin:0;color:#e2e8f0a8;font-size:.82rem;line-height:1.6}.sbf-design-decision p{margin-bottom:7px}.sbf-design-decision p a{font-weight:700}.sbf-design-decision small{color:#e2e8f075}.sbf-inspiration-sources{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sbf-inspiration-card{min-width:0;overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:18px;background:#ffffff06;transition:transform .28s ease,border-color .28s ease,box-shadow .28s ease}.sbf-inspiration-card:hover{transform:translateY(-4px);border-color:#c8a74d61;box-shadow:0 18px 44px #0000002e}.sbf-inspiration-cover{position:relative;display:block;overflow:hidden;aspect-ratio:16 / 9;background:#0b0b0b}.sbf-blog-content .sbf-inspiration-cover img,.sbf-blog-content .sbf-site-example>a img{display:block;width:100%;height:100%;margin:0;border-radius:0;object-fit:cover;transition:transform .45s ease}.sbf-inspiration-card:hover .sbf-inspiration-cover img,.sbf-site-example:hover>a img{transform:scale(1.025)}.sbf-inspiration-body{padding:20px}.sbf-inspiration-meta{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.sbf-inspiration-meta span,.sbf-source-mark{display:grid;width:38px;height:38px;place-items:center;border:1px solid rgba(200,167,77,.28);border-radius:11px;background:#c8a74d14;color:var(--gold-light);font-size:.68rem;font-weight:900}.sbf-inspiration-meta small,.sbf-inspiration-card--compact>small{color:#e2e8f070;font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sbf-inspiration-body p,.sbf-inspiration-card--compact p{margin:0 0 13px;color:#e2e8f09c;font-size:.81rem;line-height:1.65}.sbf-inspiration-body>strong,.sbf-inspiration-card--compact>strong{display:block;color:var(--gold-light);font-size:.75rem;line-height:1.5}.sbf-inspiration-body .sbf-image-credit{display:block;margin-top:15px;color:#e2e8f059;font-size:.64rem}.sbf-inspiration-card--visual:nth-child(3){display:grid;grid-column:1 / -1;grid-template-columns:minmax(0,1.2fr) minmax(240px,.8fr)}.sbf-inspiration-card--visual:nth-child(3) .sbf-inspiration-cover{height:100%}.sbf-inspiration-card--compact{position:relative;display:grid;padding:20px;text-decoration:none}.sbf-inspiration-card--compact>small{position:absolute;top:24px;right:20px}.sbf-inspiration-card--compact .sbf-source-mark{margin-bottom:20px}.sbf-blog-content .sbf-inspiration-card--compact h3{margin-bottom:8px}.sbf-inspiration-card--compact:last-child{grid-column:1 / -1}.sbf-site-example-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sbf-blog-content .sbf-site-example{overflow:hidden;margin:0;border:1px solid rgba(255,255,255,.09);border-radius:20px;background:#ffffff06;transition:transform .28s ease,border-color .28s ease}.sbf-site-example:hover{transform:translateY(-4px);border-color:#c8a74d66}.sbf-site-example>a{display:block;overflow:hidden;aspect-ratio:16 / 9}.sbf-blog-content .sbf-site-example figcaption{margin:0;padding:20px;color:#e2e8f094;font-size:.8rem;font-style:normal;line-height:1.6;text-align:left}.sbf-site-example figcaption>span{display:flex;align-items:center;justify-content:space-between;gap:12px}.sbf-site-example figcaption strong{color:#fff;font-size:1.05rem}.sbf-site-example figcaption>span small{color:var(--gold-mid);font-size:.65rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sbf-site-example figcaption p{margin:10px 0;font-size:.8rem}.sbf-site-example figcaption>a{font-weight:700}.sbf-site-example figcaption>small{display:block;margin-top:10px;color:#e2e8f052;font-size:.62rem}.sbf-sector-board{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.sbf-sector-card{padding:22px;border:1px solid rgba(255,255,255,.08);border-radius:17px;background:linear-gradient(140deg,rgba(255,255,255,.035),transparent)}.sbf-sector-card>span{display:block;margin-bottom:9px;color:var(--gold-mid);font-size:.66rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.sbf-sector-card p{margin:0 0 10px;color:#e2e8f0ad;font-size:.82rem;line-height:1.65}.sbf-sector-card p a{display:inline;font-weight:700}.sbf-sector-card>small{display:block;color:#e2e8f070;font-size:.75rem;line-height:1.55}.sbf-sector-card--tr{border-color:#c8a74d42;background:linear-gradient(140deg,rgba(200,167,77,.08),transparent)}.sbf-trend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.sbf-trend-card{overflow:hidden;border:1px solid rgba(255,255,255,.09);border-radius:17px;background:#ffffff06;transition:border-color .22s ease,background .22s ease,transform .22s ease}.sbf-trend-card:first-child{grid-column:1 / -1}.sbf-trend-card:hover{transform:translateY(-2px);border-color:#c8a74d52}.sbf-trend-card[open]{border-color:#c8a74d73;background:#c8a74d0e}.sbf-trend-card summary{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:12px;min-height:72px;padding:15px 18px;color:#fff;cursor:pointer;list-style:none}.sbf-trend-card summary::-webkit-details-marker{display:none}.sbf-trend-card summary:after{grid-column:3;justify-self:end;color:var(--gold-mid);content:"+";font-size:1.25rem;line-height:1}.sbf-trend-card[open] summary:after{content:"−"}.sbf-trend-card summary>span{display:grid;width:38px;height:38px;place-items:center;border-radius:11px;background:#c8a74d1a;color:var(--gold-light);font-size:.69rem;font-weight:900}.sbf-trend-card summary>strong{color:inherit;font-size:.92rem}.sbf-trend-card summary>small{grid-column:3;grid-row:1;margin-right:24px;color:#e2e8f061;font-size:.61rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.sbf-trend-card>div{padding:0 18px 18px 68px}.sbf-trend-card>div p{margin:0 0 9px;color:#e2e8f0a6;font-size:.8rem;line-height:1.65}.sbf-trend-card>div small{display:block;color:#e2e8f070;font-size:.72rem;line-height:1.55}.sbf-trend-card>div small b{color:var(--gold-mid)}.sbf-design-decision a:focus-visible,.sbf-inspiration-card a:focus-visible,.sbf-inspiration-card--compact:focus-visible,.sbf-site-example a:focus-visible,.sbf-sector-card a:focus-visible,.sbf-trend-card summary:focus-visible{outline:3px solid rgba(200,167,77,.55);outline-offset:3px}html[data-theme=light] .sbf-design-decision,html[data-theme=light] .sbf-inspiration-card,html[data-theme=light] .sbf-site-example,html[data-theme=light] .sbf-sector-card,html[data-theme=light] .sbf-trend-card{border-color:#392f221f;background:#ffffffb8;box-shadow:0 10px 28px #4433190b}html[data-theme=light] .sbf-design-decision:hover,html[data-theme=light] .sbf-inspiration-card:hover,html[data-theme=light] .sbf-site-example:hover,html[data-theme=light] .sbf-trend-card[open]{border-color:#a17a2f66;background:#fff}html[data-theme=light] .sbf-blog-content .sbf-design-decision h3,html[data-theme=light] .sbf-blog-content .sbf-inspiration-card h3,html[data-theme=light] .sbf-blog-content .sbf-sector-card h3,html[data-theme=light] .sbf-site-example figcaption strong,html[data-theme=light] .sbf-trend-card summary{color:#17130d}html[data-theme=light] .sbf-design-decision p,html[data-theme=light] .sbf-design-decision small,html[data-theme=light] .sbf-inspiration-body p,html[data-theme=light] .sbf-inspiration-card--compact p,html[data-theme=light] .sbf-blog-content .sbf-site-example figcaption,html[data-theme=light] .sbf-sector-card p,html[data-theme=light] .sbf-sector-card>small,html[data-theme=light] .sbf-trend-card>div p,html[data-theme=light] .sbf-trend-card>div small{color:#625a50}html[data-theme=light] .sbf-inspiration-meta small,html[data-theme=light] .sbf-inspiration-card--compact>small,html[data-theme=light] .sbf-inspiration-body .sbf-image-credit,html[data-theme=light] .sbf-site-example figcaption>small,html[data-theme=light] .sbf-trend-card summary>small{color:#7b7267}@media(max-width:720px){.sbf-design-decisions,.sbf-inspiration-sources,.sbf-site-example-gallery,.sbf-sector-board,.sbf-trend-grid{grid-template-columns:1fr}.sbf-inspiration-card--visual:nth-child(3){display:block;grid-column:auto}.sbf-inspiration-card--visual:nth-child(3) .sbf-inspiration-cover{height:auto}.sbf-inspiration-card--compact:last-child,.sbf-trend-card:first-child{grid-column:auto}}@media(max-width:480px){.sbf-design-decision{grid-template-columns:1fr;padding:18px}.sbf-design-decision-num{width:36px;height:36px}.sbf-inspiration-body,.sbf-inspiration-card--compact,.sbf-site-example figcaption,.sbf-sector-card{padding:17px}.sbf-trend-card summary{grid-template-columns:auto 1fr;gap:10px;padding:14px}.sbf-trend-card summary>small{grid-column:2;grid-row:2;margin:-8px 0 0}.sbf-trend-card summary:after{grid-column:2;grid-row:1 / span 2;justify-self:end}.sbf-trend-card>div{padding:0 16px 17px}}@media(prefers-reduced-motion:reduce){.sbf-design-decision,.sbf-inspiration-card,.sbf-inspiration-cover img,.sbf-site-example,.sbf-site-example>a img,.sbf-trend-card{transition:none}}