@layer quartz-base{.featured{flex-direction:column;display:flex}.feat{border-top:1px solid var(--rule);grid-template-columns:repeat(12,minmax(0,1fr));align-items:center;gap:32px 24px;padding:clamp(64px,12vh,140px) 0;display:grid}.feat:first-child{border-top:0}.feat .feat-text{flex-direction:column;grid-column:1/span 5;gap:18px;display:flex}.feat .feat-art{flex-direction:column;grid-column:7/span 6;gap:10px;margin:0;display:flex}.feat.flip .feat-text{order:2;grid-column:8/span 5}.feat.flip .feat-art{order:1;grid-column:1/span 6}.feat .num{color:var(--gray);font-size:12px}.feat .feat-title{letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(30px,3.8vw,54px);font-weight:300;line-height:1.05}.feat .feat-title a{color:var(--dark)}.feat .feat-title a:hover{color:var(--secondary)}.feat .feat-effect{color:var(--darkgray);max-width:40ch;margin:0;font-size:19px;line-height:1.5}.feat .enter{color:var(--dark);border-bottom:1px solid var(--gray);align-self:flex-start;margin-top:8px;padding-bottom:2px;font-size:14px}.feat .enter:hover{color:var(--secondary);border-color:var(--secondary)}.feat .enter:after{content:"→";color:var(--gray);margin-left:8px}.feat img{width:100%;height:auto;display:block}.feat.image:first-child .feat-art img{align-self:center;width:auto;max-width:100%;max-height:78vh}.feat figcaption{color:var(--gray);font-size:12px}.feat .excerpt{border-left:1px solid var(--dark);color:var(--dark);white-space:pre-line;margin:0;padding:0 0 0 22px;font-size:clamp(18px,1.6vw,22px);font-weight:300;line-height:1.5}.feat .excerpt.mono{color:var(--darkgray);border-left-color:var(--lightgray);font-size:13px;line-height:1.7}@media (max-width:860px){.feat,.feat.flip{grid-template-columns:1fr;padding:56px 0}.feat .feat-text,.feat.flip .feat-text{order:1;grid-column:1}.feat .feat-art,.feat.flip .feat-art{order:2;grid-column:1}.feat.image:first-child .feat-art img{max-height:70vh}}}