:root{--ink:#191714;--paper:#f5f1e8;--muted:#766f63;--line:#d8d0c1;--accent:#b6422d;--forest:#283c34;--sky:#7893a6}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Arial,Helvetica,sans-serif}body.lightbox-open{overflow:hidden}a{color:inherit}button{font:inherit}img{max-width:100%;display:block}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:24px;padding:18px clamp(18px,4vw,56px);display:flex}.brand{font-size:1.1rem;font-weight:700;text-decoration:none}nav{flex-wrap:wrap;gap:14px;display:flex}nav a{color:var(--muted);font-size:.92rem;text-decoration:none}main{min-height:calc(100vh - 66px)}.hero{grid-template-columns:minmax(0,.95fr) minmax(320px,1.05fr);align-items:center;gap:clamp(32px,6vw,72px);min-height:78vh;padding:clamp(40px,7vw,88px) clamp(18px,4vw,56px);display:grid}.eyebrow,.meta{color:var(--muted);letter-spacing:0;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:700}h1,h2,h3,p{margin-top:0}h1{margin-bottom:24px;font-size:clamp(3.4rem,9vw,7.5rem);line-height:.95}h2{font-size:clamp(2rem,5vw,4.5rem);line-height:.95}h3{font-size:1.35rem}.hero-copy,.page-intro p{color:#3e3a33;max-width:690px;font-size:clamp(1rem,1.6vw,1.25rem);line-height:1.5}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:28px;display:flex}.button{border:1px solid var(--ink);border-radius:6px;min-height:44px;padding:12px 18px;font-weight:700;text-decoration:none;display:inline-flex}.button-primary{background:var(--ink);color:var(--paper)}.hero-frame{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.contact-frame{aspect-ratio:4/5;align-items:end;min-height:220px;padding:14px;text-decoration:none;display:flex;position:relative;overflow:hidden}.contact-frame:first-child{grid-row:span 2}.contact-frame:after{content:"";z-index:1;background:linear-gradient(#19171400 42%,#1917146b 100%);position:absolute;inset:0}.contact-frame-photo{object-fit:cover;opacity:0;width:100%;height:100%;animation:16s infinite contactFrameCycle;position:absolute;inset:0;transform:scale(1.03)}.contact-frame-photo:first-of-type{opacity:1}.contact-frame:hover .contact-frame-photo,.contact-frame:focus-visible .contact-frame-photo{filter:saturate(1.08)contrast(1.04)}.contact-frame span{z-index:2;background:#f5f1e8db;border-radius:4px;padding:8px 10px;font-size:.85rem;font-weight:700;position:relative}@keyframes contactFrameCycle{0%,22%{opacity:1}28%,94%{opacity:0}to{opacity:1}}.section,.page-intro,.roll-list,.index-list,.about-grid,.filter-panel{padding:clamp(36px,6vw,80px) clamp(18px,4vw,56px)}.section-heading{margin-bottom:28px}.roll-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;display:grid}.roll-card{border:1px solid var(--line);border-radius:8px;text-decoration:none;overflow:hidden}.roll-image,.roll-detail-image{aspect-ratio:4/3;object-fit:cover;width:100%}.roll-image-warm{background:linear-gradient(135deg,#7e3428,#d9a66c 48%,#f1d9a3)}.roll-image-cool{background:linear-gradient(135deg,#243949,#7893a6 48%,#d8e0dc)}.roll-image-neutral{background:linear-gradient(135deg,#25231f,#928b80 48%,#dfd8cb)}.roll-image-green{background:linear-gradient(135deg,#283c34,#81956d 48%,#d9d3ad)}.roll-card-body{padding:18px}.roll-card p,.roll-detail p,.about-grid p,.index-list p{color:#524d44;line-height:1.55}dl{gap:10px;margin:18px 0 0;display:grid}dt{color:var(--muted);text-transform:uppercase;font-size:.75rem;font-weight:700}dd{margin:3px 0 0}.stats-strip{border-block:1px solid var(--line);grid-template-columns:repeat(3,1fr);display:grid}.stats-strip div{padding:22px clamp(18px,4vw,56px)}.stats-strip strong{font-size:2rem;display:block}.stats-strip span{color:var(--muted)}.filter-panel{border-block:1px solid var(--line);grid-template-columns:minmax(220px,.45fr) minmax(0,1fr);gap:24px;display:grid}.filter-panel h2{margin-bottom:10px;font-size:clamp(1.8rem,4vw,3.5rem)}.filter-summary{color:var(--muted);margin:0;font-size:.95rem}.filter-actions{flex-wrap:wrap;align-content:start;gap:10px;display:flex}.tag-button{border:1px solid var(--line);color:#3e3a33;cursor:pointer;text-transform:capitalize;background:0 0;border-radius:999px;min-height:38px;padding:9px 13px}.tag-button:hover,.tag-button:focus-visible{border-color:var(--ink)}.tag-button-active{background:var(--ink);border-color:var(--ink);color:var(--paper)}.tag-button-clear{color:#8e2e20;border-color:#b6422d}.roll-list{gap:48px;display:grid}.roll-detail{border-top:1px solid var(--line);grid-template-columns:minmax(220px,.75fr) minmax(0,1fr);gap:28px;padding-top:28px;display:grid}.photo-grid{border:1px solid var(--line);background:linear-gradient(#f7f3ea,#eee7d9);grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 0;padding:20px;display:grid;position:relative;overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff75}.photo-grid figure{background:linear-gradient(90deg,#46180933 0 1px,#0000 1px 100%),linear-gradient(#ad5b1d 0%,#c77727 44%,#9e4718 100%);border-block:1px solid #4919086b;min-width:0;margin:0;padding:36px 9px 38px;position:relative;overflow:hidden;box-shadow:0 14px 24px #4b250a2e}.photo-grid figure:before,.photo-grid figure:after{content:"";opacity:.96;background-image:radial-gradient(38% 48%,#f7f3ea 68%,#0000 70%);background-position:50%;background-size:28px 12px;height:12px;position:absolute;left:9px;right:9px}.photo-grid figure:before{top:9px}.photo-grid figure:after{bottom:9px}.photo-grid figure:nth-child(3n+1){border-left:1px solid #4919086b}.photo-grid figure:nth-child(3n){border-right:1px solid #4919086b}.photo-grid figure:not(:nth-child(3n)):before,.photo-grid figure:not(:nth-child(3n)):after{right:-5px}.photo-grid figure:not(:nth-child(3n+1)):before,.photo-grid figure:not(:nth-child(3n+1)):after{left:-5px}.photo-grid figure:not(:nth-child(3n+1)){box-shadow:inset 1px 0 #49190847,0 14px 24px #4b250a2e}.film-edge{color:#3f180ab8;pointer-events:none;text-transform:uppercase;z-index:2;justify-content:center;align-items:center;gap:10px;height:12px;font-size:.54rem;font-weight:800;line-height:1;display:flex;position:absolute;left:38px;right:38px;overflow:hidden}.film-edge-top{top:21px}.film-edge span:first-child{color:#3f180adb;min-width:1.2em}.film-edge span:last-child{white-space:nowrap}.photo-thumb{cursor:zoom-in;z-index:1;background:0 0;border:0;width:100%;padding:0;display:block;position:relative}.photo-thumb:after{content:"";mix-blend-mode:multiply;pointer-events:none;background:linear-gradient(#bc54151f,#62230a29);position:absolute;inset:0}.photo-thumb img{aspect-ratio:4/3;filter:sepia(.18)saturate(.9)contrast(.94);object-fit:cover;background:#3d1608;border:1px solid #4c18087a;width:100%;transition:filter .16s,transform .16s}.photo-thumb:hover img,.photo-thumb:focus-visible img{filter:sepia(.1)saturate(1.02)contrast();transform:scale(.992)}.photo-grid figcaption{color:#3f180ac7;z-index:2;justify-content:space-between;align-items:end;padding-top:0;font-family:Arial,Helvetica,sans-serif;font-size:.58rem;font-weight:800;line-height:1;display:flex;position:absolute;bottom:22px;left:10px;right:10px}.photo-grid figcaption span:last-child{font-size:.48rem}.lightbox{z-index:20;place-items:center;padding:24px;display:grid;position:fixed;inset:0}.lightbox-backdrop{cursor:zoom-out;background:#0d0c0aeb;border:0;position:absolute;inset:0}.lightbox-panel{z-index:1;place-items:center;gap:14px;max-width:100%;max-height:100%;display:grid;position:relative}.lightbox-panel img{object-fit:contain;max-width:min(1200px,100vw - 48px);max-height:calc(100vh - 112px)}.lightbox-close,.lightbox-nav{color:var(--ink);cursor:pointer;background:#f5f1e8eb;border:1px solid #f5f1e899;border-radius:6px;min-height:40px;padding:10px 13px;font-size:.85rem;font-weight:700;position:absolute}.lightbox-close{top:0;right:0;transform:translateY(calc(-100% - 12px))}.lightbox-nav{top:50%;transform:translateY(-50%)}.lightbox-prev{left:0;transform:translate(calc(-100% - 12px),-50%)}.lightbox-next{right:0;transform:translate(calc(100% + 12px),-50%)}.lightbox-caption{color:var(--paper);margin:0;font-size:.85rem}.index-list,.about-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.index-list article,.about-grid article{border-top:1px solid var(--line);padding-top:22px}@media (max-width:820px){.site-header,.hero,.roll-detail,.filter-panel{grid-template-columns:1fr;align-items:start}.site-header{display:grid}h1{font-size:clamp(3.3rem,18vw,5.6rem)}.roll-grid,.index-list,.about-grid,.stats-strip{grid-template-columns:1fr}.photo-grid{grid-template-columns:1fr;row-gap:14px;padding:12px}.photo-grid figure{border-inline:1px solid #4919086b;padding:34px 9px 36px}.photo-grid figure:before,.photo-grid figure:after{left:9px;right:9px}.photo-grid figure:not(:nth-child(3n+1)){box-shadow:0 14px 24px #4b250a2e}.film-edge{font-size:.5rem;left:36px;right:36px}.lightbox{padding:14px}.lightbox-panel{grid-template-columns:1fr 1fr;align-content:center;width:100%}.lightbox-panel img{grid-column:1/-1;max-width:calc(100vw - 28px);max-height:calc(100vh - 140px)}.lightbox-close,.lightbox-nav{position:static;transform:none}.lightbox-close{grid-column:1/-1;justify-self:end}.lightbox-prev{justify-self:start}.lightbox-next{justify-self:end}.lightbox-caption{grid-column:1/-1}}
.photo-grid figure{box-shadow:none;background:linear-gradient(#ad5b1d 0%,#c77727 44%,#9e4718 100%);border-inline:0}.photo-grid figure:nth-child(3n+1),.photo-grid figure:nth-child(3n){border-inline:0}.photo-grid figure:not(:nth-child(3n+1)){box-shadow:none}.photo-grid figure:before,.photo-grid figure:after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='12' viewBox='0 0 24 12'%3E%3Crect x='8' y='1' width='8' height='10' rx='2' ry='2' fill='%23f7f3ea'/%3E%3C/svg%3E");background-position:0;background-repeat:repeat-x;background-size:24px 12px;height:12px;left:8px;right:8px}.photo-grid figure:not(:nth-child(3n)):before,.photo-grid figure:not(:nth-child(3n)):after,.photo-grid figure:not(:nth-child(3n+1)):before,.photo-grid figure:not(:nth-child(3n+1)):after{left:8px;right:8px}.photo-grid figure:nth-child(3n+1):before,.photo-grid figure:nth-child(3n+1):after{background-position-x:0}.photo-grid figure:nth-child(3n+2):before,.photo-grid figure:nth-child(3n+2):after{background-position-x:-8px}.photo-grid figure:nth-child(3n):before,.photo-grid figure:nth-child(3n):after{background-position-x:-16px}.contact-frame-photo-tile:before,.roll-cover-frame:after,.roll-card-frame:after{content:"";pointer-events:none;background-image:url(https://photos.ganjayx.com/assets/Vintage%20Aspect_2.png);background-position:50%;background-repeat:no-repeat;background-size:100% 100%;position:absolute;inset:0}.contact-frame-photo-tile:before{opacity:.78;z-index:2}.roll-cover-frame,.roll-card-frame{aspect-ratio:4/3;background:#030302;position:relative;overflow:hidden}.roll-cover-frame:after{opacity:.86;z-index:2}.roll-card-frame:after{opacity:.72;z-index:2}.roll-cover-frame .roll-detail-image,.roll-card-frame .roll-image{object-fit:cover;width:100%;height:100%}.camera-spec-value,.film-spec-value{justify-content:space-between;align-items:center;gap:14px;display:flex}.camera-icon,.film-icon{aspect-ratio:4/3;border:1px solid var(--line);object-fit:contain;background:#eee7d9;border-radius:7px;flex:0 0 clamp(92px,11vw,142px);max-height:92px;padding:8px;box-shadow:0 8px 18px #1917141a}.roll-card-icon-spec{border-top:1px solid #d8d0c1b8;padding-top:10px}.roll-card-icon-value{justify-content:space-between;align-items:center;gap:10px;display:flex}.roll-card-icon-value span{min-width:0}.roll-card-camera-icon,.roll-card-film-icon{aspect-ratio:4/3;border:1px solid var(--line);object-fit:contain;background:#eee7d9;border-radius:6px;flex:0 0 clamp(72px,8vw,96px);max-height:64px;padding:6px;box-shadow:0 6px 14px #19171417}.lightbox-panel{gap:12px}.lightbox-frame-stage{background:#030302;place-items:center;max-height:calc(100vh - 132px);display:grid;position:relative;overflow:hidden}.lightbox-frame-stage-landscape{aspect-ratio:16/9;width:min(1120px,100vw - 72px);max-width:min(1120px,100vw - 72px)}.lightbox-frame-stage-portrait{aspect-ratio:2/3;border:clamp(10px,1.6vw,16px) solid #030302;border-radius:10px;width:min(620px,66.67vh - 88.0044px,100vw - 72px);max-width:min(620px,100vw - 72px);box-shadow:inset 0 0 0 1px #ffffff14,0 14px 34px #00000073}.lightbox-panel .lightbox-photo{object-fit:cover;z-index:2;width:100%;max-width:none;height:100%;max-height:none;position:relative}.lightbox-frame-stage-landscape .lightbox-photo,.lightbox-frame-stage-portrait .lightbox-photo{width:100%;height:100%}.lightbox-frame-stage-portrait .lightbox-photo{border-radius:6px}.lightbox-frame-overlay{object-fit:fill;pointer-events:none;z-index:3;width:100%;max-width:none;height:100%;max-height:none;position:absolute;inset:0}.lightbox-frame-stage-portrait .lightbox-frame-overlay{display:none}@media (max-width:820px){.photo-grid figure:before,.photo-grid figure:after,.photo-grid figure:not(:nth-child(3n)):before,.photo-grid figure:not(:nth-child(3n)):after,.photo-grid figure:not(:nth-child(3n+1)):before,.photo-grid figure:not(:nth-child(3n+1)):after{left:8px;right:8px}.camera-spec-value,.film-spec-value{flex-direction:column;align-items:flex-start}.camera-icon,.film-icon{flex-basis:120px;width:min(160px,100%)}.roll-card-icon-value{flex-direction:column;align-items:flex-start}.roll-card-camera-icon,.roll-card-film-icon{flex-basis:auto;width:min(132px,100%)}.lightbox-frame-stage{grid-column:1/-1;max-width:calc(100vw - 28px);max-height:calc(100vh - 168px)}.lightbox-frame-stage-landscape{width:calc(100vw - 28px)}.lightbox-frame-stage-portrait{border-width:10px;width:min(100vw - 28px,66.67vh - 112.006px)}.lightbox-frame-stage-landscape .lightbox-photo,.lightbox-frame-stage-portrait .lightbox-photo{width:100%;height:100%}}