.history-sample-layout{display:grid;grid-template-columns:minmax(230px,360px) minmax(0,1fr);align-items:center;gap:clamp(28px,6vw,90px);margin:45px 0}
.history-sample-banner{position:relative;display:block;padding:0;width:100%;text-align:left;background:#080909;border:1px solid #ffffff29;overflow:hidden}
.history-sample-banner img{width:100%;height:auto;display:block;transition:transform .35s}
.history-sample-banner:hover img{transform:scale(1.025)}
.history-open{display:flex;justify-content:space-between;align-items:center;padding:18px 22px;border-top:1px solid #ffffff26;color:#f3f0e8;font-size:13px}
.history-open>span{color:var(--gold)}
.history-sample-copy h3{font-size:clamp(22px,2.6vw,34px);line-height:1.6;margin:18px 0;font-weight:500}
.history-sample-copy>p:not(.eyebrow){font-size:14px;line-height:2;color:var(--muted);max-width:42em}
.history-sample-copy .history-password-note{margin-top:25px;padding-top:18px;border-top:1px solid var(--line);color:#e2bc4e!important;font-size:12px!important}
#youtube-player[hidden]{display:none}
#youtube-player iframe{display:block;width:100%;aspect-ratio:16/9;height:auto;border:0;background:#000}
#youtube-player>a{display:inline-block;margin:16px 0 4px;font-size:12px;color:var(--gold);text-decoration:underline;text-underline-offset:4px}
@media(max-width:640px){.history-sample-layout{grid-template-columns:1fr;gap:24px}.history-sample-banner{max-width:340px;margin:auto}.history-sample-copy h3{font-size:23px}.history-sample-copy>p:not(.eyebrow){font-size:13px}}
@media(prefers-reduced-motion:reduce){.history-sample-banner img{transition:none}}
.sample-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(16px,2.5vw,36px);margin:45px 0 24px}
.sample-card{min-width:0}
.sample-gallery .history-sample-banner{max-width:none;margin:0}
.sample-gallery .history-sample-banner img{aspect-ratio:4/5;width:100%;height:auto;object-fit:contain;background:#080909}
.sample-gallery .history-sample-copy{padding-top:22px}
.sample-gallery .history-sample-copy h3{font-size:clamp(17px,1.7vw,24px);line-height:1.7;margin:12px 0}
.sample-gallery .eyebrow{font-size:10px;letter-spacing:.16em}
.works>.history-password-note{font-size:13px;color:var(--gold);line-height:1.8;margin-bottom:32px}
.history-sample-banner:focus-visible{outline:2px solid var(--gold);outline-offset:4px}
@media(max-width:640px){.sample-gallery{display:flex;overflow-x:auto;gap:18px;scroll-snap-type:x mandatory;padding:5px 4px 18px;margin-left:-4px;margin-right:-4px}.sample-card{flex:0 0 78%;scroll-snap-align:start}.sample-gallery .history-sample-copy h3{font-size:20px}}