/* Concrete work examples, kept beside the interactive organizational model. */
#hero-title{max-width:1120px;margin-inline:auto;font-size:clamp(3.4rem,7.5vw,7rem);line-height:1.06}
#hero-title .hero-before{font-size:.5em;letter-spacing:-.045em;color:#c9c9c9;margin-bottom:20px}
.hero> .wrap>p{max-width:600px}
.organization .org-heading{margin-bottom:42px}
.computer-bridge{display:grid;grid-template-columns:1fr 1.05fr;gap:55px;padding:30px 34px;margin-bottom:65px;border:1px solid var(--gold-line);border-radius:8px;background:linear-gradient(120deg,#d4aa520b,#111)}
.computer-bridge .label{font-size:.63rem}
.computer-bridge h3{font-size:clamp(1.8rem,3vw,2.65rem);line-height:1.12;font-weight:400;letter-spacing:-.04em;margin-top:14px;max-width:380px}
.computer-bridge p{font-size:.92rem;color:var(--gray)}
.computer-bridge .computer-example{margin-top:15px;color:#e2d1ae;font-size:.87rem}
.level-work{list-style:none;padding:0;margin:28px 0 0;display:grid;gap:0}
.level-work li{position:relative;padding:14px 0 14px 19px;border-top:1px solid #ffffff0d}
.level-work li:before{content:'';position:absolute;left:0;top:22px;width:5px;height:5px;background:var(--gold);transform:rotate(45deg)}
.level-work strong{display:block;font-size:.95rem;font-weight:500;color:var(--white);margin-bottom:4px}
.level-work span{display:block;font-size:.87rem;line-height:1.6;color:var(--gray)}
.example .example-label{flex-basis:72px;font-size:.58rem;line-height:1.6}
@media(max-width:760px){#hero-title{font-size:clamp(2.5rem,8.5vw,4.1rem)}#hero-title .hero-before{font-size:.51em;margin-bottom:18px}.hero> .wrap>p{max-width:370px}.computer-bridge{grid-template-columns:1fr;gap:22px;padding:25px 22px;margin-bottom:40px}.computer-bridge h3{font-size:2rem;max-width:300px}.computer-bridge .label{font-size:.56rem}.computer-bridge p{font-size:.87rem}.level-work{margin-top:22px}}