.opening-mark{width:48px;height:48px;flex:0 0 48px;background:var(--orange);mask:url(/assets/spark-mark.svg) center/contain no-repeat}.opening-book{background:var(--ink);color:var(--paper)}.opening-nav{max-width:var(--max);margin:auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px 5vw;flex-wrap:wrap}.opening-nav a{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline}.opening-page{max-width:var(--max);min-height:660px;margin:auto;padding:48px 5vw;display:grid;grid-template-columns:41% 55%;gap:24px 4%;align-items:center;border-top:1px solid #ffffff20}.opening-page header{grid-column:1/-1;display:flex;gap:16px;align-items:center}.opening-page small{display:block;color:var(--air);font-size:1rem}.page-number{margin-left:auto;color:var(--orange)}.opening-copy h2{font:400 clamp(2.4rem,4vw,4.5rem)/1.08 'Source Serif 4',Georgia,serif;letter-spacing:-.025em;overflow-wrap:anywhere}.opening-copy>p:not(.eyebrow){font-size:1.25rem;line-height:1.7;color:var(--paper)}.opening-copy .eyebrow{color:var(--orange);font-size:1rem}.opening-page picture{display:block;mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent),linear-gradient(0deg,transparent,#000 9%,#000 91%,transparent);mask-composite:intersect}.opening-page picture img{width:100%;height:auto;display:block}.opening-end{padding:32px 5vw;text-align:center;font-size:1.3rem}@media(max-width:600px){.opening-nav{padding:16px 24px}.opening-nav>span{display:none}.opening-page{padding:32px 24px;display:flex;flex-direction:column;align-items:stretch;gap:24px;min-height:0}.opening-page picture{order:1}.opening-copy{order:2}.opening-page header{order:0}.opening-copy h2{font-size:2.5rem}.opening-copy>p:not(.eyebrow){font-size:1.125rem}}