[data-area=masthead]{scroll-snap-type:x mandatory;anchor-name:--carousel;grid-auto-columns:100%;grid-auto-flow:column;min-height:60vh;display:grid;position:relative;overflow-x:auto}[data-area=masthead]::scroll-button(*){position-anchor:--carousel;background-color:red;border:none;border-radius:50%;width:50px;height:50px;padding:3px;font-size:2rem;position:absolute}[data-area=masthead]::scroll-button(left){content:"<";position-area:center left;z-index:1000;left:20px}[data-area=masthead]::scroll-button(right){content:">";position-area:center right;z-index:1000;right:20px}@media only screen and (width<=820px){[data-area=masthead]{grid-template-columns:1fr}}[data-area=masthead] article{scroll-snap-align:start;width:100%;max-height:60vh}[data-area=masthead] article .content{grid-template-columns:2.5fr 1fr;align-items:flex-start;padding-top:30px;display:grid}[data-area=masthead] article .content img{max-width:30ch}[data-area=masthead] article .content h2{letter-spacing:-.05rem;max-width:20ch;font-family:Sonny GothicExtra;font-size:2.9rem;font-weight:900}[data-area=masthead] article .content p{max-width:46ch}[data-area=masthead] article .content .tags ul{display:flex}.button::scroll-button(left){background-color:#5a5e5d}