/* Shared JROH chrome. Page typography and authored compositions stay local. */
@font-face{font-family:"JROH Shell Archivo";src:url("/fonts/study/archivo.woff2") format("woff2");font-weight:400 900;font-display:swap}
@font-face{font-family:"JROH Shell Mono";src:url("/fonts/study/redhatmono.woff2") format("woff2");font-weight:400 700;font-display:swap}
:root{--jroh-header-height:88px;--jroh-gutter:clamp(22px,5.5vw,96px);--jroh-ink:#131719;--jroh-paper:#f6f7f5;--jroh-muted:#aeb6b6}
html{scroll-padding-top:calc(var(--jroh-header-height) + 20px)}
.jroh-page{margin:0}
.jroh-page [hidden]{display:none!important}
.jroh-skip{position:fixed;left:var(--jroh-gutter);top:12px;transform:translateY(-180%);z-index:100;padding:12px 18px;background:var(--jroh-paper);color:var(--jroh-ink);font:500 14px/1.5 "JROH Shell Mono",monospace;text-decoration:none}
.jroh-skip:focus{transform:translateY(0)}
.jroh-header,.jroh-footer{box-sizing:border-box;font-family:"JROH Shell Mono",monospace;font-weight:400;letter-spacing:normal;line-height:1.5}
.jroh-header a,.jroh-header button,.jroh-header summary,.jroh-footer a{color:inherit;text-decoration:none}
.jroh-header a:focus-visible,.jroh-header button:focus-visible,.jroh-header summary:focus-visible,.jroh-footer a:focus-visible{outline:2px solid #3aa39f;outline-offset:5px}
.site-header.jroh-header{position:fixed;inset:0 0 auto;z-index:50;display:block;min-height:0;padding:0 var(--jroh-gutter);background:rgba(19,23,25,.97);color:var(--jroh-paper);border-bottom:1px solid #ffffff14;transition:background .18s,color .18s}
.jroh-header__inner{max-width:1600px;margin:0 auto;min-height:88px;display:flex;align-items:center;gap:28px}
.jroh-brand{display:inline-flex;align-items:center;flex-shrink:0;min-height:44px}
.jroh-brand svg{display:block;width:100px;height:auto;overflow:visible}
.jroh-signature{font-size:10px;letter-spacing:.1em;color:var(--jroh-muted)!important;white-space:nowrap}
.jroh-navigation{display:flex;align-items:center;gap:28px;margin-left:auto}
.jroh-primary{display:flex;align-items:center;gap:28px}
.jroh-primary>a,.jroh-projects>summary{min-height:44px;display:inline-flex;align-items:center;gap:10px;font-size:13px;white-space:nowrap}
.jroh-primary>a{position:relative}
.jroh-primary>a::after{content:"";height:2px;position:absolute;bottom:3px;left:0;right:0;background:#ff5722;transform:scaleX(0);transform-origin:left;transition:transform .16s}
.jroh-primary>a[href="/tech/"]::after{background:#3aa39f}
.jroh-primary>a:hover::after,.jroh-primary>a[aria-current]::after{transform:scaleX(1)}
.jroh-contact{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:44px;padding:8px 20px;border:1px solid #aeb6b6;border-radius:28px;font:500 13px/1.4 "JROH Shell Mono",monospace;white-space:nowrap;transition:background .16s,border-color .16s}
.jroh-contact:hover,.jroh-contact[aria-current]{border-color:#ff5722;background:#ff572215}
.jroh-projects{position:relative}
.jroh-projects>summary{cursor:pointer;list-style:none}
.jroh-projects>summary::-webkit-details-marker{display:none}
.jroh-projects[open]>summary>span{transform:rotate(45deg)}
.jroh-projects__list{position:absolute;top:calc(100% + 16px);right:0;width:310px;padding:22px;background:var(--jroh-paper);color:var(--jroh-ink);border:1px solid #13171920;box-shadow:0 18px 35px #0002}
.jroh-projects__label{margin:0 0 8px;font-size:10px;letter-spacing:.1em;color:#515959}
.jroh-projects__list>a{display:grid;grid-template-columns:8px 1fr 18px;align-items:center;gap:13px;padding:15px 0;border-bottom:1px solid #1317191a;font-size:17px}
.jroh-projects__list>a:last-child{border-bottom:0;padding-bottom:2px}
.jroh-projects__list strong{display:block;font:600 17px/1.4 "JROH Shell Archivo",sans-serif}
.jroh-projects__list small{display:block;margin-top:3px;color:#515959;font-size:11px}
.jroh-projects__list>a:hover strong{text-decoration:underline;text-underline-offset:4px}
.jroh-project-dot{width:6px;height:6px;border-radius:50%;background:#ff5722}
.jroh-project-dot--tech{background:#3aa39f}
.jroh-menu-toggle{display:none}
.jroh-page--editorial .jroh-header,.jroh-page.on-paper .jroh-header{background:rgba(246,247,245,.97);color:var(--jroh-ink);border-color:#1317191a}
.jroh-page--editorial .jroh-signature,.jroh-page.on-paper .jroh-signature{color:#515959!important}
.jroh-page--editorial .jroh-contact,.jroh-page.on-paper .jroh-contact{border-color:#515959}
.jroh-page--editorial{background:var(--jroh-paper)}
.jroh-page--editorial .site-shell{box-sizing:border-box;max-width:1560px;margin:0 auto;padding:calc(var(--jroh-header-height) + 56px) var(--jroh-gutter) 70px;border-radius:0;overflow:visible;background:transparent}
.jroh-page--editorial .site-shell main{scroll-margin-top:0}
.jroh-page--contact main{padding-top:var(--jroh-header-height)}
.jroh-page--contact .hero{padding-top:76px}
.jroh-local-nav{display:flex;gap:10px 24px;flex-wrap:wrap;margin-top:32px}
.jroh-local-nav a{display:inline-flex;align-items:center;min-height:40px;font-size:12px;text-underline-offset:5px}
.jroh-local-nav a:hover{color:#fff}
.jroh-footer{position:relative;z-index:3;display:block;width:100%;padding:74px var(--jroh-gutter) 28px;margin:0;background:var(--jroh-ink);color:var(--jroh-paper);border-top:1px solid #ffffff26}
.jroh-footer__inner{max-width:1600px;margin:0 auto;display:grid;grid-template-columns:1.7fr 1fr 1.1fr 1.1fr;column-gap:44px;row-gap:52px}
.jroh-footer .jroh-brand--large svg{width:144px}
.jroh-footer__identity>p{margin:19px 0 22px;color:#c0c6c5;font:400 16px/1.55 "JROH Shell Archivo",sans-serif}
.jroh-footer .jroh-footer__email{font-size:13px;white-space:nowrap}
.jroh-footer__column{display:flex;align-items:flex-start;flex-direction:column;gap:3px}
.jroh-footer .jroh-footer__column h2{margin:9px 0 15px;color:#adb6b5;font:400 10px/1.5 "JROH Shell Mono",monospace;letter-spacing:.1em;text-wrap:initial}
.jroh-footer__column a{display:inline-flex;align-items:center;gap:10px;min-height:36px;font-size:13px}
.jroh-footer a:hover{text-decoration:underline;text-underline-offset:5px}
.jroh-footer__bottom{grid-column:1/-1;border-top:1px solid #ffffff26;padding-top:22px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#aeb6b6;font-size:10px}
.jroh-footer__bottom small{font-size:inherit}
.jroh-footer__bottom>span{letter-spacing:.1em}
.jroh-footer__bottom>a{padding:8px 0;font-size:11px}
@media(max-width:1100px){.jroh-signature{display:none}.jroh-header__inner{gap:26px}.jroh-footer__inner{column-gap:26px;grid-template-columns:1.4fr 1fr 1.1fr 1.1fr}}
@media(max-width:800px){
 :root{--jroh-header-height:76px}
 .site-header.jroh-header:not([data-enhanced]){position:relative}
 .jroh-header__inner{min-height:76px;padding-block:16px;column-gap:20px;row-gap:0;flex-wrap:wrap}
 .jroh-header[data-menu-open]{background:var(--jroh-ink)}
 .jroh-page--editorial .jroh-header[data-menu-open],.jroh-page.on-paper .jroh-header[data-menu-open]{background:var(--jroh-paper)}
 .jroh-header .jroh-brand svg{width:86px}
 .jroh-contact{margin-left:auto;min-height:42px;padding:8px 16px;gap:14px;font-size:12px}
 .jroh-header[data-enhanced] .jroh-menu-toggle{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:0;background:none;border:0;color:inherit;font:400 12px/1.5 "JROH Shell Mono",monospace;cursor:pointer;text-decoration:none;margin-left:auto}
 .jroh-header[data-enhanced] .jroh-contact{margin-left:0}
 .jroh-menu-symbol{font-size:21px;font-weight:400;line-height:1}
 .jroh-header .jroh-navigation{order:4;flex-basis:100%;margin:0;display:flex;flex-direction:column;align-items:stretch;gap:20px;max-height:calc(100dvh - 100px);overflow-y:auto;padding:8px 0 24px}
 .jroh-header[data-enhanced] .jroh-navigation{display:none}
 .jroh-header[data-menu-open] .jroh-navigation{display:flex}
 .jroh-primary{flex-direction:column;align-items:stretch;gap:0}
 .jroh-primary>a{font:600 29px/1.3 "JROH Shell Archivo",sans-serif;padding:14px 0;border-bottom:1px solid #8885;min-height:62px}
 .jroh-primary>a::after{right:auto;width:30px;bottom:8px}
 .jroh-projects>summary{font-size:13px;justify-content:space-between;display:flex}
 .jroh-projects__list{position:static;width:auto;margin-top:12px;box-shadow:none}
 .jroh-page--editorial .site-shell{padding-top:calc(var(--jroh-header-height) + 36px)}
 .jroh-footer{padding-top:52px}
 .jroh-footer__inner{grid-template-columns:1fr 1fr;column-gap:30px;row-gap:30px}
 .jroh-footer__identity{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:0 30px;margin-bottom:8px}
 .jroh-footer__identity>p{grid-column:2;grid-row:1/3;margin:0}
 .jroh-footer__email{grid-column:1}
 .jroh-footer__column:last-of-type{grid-column:1/-1;display:flex;flex-direction:row;flex-wrap:wrap;gap:0 24px}
 .jroh-footer__column:last-of-type h2{width:100%;margin-bottom:8px}
 .jroh-footer__bottom{flex-wrap:wrap;gap:12px}
 .jroh-footer__bottom>span{display:none}
 .jroh-page--contact .hero{padding-top:48px}
}
@media(max-width:380px){
 .jroh-header__inner{gap:15px}
 .jroh-contact{padding-inline:12px;gap:8px}
 .jroh-header .jroh-brand svg{width:78px}
 .jroh-footer__identity{grid-template-columns:1fr}
 .jroh-footer__identity>p{grid-column:1;grid-row:auto;margin:12px 0}
 .jroh-footer__inner{column-gap:22px}
 .jroh-footer__column a{font-size:12px}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.jroh-header,.jroh-header *{transition:none!important}}
html[data-reduced]{scroll-behavior:auto}