:root{color-scheme:dark;--bg: #0b0b0b;--text: #f2ece3;--muted: #8d867d;--muted-strong: #b4ab9f;--accent: #ffffff;--font-display: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", serif;--font-body: "Source Serif 4", Georgia, serif}*,*:before,*:after{box-sizing:border-box}html,body{min-height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:var(--font-body);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}body.menu-open{overflow:hidden}img{display:block;max-width:100%}[hidden]{display:none!important}a,button{color:inherit;font:inherit}a{text-decoration:none}button{background:none;border:0;padding:0;cursor:pointer}:focus-visible{outline:none;color:var(--accent);text-decoration:underline;text-underline-offset:.16em}.portfolio-shell{position:relative;display:grid;grid-template-columns:minmax(248px,284px) minmax(0,1fr);min-height:100vh}.sidebar-rail{position:relative;z-index:2;padding:1.25rem}.sidebar-inner{position:sticky;top:1.25rem;display:flex;flex-direction:column;justify-content:space-between;min-height:calc(100vh - 2.5rem);padding:1rem .85rem 1rem 0}.brand-mark,.mobile-brand{font-family:var(--font-display);font-size:clamp(1rem,1.4vw,1.4rem);font-weight:500;line-height:.9;color:var(--text)}.sidebar-nav{display:grid;gap:.65rem}.sidebar-link{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;padding:.25rem 0;color:var(--muted);transition:color .16s ease}.sidebar-link span{font-size:1.8rem;line-height:1}.sidebar-link small{font-size:.72rem;letter-spacing:.14em}.sidebar-link:hover,.sidebar-link:focus-visible,.sidebar-link.is-active{color:var(--text);text-decoration:none}.sidebar-footer{display:grid;gap:1rem}.portfolio-counter{margin:0;color:var(--muted-strong);font-size:.88rem;letter-spacing:.14em;text-transform:uppercase}.sidebar-contact{display:grid;gap:.55rem}.sidebar-contact a{width:fit-content;color:var(--muted);letter-spacing:.08em;transition:color .18s ease}.sidebar-contact a:hover,.sidebar-contact a:focus-visible{color:var(--accent)}.mobile-bar,.mobile-panel{display:none}.viewer-shell{position:relative;min-width:0;padding:1.25rem 1.25rem 1.25rem .25rem}.viewer-stage{position:relative;display:grid;min-height:calc(100vh - 2.5rem);background:var(--bg);overflow:clip}.viewer-stack{position:relative;min-height:calc(100vh - 2.5rem)}.photo-slide{position:absolute;inset:0;display:grid;place-items:center;margin:0;padding:clamp(4.5rem,7vw,6.75rem) clamp(3.4rem,6vw,5.5rem)}.photo-frame{display:grid;place-items:center;width:100%;height:100%}.photo-frame picture,.photo-frame img{width:auto;height:auto;max-width:min(100%,1120px);max-height:min(82vh,920px);object-fit:contain}.viewer-controls{position:absolute;inset-inline:clamp(1rem,2vw,1.6rem);top:50%;display:flex;justify-content:space-between;transform:translateY(-50%);pointer-events:none}.viewer-arrow{display:inline-grid;place-items:center;width:2.5rem;height:2.5rem;background:transparent;color:var(--text);font-size:2rem;pointer-events:auto;transition:opacity .16s ease,color .16s ease}.viewer-arrow:hover:not(:disabled),.viewer-arrow:focus-visible:not(:disabled){color:var(--accent)}.viewer-arrow:disabled{opacity:.2;cursor:not-allowed}@media(max-width:960px){.portfolio-shell{grid-template-columns:1fr}.sidebar-rail{display:none}.mobile-bar{position:sticky;top:0;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem 0}.mobile-brand{font-size:clamp(1.6rem,9vw,2.2rem)}.mobile-chrome{display:flex;align-items:center;gap:.8rem}.menu-toggle{padding:.2rem 0;letter-spacing:.08em;text-transform:uppercase}.mobile-panel{position:fixed;inset:4.8rem 1rem auto;z-index:6;display:block;padding:.8rem 0;background:var(--bg)}.viewer-shell{padding:.8rem 1rem 1rem}.viewer-stage,.viewer-stack{min-height:calc(100vh - 7.2rem)}.photo-slide{padding:5rem 1.1rem 5.8rem}.photo-frame picture,.photo-frame img{max-height:min(72vh,780px)}.viewer-controls{top:auto;bottom:1rem;transform:none;inset-inline:1rem}.viewer-arrow{width:3rem;height:3rem}}@media(prefers-reduced-motion:no-preference){.sidebar-inner,.viewer-stage{animation:rise-in .7s cubic-bezier(.2,.9,.2,1) both}.viewer-stage{animation-delay:.12s}}@keyframes rise-in{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}