/* Keep the direct route to useful work visible, including on a small screen. */
.hero-buttons .hero-preview-link{display:inline-flex;align-items:center;gap:18px;min-height:46px;font-size:16px;font-weight:650;color:#fff7e9;text-shadow:0 1px 8px #0c1424b3;border-bottom-color:#f4d3a4}
.hero-buttons .hero-preview-link:hover{color:#f4d3a4}
.hero-preview-link>span{font-size:22px;transition:transform .2s ease}
.hero-preview-link:hover>span{transform:translateY(3px)}
#promise:focus{outline:none}
@media(max-width:900px){#mobile-menu{max-height:calc(100svh - 68px);overflow-y:auto;overscroll-behavior:contain}}
@media(max-width:760px){
 .hero-buttons .hero-preview-link{display:inline-flex;font-size:15px;min-height:40px;line-height:1.45}
 .hero-intro .hero-buttons{display:flex;gap:8px;margin-top:18px}
}
@media(max-height:620px) and (max-width:900px){
 .hero-intro .hero-buttons{display:flex;flex-direction:row;flex-wrap:wrap;gap:12px;margin-top:12px}
 .hero-intro .hero-buttons>.button{display:none}
 .hero-buttons .hero-preview-link{font-size:14px;min-height:32px}
}
.reduced-motion .hero-preview-link>span{transition:none}
@media(prefers-reduced-motion:reduce){.hero-preview-link>span{transition:none}}