/* Shared public navigation sizing. */
:root{--nav-type:14px;--nav-arrow:14px;--public-header-height:80px}
.header nav,.header .work-menu summary{font-size:var(--nav-type)}
body.work-page,body.motion-page{padding-top:var(--public-header-height)}
body.work-page>header.reader-toolbar,body.motion-page>header.reader-toolbar{position:fixed;inset:0 0 auto;z-index:20;box-sizing:border-box;height:var(--public-header-height);min-height:0;padding:0 var(--gutter);background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;gap:24px}
body>header.reader-toolbar p,body>header.reader-toolbar .reader-close{font-size:var(--nav-type);font-weight:400;line-height:1.4}
body>header.reader-toolbar nav{gap:24px}
body>header.reader-toolbar .reader-close{margin:0;gap:8px}
body>header.reader-toolbar .reader-close span,.work-arrow,.line-link>span,.private-reel-stills>span,.work-switch .work-arrow{font-size:var(--nav-arrow);line-height:1}
body>header.reader-toolbar .wordmark{font-size:13px;letter-spacing:.18em}
@media(max-width:700px){:root{--nav-type:13px;--nav-arrow:13px;--public-header-height:74px}body>header.reader-toolbar{grid-template-columns:1fr auto!important;gap:12px!important}body>header.reader-toolbar>p{display:none}body>header.reader-toolbar nav{gap:14px}body>header.reader-toolbar .wordmark{font-size:12px;letter-spacing:.1em}body>header.reader-toolbar .reader-close{gap:5px}}
@media(max-height:550px) and (orientation:landscape){:root{--public-header-height:56px}}

/* One arrow treatment for the homepage and all instrument pages. */
.instrument-link>span,.instrument-links a>span,.iris-next>span:last-child,.line-link>span,.work-arrow{font-family:Geist,Arial,sans-serif;font-size:var(--nav-arrow);font-weight:400;line-height:1}

:root{--brand-red:#ff493d;--brand-green:#59ee79}
.header .work-menu>summary>span,.instrument-link>span,.instrument-links a>span{color:var(--brand-green)}
.line-link:hover>span{color:var(--brand-green)}
.dot{color:var(--brand-red)}.underscore{color:var(--brand-green)}

/* Instrument contact links keep their underline and geometry on hover. */
.iris-copy .line-link:hover{color:inherit;border-bottom-width:1px;padding-bottom:12px}
.iris-copy .line-link:hover>span{color:var(--brand-green)}