.single-writer{padding-top:var(--top-spacing-big)}.single-writer .section-grid{gap:clamp(3.75rem,12.429vw - 4.29rem,10.625rem);display:grid}.single-writer .section-grid .writer-details{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.single-writer .section-grid .writer-details .writer-image{aspect-ratio:1;border-radius:50%;width:clamp(6.25rem,5.128vw + 5.096rem,11.25rem);height:clamp(6.25rem,5.128vw + 5.096rem,11.25rem);position:relative}.single-writer .section-grid .writer-details .writer-image img{border-radius:50%;width:100%;height:100%}.single-writer .section-grid .writer-details .writer-image:before{content:"";border:1px solid var(--clr-accent);border-radius:50%;position:absolute;inset:-5px}.single-writer .section-grid .writer-details .writer-info .name{color:var(--clr-primary);flex-direction:column;align-items:flex-start;margin-bottom:5px;display:flex}.single-writer .section-grid .writer-details .writer-info .occupation{letter-spacing:normal;color:var(--clr-secondary);font-size:16px;font-weight:300;line-height:24px}.single-writer .section-grid .writer-details .writer-text{width:100%;color:var(--clr-secondary);flex-grow:1}.single-writer .section-grid .writer-details .writer-text .socials-list{color:var(--clr-primary);align-items:center;gap:15px;display:flex}.single-writer .section-grid .articles-grid>:not(:last-child){margin-bottom:var(--global-grid-gap)}@media (width>=1035px){.single-writer .section-grid{grid-template-columns:fit-content(100%) 1fr;justify-content:space-between;align-items:start}.single-writer .section-grid .writer-details{max-width:clamp(25rem,13.559vw + 16.229rem,32.5rem);top:calc(var(--header-height-scrolled) + var(--top-spacing));border-left:1px solid var(--clr-border);border-bottom:1px solid var(--clr-border);padding-bottom:40px;padding-left:40px;position:sticky}.single-writer .section-grid .writer-details .writer-text .socials-list{margin-top:40px}}@media (width<=1034px){.single-writer .section-grid{grid-template-columns:1fr}.single-writer .section-grid .writer-details .writer-info{margin-block:auto}.single-writer .section-grid .writer-details .writer-info .name{max-width:180px}.single-writer .section-grid .writer-details .writer-text .socials-list{margin-top:30px}}@media (width<=1034px) and (width>=576px){.single-writer .writer-details,.single-writer .writer-articles-list{grid-column:span 2}}
