/* Hallmark · component refinement · theme: zzz light exhibition · genre: editorial · v2.0.0 */
/* Hallmark · critique: a steady frosted button and a quiet index that opens as one panel. */
:root{--rail-marker:rgba(100,112,111,.32);--rail-current:#607b9e}
@media(min-width:701px) and (hover:hover) and (pointer:fine){
 body .intro-description .detailed-portfolio.glass-action:not(:disabled):hover{background:var(--portfolio-action-base)}
 .section-rail .rail-links{width:196px;padding:var(--space-sm);gap:var(--space-2xs)}
 .section-rail .rail-links a{justify-content:flex-end;gap:var(--space-md);min-height:42px;text-align:right;color:var(--muted);background:var(--transparent)}
 .section-rail .rail-links a::after{content:'';flex:none;width:12px;height:2px;border-radius:99px;background:var(--rail-marker);transition:background-color var(--dur-short) var(--interaction-ease),transform var(--dur-short) var(--interaction-ease)}
 .section-rail .rail-links a[aria-current]::before{content:none}
 .section-rail .rail-links a:hover,.section-rail .rail-links a[aria-current]{color:var(--ink);background:var(--transparent)}
 .section-rail .rail-links a:hover::after,.section-rail .rail-links a[aria-current]::after{background:var(--rail-current);transform:scaleX(1.35)}
 .section-rail .rail-links a:active::after{transform:scaleX(1)}
 .section-rail .rail-links a:focus-visible,.section-rail .rail-toggle:focus-visible{outline:2px solid var(--color-focus);outline-offset:3px}
 .section-rail .rail-toggle:not([hidden]){height:150px}
 .section-rail .rail-toggle::before{inset:0;background:repeating-linear-gradient(to bottom,transparent 0 14px,var(--rail-marker) 14px 16px,transparent 16px 30px) center / 12px 150px no-repeat;border:0;box-shadow:none;backdrop-filter:none;border-radius:0}
 .section-rail .rail-toggle svg{opacity:0}
 .section-rail .rail-toggle::after{content:'';display:block;position:absolute;right:6px;top:15px;width:12px;height:2px;border-radius:2px;background:var(--rail-current);opacity:1;transform:translateY(-50%);transition:transform var(--dur-short) var(--interaction-ease),opacity var(--dur-short) var(--interaction-ease)}
 .section-rail:has(a[href="#photos"][aria-current]) .rail-toggle::after{transform:translateY(29px)}
 .section-rail:has(a[href="#live-photos"][aria-current]) .rail-toggle::after{transform:translateY(59px)}
 .section-rail:has(a[href="#about"][aria-current]) .rail-toggle::after{transform:translateY(89px)}
 .section-rail:has(a[href="#contact"][aria-current]) .rail-toggle::after{transform:translateY(119px)}
 .section-rail .rail-toggle[aria-expanded=true]::after{opacity:0}
 @media(prefers-reduced-motion:reduce){.section-rail .rail-toggle::after,.section-rail .rail-links a::after{transition:none}}
}