/* Homepage only: the project comes first on a small screen. */
@media screen and (max-width:780px){
 .reviewbar{height:25px;font-size:8px;padding:0 20px;letter-spacing:.1em}
 .header{height:76px;padding:0 20px;gap:10px;position:relative}
 .brand,.brand img{width:112px;height:66px;flex-shrink:0}
 .header>.site-language-bar{margin-left:auto;padding:0;border:0;background:transparent;z-index:auto}
 .header>.site-language-bar p,.header>.site-language-bar label>span{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
 .header>.site-language-bar select{width:88px;max-width:88px;font-size:12px;min-height:44px;padding:7px 4px;border:0;background:transparent}
 .header .menu-toggle{min-height:44px;padding:0;gap:7px;font-size:12px;flex-shrink:0}
 .header nav{top:76px;z-index:35}
 .hero{min-height:0}
 .hero-copy{padding:27px 22px 23px}
 .hero .eyebrow{font-size:9px;letter-spacing:.14em;gap:10px}
 .hero .eyebrow .line{width:22px}
 .hero h1,body.home-translated .hero h1,html[lang="ka"] .hero h1{font-size:clamp(37px,11.5vw,58px);line-height:1.04;letter-spacing:-.035em;margin:20px 0 14px}
 .hero-copy>p{font-size:14px;line-height:1.65;margin:0 0 20px}
 .hero .actions{margin-top:0;gap:12px;align-items:stretch}
 .hero .button{justify-content:space-between;min-height:48px;padding:13px 16px;font-size:13px}
 .hero .text-button{text-align:left;min-height:44px;font-size:13px}
 .hero-bottom{display:none}
 .hero-image{height:240px;min-height:240px}
 .hero-image .image-label{bottom:38px}
 .hero-image .image-label strong{font-size:25px}
 .hero-image .coordinates{font-size:8px}
 .gold-ticker{margin:0;padding:22px;gap:14px 18px}
 .nugget-launcher{width:54px;height:54px;padding:4px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:0;justify-content:center}
 .nugget-launcher>.nugget-orb{width:44px;height:44px}
 .nugget-launcher>span:not(.nugget-orb){position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
}
@media screen and (max-width:360px){.header{padding:0 14px;gap:6px}.brand,.brand img{width:95px}.hero-copy{padding-left:18px;padding-right:18px}}