/* A hands-on replay of the supplied TestFlight session, using its real event artwork. */
#concept{scroll-margin-top:90px}
.sami-session{padding:32px 0 44px}
.session-path{display:flex;align-items:center;gap:15px;margin-bottom:34px;font:8px var(--mono);letter-spacing:1px;color:#b6a39b}
.session-path i{font-style:normal;color:#765442}.session-path span:last-child{color:#efab82}
.session-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:85px;row-gap:25px;align-items:start;grid-template-areas:"context cards" "shortlist cards";grid-template-rows:auto 1fr}
.session-context{grid-area:context;max-width:470px;min-width:0}.session-context h2{font:60px/1.03 var(--serif);letter-spacing:-1.6px}.session-context h2 em{color:#e9ab87}
.session-lead{font-size:13px;line-height:1.9;color:var(--muted);margin-top:23px;max-width:400px}
.session-brief{padding:24px 0;margin-top:19px;border-block:1px solid var(--line)}.session-label{font:7px/1.6 var(--mono);letter-spacing:1.5px;color:#cc9b7d}
.session-brief>p:not(.session-label){font:27px/1.3 var(--serif);color:#f1e6de;margin-top:14px;max-width:420px}
.session-context-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:17px}.session-context-tags span{font-size:9px;border:1px solid #a1847344;border-radius:20px;padding:7px 11px;color:#cbb7ac}
.session-shortlist{grid-area:shortlist;max-width:470px;width:100%;margin-top:0}.session-shortlist-heading{display:flex;justify-content:space-between;align-items:center;gap:14px}.session-shortlist h3{font:29px var(--serif)}.session-count{font:8px var(--mono);letter-spacing:1px;color:#e1a780}
.session-empty{font-size:11px;line-height:1.8;color:#a99ea7;margin-top:11px;max-width:360px}
.session-saved-list{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:0}.session-saved-list li{display:flex;align-items:center;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.session-saved-list li>span{font:11px var(--mono);color:#cc8c64}.session-saved-list li>div{flex:1;min-width:0}.session-saved-list strong{display:block;font-size:12px;font-weight:500;line-height:1.5}.session-saved-list small{display:block;font-size:9px;color:var(--muted);margin-top:3px}.session-saved-list button{border:0;background:none;color:#b6a7af;font-size:23px;padding:8px;min-width:36px;min-height:40px}.session-saved-list button:hover{color:#ffbc94}
.session-shortlist-note{font-size:9px;line-height:1.8;color:#a99aa5;margin-top:10px}
.session-join{display:inline-flex;margin-top:17px;font-size:11px;color:#efab82}
.session-cards{grid-area:cards;min-width:0;max-width:520px;width:100%;justify-self:end}
.session-deck-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px}.session-deck-head>p{font:8px var(--mono);letter-spacing:1.3px;color:#d4bbaa}.session-deck-nav{display:flex;align-items:center;gap:9px}.session-deck-nav button{width:35px;height:35px;border:1px solid var(--line);border-radius:50%;background:none;color:#cdb9ae;font-size:15px}.session-deck-nav button:hover{border-color:#cf8b6266}.session-deck-nav>span{font:8px var(--mono);min-width:45px;text-align:center;color:#a7959b}
.session-deck{position:relative;touch-action:pan-y;outline-offset:6px;border-radius:18px;isolation:isolate}.session-deck.is-dragging{cursor:grabbing;user-select:none}
.session-event{border:1px solid #9f78604a;border-radius:18px;overflow:hidden;background:#201d22;box-shadow:0 22px 40px #0002;will-change:transform}
.session-event[hidden]{display:none}.session-photo{position:relative;aspect-ratio:500/350;overflow:hidden;background:#1c1a20;border-bottom:1px solid #9f786029}
/* Original video frames are preserved. CSS frames only the actual artist photo. */
.session-photo img{position:absolute;display:block;width:118.4%;max-width:none;height:auto;left:-9%;top:-54.285714%;pointer-events:none;user-select:none}
.session-photo[data-unavailable]{display:none}
.session-event-body{padding:23px 25px 25px}.session-event-meta{display:flex;justify-content:space-between;gap:14px;font:8px/1.7 var(--mono);letter-spacing:.6px;color:#d3b2a0}.session-event-meta span:last-child{color:#f28b50;white-space:nowrap}
.session-event h3{font:36px/1.04 var(--serif);letter-spacing:-.5px;margin-top:14px;min-height:2.1em}.session-event-venue{font-size:11px;color:#c3b0bd;margin-top:10px}
.session-why{margin-top:20px;padding-top:18px;border-top:1px solid #d5ad9524}.session-why>.session-label{font-size:7px;color:#eaa275}.session-why>p:last-child{font-size:12px;line-height:1.8;color:#dacbd4;margin-top:8px;min-height:3.6em}
.session-decision{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:17px}.session-decision button{display:flex;align-items:center;justify-content:center;gap:14px;min-height:49px;border:1px solid #b78b6b4a;border-radius:9px;background:#ffffff03;color:#d7c3b6;font-size:11px;padding:12px}.session-decision button>span[aria-hidden=true]{font-size:20px;line-height:1}.session-decision #session-save{background:var(--orange);border-color:var(--orange);color:var(--ink)}.session-decision button:hover{filter:brightness(1.1)}
.session-progress{display:flex;gap:7px;margin-top:15px}.session-progress button{position:relative;flex:1;height:28px;border:0;background:none;padding:10px 0}.session-progress button:before{content:'';display:block;height:2px;background:#4b3f42}.session-progress button[aria-current=true]:before{background:#e78a52}.session-progress button[data-saved=true]:after{content:'';position:absolute;right:0;top:8px;width:5px;height:5px;background:#eaa477;border-radius:50%}
.session-status{min-height:36px;font-size:10px;line-height:1.8;color:#c0a79c;margin-top:4px;overflow-wrap:anywhere}.session-help{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:7px;color:#948793;font-size:8px;line-height:1.7}.session-help button{padding:7px 0;border:0;background:none;color:#c6a38c;font-size:9px;white-space:nowrap}
.session-provenance{margin-top:30px;padding-top:17px;border-top:1px solid var(--line);display:flex;gap:20px;justify-content:space-between;align-items:start}.session-provenance p{max-width:720px;font-size:9px;line-height:1.8;color:#a99ba7}.session-provenance a{white-space:nowrap;font-size:10px;color:#d1ac91}
@media(max-width:1050px){.session-layout{column-gap:44px}.session-context h2{font-size:53px}.session-event h3{font-size:32px}.session-event-body{padding:20px}.session-brief>p:not(.session-label){font-size:25px}}
@media(max-width:800px){.session-layout{column-gap:30px}.session-context h2{font-size:47px}.session-lead{font-size:12px}.session-event h3{font-size:29px}.session-event-body{padding:18px}.session-event-meta{font-size:7px}.session-why>p:last-child{font-size:11px}.session-brief>p:not(.session-label){font-size:23px}}
@media(max-width:640px){.sami-session{padding-block:13px 29px}.session-path{gap:10px;font-size:6px;letter-spacing:.5px;margin-bottom:24px}.session-layout{grid-template-columns:1fr;grid-template-areas:"context" "cards" "shortlist";grid-template-rows:auto;gap:27px}.session-context{max-width:none}.session-context h2{font-size:51px;line-height:1}.session-lead{margin-top:19px;font-size:12px}.session-brief{padding-block:18px;margin-top:21px}.session-brief>p:not(.session-label){font-size:25px}.session-context-tags span{font-size:8px;padding:7px 10px}.session-shortlist{margin-top:0;padding-top:23px;border-top:1px solid var(--line);max-width:none}.session-shortlist h3{font-size:28px}.session-cards{max-width:none}.session-event h3{font-size:34px;min-height:0}.session-event-body{padding:22px}.session-why>p:last-child{font-size:12px}.session-event-meta{font-size:8px}.session-deck-head>p{font-size:7px}.session-progress{margin-top:10px}.session-provenance{display:block;margin-top:21px}.session-provenance a{display:inline-block;margin-top:12px}.session-decision{gap:10px}.session-decision button{font-size:11px}}
@media(max-width:370px){.session-context h2{font-size:44px}.session-event h3{font-size:29px}.session-event-body{padding:18px}.session-event-meta{font-size:7px}.session-deck-head>p{font-size:6px;letter-spacing:.7px}.session-deck-nav{gap:5px}.session-deck-nav button{width:32px;height:32px}.session-brief>p:not(.session-label){font-size:23px}.session-decision button{gap:8px;padding-inline:8px}}