.col{position:relative}.col__edge{left:0;top:30rem;width:clamp(48px,5vw,80px);height:60vh;overflow:hidden;z-index:0;opacity:.9}.col__edge img{width:100%;height:100%;object-fit:cover;object-position:top}.col__hero{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);gap:var(--space-5);align-items:end;padding-top:var(--space-5);position:relative;z-index:1}.col__head{display:grid;gap:var(--space-4);padding-bottom:var(--space-5)}.col__title{font-size:clamp(3rem,1rem + 9vw,8rem)}.col__idx{color:var(--ink);font-weight:700}.col__line{color:var(--ink-2);letter-spacing:.14em}.col__collage{position:relative;margin:0;justify-self:end;width:min(100%,22rem)}.col__collage img{width:100%;height:auto;filter:grayscale(1) contrast(1.1);clip-path:var(--tear-both)}.col__freq{left:-40%;bottom:10%;width:90%}.col__note{position:absolute;right:-4%;bottom:-6%;background:var(--paper);padding:.4rem .8rem;clip-path:var(--tear-both);color:var(--ink)}.col__body{position:relative;z-index:1;padding-left:calc(var(--gutter) + 3.5rem)}.col__tools{display:flex;justify-content:space-between;align-items:center;gap:1rem;border-top:1px solid var(--ink);border-bottom:1px solid var(--ink);padding:.25rem 0}.col__sort{flex:0 0 auto}.col__count{font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.12em;padding:var(--space-4) 0}.col__grid{padding-bottom:var(--space-7)}.col__foot{position:relative;height:clamp(160px,22vw,320px);overflow:hidden;margin-top:var(--space-6);background:var(--ink)}.col__foot img{width:100%;height:100%;object-fit:cover;object-position:center 40%;opacity:.9}.col__foot:after{content:"";position:absolute;right:0;top:0;bottom:0;width:28%;background:var(--cobalt);clip-path:polygon(18% 0,100% 0,100% 100%,4% 100%,12% 60%,2% 30%);opacity:.92}.col__zig{left:8%;bottom:-8%;width:24%;transform:rotate(14deg)}.col__quote{z-index:1;position:absolute;left:var(--gutter);bottom:1.2rem;color:var(--paper);font-weight:700;text-transform:uppercase;line-height:1;font-size:var(--text-xl);max-width:8ch}@media (max-width: 800px){.col__edge{display:none}.col__hero{grid-template-columns:1fr}.col__collage{width:60%;justify-self:start}.col__body{padding-left:var(--gutter)}.col__tools{flex-wrap:wrap}}
