.photo-page{--photo-shell:min(1180px, calc(100% - 32px));min-height:70vh}.photo-shell{width:var(--photo-shell);margin-inline:auto}.photo-hero{border-bottom:1px solid var(--border);background:radial-gradient(circle at 80% 28%, color-mix(in srgb, var(--accent) 18%, transparent), transparent 28rem), linear-gradient(135deg, color-mix(in srgb, var(--background) 82%, #d9c7aa), var(--background));padding:clamp(72px,10vw,132px) 0 clamp(58px,8vw,104px);position:relative;overflow:hidden}.photo-hero:after{color:color-mix(in srgb, var(--foreground) 5%, transparent);content:"光";pointer-events:none;font-family:Georgia,serif;font-size:clamp(7rem,18vw,18rem);line-height:1;position:absolute;bottom:-.28em;right:max(6vw,24px)}.photo-hero-inner{z-index:1;position:relative}.photo-kicker{color:var(--accent);letter-spacing:.2em;align-items:center;gap:12px;font-size:.72rem;font-weight:700;display:flex}.photo-kicker span{background:currentColor;width:38px;height:1px}.photo-hero h1{font-family:var(--font-editorial);letter-spacing:.06em;margin-top:18px;font-size:clamp(3.4rem,8vw,7.2rem);font-weight:500;line-height:1}.photo-hero>.photo-hero-inner>p{color:var(--muted-foreground);font-family:var(--font-editorial);margin-top:28px;font-size:clamp(1rem,2vw,1.18rem);line-height:1.9}.photo-summary{color:var(--muted-foreground);gap:28px;margin-top:34px;font-size:.8rem;display:flex}.photo-summary strong{color:var(--foreground);font-family:var(--font-editorial);margin-right:5px;font-size:1.1rem}.photo-content{padding-block:clamp(44px,7vw,88px) 72px}.album-filter{flex-wrap:wrap;gap:8px;margin-bottom:32px;display:flex}.album-filter button{border:1px solid var(--border);min-height:44px;color:var(--muted-foreground);border-radius:999px;padding:0 18px;transition:color .2s,border-color .2s,background .2s}.album-filter button:hover,.album-filter button.is-active{border-color:var(--accent);background:var(--accent);color:var(--accent-foreground)}.photo-grid{grid-template-columns:repeat(12,minmax(0,1fr));gap:clamp(12px,2vw,24px);display:grid}.photo-grid>li{grid-column:span 5}.photo-grid>li:nth-child(4n+1),.photo-grid>li:nth-child(4n){grid-column:span 7}.photo-grid>li[hidden]{display:none}.photo-card{background:var(--muted);text-align:left;border:0;width:100%;display:block;position:relative;overflow:hidden}.photo-card img{aspect-ratio:4/3;object-fit:cover;width:100%;transition:transform .45s cubic-bezier(.16,1,.3,1),filter .25s}.photo-grid>li:nth-child(4n+1) .photo-card img,.photo-grid>li:nth-child(4n) .photo-card img{aspect-ratio:16/10}.photo-card-shade{opacity:.82;background:linear-gradient(#0000,#0a141cc7);transition:opacity .25s;position:absolute;inset:35% 0 0}.photo-card-copy{color:#fff;gap:5px;display:grid;position:absolute;bottom:20px;left:22px;right:22px}.photo-card-copy small{letter-spacing:.14em;opacity:.78;font-size:.68rem}.photo-card-copy strong{font-family:var(--font-editorial);font-size:clamp(1rem,2vw,1.25rem);font-weight:500}.photo-card-index{color:#fff;backdrop-filter:blur(8px);background:#0a141c3d;border:1px solid #ffffff7a;border-radius:50%;place-items:center;width:38px;height:38px;font-size:.68rem;display:grid;position:absolute;top:16px;right:16px}.photo-card:hover img,.photo-card:focus-visible img{filter:saturate(1.08);transform:scale(1.025)}.photo-endnote{border-top:1px solid var(--border);justify-content:space-between;align-items:end;gap:24px;margin-top:clamp(54px,8vw,96px);padding-top:28px;display:flex}.photo-endnote p{color:var(--muted-foreground);font-family:var(--font-editorial)}.photo-endnote a{min-height:44px;color:var(--accent);align-items:center;gap:8px;font-size:.9rem;display:flex}.photo-endnote svg{width:18px;transition:transform .2s}.photo-endnote a:hover svg{transform:translate(4px)}.photo-empty{border:1px dashed var(--border);text-align:center;padding:80px 24px}.photo-empty svg{width:40px;height:40px;color:var(--accent);margin-inline:auto}.photo-empty h2{font-family:var(--font-editorial);margin-top:20px;font-size:1.6rem}.photo-empty p{color:var(--muted-foreground);margin-top:8px}.photo-viewer{color:#fff;background:#080e13f5;border:0;width:100vw;max-width:none;height:100dvh;max-height:none;padding:0}.photo-viewer::backdrop{backdrop-filter:blur(10px);background:#080e13cc}.viewer-toolbar{z-index:2;justify-content:space-between;align-items:center;min-height:74px;padding:12px clamp(16px,4vw,48px);display:flex;position:absolute;top:0;left:0;right:0}.viewer-toolbar p{letter-spacing:.12em;align-items:center;gap:18px;font-size:.75rem;display:flex}.viewer-toolbar strong{color:#ffffff8c;font-variant-numeric:tabular-nums;font-weight:400}.viewer-toolbar button,.viewer-nav{border:1px solid #ffffff3d;border-radius:50%;place-items:center;width:48px;height:48px;transition:border-color .2s,background .2s;display:grid}.viewer-toolbar button:hover,.viewer-nav:hover{background:#ffffff17;border-color:#ffffffb3}.viewer-toolbar svg,.viewer-nav svg{width:21px}.viewer-stage{grid-template-columns:64px minmax(0,1fr) 64px;align-items:center;gap:clamp(8px,2vw,24px);width:min(1400px,100% - 32px);height:100%;margin-inline:auto;padding:82px 0 28px;display:grid}.viewer-stage figure{grid-template-rows:minmax(0,1fr) auto;place-items:center;gap:16px;min-width:0;height:100%;display:grid}.viewer-stage img{object-fit:contain;width:100%;height:100%;min-height:0}.viewer-stage figcaption{min-height:24px;font-family:var(--font-editorial);font-size:.95rem}@media (width<=700px){.photo-hero:after{right:-.1em}.photo-grid>li,.photo-grid>li:nth-child(4n+1),.photo-grid>li:nth-child(4n){grid-column:1/-1}.photo-card img,.photo-grid>li:nth-child(4n+1) .photo-card img,.photo-grid>li:nth-child(4n) .photo-card img{aspect-ratio:4/3}.photo-endnote{flex-direction:column;align-items:start}.viewer-stage{grid-template-rows:minmax(0,1fr) 48px;grid-template-columns:1fr 1fr;padding-bottom:18px}.viewer-stage figure{grid-area:1/1/auto/-1}.viewer-prev,.viewer-next{grid-row:2;justify-self:center}}@media (prefers-reduced-motion:reduce){.photo-card img,.photo-endnote svg{transition:none}}