.examples-section{padding:65px 0 80px;scroll-margin-top:100px;background:#10100d;border-block:1px solid var(--line)}
.examples-heading{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:30px}
.examples-heading h2{font-family:var(--display);font-weight:400;font-size:clamp(36px,4.2vw,57px);line-height:1.08;letter-spacing:-.02em;margin:14px 0 0}.examples-heading h2 span{color:var(--gold-light)}.examples-heading>p{font-size:15px;line-height:1.7;max-width:410px}
.examples-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-bottom:24px}
.examples-tab{padding:0;overflow:hidden;text-align:left;min-width:0;border:1px solid #484332;background:#1b1913;color:#d3ccb9;font:inherit;border-radius:10px;cursor:pointer;transition:border-color .2s,box-shadow .2s,background .2s}
.examples-tab img{display:block;width:100%;height:116px;object-fit:cover;object-position:65% center}.example-choice-copy{display:block;padding:14px 15px 15px}.example-choice-copy strong{display:block;font-size:14px;font-weight:500;line-height:1.4}.example-choice-copy small{display:block;font-size:10px;line-height:1.6;margin-top:4px;color:#b2a78b}
.examples-tab[aria-selected=true]{border-color:var(--gold-light);background:#292419;box-shadow:inset 0 -3px var(--gold-light)}.examples-tab[aria-selected=true] strong{color:var(--gold-light)}.examples-tab:hover{border-color:var(--gold-light)}.examples-tab:focus-visible,.examples-open:focus-visible,.examples-devices button:focus-visible{outline:2px solid var(--gold-light);outline-offset:4px}
.examples-viewer{border:1px solid #6e5b36;border-radius:16px;overflow:hidden;background:#e9e4db;box-shadow:0 30px 100px #0005}.examples-toolbar{background:#24221b;padding:13px 20px;display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:51px}.examples-address{display:flex;gap:13px;align-items:center;color:#d6ceb9;font-size:12px}.examples-dots{display:flex;gap:5px}.examples-dots i{display:block;width:7px;height:7px;border-radius:100%;background:#7d7255}.examples-open{color:var(--gold-light);font-size:12px;white-space:nowrap;border-bottom:1px solid #746443;padding:3px 0}.examples-view-controls{display:flex;align-items:center;gap:20px}.examples-devices{display:flex;gap:2px;padding:3px;border:1px solid #504834;border-radius:6px}.examples-devices button{font:inherit;font-size:10px;color:#c2b89d;cursor:pointer;padding:6px 10px;border:0;background:transparent;border-radius:3px}.examples-devices button[aria-pressed=true]{background:#a99464;color:#15130e}.examples-viewport{display:flex;justify-content:center;background:#181816}.examples-frame{display:block;border:0;width:100%;height:680px;background:#f2eee5}.examples-viewport.is-mobile{padding:20px}.examples-viewport.is-mobile .examples-frame{width:390px;max-width:100%;border:5px solid #3d3b32;border-radius:24px;height:680px;box-sizing:content-box}
.examples-caption{display:flex;align-items:start;justify-content:space-between;gap:30px;padding-top:20px}.examples-caption p{font-size:12px;line-height:1.7;max-width:650px}.examples-caption strong{color:var(--gold-light);font-weight:400}.examples-caption .text-link{white-space:nowrap;font-size:12px}
.examples-preview{position:relative;border:1px solid #6f5c36;border-radius:18px;overflow:hidden;background:#f2eee5;box-shadow:0 22px 70px #0007;min-width:0}.examples-preview .examples-toolbar{padding:13px 16px}.examples-preview iframe{display:block;width:100%;height:505px;border:0}.examples-preview-link{display:flex;justify-content:space-between;align-items:center;padding:15px 20px;background:#24221b;color:var(--gold-light);font-size:12px}.examples-preview-link span{font-size:17px}.examples-preview .examples-address{font-size:10px}.examples-preview .examples-open{font-size:10px}.examples-nojs{margin:12px 0;font-size:13px}.examples-nojs a{text-decoration:underline}
.examples-mini-viewport{height:405px;overflow:hidden}.examples-preview .examples-mini-viewport iframe{width:200%;height:810px;transform:scale(.5);transform-origin:top left}
@media(max-width:900px){.examples-heading{display:block}.examples-heading>p{margin-top:22px;max-width:620px}.examples-tab img{height:96px}.example-choice-copy{padding:12px 10px}.example-choice-copy strong{font-size:12px}.example-choice-copy small{font-size:9px}.examples-caption{gap:20px}.examples-frame{height:630px}}
@media(max-width:600px){.examples-section{padding:45px 0 55px;scroll-margin-top:85px}.examples-tabs{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.examples-tab img{height:94px}.example-choice-copy{padding:10px 11px 12px}.example-choice-copy strong{font-size:12px}.example-choice-copy small{font-size:9px}.examples-toolbar{padding:12px;gap:10px;flex-wrap:wrap}.examples-view-controls{gap:14px}.examples-address{font-size:10px;gap:8px}.examples-open{font-size:10px}.examples-dots i{width:5px;height:5px}.examples-frame{height:610px}.examples-viewport.is-mobile{padding:10px}.examples-viewport.is-mobile .examples-frame{width:390px;max-width:calc(100% - 10px);height:610px;border-radius:16px}.examples-caption{display:block}.examples-caption .text-link{display:inline-block;margin-top:14px}.examples-viewer{border-radius:12px}.examples-mini-viewport{height:360px}.examples-preview .examples-mini-viewport iframe{height:720px}}
@media(prefers-reduced-motion:reduce){.examples-tab{transition:none}}