/* Requested folded book tab, isolated to the existing company homepage.
   Keep the static vertical position after the header: its mobile height can
   grow when navigation wraps or text scales. Reserve hero space below the fold. */
.book-corner { --book-yellow:#fff200; position:absolute; right:0; top:auto; z-index:3; width:114px; min-height:104px; padding:18px 12px 28px; background:var(--book-yellow); color:var(--ink); text-decoration:none; text-align:center; display:flex; flex-direction:column; justify-content:center; border-bottom:0; clip-path:polygon(0 0,100% 0,100% 100%,22px 100%,0 calc(100% - 22px)); }
.book-corner::after { content:''; position:absolute; left:0; bottom:0; width:22px; height:22px; background:var(--paper); clip-path:polygon(0 0,100% 0,100% 100%); }
.book-corner strong { font:800 15px/1.15 var(--font-display); letter-spacing:.035em; }
.book-corner span { margin-top:7px; font:600 12px/1.1 var(--font-body); }
.book-corner:hover { color:var(--ink); text-decoration:underline; text-underline-offset:3px; }
.book-corner:focus-visible { outline:3px solid var(--ink); outline-offset:-5px; }
@media(max-width:760px) { .book-corner { top:auto; width:88px; min-height:92px; padding:12px 8px 26px; } .book-corner + main .hero { padding-top:112px; } .book-corner strong{font-size:12px} .book-corner span{font-size:11px} }