.about-journal{display:flex;align-items:center;gap:28px;margin-top:24px;padding:26px 32px;border:1px solid var(--line);border-radius:24px;background:var(--surface);position:relative;overflow:hidden;transition:box-shadow .3s,border-color .3s}.about-journal:hover{border-color:var(--rose);box-shadow:0 15px 35px #0071e310}.journal-notebook{position:relative;flex:0 0 76px;width:76px;height:96px;background:var(--paper);border:1px solid var(--line);border-radius:4px 10px 10px 4px;box-shadow:3px 3px 0 var(--paper-2),5px 5px 0 var(--line);perspective:500px;rotate:-7deg}.journal-cover{position:absolute;inset:0;padding:13px 15px 10px 20px;background:linear-gradient(130deg,#238beb,#005ab9);border-radius:4px 9px 9px 4px;border-left:6px solid #004d99;color:white;transform-origin:left;transition:transform .4s ease}.journal-cover>span{font-size:19px;font-weight:700;letter-spacing:-.05em;display:block;margin-bottom:12px}.journal-cover i{display:block;height:1px;background:#ffffff66;margin:7px 0}.journal-cover i:last-child{width:65%}.about-journal:hover .journal-cover{transform:rotateY(-22deg)}.journal-copy{display:flex;flex-direction:column;gap:10px;flex:1;min-width:0}.journal-copy .kicker{font-size:10px;letter-spacing:.16em;color:var(--rose)}.journal-title{font-size:clamp(24px,3vw,34px);font-weight:600;letter-spacing:-.04em;line-height:1.15}.journal-description{color:var(--subtle);font-size:15px;line-height:1.55}.journal-arrow{font-size:28px;color:var(--rose);transition:translate .25s}.about-journal:hover .journal-arrow{translate:3px -3px}.about-journal:focus-visible{outline:2px solid var(--rose);outline-offset:5px}@media(max-width:600px){.about-journal{padding:23px 20px;gap:20px}.journal-notebook{flex-basis:55px;width:55px;height:75px}.journal-cover{padding:10px 9px;border-left-width:4px}.journal-cover>span{font-size:16px;margin-bottom:8px}.journal-description{font-size:13px}.journal-arrow{font-size:22px}.journal-copy{gap:8px}}@media(prefers-reduced-motion:reduce){.about-journal,.journal-cover,.journal-arrow{transition:none}.about-journal:hover .journal-cover{transform:none}}.motion-paused .journal-cover{transform:none!important;transition:none}