/* Motion only: keep the approved typography, composition and palette. */
.nav nav a{position:relative;padding:8px 0}
.nav nav a:after{content:'';position:absolute;bottom:2px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .35s ease}
.nav nav a:hover:after,.nav nav a:focus-visible:after{transform:scaleX(1)}
.motion-enabled .landscape{will-change:transform;transform:translate3d(0,var(--landscape-y,0px),0) scale(1.035);transform-origin:center}
.motion-enabled .paper-art{transform:rotate(var(--paper-angle,0deg));transition:box-shadow .45s ease;will-change:transform}
.motion-enabled .asterisk{display:block;width:fit-content;transform:rotate(var(--star-angle,0deg))}
.motion-enabled .principles article{transition:transform .4s cubic-bezier(.2,.7,.2,1)}
@media(hover:hover){.motion-enabled .principles article:hover{transform:translateY(-6px)}}
@media(prefers-reduced-motion:reduce){.nav nav a:after,.motion-enabled .principles article{transition:none}.motion-enabled .landscape,.motion-enabled .paper-art,.motion-enabled .asterisk{transform:none!important;will-change:auto}}
/* Optical distortion is scoped to the existing italic words. */
em.italic-distortion:after{display:none}
.italic-distortion .italic-ink{position:relative;display:inline-block}
.italic-distortion .italic-slice{position:absolute;inset:0;pointer-events:none;user-select:none;white-space:nowrap;clip-path:polygon(0 45%,100% 45%,100% 59%,0 59%);transform:translateX(2px);opacity:.7}
.italic-distortion .italic-trail{clip-path:polygon(0 61%,100% 61%,100% 65%,0 65%);transform:translateX(4px);opacity:.24}
.distortion-filters{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}
@media(prefers-reduced-motion:reduce){.italic-distortion .italic-ink{filter:none!important}.italic-distortion .italic-slice{display:none}}