.journal-opening{position:relative;padding-block:25px 42px}
.journal-opening-top{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:32px}
.journal-opening-top>.eyebrow{margin:0;font-size:10px}.journal-opening-top .eyebrow>span{color:var(--orange);margin-left:12px}
.journal-opening-top>a{font-size:12px;display:flex;align-items:center;gap:18px}.journal-opening-top>a>span{color:var(--orange)}
.journal-opening-grid{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,.88fr) minmax(0,1fr);gap:5%;align-items:center}
.studio-subpage.page-blog .journal-opening h1{font-size:clamp(64px,7.3vw,128px);font-weight:600;letter-spacing:-.075em;line-height:.94;max-width:none;margin:0}
.journal-title-mask{display:block;overflow:hidden;padding-bottom:.16em;margin-bottom:-.16em;max-width:100%}
.journal-title-mask>span{display:block;overflow-wrap:normal}
.studio-subpage.page-blog .journal-opening h1>.journal-title-accent{color:#ff5008}
.journal-opening-aside{padding-top:28px;min-width:0}
.journal-opening-aside>p{color:var(--muted);font-size:clamp(14px,1.05vw,17px);line-height:1.6;max-width:32ch;margin:0}
.journal-browse{display:flex;align-items:center;gap:28px;width:fit-content;font-size:14px;margin-top:20px;padding-top:20px;position:relative}
.journal-browse:before{content:"";position:absolute;top:0;left:0;width:45px;height:1px;background:var(--muted)}
.journal-browse>span{color:#ff5008;font-size:25px;transition:translate .25s}.journal-browse:hover>span{translate:5px}
.journal-opening-mark{display:flex;align-items:center;gap:15px;min-width:0;color:var(--ink)}
.journal-opening-mark svg{width:75%;height:auto;overflow:visible;transform:rotate(var(--journal-mark-angle,0deg))}
.journal-orbit{fill:currentColor;opacity:.055}.journal-opening-mark>span{font-size:10px;line-height:1.9;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}
.journal-opening-mark>span:after{content:"";display:block;width:23px;height:1px;background:currentColor;margin-top:20px}
.page-blog .journal-featured{display:grid;grid-template-columns:minmax(0,2fr) repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,auto);gap:22px;margin-bottom:85px;align-items:stretch}
.page-blog .journal-featured article{min-width:0;overflow:hidden;border-radius:9px;border:1px solid var(--line);background:var(--paper)}
.page-blog .journal-featured article:first-child{grid-row:1/3;grid-column:1;background:#171715;color:#fff}
.page-blog .journal-featured article>a{display:flex;flex-direction:column;height:100%}
.page-blog .journal-featured figure{position:relative;overflow:hidden;margin:0;aspect-ratio:1.9;flex-shrink:0}
.page-blog .journal-featured article:first-child figure{aspect-ratio:1.8}
.page-blog .journal-featured img{display:block;width:100%;height:100%;aspect-ratio:auto;object-fit:cover;transition:transform .65s cubic-bezier(.2,.7,.2,1),filter .4s}
.page-blog .journal-featured a:hover img{transform:scale(1.035);filter:brightness(.96)}
.journal-category{position:absolute;top:18px;left:18px;max-width:calc(100% - 36px);display:flex;align-items:center;gap:9px;padding:9px 13px;border-radius:30px;background:#fafaf7;color:#171715;font-size:9px;font-weight:650;letter-spacing:.06em;line-height:1.3;text-transform:uppercase}
.journal-category:after{content:"";width:6px;height:6px;flex-shrink:0;background:#ff5008;border-radius:50%}
.journal-cover-arrow{position:absolute;top:22px;right:26px;font-size:28px;color:white;text-shadow:0 1px 8px #0008}
.page-blog .journal-featured .journal-featured-copy{display:flex;flex-direction:column;align-items:start;padding:18px;flex:1}
.page-blog .journal-featured article:first-child .journal-featured-copy{padding:clamp(24px,2.1vw,36px)}
.page-blog .journal-featured .journal-featured-meta{margin:0 0 12px;padding:0;font-size:9px;line-height:1.6;color:var(--muted);text-transform:uppercase;letter-spacing:.025em}
.page-blog .journal-featured article:first-child .journal-featured-meta{color:#bbbcb5;opacity:1}
.studio-subpage.page-blog .journal-featured h2{font-size:clamp(19px,1.5vw,27px);line-height:1.17;letter-spacing:-.045em;margin:0 0 17px}
.studio-subpage.page-blog .journal-featured article:first-child h2{font-size:clamp(28px,2.35vw,42px);max-width:27ch;margin-bottom:16px}
.journal-featured-description{font-size:clamp(14px,1vw,17px);line-height:1.6;color:#bdbeb7;max-width:53ch;margin:0 0 24px}
.journal-read{display:flex;align-items:center;gap:22px;margin-top:auto;font-size:12px;font-weight:550;line-height:1.5}
.journal-read>span{color:#ff5008;font-size:23px;transition:translate .25s}.journal-featured article:first-child .journal-read>span{color:inherit}
.journal-featured a:hover .journal-read>span{translate:5px}
.page-blog .journal-featured article>a:focus-visible{outline:3px solid #ff5008;outline-offset:-4px;border-radius:9px}
.page-blog .journal-featured article:focus-within{transform:none!important;opacity:1!important}
@media(max-width:1100px){
 .journal-opening-grid{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:8%}.journal-opening-mark{display:none}
 .page-blog .journal-featured{gap:16px}.journal-category{top:12px;left:12px;font-size:8px;padding:8px 10px;max-width:calc(100% - 24px)}
 .page-blog .journal-featured .journal-featured-copy{padding:16px}
}
@media(max-width:900px){
 .page-blog .journal-featured{grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:auto}
 .page-blog .journal-featured article:first-child{grid-column:1/-1;grid-row:auto}
 .page-blog .journal-featured article:first-child>a{display:grid;grid-template-columns:1fr 1fr}
 .page-blog .journal-featured article:first-child figure{aspect-ratio:auto;min-height:320px}
}
@media(max-width:600px){
 .journal-opening{padding-block:20px 30px}.journal-opening-top{margin-bottom:28px}.journal-opening-top>a{font-size:11px}
 .journal-opening-grid{grid-template-columns:1fr;gap:0}
 .studio-subpage.page-blog .journal-opening h1{font-size:clamp(54px,14.5vw,82px)}
 .journal-opening-aside{padding-top:28px}.journal-opening-aside>p{max-width:42ch;font-size:14px}
 .journal-browse{font-size:13px;margin-top:17px;padding-top:15px}
 .page-blog .journal-featured{grid-template-columns:1fr;gap:24px;margin-bottom:55px}
 .page-blog .journal-featured article:first-child>a{display:flex}
 .page-blog .journal-featured article:first-child figure{aspect-ratio:1.65;min-height:0}
 .page-blog .journal-featured .journal-featured-copy{padding:22px}
 .studio-subpage.page-blog .journal-featured h2{font-size:25px}
 .studio-subpage.page-blog .journal-featured article:first-child h2{font-size:30px}
 .journal-category{font-size:9px;top:16px;left:16px}
}
@media(prefers-reduced-motion:reduce){.journal-opening-mark svg{transform:none!important}.journal-featured img,.journal-read>span,.journal-browse>span{transition:none!important}}
.studio-motion-paused .journal-opening-mark svg{transform:none!important}
/* Narrow phones: category names such as "pozycjonowanie" must fit on one line. */
@media(max-width:360px){.studio-subpage.page-blog .journal-opening h1{font-size:clamp(34px,12vw,44px)}}

/* Długie pojedyncze słowa w tytule kategorii (np. „pozycjonowanie”) nie mieszczą się w 14.5vw na wąskich ekranach. */
@media(max-width:600px){.studio-subpage.page-blog .journal-opening h1.journal-title-long{font-size:clamp(34px,12vw,78px)}}