/* Images added through portfolioProjects always fill their project thumbnail. */
.clean-project-thumb img { width: 100%; height: 100%; object-fit: cover; border-radius: inherit; }
.clean-project[role="button"] { cursor: pointer; }
.clean-project[role="button"]:focus-visible { outline: 2px solid #d4af37; outline-offset: 3px; }

/* Social content gallery generated from socialContentProjects. */
.social-content { background: radial-gradient(circle at 50% 30%, rgba(212,175,55,.08), transparent 45%); }
.social-content-grid { display: grid; grid-template-columns: repeat(4, minmax(0,1fr)); gap: 16px; }
.social-content-card { position: relative; aspect-ratio: 9 / 16; overflow: hidden; padding: 0; border: 1px solid rgba(212,175,55,.25); border-radius: 16px; background: linear-gradient(145deg,#171717,#0d0d0d); color: #fff; text-align: left; cursor: pointer; transition: transform .35s, border-color .35s, box-shadow .35s; }
.social-content-card:hover { transform: translateY(-8px); border-color: #d4af37; box-shadow: 0 22px 45px rgba(0,0,0,.4),0 0 24px rgba(212,175,55,.13); }.social-content-card img { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; transition: transform .6s; }.social-content-card:hover img { transform: scale(1.06); }.social-content-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.84),transparent 58%); }.social-content-placeholder { display:grid; place-items:center; position:absolute; inset:0; color:#d4af37; font-size:1.2rem; letter-spacing:.13em; background:repeating-linear-gradient(135deg,rgba(212,175,55,.035) 0 12px,transparent 12px 24px); }.social-content-card .play { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:58px; height:58px; border:1px solid rgba(255,255,255,.75); border-radius:50%; background:rgba(0,0,0,.3); }.social-content-card small,.social-content-card h3 { position:absolute; z-index:1; left:16px; margin:0; }.social-content-card small { bottom:48px; color:#d4af37; font-size:.61rem; letter-spacing:.12em; text-transform:uppercase; }.social-content-card h3 { bottom:18px; font-size:1rem; }.social-content-links { display:flex; justify-content:center; gap:12px; margin-top:38px; }.social-content-link { display:inline-flex; align-items:center; gap:9px; padding:12px 17px; border:1px solid #d4af37; border-radius:100px; color:#f8f6f1; text-decoration:none; font-size:.84rem; transition:.25s; }.social-content-link:hover { background:#d4af37; color:#15120b; box-shadow:0 9px 26px rgba(212,175,55,.23); transform:translateY(-3px); }.social-icon { font-size:1.1rem; }
@media(max-width:760px){.social-content-grid{grid-template-columns:repeat(2,1fr);gap:11px}.social-content-card{border-radius:12px}.social-content-links{flex-wrap:wrap}.social-content-card h3{font-size:.88rem;left:12px}.social-content-card small{left:12px;bottom:42px;font-size:.53rem}}

/* Drzecik Sedno: YouTube editing portfolio. */
.youtube-portfolio { background: radial-gradient(circle at 80% 25%, rgba(212,175,55,.08), transparent 37%); }.youtube-subtitle { max-width: 560px; margin: 19px 0 0; color: var(--muted); }.youtube-projects-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 18px; }.youtube-project-card { position: relative; overflow: hidden; aspect-ratio: 16 / 10; padding: 0; border: 1px solid rgba(212,175,55,.23); border-radius: 15px; background: linear-gradient(145deg,#161616,#0c0c0c); color: #fff; text-align: left; cursor: pointer; transition: transform .32s,border-color .32s,box-shadow .32s; }.youtube-project-card:hover { transform: translateY(-7px); border-color: #d4af37; box-shadow: 0 20px 46px rgba(0,0,0,.42),0 0 25px rgba(212,175,55,.12); }.youtube-project-card img { position:absolute; inset:0; width:100%; height:100%; object-fit:cover; transition:transform .6s; }.youtube-project-card:hover img { transform:scale(1.055); }.youtube-project-card::after { content:""; position:absolute; inset:0; background:linear-gradient(0deg,rgba(0,0,0,.88),transparent 65%); }.youtube-placeholder { display:grid; place-items:center; position:absolute; inset:0; color:#d4af37; background:repeating-linear-gradient(135deg,rgba(212,175,55,.035) 0 12px,transparent 12px 24px); font-size:.72rem; letter-spacing:.15em; }.youtube-project-play { position:absolute; z-index:1; top:50%; left:50%; transform:translate(-50%,-50%); display:grid; place-items:center; width:62px; height:62px; border:1px solid rgba(255,255,255,.8); border-radius:50%; background:rgba(0,0,0,.28); }.youtube-project-card h3 { position:absolute; z-index:1; bottom:19px; left:19px; right:19px; margin:0; font-size:1.12rem; }.youtube-channel-link { display:flex; width:max-content; align-items:center; gap:25px; margin:40px auto 0; padding:14px 20px; border:1px solid #d4af37; border-radius:100px; color:#f8f6f1; text-decoration:none; font-size:.85rem; font-weight:bold; transition:.25s; }.youtube-channel-link:hover { transform:translateY(-3px); background:#d4af37; color:#15120b; box-shadow:0 10px 28px rgba(212,175,55,.22); }.youtube-modal { width:min(1100px,calc(100% - 30px)); padding:34px; border:1px solid rgba(212,175,55,.4); background:#101010; color:#fff; }.youtube-modal::backdrop { background:rgba(0,0,0,.9); backdrop-filter:blur(5px); }.youtube-modal h2 { margin:0 0 20px; font-size:clamp(1.4rem,3vw,2.4rem); }.youtube-player-wrap { aspect-ratio:16 / 9; background:#000; }.youtube-player-wrap iframe { width:100%; height:100%; border:0; }.youtube-modal-close { position:absolute; top:10px; right:13px; border:0; background:transparent; color:#fff; font-size:2rem; cursor:pointer; }
@media(max-width:760px){.youtube-projects-grid{grid-template-columns:1fr;gap:13px}.youtube-project-card{border-radius:12px}.youtube-modal{width:calc(100% - 16px);padding:30px 10px 10px}.youtube-modal h2{padding:0 9px;margin-bottom:13px}.youtube-project-play{width:54px;height:54px}}