@media(max-width:820px){.masthead{grid-template-columns:120px minmax(0,1fr);gap:8px}.brand img{width:116px}.phone{font-size:14px;white-space:nowrap}.hero{width:100%}.hero>*{min-width:0}.hero-copy{width:calc(100vw - 44px);max-width:100%;overflow:hidden}.hero h1{font-size:10.5vw}.hero .actions{display:grid;grid-template-columns:1fr;max-width:270px}.hero .button{text-align:center}.craftsman{right:-58px;width:250px}}