/* Readable editorial labels: compact, but not microscopic. */
.site-nav,.menu-toggle,.eyebrow,.hero-services,.proof-strip,.section-link,.frame-number,.frame-label small,.motion-label small,.archive-card__meta small,.journal-date,.service-tags span,.site-footer,.lightbox button,.lightbox p,.gallery-heading p:last-child,.detail-gallery__item span,.media-placeholder,.empty-state{font-size:11px}
.hero-meta,.scroll-cue,.frame-open,.archive-card__open,.journal-image i{font-size:10px}
.text-link{font-size:11px}
.journal-card>strong,.archive-card__meta strong,.frame-label strong{min-width:0;overflow-wrap:anywhere}
.detail-title{right:var(--page)}.detail-title h1,.template-journal-entry .detail-title h1{overflow-wrap:anywhere;white-space:normal}
.skip-link{background:var(--paper);color:var(--ink);font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace;left:var(--page);padding:12px 16px;position:fixed;top:10px;transform:translateY(-160%);transition:transform .18s;z-index:100}
.skip-link:focus{transform:none}
.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}
:where(a,button,input,select,textarea,[tabindex]):focus-visible{outline:2px solid var(--blue);outline-offset:4px}
.hero-dot{background:transparent;height:24px;position:relative;transform:none;width:24px}
.hero-dot::after{background:rgba(244,244,240,.42);border-radius:50%;content:"";height:6px;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);transition:background .25s,transform .25s;width:6px}
.hero-dot.is-active{background:transparent;transform:none}.hero-dot.is-active::after{background:var(--paper);transform:translate(-50%,-50%) scale(1.25)}
.lightbox-open{overflow:hidden}
.lightbox button,.legal-dialog__close{min-height:44px;min-width:44px}
@media(max-width:700px){.wordmark{font-size:11px}.hero-dot{height:32px;width:32px}.hero-dot::after{height:7px;width:7px}.hero-caption__open{align-items:center;display:inline-flex;min-height:44px}.site-footer{font-size:10px}.footer-links a{align-items:center;display:inline-flex;min-height:44px}}
@media(max-width:720px),(max-height:620px){.hero-content,.hero-caption{overflow-wrap:anywhere}.journal-card,.journal-card>strong,.archive-card__meta,.archive-card__meta strong{min-width:0;overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}
