*{box-sizing:border-box}
:root{color-scheme:dark;--accent:#e63832;--paper:#f0e6dd}
body{margin:0;background:#000;color:var(--paper);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased}
[hidden]{display:none!important}
a{color:inherit;text-decoration:none}
button,select{font:inherit;color:inherit;background:none;border:0}
button{cursor:pointer}
button:disabled{opacity:.35}
a:focus-visible,button:focus-visible,select:focus-visible,video:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.skip{position:absolute;top:-80px;left:16px;padding:12px;background:var(--paper);color:#000;z-index:10}.skip:focus{top:12px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
header{display:flex;align-items:center;justify-content:space-between;padding:10px 20px}
.signature{width:130px;text-align:center;flex:none}.signature img{display:block;width:110px;margin:auto}.signature span{display:block;font-size:11px;color:#c2bfb9;margin-top:-6px}
.home-link{padding:12px 0;font-size:14px}.home-link:hover{color:var(--accent)}
.header-actions{display:flex;align-items:center;gap:24px;min-width:0}
main{padding:0 20px 32px}main:focus{outline:none}
select{font-size:14px;padding:12px 8px;background:#000}
#collections{display:flex;gap:24px;overflow-x:auto;margin:24px 0 28px;border-bottom:1px solid #482025}
#collections button{flex:none;padding:12px 0;font-size:14px;border-bottom:2px solid transparent}
#collections button[aria-pressed=true]{border-color:var(--accent);color:var(--accent)}
.items{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:2px;grid-auto-flow:dense;column-gap:16px;margin-top:8px}
.item{min-width:0;align-self:start;padding-bottom:16px}.item.video{grid-column:span 2}
.items[data-media=video]{grid-template-columns:1fr}.items[data-media=video] .item.video{grid-column:span 1}
.media-open{display:block;position:relative;width:100%;padding:0;background:#080808}
.media-open img{display:block;width:100%;height:auto;pointer-events:none}
.media-open.photo{aspect-ratio:var(--photo-ratio,9/16)}.media-open.photo img{height:100%;object-fit:contain}
.media-open.video{aspect-ratio:16/9;display:grid;place-items:center}
.media-open.video img{width:36%;opacity:.65}
.media-open.video img.video-poster{width:100%;height:100%;object-fit:contain;opacity:1}
.play{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:52px;height:52px;display:grid;place-items:center;background:#000b;border:1px solid #ffffff80;border-radius:50%;font-size:22px;padding-left:3px}
.adult-label{position:absolute;right:12px;top:12px;font-size:12px;padding:6px 8px;background:#000b;border-radius:2px}
.item-link{display:block;font-size:13px;padding:12px 0;border-bottom:1px solid #482025}
.item-link:hover{color:var(--accent)}
.protected-photo{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none}
dialog{width:100%;height:100%;max-width:none;max-height:none;margin:0;padding:0;border:0;background:#080808;color:var(--paper);overflow:hidden}
dialog[open]{display:grid;place-items:center}dialog::backdrop{background:#080808}
.viewer-frame{position:relative;display:grid;place-items:center;height:100dvh;max-width:100%}
#full-photo{display:block;height:100dvh;width:auto;max-width:100vw;object-fit:contain}
#full-video{display:block;width:100vw;height:100dvh;object-fit:contain}
.close,.arrow{position:absolute;width:44px;height:44px;border-radius:50%;background:#000b;color:var(--paper);z-index:2}
.close{right:12px;top:12px;font-size:30px}.arrow{top:50%;transform:translateY(-50%);font-size:26px}.previous{left:12px}.next{right:12px}
#adult-prompt{width:min(100vw,480px);display:flex;flex-direction:column;align-items:center;gap:16px;padding:64px 24px;text-align:center}
#adult-prompt h2{margin:0;font-size:48px;font-weight:400}#adult-prompt p{margin:0}
#adult-enter{padding:14px 24px;min-height:48px;background:var(--accent);border-radius:2px}
#adult-back{padding:12px;font-size:14px}
#source-link{position:absolute;left:50%;bottom:64px;transform:translateX(-50%);white-space:nowrap;padding:12px;background:#000c;font-size:14px}
#video-error{position:absolute;bottom:90px;text-align:center;max-width:80%;background:#000e;padding:12px;font-size:14px}
body.modal-open{overflow:hidden}
@media(hover:hover){.arrow{opacity:0;transition:opacity .2s}.viewer-frame:hover .arrow,.arrow:focus-visible{opacity:1}}
@media(min-width:701px) and (max-width:1100px){.items{grid-template-columns:repeat(3,minmax(0,1fr))}.items[data-media=video]{grid-template-columns:1fr}}
@media(max-width:700px){header{padding:8px 12px}.signature{width:112px}.signature img{width:88px}.signature span{font-size:10px}.header-actions{gap:16px}main{padding:0 12px 28px}#collections{margin:16px 0 20px;gap:22px}.items{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:12px}.items[data-media=video]{grid-template-columns:1fr}.item{padding-bottom:12px}.play{width:44px;height:44px;font-size:18px}.adult-label{right:8px;top:8px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important}}
