.journal-cover{position:relative;isolation:isolate;container-type:inline-size;aspect-ratio:1.52;overflow:clip;background:var(--accent-soft);border-radius:var(--radius-card)}.journal-cover .poster-painting{position:absolute;top:0;right:0;bottom:0;left:0;display:block;width:100%;height:100%;object-fit:cover;object-position:35% center}.poster-shade{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(0deg,#101312,color-mix(in oklab,#101312 78%,transparent) 8%,transparent 56%)}.poster-brand{position:absolute;left:5%;top:6%;display:flex;align-items:center;gap:7px;padding:7px 11px 7px 7px;border-radius:9px;color:var(--fg);background:var(--surface-1);box-shadow:var(--shadow-e1);font-size:clamp(10px,3cqi,16px)}.poster-brand svg{width:clamp(17px,5cqi,26px);height:auto}.poster-screen{position:absolute;width:33%;top:9%;right:8%;max-height:81%;overflow:clip;border-radius:8px;border:1px solid var(--hairline);background:var(--surface-2);box-shadow:3px 4px 0 var(--surface-1),4px 5px 0 var(--hairline),var(--shadow-e3);transform:perspective(900px) rotateY(-9deg) rotate(7deg);transition:transform .45s var(--ease-out-soft)}.poster-screen img{width:100%;height:auto;display:block}.poster-screen-label{position:absolute;right:4%;bottom:17%;display:inline-flex;align-items:center;gap:5px;padding:6px 9px;background:var(--surface-1);color:var(--accent);box-shadow:var(--shadow-e1);font-size:clamp(8px,2.5cqi,13px);font-weight:600;border-radius:6px;transform:rotate(5deg)}.poster-caption{position:absolute;inset:auto 43% 7% 5%;display:grid;gap:6px;color:#fff}.poster-caption strong{display:block;max-width:14ch;font-size:clamp(17px,5.6cqi,36px);line-height:1.06;letter-spacing:-.035em;text-wrap:balance}.poster-tags{font-size:clamp(9px,2.2cqi,13px);font-weight:500;line-height:1.4}.poster-mascot{position:absolute;width:14%;bottom:22%;left:48%;transform:rotate(-10deg)}.poster-arrow{position:absolute;right:5%;bottom:7%;display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--hairline);color:#fff;border-radius:50%}.poster-desktop{position:absolute;left:5%;top:35%;width:59%;border-radius:7px;overflow:clip;border:1px solid var(--hairline);box-shadow:var(--shadow-e3);transform:perspective(900px) rotateY(8deg) rotate(-5deg)}.poster-desktop img{display:block;width:100%;height:auto}.journal-cover:has(.poster-desktop) .poster-caption{padding-block-start:10%;inset-inline:0;inset-block-end:0;padding-inline:5% 43%;padding-block-end:7%;background:linear-gradient(0deg,#101312 15%,transparent)}.journal-cover{min-width:0;width:100%}.poster-brand>img{width:clamp(17px,5cqi,26px);height:auto}