html,body{max-width:100%;overflow-x:hidden}.sample-stories .section-heading{max-width:54rem;margin-inline:auto;text-align:center}.sample-stories .section-intro{margin-inline:auto}.sample-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem);margin-block-start:clamp(2rem,5vw,3.5rem)}.sample-card{display:flex;min-width:0;height:100%;padding:0;overflow:hidden;flex-direction:column;border:1px solid rgba(232,214,163,.2);border-radius:var(--radius);background:rgba(7,13,24,.58);box-shadow:var(--shadow-soft);color:var(--color-text);font:inherit;text-align:left;cursor:pointer;transition:transform 180ms ease,border-color 180ms ease,box-shadow 180ms ease}.sample-card:hover{transform:translateY(-4px);border-color:rgba(232,214,163,.55);box-shadow:0 1.4rem 3.5rem rgba(0,0,0,.3)}.sample-card:focus-visible{outline:3px solid var(--color-gold-strong);outline-offset:4px}.sample-thumb{position:relative;display:block;width:100%;overflow:hidden;aspect-ratio:16/9;background:linear-gradient(145deg,#1a2944,#080e1a)}.sample-thumb img{display:block;width:100%;height:100%;object-fit:cover;transition:transform 220ms ease,filter 220ms ease}.sample-card:hover .sample-thumb img{transform:scale(1.035);filter:brightness(.82)}.sample-play-icon{position:absolute;top:50%;left:50%;display:grid;width:3rem;aspect-ratio:1;place-items:center;border:1px solid rgba(246,241,227,.78);border-radius:50%;transform:translate(-50%,-50%);background:rgba(7,13,24,.7);box-shadow:0 .4rem 1.2rem rgba(0,0,0,.32)}.sample-play-icon::after{width:0;height:0;margin-left:.18rem;border-block:.4rem solid transparent;border-left:.65rem solid var(--color-cream);content:""}.sample-card-copy{display:flex;padding:clamp(1.15rem,2vw,1.5rem);flex:1;flex-direction:column}.sample-card-title{display:block;color:var(--color-cream);font-family:var(--font-display);font-size:clamp(1.15rem,1.5vw,1.35rem);line-height:1.25}.sample-tagline{display:block;min-height:3.4em;margin-block:.65rem 1rem;color:var(--color-text-muted);font-size:.85rem;font-style:italic;line-height:1.65}.sample-meta{display:grid;margin:0 0 1.25rem;gap:.48rem}.sample-meta div{display:grid;grid-template-columns:4.3rem minmax(0,1fr);gap:.5rem;align-items:baseline}.sample-meta dt{color:var(--color-text-muted);font-size:.68rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.sample-meta dd{min-width:0;margin:0;color:var(--color-cream);font-size:.79rem;line-height:1.35}.sample-action{display:inline-flex;width:fit-content;margin-block-start:auto;padding:.72rem 1rem;border:1px solid var(--color-divider);border-radius:999px;color:var(--color-gold);font-size:.72rem;font-weight:700;letter-spacing:.07em;text-transform:uppercase;transition:background 180ms ease,color 180ms ease}.sample-card:hover .sample-action{background:var(--color-gold);color:var(--color-navy)}.sample-coming-soon{margin:clamp(2rem,5vw,3.25rem) 0 0;color:var(--color-gold);font-family:var(--font-display);font-size:clamp(1.05rem,2vw,1.3rem);text-align:center}.story-modal[hidden]{display:none}.story-modal{position:fixed;z-index:1000;inset:0;display:grid;padding:clamp(1rem,3vw,2rem);place-items:center}.story-modal-backdrop{position:absolute;inset:0;background:rgba(2,6,14,.88);backdrop-filter:blur(5px)}.story-modal-dialog{position:relative;z-index:1;width:min(100%,68rem);overflow:hidden;border:1px solid rgba(232,214,163,.4);border-radius:var(--radius);background:var(--color-navy);box-shadow:0 2rem 6rem rgba(0,0,0,.65)}.story-modal-dialog:focus{outline:none}.story-modal-header{display:flex;min-height:4.5rem;padding:.85rem 1rem .85rem clamp(1rem,3vw,1.75rem);align-items:center;justify-content:space-between;gap:1rem}.story-modal-header h2{margin:0;color:var(--color-cream);font-size:clamp(1.15rem,2.5vw,1.65rem)}.story-modal-close{display:grid;width:2.75rem;flex:0 0 auto;aspect-ratio:1;padding:0;place-items:center;border:1px solid var(--color-divider);border-radius:50%;background:transparent;color:var(--color-cream);font:inherit;font-size:1.8rem;line-height:1;cursor:pointer}.story-modal-close:hover,.story-modal-close:focus-visible{border-color:var(--color-gold);color:var(--color-gold);outline:none}.story-modal-player{width:100%;aspect-ratio:16/9;background:#000}.story-modal-player iframe{display:block;width:100%;height:100%;border:0}body.modal-open{overflow:hidden}@media(max-width:1100px){.sample-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:700px){.sample-grid{grid-template-columns:1fr}.sample-tagline{min-height:0}.story-modal{padding:.65rem}.story-modal-header{min-height:3.75rem}}@media(prefers-reduced-motion:reduce){.sample-card,.sample-thumb img,.sample-action{transition:none}}