.hero-section{min-height:0;padding-top:120px;padding-bottom:48px}
.hero-content{display:grid;grid-template-columns:minmax(0,1fr) 340px;gap:0 48px;width:100%;max-width:1100px;text-align:left;align-items:center}
.hero-content>*{grid-column:1;max-width:100%;margin-left:0;margin-right:0}
.hero-content>:first-child{justify-self:start;font-size:10px;letter-spacing:.2em;margin-bottom:18px}
.hero-content>.hero-portrait{grid-column:2;grid-row:1/7;width:100%;padding:10px;align-self:center}
.hero-portrait img{max-height:400px;width:100%;object-fit:contain}
.hero-content h1{font-size:clamp(32px,3.6vw,48px);line-height:1.3;margin-top:0}
.hero-content>p:nth-of-type(1){font-size:12px;letter-spacing:.13em;margin-top:12px}
.hero-content>p:nth-of-type(2){font-size:17px;line-height:1.75;margin-top:18px}
.hero-content>div:nth-last-child(2){flex-direction:row;flex-wrap:wrap;justify-content:flex-start;gap:12px;margin-top:24px}
.hero-content>div:nth-last-child(2)>a{font-size:15px;padding:14px 22px}
.hero-content>div:last-child{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin-top:28px;gap:10px}
.hero-content>div:last-child>div{padding:14px}
.hero-content>div:last-child p:first-child{font-size:24px}
.hero-content>div:last-child p:last-child{font-size:12px}
.artwork-share input{min-width:0;overflow:hidden}
.artwork-share button{min-height:44px}
@media(max-width:767px){
 .hero-section{padding-top:156px!important;padding-bottom:36px}
 .hero-content{display:flex;flex-direction:column;text-align:center;gap:0}
 .hero-content>:first-child{order:0;margin-bottom:14px;font-size:9px;padding:8px 12px}
 .hero-content>h1{order:1;font-size:32px}
 .hero-content>p:nth-of-type(1){order:2;font-size:11px}
 .hero-content>p:nth-of-type(2){order:3;font-size:15px;line-height:1.7;margin-top:14px}
 .hero-content>div:nth-last-child(2){order:4;justify-content:center;margin-top:18px;gap:10px}
 .hero-content>div:nth-last-child(2)>a{font-size:14px;padding:13px 18px}
 .hero-content>.hero-portrait{order:5;margin-top:24px;max-width:300px}
 .hero-portrait img{max-height:270px}
 .hero-content>div:last-child{order:6;width:100%;margin-top:20px}
 .hero-content>div:last-child>div{padding:10px 6px}
 .hero-content>div:last-child p:first-child{font-size:20px}
 .hero-content>div:last-child p:last-child{font-size:10px}
}