@import "https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;1,400&family=DM+Mono:wght@300;400&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#202925;background:#efe7dc;min-height:100vh}body{font-family:DM Mono,monospace}.portfolio{--page-bg:#efe7dc;--text:#202925;--muted:#6f6a5c;--rule:#221f181f;--control-bg:#f4ece2;--control-border:#3f342229;--control-hover:#b3865124;--control-active:#b386513d;--frame-bg:#f7efe3;--frame-bg-hover:#efe3d6;--frame-border:#5b49302e;--frame-inset:#ffffffc2;--frame-inner-rule:#5d492e14;--frame-shadow:#362d1d14;--frame-shadow-hover:#362d1d29;--scan-camera:#806f57;--skeleton:#d5c6af;--footer-link:#6e5e4859;--footer-link-hover:#201b14a6;background:radial-gradient(circle at 18% 14%, #b68f551f, transparent 18%), radial-gradient(circle at 80% 84%, #4558401a, transparent 16%), var(--page-bg);min-height:100vh;color:var(--text);flex-direction:column;font-family:DM Mono,monospace;transition:background .25s,color .25s;display:flex}.portfolio[data-theme=dark]{--page-bg:#111912;--text:#efe7dc;--muted:#a89e8d;--rule:#ffffff1c;--control-bg:#1e261f;--control-border:#ffffff24;--control-hover:#ffffff14;--control-active:#a688592e;--frame-bg:#212b23;--frame-bg-hover:#293128;--frame-border:#ffffff1f;--frame-inset:#ffffff14;--frame-inner-rule:#ffffff0a;--frame-shadow:#00000038;--frame-shadow-hover:#00000052;--scan-camera:#9f9278;--skeleton:#31392f;--footer-link:#b8ac9366;--footer-link-hover:#ffffffa3}.port-header{border-bottom:.5px solid var(--rule);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.85rem;padding:1.6rem 1.4rem 1rem;display:flex}.port-name{letter-spacing:-.03em;color:var(--text);font-family:Playfair Display,serif;font-size:1.6rem;font-weight:500}.port-tagline{letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-top:4px;font-size:.72rem}.port-filters{border:1px solid var(--control-border);background:var(--control-bg);border-radius:999px;display:flex;overflow:hidden}.header-actions{align-items:center;gap:.85rem;display:flex}.social-link{border:1px solid var(--rule);width:38px;height:38px;color:var(--text);background:var(--control-bg);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;transition:background .2s,transform .2s,border-color .2s;display:inline-flex}.social-link:hover,.social-link:focus-visible{background:var(--control-hover);border-color:var(--control-border);transform:translateY(-1px)}.social-link svg{fill:currentColor;width:18px;height:18px}.theme-toggle{border:1px solid var(--rule);background:var(--control-bg);min-width:92px;height:38px;color:var(--muted);cursor:pointer;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;align-items:center;gap:8px;padding:0 11px 0 9px;font-family:DM Mono,monospace;font-size:.62rem;transition:background .2s,border-color .2s,color .2s,transform .2s;display:inline-flex}.theme-toggle:hover,.theme-toggle:focus-visible{background:var(--control-hover);border-color:var(--control-border);color:var(--text);transform:translateY(-1px)}.theme-toggle-track{background:var(--control-active);border:1px solid var(--control-border);border-radius:999px;width:30px;height:16px;position:relative}.theme-toggle-thumb{background:var(--text);border-radius:50%;width:10px;height:10px;transition:transform .2s;position:absolute;top:2px;left:2px}.theme-toggle[aria-pressed=true] .theme-toggle-thumb{transform:translate(14px)}.filter-btn{border:none;border-right:1px solid var(--control-border);letter-spacing:.12em;color:var(--muted);cursor:pointer;background:0 0;padding:.8rem 1.15rem;font-family:DM Mono,monospace;font-size:.72rem;transition:background .18s,color .18s,transform .18s}.filter-btn:last-child{border-right:none}.filter-btn:hover{background:var(--control-hover);transform:translateY(-1px)}.filter-btn.active{background:var(--control-active);color:var(--text)}.portfolio>main{flex:1;min-height:0}.port-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:0;padding:14px;display:grid;overflow-y:auto}.photo-item{--photo-tilt:0deg;aspect-ratio:4/3;background:0 0;overflow:visible}.photo-item.wide{aspect-ratio:4/3;grid-column:span 1}.photo-item.vertical{aspect-ratio:3/4}.photo-item.rotate-left{--photo-tilt:-.25deg}.photo-item.rotate-right{--photo-tilt:.25deg}.photo-btn{cursor:pointer;background:0 0;border:none;width:100%;height:100%;padding:0;display:block}.photo-inner{width:100%;height:100%;position:relative;overflow:visible}.photo-frame{border:1px solid var(--frame-border);height:100%;box-shadow:0 8px 20px var(--frame-shadow), inset 0 0 0 1px var(--frame-inset);transform:rotate(var(--photo-tilt));transform-origin:50%;background:linear-gradient(#fffffff2,#f0e6d6eb);flex-direction:column;gap:6px;padding:10px;transition:background .25s,box-shadow .25s,transform .25s;display:flex;position:relative}.photo-frame:before{content:"";pointer-events:none;border:1px dashed #5d492e2e;position:absolute;inset:4px}.photo-item:hover .photo-frame,.photo-btn:focus-visible .photo-frame{background:var(--frame-bg-hover);box-shadow:0 9px 20px var(--frame-shadow-hover), inset 0 0 0 1px var(--frame-inset);transform:translateY(-1px)rotate(0)}.photo-image-wrap{background:#1c2720;flex:1;min-height:0;position:relative;overflow:hidden;box-shadow:inset 0 0 18px #0000002e}.photo-image-wrap:after{content:"";z-index:2;pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff12,inset 0 0 28px #00000024}.photo-image-wrap img,.photo-image-wrap svg{z-index:1;object-fit:cover;width:100%;height:100%;transition:transform .25s;display:block;position:relative}.photo-item:hover .photo-image-wrap img,.photo-item:hover .photo-image-wrap svg,.photo-btn:focus-visible .photo-image-wrap img,.photo-btn:focus-visible .photo-image-wrap svg{transform:scale(1.03)}.scan-caption{min-height:22px;color:var(--muted);letter-spacing:.07em;text-transform:uppercase;grid-template-columns:auto minmax(0,1fr);align-items:end;gap:8px;font-size:.48rem;line-height:1.15;display:grid}.scan-details{text-align:right;text-overflow:ellipsis;white-space:nowrap;gap:2px;display:grid;overflow:hidden}.scan-film,.scan-camera{text-overflow:ellipsis;overflow:hidden}.scan-camera{color:var(--scan-camera)}.photo-overlay{z-index:3;opacity:0;background:linear-gradient(#0000 45%,#13151085 100%);transition:opacity .25s;position:absolute;inset:0}.photo-item:hover .photo-overlay{opacity:1}.photo-meta{z-index:4;opacity:0;padding:.8rem;transition:opacity .25s;position:absolute;bottom:0;left:0;right:0}.photo-item:hover .photo-meta{opacity:1}.photo-title{color:#fff;margin-bottom:3px;font-family:Playfair Display,serif;font-size:.92rem;font-style:italic}.photo-info,.photo-camera{letter-spacing:.08em;color:#ffffffbf;margin:0;font-size:.58rem}.photo-camera{margin-top:4px}.photo-viewer{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);z-index:1000;background:#090806eb;place-items:center;padding:24px 76px;display:grid;position:fixed;inset:0}.viewer-shell{color:#f5efe4;background:#131c15f5;border:1px solid #ffffff14;gap:16px;width:min(100%,1080px);max-height:92vh;padding:24px;display:grid;position:relative;overflow:visible;box-shadow:0 40px 80px #00000052}.viewer-close{color:#f5efe4;cursor:pointer;background:#ffffff0f;border:1px solid #f5efe438;border-radius:50%;width:34px;height:34px;font-size:1.4rem;line-height:1;transition:background .2s,transform .2s;position:absolute;top:-42px;right:0}.viewer-close:hover,.viewer-close:focus-visible,.viewer-nav:hover,.viewer-nav:focus-visible{background:#ffffff24;transform:translateY(-1px)}.viewer-nav{color:#f5efe4;cursor:pointer;background:#ffffff0f;border:1px solid #f5efe438;border-radius:50%;place-items:center;width:44px;height:44px;font-size:2rem;line-height:1;transition:background .2s,transform .2s;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.viewer-nav:hover,.viewer-nav:focus-visible{transform:translateY(calc(-50% - 1px))}.viewer-prev{left:-58px}.viewer-next{right:-58px}.viewer-count{color:#f5efe4a3;letter-spacing:.12em;justify-self:end;font-size:.66rem}.viewer-image-frame{background:linear-gradient(#121a14f5,#0f1412f2);border:1px solid #ffffff1f;place-items:center;min-height:0;max-height:76vh;padding:16px;display:grid;overflow:hidden;box-shadow:0 26px 80px #00000057,inset 0 0 26px #ffffff0a}.viewer-image-frame img{object-fit:contain;width:100%;height:100%;max-height:calc(76vh - 24px)}.viewer-meta{grid-template-columns:1fr auto;align-items:end;gap:18px;padding:0 2px;display:grid}.viewer-title{color:#f5efe4;margin-bottom:4px;font-family:Playfair Display,serif;font-size:1.18rem;font-style:italic}.viewer-info,.viewer-camera{letter-spacing:.08em;color:#f5efe49e;margin:0;font-size:.7rem}.viewer-camera{text-align:right}.port-footer{text-align:center;letter-spacing:.1em;color:var(--muted);border-top:.5px solid var(--rule);margin-top:3px;padding:1.25rem;font-size:.68rem}.port-footer a{color:inherit;border-bottom:1px solid var(--footer-link);text-decoration:none;transition:color .2s,border-color .2s}.port-footer a:hover,.port-footer a:focus-visible{color:var(--text);border-bottom-color:var(--footer-link-hover)}@media (width<=640px){.port-grid{grid-template-columns:repeat(2,1fr)}.photo-item.wide{aspect-ratio:4/3;grid-column:span 2}.port-header{padding:1.5rem 1rem 1rem}.port-grid{gap:10px;padding:10px}.photo-frame{padding:6px}.scan-caption{min-height:21px;font-size:.46rem}.photo-viewer{padding:54px 14px 20px}.viewer-shell{gap:10px}.viewer-close{top:-42px}.viewer-nav{width:38px;height:38px;font-size:1.6rem;top:auto;bottom:-50px;transform:none}.viewer-nav:hover,.viewer-nav:focus-visible{transform:translateY(-1px)}.viewer-prev{left:0}.viewer-next{right:0}.viewer-image-frame{max-height:68vh;padding:8px}.viewer-image-frame img{max-height:calc(68vh - 16px)}.viewer-meta{grid-template-columns:1fr;gap:8px;padding-bottom:42px}.viewer-camera{text-align:left}}.photo-skeleton{background:var(--skeleton);animation:1.5s infinite shimmer;position:absolute;inset:0}@keyframes shimmer{0%,to{opacity:1}50%{opacity:.6}}