.actions-page { background: #090909; }
.actions-page main { overflow: hidden; }

.actions-hero { min-height: 650px; position: relative; display: flex; align-items: center; overflow: hidden; color: white; background: #050505; }
.actions-hero-photo { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center; opacity: .78; filter: saturate(1.08) contrast(1.08); }
.actions-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg,#050505 0,rgba(5,5,5,.95) 25%,rgba(5,5,5,.54) 60%,rgba(5,5,5,.18)),linear-gradient(0deg,#050505 0,transparent 36%); }
.actions-hero-copy { width: min(760px,78%); padding: 90px clamp(25px,7vw,108px); position: relative; z-index: 2; }
.actions-wordmark { width: min(360px,80%); max-height: 150px; margin: 18px 0 20px; display: block; object-fit: contain; object-position: left center; filter: drop-shadow(0 8px 18px rgba(0,0,0,.6)); }
.actions-hero h1 { max-width: 710px; margin: 0 0 20px; font-size: clamp(45px,5.6vw,78px); line-height: .9; letter-spacing: -4px; text-transform: uppercase; }
.actions-hero h1 em { color: var(--accent); font-style: normal; }
.actions-hero-copy > p:not(.eyebrow) { max-width: 620px; margin: 0 0 27px; color: #d2d2d2; font-size: 17px; line-height: 1.55; }
.illustrative-note { position: absolute; right: 22px; bottom: 17px; z-index: 2; margin: 0; color: rgba(255,255,255,.58); font-size: 8px; font-weight: 800; letter-spacing: 1px; text-transform: uppercase; }

.actions-intro { padding: 100px clamp(24px,7vw,105px); display: grid; grid-template-columns: 1.05fr .95fr; align-items: end; gap: clamp(45px,8vw,130px); color: var(--ink); background: var(--paper); }
.actions-intro h2 { margin: 18px 0 0; font-size: clamp(44px,5.2vw,73px); line-height: .92; letter-spacing: -4px; text-transform: uppercase; }
.actions-intro h2 em { color: var(--orange); font-style: normal; }
.actions-intro-copy { padding: 0 0 9px 27px; border-left: 5px solid var(--accent); }
.actions-intro-copy strong { display: block; margin-bottom: 12px; font-size: clamp(19px,2vw,27px); }
.actions-intro-copy p { max-width: 620px; margin: 0; color: #625e55; font-size: 15px; line-height: 1.65; }

.event-gallery { padding: 100px clamp(24px,7vw,105px) 115px; color: white; background: #0a0a0a; }
.gallery-heading { max-width: 750px; margin-bottom: 46px; }
.gallery-heading h2 { margin: 17px 0 12px; color: white; font-size: clamp(43px,5vw,70px); line-height: .92; letter-spacing: -4px; text-transform: uppercase; }
.gallery-heading > p:last-child { max-width: 620px; margin: 0; color: #999; font-size: 15px; line-height: 1.6; }
.album-feature { display: grid; grid-template-columns: minmax(0,1.18fr) minmax(320px,.82fr); min-height: 430px; border: 1px solid #2d2d2d; background: #111; }
.album-preview { min-height: 430px; position: relative; overflow: hidden; background: #000; }
.album-preview::after { content: ''; position: absolute; inset: 0; background: linear-gradient(0deg,rgba(0,0,0,.78),transparent 47%); }
.album-preview img { width: 100%; height: 100%; display: block; object-fit: cover; filter: grayscale(.18) contrast(1.05); }
.album-preview > span { position: absolute; left: 24px; bottom: 23px; z-index: 1; padding: 9px 12px; color: var(--ink); background: var(--accent); font-size: 9px; font-weight: 1000; letter-spacing: 1px; text-transform: uppercase; }
.album-copy { padding: clamp(34px,5vw,70px); display: flex; flex-direction: column; justify-content: center; border-left: 6px solid var(--orange); }
.album-copy > p:first-child { margin: 0 0 12px; color: var(--accent); font-size: 9px; font-weight: 1000; letter-spacing: 1.6px; text-transform: uppercase; }
.album-copy h3 { margin: 0 0 17px; color: white; font-size: clamp(28px,3.2vw,46px); line-height: .98; letter-spacing: -2px; text-transform: uppercase; }
.album-copy > p:not(:first-child) { margin: 0; color: #aaa; line-height: 1.65; }
.album-tags { margin-top: 27px; display: flex; flex-wrap: wrap; gap: 7px; }
.album-tags span { padding: 7px 10px; color: #bbb; border: 1px solid #424242; font-size: 8px; font-weight: 900; letter-spacing: 1px; text-transform: uppercase; }
.gallery-values { margin-top: 27px; display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid #333; border-bottom: 1px solid #333; }
.gallery-values article { min-height: 190px; padding: 27px; }
.gallery-values article + article { border-left: 1px solid #333; }
.gallery-values b { color: var(--orange); font-size: 10px; letter-spacing: 1px; }
.gallery-values h3 { margin: 30px 0 9px; color: white; font-size: 17px; text-transform: uppercase; }
.gallery-values p { margin: 0; color: #888; font-size: 13px; line-height: 1.5; }

.actions-cta { padding: 70px clamp(24px,7vw,105px); display: grid; grid-template-columns: 1fr auto; align-items: center; gap: 50px; color: var(--ink); background: var(--accent); }
.actions-cta .eyebrow > span { background: var(--orange); }
.actions-cta h2 { margin: 16px 0 0; font-size: clamp(37px,4.5vw,63px); line-height: .92; letter-spacing: -3px; text-transform: uppercase; }
.actions-cta > div:last-child { width: min(100%,390px); }
.actions-cta > div:last-child p { margin: 0 0 17px; font-size: 14px; line-height: 1.5; }
.actions-cta .button-accent { color: white; background: var(--ink); }
.actions-cta .button-accent > span { color: var(--ink); background: white; }

@media (max-width: 900px) {
  .actions-hero { min-height: 590px; }
  .actions-hero-copy { width: min(850px,90%); }
  .actions-intro { grid-template-columns: 1fr; align-items: start; gap: 35px; }
  .album-feature { grid-template-columns: 1fr; }
  .album-copy { border-left: 0; border-top: 6px solid var(--orange); }
  .actions-cta { grid-template-columns: 1fr; }
}

@media (max-width: 680px) {
  .actions-hero { min-height: 620px; align-items: flex-end; }
  .actions-hero-photo { object-position: 58% center; opacity: .68; }
  .actions-hero-shade { background: linear-gradient(0deg,#050505 0,rgba(5,5,5,.91) 48%,rgba(5,5,5,.15)); }
  .actions-hero-copy { width: 100%; padding: 190px 18px 46px; }
  .actions-wordmark { width: min(280px,80%); margin: 13px 0 17px; }
  .actions-hero h1 { font-size: 42px; letter-spacing: -2.4px; }
  .actions-hero-copy > p:not(.eyebrow) { font-size: 14px; }
  .actions-hero-copy .button { width: 100%; }
  .illustrative-note { right: 14px; bottom: 11px; font-size: 6px; }
  .actions-intro, .event-gallery { padding: 72px 18px; }
  .actions-intro h2, .gallery-heading h2 { letter-spacing: -2.4px; }
  .actions-intro-copy { padding-left: 18px; }
  .album-preview { min-height: 255px; }
  .album-copy { padding: 31px 24px; }
  .gallery-values { grid-template-columns: 1fr; }
  .gallery-values article { min-height: 150px; }
  .gallery-values article + article { border-left: 0; border-top: 1px solid #333; }
  .gallery-values h3 { margin-top: 20px; }
  .actions-cta { padding: 58px 18px; gap: 28px; }
  .actions-cta > div:last-child { width: 100%; }
  .actions-cta .button { width: 100%; font-size: 10px; }
}