.examples{border-top:1px solid var(--line);background:radial-gradient(ellipse at 10% 25%,#3a48211c,transparent 48%)}
.examples .section-heading{grid-template-columns:1.15fr 1fr}.examples .section-heading>p{max-width:450px}
.example-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;align-items:start}
.example-card{--example-color:#d2e7b4;--example-surface:#192116;min-width:0;border:1px solid #434d39;border-radius:8px;background:var(--example-surface);overflow:hidden;transition:border-color .25s,box-shadow .25s}
.example-card-lighting{--example-color:#f1c991;--example-surface:#252018;border-color:#554935;margin-top:72px}
.example-card-ventilation{--example-color:#8bd9c7;--example-surface:#13272a;border-color:#36595b}
.example-card-climate{--example-color:#eab28d;--example-surface:#29211e;border-color:#614a3e;margin-top:72px}
.example-card:hover,.example-card:focus-within{border-color:var(--example-color);box-shadow:0 20px 55px #0003}
.example-card-link{display:block}.example-card-link:focus-visible{outline-offset:-5px;outline-color:var(--example-color)}
.example-card-top{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 28px;color:var(--example-color);font-size:.6rem;letter-spacing:.09em}
.example-card-number{font-size:1.15rem;opacity:.6}
.example-art{padding:8px 16px 0;overflow:hidden;position:relative;background:radial-gradient(ellipse at 50% 50%,#a9b8940b,transparent 72%)}
.example-art .sg-canvas{background:none;aspect-ratio:1.52;display:flex;align-items:center;transition:transform .65s ease}
.example-art .sg-drawing{width:100%;max-height:100%;height:auto}.example-art .sl-kind,.example-art .sv-kind,.example-art .sh-kind{display:none}
.example-card:hover .example-art .sg-canvas,.example-card:focus-within .example-art .sg-canvas{transform:scale(1.035)}
.example-card-copy{padding:26px 32px 30px}.example-card-copy h3{font-size:clamp(1.55rem,2.3vw,2.35rem);line-height:1.2;letter-spacing:-.045em;color:var(--text)}
.example-card-copy p{margin-top:18px;color:var(--muted);font-size:.87rem;max-width:360px}
.example-card-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;margin:0 32px;padding:22px 0;border-top:1px solid #a7ad9626;color:var(--example-color)}
.example-card-bottom>.micro{font-size:.64rem;opacity:.7}.example-learn{display:inline-flex;align-items:center;gap:20px;font-size:.83rem;font-weight:600}
.example-link-arrow{display:grid;place-items:center;width:38px;height:38px;border:1px solid #a7ad9640;border-radius:50%;font-size:1.25rem;transition:background .25s,color .25s,transform .25s}
.example-card:hover .example-link-arrow,.example-card:focus-within .example-link-arrow{background:var(--example-color);color:var(--example-surface);transform:rotate(45deg)}
.examples-note{margin-top:36px;font-size:.62rem;color:var(--muted);max-width:600px}
.example-breadcrumb{padding-top:40px;padding-bottom:0}.example-breadcrumb .text-link{color:var(--muted)}
.example-page>section.section-pad{padding-top:55px;border-top:0}
.example-page .sg-heading h1{font-size:clamp(2.4rem,4vw,3.8rem);line-height:1.16;letter-spacing:-.055em}
.example-related{padding-top:0;padding-bottom:90px}.example-related-heading{margin-bottom:28px}.example-related-heading h2{font-size:1.7rem}
.example-related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.example-related-link{display:flex;flex-direction:column;justify-content:space-between;gap:20px;border:1px solid var(--line);border-radius:5px;padding:25px;background:var(--surface);transition:border-color .2s}
.example-related-link:hover{border-color:var(--accent)}.example-related-link .micro{font-size:.6rem;color:var(--accent)}.example-related-link h3{font-size:1.2rem}.example-related-link>span:last-child{align-self:flex-end;color:var(--accent)}
@media(max-width:850px){.examples .section-heading{grid-template-columns:1fr}.example-grid{gap:22px}.example-card-lighting,.example-card-climate{margin-top:45px}.example-card-top{padding:20px;font-size:.52rem}.example-card-copy{padding:20px}.example-card-bottom{margin:0 20px}.example-card-copy h3{font-size:1.75rem}.example-art{padding:4px 8px 0}.example-related-grid{gap:14px}.example-related-link{padding:20px}.example-related-link h3{font-size:1.05rem}}
@media(max-width:620px){.example-grid{grid-template-columns:1fr;gap:24px}.example-card-lighting,.example-card-climate{margin-top:0}.example-card-top{font-size:.58rem}.example-card-copy h3{font-size:1.9rem}.example-card-copy p{font-size:.86rem}.example-card-bottom{padding:17px 0}.example-card-bottom>.micro{font-size:.58rem}.example-learn{gap:12px;font-size:.8rem}.example-breadcrumb{padding-top:28px}.example-page>section.section-pad{padding-top:38px}.example-page .sg-heading h1{font-size:2.2rem;overflow-wrap:anywhere}.example-related{padding-bottom:65px}.example-related-grid{grid-template-columns:1fr}.example-related-link{gap:12px}.example-related-link h3{font-size:1.25rem}}
@media(prefers-reduced-motion:reduce){.example-art .sg-canvas{transform:none!important}}
.motion-paused .example-art .sg-canvas{transform:none!important}
@media(max-width:1000px){.example-related-grid{grid-template-columns:1fr}}
html[lang=hy] .example-card-copy h3{font-size:clamp(1.15rem,2.5vw,2.1rem);line-height:1.35}
@media(max-width:620px){html[lang=hy] .example-card-copy h3{font-size:clamp(1.25rem,6.4vw,1.85rem)}html[lang=hy] .example-page .sg-heading h1{font-size:clamp(1.4rem,6.4vw,2.1rem);line-height:1.35}}