/* RECTO access 2026-10-06. Scoped addition, existing brand and navigation retained. */
.recto-access-row{box-sizing:border-box;width:100%;background:#0C0E12;color:#FFFFFF;border-bottom:1px solid #333333}
.recto-access{box-sizing:border-box;display:flex;align-items:center;justify-content:flex-end;gap:4px;max-width:1240px;margin:0 auto;padding:4px clamp(12px,5vw,72px);font:600 13px/1.2 Inter,Arial,sans-serif}
.recto-access .recto-access-item{box-sizing:border-box;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-width:44px;min-height:44px;padding:5px 12px;border:1px solid transparent;border-radius:2px;color:#FFFFFF;background:transparent;text-decoration:none;white-space:nowrap;transition:color .16s,background-color .16s}
.recto-access .recto-access-icon{display:block;flex:none;width:24px;height:24px;color:#009FE3}
.recto-access a:hover{color:#CCFF00;background:#242424}
.recto-access a:hover .recto-access-icon{color:currentColor}
.recto-access a:focus-visible{outline:2px solid #CCFF00;outline-offset:1px;background:#242424;color:#CCFF00}
.recto-access a:active{background:#333333}
.recto-access .recto-access-unavailable{color:#B8B8B8;cursor:default}
.recto-access .recto-access-unavailable .recto-access-icon{color:#B8B8B8}
.recto-access-label{display:flex;flex-direction:column;gap:2px}
.recto-access-label small{font:500 10px/1.2 Inter,Arial,sans-serif;color:#B8B8B8}
/* The compact service header gets a full row before its existing logo and contact. */
header.recto-access-basic{padding-top:0}header.recto-access-basic>.recto-access-row{margin-bottom:22px}
header.recto-access-header{display:flex;flex-wrap:wrap;padding-top:0;row-gap:0}
header.recto-access-header>.recto-access-row{flex:0 0 calc(100% + 10vw);width:calc(100% + 10vw);margin:0 -5vw 22px}
header.recto-access-header .recto-access{padding-inline:5vw}
@media(min-width:721px){html:has(.recto-access-row){scroll-padding-top:190px}}
@media(max-width:720px){.recto-access{padding:4px 12px}.recto-access .recto-access-item{padding-inline:10px}.portfolio-site header#hd nav.links{max-height:calc(100dvh - 162px)!important}header.recto-access-header{padding-bottom:18px}header.recto-access-header>.recto-access-row{margin-bottom:18px}html:has(header.recto-access-header){scroll-padding-top:190px}}
@media(prefers-reduced-motion:reduce){.recto-access .recto-access-item{transition:none}}
@media(forced-colors:active){.recto-access .recto-access-item{border:1px solid LinkText}.recto-access .recto-access-icon{color:currentColor}.recto-access .recto-access-unavailable{color:GrayText;border-color:GrayText}}