.section-single-media{margin-top:calc(var(--header-height) + var(--s-48));padding-bottom:var(--s-96);@media (max-width:992px){margin-top:calc(var(--header-height) + var(--s-16));padding-bottom:var(--s-64)}.media-post-top{display:grid;grid-template-columns:18.75rem 1fr;align-items:stretch;gap:var(--s-104);margin:0 0 var(--s-48);@media (max-width:992px){grid-template-columns:1fr;gap:var(--s-16)}}.media-nav-back{margin-bottom:var(--s-40);@media (max-width:992px){margin-bottom:0}.back-link{display:inline-flex;align-items:center;gap:var(--s-8);font-family:var(--f-mono);font-size:var(--s-15);color:rgba(0,0,0,.4);text-decoration:none;transition:color var(--transition-fast) ease;&:hover{color:var(--c-text);.back-link-icon{transform:scaleX(-1) translateX(.25rem)}}}.back-link-icon{width:var(--s-16);height:var(--s-16);fill:currentColor;transform:scaleX(-1);transition:transform var(--transition-fast) ease}}.media-meta-header{.media-meta-terms{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-start;justify-content:flex-start;gap:var(--s-8);margin-bottom:var(--s-8);font-size:var(--s-15)}.media-meta-term{font-family:var(--f-mono);letter-spacing:-.02em;color:var(--c-text);transition:color var(--transition-fast) ease;&:hover{color:var(--c-accent)}&:not(:last-child):after{content:"•";margin-left:var(--s-8);color:rgba(0,0,0,.2);display:inline-block;pointer-events:none}}.media-meta-date{font-family:var(--f-mono);font-size:var(--s-15);letter-spacing:-.02em;color:#a0a0a0;margin-bottom:var(--s-16)}.media-title{max-width:40rem}.media-author-box{display:flex;flex-direction:row;align-items:center;justify-content:center;width:fit-content;gap:var(--s-12);margin:var(--s-24) 0 0;.author-avatar-img{width:var(--s-48);height:var(--s-48);border-radius:50%;object-fit:cover;display:block}.author-info-text{font-family:var(--f-mono);font-size:var(--s-14);color:#a0a0a0;letter-spacing:-.02em}.author-info-name{text-decoration:underline;text-underline-offset:.125rem;transition:color var(--transition-fast) ease;color:var(--c-text);&:hover{color:var(--c-accent)}}}}.media-featured-image-container{width:100%;margin-bottom:var(--s-104);overflow:hidden;@media (max-width:576px){margin-left:calc(var(--s-16)*-1);margin-right:calc(var(--s-16)*-1);width:calc(100% + var(--s-32));margin-bottom:var(--s-64)}.media-featured-image-img{width:100%;height:auto;max-height:70vh;object-fit:cover;display:block}}.share-container{@media (max-width:992px){display:none}}.share-buttons-row{display:flex;flex-direction:row;align-items:center;gap:var(--s-8)}.share-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;width:var(--s-44);height:var(--s-44);border-radius:50%;background-color:var(--c-white);color:var(--c-text);border:none;cursor:pointer;transition:background-color var(--transition-fast) ease,color var(--transition-fast) ease;.share-btn-icon{width:var(--s-20);height:var(--s-20)}&:hover{color:var(--c-text)}&.is-copied,&:hover{background-color:var(--c-accent)}}.share-copied{position:absolute;bottom:calc(100% + var(--s-8));left:50%;transform:translateX(-50%) translateY(4px);padding:var(--s-4) var(--s-8);border-radius:4px;background:#2b2b2b;color:#fff;font-family:var(--f-mono);font-size:var(--s-12);line-height:1;white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--transition-fast) ease,transform var(--transition-fast) ease}.share-btn.is-copied .share-copied{opacity:1;transform:translateX(-50%) translateY(0)}.media-post-bottom{display:flex;flex-direction:row;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:var(--s-24);margin-top:var(--s-64);padding:var(--s-24) var(--s-32);background:#f4f4f4;@media (max-width:576px){padding:var(--s-20) var(--s-16);gap:var(--s-16)}}.media-post-author{display:flex;align-items:center;gap:var(--s-12);.author-avatar-img{width:var(--s-44);height:var(--s-44);border-radius:50%;object-fit:cover;display:block}}.media-post-author-text,.media-post-share-label{font-family:var(--f-mono);font-size:var(--s-14);color:#a0a0a0;letter-spacing:-.02em}.media-post-author-name{color:var(--c-text);text-decoration:underline;text-underline-offset:.125rem;transition:color var(--transition-fast) ease;&:hover{text-decoration:none}}.media-post-share{display:flex;align-items:center;gap:var(--s-16)}}