*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f4f2ee;color:#171717;font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;line-height:1.55}a{color:inherit}.wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:96px;display:flex;align-items:center}.nav-wrap{display:flex;align-items:center;justify-content:space-between}.brand img{width:178px;max-height:62px;object-fit:contain}.nav{display:flex;gap:28px;align-items:center;color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.15em}.nav a{text-decoration:none;opacity:.9}.nav a:hover{opacity:1}.nav-cta{border:1px solid rgba(255,255,255,.55);padding:10px 15px}.hero{position:relative;min-height:100vh;background:#111;display:flex;align-items:flex-end;overflow:hidden}.hero-bg{position:absolute;inset:0;background-image:url('assets/hero.webp');background-size:cover;background-position:center center;transform:scale(1.002)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.66) 0%,rgba(0,0,0,.44) 28%,rgba(0,0,0,.08) 58%,rgba(0,0,0,.02) 100%),linear-gradient(0deg,rgba(0,0,0,.62) 0%,transparent 48%)}.hero-content{position:relative;z-index:2;color:#fff;padding-bottom:118px}.hero-content-inner{max-width:690px}.eyebrow{margin:0 0 18px;text-transform:uppercase;letter-spacing:.2em;font-size:12px;font-weight:600}.hero h1{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:clamp(54px,6.4vw,103px);line-height:.92;letter-spacing:-.055em;font-weight:300;margin:0 0 28px}.hero h1 strong{font-weight:700}.hero-copy{font-size:18px;max-width:610px;color:rgba(255,255,255,.88);margin:0 0 30px}.hero-actions{display:flex;align-items:center;gap:26px}.button{display:inline-block;padding:13px 18px;text-transform:uppercase;font-size:12px;font-weight:700;letter-spacing:.12em;text-decoration:none}.button-light{background:#fff;color:#111}.text-link{color:#fff;text-decoration:none;font-size:14px}.role-strip{position:absolute;bottom:0;left:0;right:0;z-index:3;border-top:1px solid rgba(255,255,255,.25);color:rgba(255,255,255,.72);display:flex;justify-content:center;gap:42px;padding:19px 20px;font-size:11px;text-transform:uppercase;letter-spacing:.19em}.section{padding:110px 0}.section-dark{background:#111;color:#f7f5f1}.intro-grid{display:grid;grid-template-columns:1.08fr .8fr;gap:90px;align-items:center}.eyebrow.dark{color:#675f55}.intro h2,.section-heading h2,.field-copy h2,.process h2,.reel-copy h2,.contact h2{font-family:Georgia,"Times New Roman",serif;font-size:clamp(42px,5vw,70px);font-weight:400;line-height:1.03;letter-spacing:-.035em;margin:0 0 28px}.intro p{max-width:680px}.lead{font-size:21px;color:#36322e}.portrait-card{margin:0}.portrait-card img{display:block;width:100%;aspect-ratio:3/4;object-fit:cover}.facts{display:flex;gap:40px;margin-top:38px;padding-top:30px;border-top:1px solid #cfc9c0}.facts div{display:flex;flex-direction:column}.facts strong{font-size:22px}.facts span{font-size:12px;text-transform:uppercase;letter-spacing:.09em;color:#706b64}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:60px;margin-bottom:54px}.section-heading p:last-child{max-width:470px;color:#aca79f}.work-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:18px}.work-card{position:relative;overflow:hidden;min-height:440px;background:#222;color:#fff;text-decoration:none}.work-card img{position:absolute;width:100%;height:100%;object-fit:cover;transition:transform .5s ease}.work-card:hover img{transform:scale(1.025)}.work-card::after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.83),rgba(0,0,0,.03) 67%)}.work-card .card-copy{position:absolute;z-index:2;left:28px;right:28px;bottom:26px}.work-card p{font-size:11px;text-transform:uppercase;letter-spacing:.15em;margin:0 0 8px;color:#ddd}.work-card h3{font-family:Georgia,serif;font-size:31px;line-height:1.04;font-weight:400;margin:0}.work-card.large{grid-column:span 7;min-height:520px}.work-card.medium{grid-column:span 5;min-height:520px}.work-card.third{grid-column:span 4}.field{background:#ded9d0}.field-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:70px;align-items:center}.field-image img{display:block;width:100%;aspect-ratio:16/10;object-fit:cover}.field-copy p{font-size:18px}.process{background:#f4f2ee}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:55px}.process-item{border-top:1px solid #aaa39a;padding-top:22px}.process-item span{font-size:12px;letter-spacing:.18em;color:#746d64}.process-item h3{font-family:Georgia,serif;font-weight:400;font-size:27px;margin:25px 0 12px}.process-item p{font-size:15px;color:#5c5751}.reel-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.reel-placeholder{aspect-ratio:16/9;background-image:linear-gradient(rgba(0,0,0,.12),rgba(0,0,0,.12)),url('assets/studio.webp');background-size:cover;background-position:center;display:grid;place-items:center}.play{width:86px;height:86px;border-radius:50%;background:rgba(255,255,255,.92);color:#111;display:grid;place-items:center;font-size:28px;padding-left:5px}.photo-section{background:#0d0d0d;color:#fff;padding:105px 0 0}.photo-intro{display:grid;grid-template-columns:1.1fr .8fr;gap:80px;align-items:end;margin-bottom:52px}.photo-intro h2{font-family:Georgia,serif;font-size:clamp(50px,6vw,84px);line-height:.98;font-weight:400;letter-spacing:-.04em;margin:0}.photo-intro p{color:#bab7b2;font-size:18px;max-width:500px}.mosaic{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:210px;grid-auto-flow:dense;gap:8px;padding:8px;background:#0d0d0d}.tile{position:relative;border:0;padding:0;overflow:hidden;background:#222;cursor:zoom-in}.tile img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .35s ease,filter .35s ease}.tile:hover img{transform:scale(1.025);filter:brightness(.9)}.tile.w2{grid-column:span 2}.tile.h2{grid-row:span 2}.tile.w2h2{grid-column:span 2;grid-row:span 2}.tile.w3{grid-column:span 3}.tile.w4{grid-column:span 4}.tile .caption{position:absolute;left:14px;right:14px;bottom:12px;font-size:11px;text-transform:uppercase;letter-spacing:.11em;color:#fff;opacity:0;transition:opacity .25s;text-shadow:0 1px 5px #000}.tile:hover .caption{opacity:1}.credits{background:#151515;color:#fff}.credit-line{font-family:Georgia,serif;font-size:clamp(28px,3.7vw,52px);line-height:1.3;color:#ddd;max-width:1000px}.contact{background:#e9e4dc}.contact-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:end}.contact-links{display:flex;flex-direction:column;gap:12px;align-items:flex-start}.contact-links a{text-decoration:none;border-bottom:1px solid #111;font-size:17px}.footer{background:#0b0b0b;color:#8b8883;padding:28px 0;font-size:12px}.footer-row{display:flex;justify-content:space-between;align-items:center}.lightbox{position:fixed;z-index:100;inset:0;background:rgba(0,0,0,.94);display:none;align-items:center;justify-content:center;padding:35px}.lightbox.open{display:flex}.lightbox img{max-width:94vw;max-height:90vh;object-fit:contain}.lightbox button{position:absolute;right:28px;top:22px;color:white;background:none;border:0;font-size:38px;cursor:pointer}.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:none}@media(max-width:900px){.nav{display:none}.site-header{height:78px}.brand img{width:145px}.hero{min-height:88vh}.hero-bg{background-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(0,0,0,.66),rgba(0,0,0,.22)),linear-gradient(0deg,rgba(0,0,0,.67),transparent 55%)}.hero-content{padding-bottom:108px}.hero h1{font-size:clamp(48px,12vw,78px);max-width:650px}.role-strip{gap:16px;overflow:hidden;justify-content:flex-start;white-space:nowrap}.intro-grid,.field-grid,.reel-grid,.contact-grid,.photo-intro{grid-template-columns:1fr;gap:45px}.portrait-card{max-width:600px}.work-card.large,.work-card.medium,.work-card.third{grid-column:span 12;min-height:440px}.process-grid{grid-template-columns:1fr 1fr}.mosaic{grid-template-columns:repeat(2,1fr);grid-auto-rows:190px}.tile.w3,.tile.w4{grid-column:span 2}.section-heading{display:block}.section-heading p:last-child{margin-top:14px}.section{padding:82px 0}}@media(max-width:600px){.wrap{width:min(100% - 30px,1180px)}.hero-bg{background-position:68% center}.hero h1{font-size:49px}.hero-copy{font-size:16px}.hero-actions{align-items:flex-start;flex-direction:column;gap:15px}.facts{gap:20px;flex-wrap:wrap}.process-grid{grid-template-columns:1fr}.mosaic{grid-template-columns:1fr;grid-auto-rows:290px}.tile,.tile.w2,.tile.h2,.tile.w2h2,.tile.w3,.tile.w4{grid-column:span 1;grid-row:span 1}.photo-section{padding-top:75px}.footer-row{gap:15px;flex-direction:column;align-items:flex-start}}

/* Version 6 additions: keep V4's visual language, add the later site's content structure */
.menu-btn{display:none;background:none;border:0;color:#fff;font-size:24px;cursor:pointer}
.nav a.active{opacity:1;border-bottom:1px solid rgba(255,255,255,.7);padding-bottom:4px}
.section-warm{background:#ded9d0}
.button.dark{background:#111;color:#fff}.button.outline{border:1px solid currentColor}
.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}
.press{background:#ded9d0}
.press-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.press-card{display:flex;flex-direction:column;min-height:285px;padding:27px;background:#f4f2ee;color:#171717;text-decoration:none;border-top:1px solid #8f877d;transition:transform .25s ease,background .25s ease}
.press-card:hover{transform:translateY(-3px);background:#fff}
.press-card .pub{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.16em;color:#6f675f}
.press-card h3{font-family:Georgia,serif;font-size:25px;line-height:1.14;font-weight:400;margin:26px 0 18px}
.press-card .date{margin-top:auto;color:#7c756d;font-size:12px}
.press-more{margin-top:28px}
.card-badge{display:inline-block;margin-bottom:10px;padding:6px 8px;border:1px solid rgba(255,255,255,.48);font-size:9px;text-transform:uppercase;letter-spacing:.13em}
.work-card.half{grid-column:span 6;min-height:470px}
.photo-footer{padding:32px 0 46px;text-align:center;background:#0d0d0d}
.photo-footer .button{border:1px solid rgba(255,255,255,.5);color:#fff}
.page-hero{position:relative;min-height:58vh;background:#111;color:#fff;display:flex;align-items:flex-end;overflow:hidden}
.page-hero .page-bg{position:absolute;inset:0;background-position:center;background-size:cover}
.page-hero .shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.12)),linear-gradient(0deg,rgba(0,0,0,.62),transparent 55%)}
.page-hero .wrap{position:relative;z-index:2;padding-bottom:72px}
.page-hero h1{font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;font-size:clamp(54px,7vw,94px);line-height:.96;letter-spacing:-.045em;font-weight:300;margin:0 0 16px}
.page-hero p{max-width:690px;font-size:19px;color:#e4e0da}
.about-hero .page-bg{background-image:url('assets/about.webp');background-position:center 38%}
.work-hero .page-bg{background-image:url('assets/field.webp');background-position:center 42%}
.photo-hero .page-bg{background-image:url('assets/mountain_reflections.webp')}
.news-hero .page-bg{background-image:url('assets/bahamas-filming.webp')}
.contact-hero .page-bg{background-image:url('assets/desert-hero-source.webp');background-position:center 54%}
.dtl-hero .page-bg{background-image:url('assets/dtl-theatre.webp');background-position:center}
.pirate-hero .page-bg{background-image:url('assets/wreck.webp');background-position:center}
.stryper-hero .page-bg{background-image:url('assets/stryper-road.webp');background-position:center 52%}
.story-grid{display:grid;grid-template-columns:1.1fr .72fr;gap:80px;align-items:start}
.story-grid .side-image img{width:100%;display:block}
.prose{font-size:18px}.prose p{margin:0 0 22px}
.quote{font-family:Georgia,serif;font-size:31px;line-height:1.3;border-left:2px solid #84786d;padding-left:26px;margin:42px 0}
.pill-row{display:flex;gap:9px;flex-wrap:wrap;margin:20px 0}.pill{font-size:10px;text-transform:uppercase;letter-spacing:.12em;padding:8px 10px;border:1px solid #a59d94}
.credits-list{display:grid;grid-template-columns:1fr 1fr;gap:0 40px;border-top:1px solid #bdb5ac}
.credit{padding:18px 0;border-bottom:1px solid #c8c1b8}.credit strong{display:block}.credit span{font-size:13px;color:#706960}
.recognition-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.award-card{padding:28px;border:1px solid #b9b0a6;background:#eee9e2}
.award-card .award-level{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#70675f}
.award-card h3{font-family:Georgia,serif;font-size:27px;line-height:1.1;font-weight:400;margin:14px 0 0}
.telly{background:#111;color:white}.telly .award-card{background:#1b1b1b;border-color:#353535}.telly .award-level{color:#aaa39c}
.festival-list{display:grid;grid-template-columns:1fr 1fr;gap:0 45px;border-top:1px solid #bdb5ac}
.festival-item{display:flex;justify-content:space-between;gap:20px;padding:16px 0;border-bottom:1px solid #c8c1b8}.festival-item span:last-child{color:#706960;font-size:13px}
.project-intro{display:grid;grid-template-columns:1.1fr .75fr;gap:75px;align-items:start}
.project-title{font-family:Georgia,serif;font-size:clamp(45px,5.5vw,76px);font-weight:400;line-height:1.02;margin:0 0 26px}
.project-aside{background:#ded9d0;padding:28px}.project-aside dl{margin:0}.project-aside dt{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#6d655e;margin-top:18px}.project-aside dt:first-child{margin-top:0}.project-aside dd{margin:4px 0 0;font-size:16px}
.project-gallery{display:grid;grid-template-columns:2fr 1fr;gap:8px}.project-gallery img{width:100%;height:100%;object-fit:cover;display:block}.project-gallery .main{grid-row:span 2;min-height:620px}
.stryper-gallery{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:250px;gap:8px}
.stryper-gallery img{width:100%;height:100%;object-fit:cover;display:block}
.stryper-gallery .a{grid-column:span 8;grid-row:span 2}.stryper-gallery .b{grid-column:span 4}.stryper-gallery .c{grid-column:span 4}
.stryper-gallery .d{grid-column:span 5}.stryper-gallery .e{grid-column:span 7}.stryper-gallery .f{grid-column:span 7}.stryper-gallery .g{grid-column:span 5}
.news-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:35px}.filter-btn{border:1px solid #8f877e;background:transparent;padding:9px 13px;font-size:10px;text-transform:uppercase;letter-spacing:.13em;cursor:pointer}.filter-btn.active{background:#111;color:#fff;border-color:#111}
.news-list{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.news-item{background:#fff;padding:30px;min-height:265px;display:flex;flex-direction:column;text-decoration:none;border-top:1px solid #8b8176}.news-item.hide{display:none}.news-item .meta{font-size:10px;text-transform:uppercase;letter-spacing:.15em;color:#6e665e}.news-item h2{font-family:Georgia,serif;font-size:30px;line-height:1.15;font-weight:400;margin:28px 0 18px}.news-item .external{margin-top:auto;font-size:12px;font-weight:700}
.contact-grid{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:start}.contact-links{display:flex;flex-direction:column;gap:15px}.contact-links a{text-decoration:none;border-bottom:1px solid #222;padding-bottom:8px}
.footer{background:#0b0b0b;color:#8b8883;padding:30px 0;font-size:12px}.footer-grid{display:grid;grid-template-columns:1fr auto;gap:40px;align-items:end}.footer-social{display:flex;gap:16px;flex-wrap:wrap}.footer a{text-decoration:none}
@media(max-width:960px){
.menu-btn{display:block}.nav{display:none;position:absolute;top:78px;left:24px;right:24px;background:#0b0b0b;padding:23px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}
.work-card.half{grid-column:span 12}.press-grid{grid-template-columns:1fr 1fr}
.story-grid,.project-intro,.contact-grid{grid-template-columns:1fr;gap:45px}.recognition-grid{grid-template-columns:1fr}.festival-list,.credits-list{grid-template-columns:1fr}.project-gallery{grid-template-columns:1fr}.project-gallery .main{grid-row:auto;min-height:420px}
.stryper-gallery{grid-template-columns:1fr 1fr;grid-auto-rows:260px}.stryper-gallery .a,.stryper-gallery .b,.stryper-gallery .c,.stryper-gallery .d,.stryper-gallery .e,.stryper-gallery .f,.stryper-gallery .g{grid-column:span 1;grid-row:span 1}
.news-list{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}
}
@media(max-width:620px){.press-grid{grid-template-columns:1fr}.stryper-gallery{grid-template-columns:1fr;grid-auto-rows:300px}.footer-social{flex-direction:column;gap:8px}}




/* V6.2 refinements */

/* Homepage logo: approximately 50% larger than V6.1 */
body.home .site-header{
  height:128px;
}
body.home .brand img{
  width:360px;
  max-height:112px;
}

/* Stryper hero: use a much taller cinematic frame so both the band
   and the camera operator remain visible instead of being vertically squeezed. */
.stryper-hero{
  min-height:90vh;
  max-height:none;
}
.stryper-hero .page-bg{
  background-image:url('assets/stryper-road.webp');
  background-position:center 48%;
  background-size:cover;
}
.stryper-hero .wrap{
  padding-bottom:82px;
}

/* Rebuild the Stryper on-location gallery around the portrait images.
   The right-hand column now has generous, near-square frames instead of short,
   wide slots that were cutting into heads. */
.stryper-gallery{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  grid-auto-rows:360px;
  gap:8px;
}

/* Main behind-the-scenes frame */
.stryper-gallery .a{
  grid-column:1 / span 8;
  grid-row:1 / span 2;
  object-position:center 45%;
}

/* First three right-hand images */
.stryper-gallery .b{
  grid-column:9 / span 4;
  grid-row:1;
  object-position:center 18%;
}
.stryper-gallery .c{
  grid-column:9 / span 4;
  grid-row:2;
  object-position:center 20%;
}
.stryper-gallery .e{
  grid-column:9 / span 4;
  grid-row:3;
  object-position:center 17%;
}

/* Landscape / wider images occupy the left side */
.stryper-gallery .d{
  grid-column:1 / span 8;
  grid-row:3;
  object-position:center 42%;
}
.stryper-gallery .f{
  grid-column:1 / span 8;
  grid-row:4;
  object-position:center 48%;
}
.stryper-gallery .g{
  grid-column:9 / span 4;
  grid-row:4;
  object-position:center 17%;
}

.stryper-gallery img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}

/* Tablet */
@media(max-width:960px){
  body.home .site-header{height:104px}
  body.home .brand img{
    width:270px;
    max-height:88px;
  }
  .stryper-hero{min-height:78vh}
  .stryper-hero .page-bg{background-position:center 47%}
  .stryper-gallery{
    grid-template-columns:1fr 1fr;
    grid-auto-rows:420px;
  }
  .stryper-gallery .a,
  .stryper-gallery .b,
  .stryper-gallery .c,
  .stryper-gallery .d,
  .stryper-gallery .e,
  .stryper-gallery .f,
  .stryper-gallery .g{
    grid-column:auto;
    grid-row:auto;
  }
}

/* Phone */
@media(max-width:620px){
  body.home .site-header{height:92px}
  body.home .brand img{
    width:225px;
    max-height:76px;
  }
  .stryper-hero{
    min-height:72vh;
  }
  .stryper-hero .page-bg{
    background-position:center 46%;
  }
  .stryper-gallery{
    grid-template-columns:1fr;
    grid-auto-rows:auto;
  }
  .stryper-gallery img{
    height:auto;
    aspect-ratio:auto;
    object-fit:contain;
    background:#111;
  }
}


/* V6.3 refinements — larger matched branding on homepage + Stryper page */
body.home .site-header,
body:has(.stryper-hero) .site-header{
  height:156px;
}

body.home .brand img,
body:has(.stryper-hero) .brand img{
  width:540px;
  max-height:138px;
}

/* Keep navigation visually balanced beside the much larger mark */
body.home .nav-wrap,
body:has(.stryper-hero) .nav-wrap{
  align-items:center;
}

@media(max-width:1100px){
  body.home .site-header,
  body:has(.stryper-hero) .site-header{
    height:126px;
  }

  body.home .brand img,
  body:has(.stryper-hero) .brand img{
    width:405px;
    max-height:110px;
  }
}

@media(max-width:760px){
  body.home .site-header,
  body:has(.stryper-hero) .site-header{
    height:104px;
  }

  body.home .brand img,
  body:has(.stryper-hero) .brand img{
    width:310px;
    max-height:88px;
  }
}

@media(max-width:520px){
  body.home .site-header,
  body:has(.stryper-hero) .site-header{
    height:94px;
  }

  body.home .brand img,
  body:has(.stryper-hero) .brand img{
    width:260px;
    max-height:78px;
  }
}


/* V6.4 contact form */
.contact-form-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:90px;
  align-items:start;
}
.contact-intro{
  position:sticky;
  top:135px;
}
.contact-note{
  margin-top:24px;
  color:#6c655e;
  font-size:14px;
}
.contact-side-links{
  display:flex;
  flex-direction:column;
  margin-top:40px;
  border-top:1px solid #bdb4aa;
}
.contact-side-links a{
  padding:14px 0;
  border-bottom:1px solid #c9c1b8;
  text-decoration:none;
  font-size:13px;
}
.contact-form{
  padding:38px;
  background:#e5e0d8;
  border-top:1px solid #948b81;
}
.contact-form label{
  display:block;
  margin-bottom:24px;
}
.contact-form label > span{
  display:block;
  margin-bottom:8px;
  font-size:10px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.14em;
  color:#615a53;
}
.form-row.two{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:18px;
}
.contact-form input,
.contact-form select,
.contact-form textarea{
  width:100%;
  box-sizing:border-box;
  border:0;
  border-bottom:1px solid #817970;
  background:#f4f1ec;
  color:#171717;
  font:inherit;
  border-radius:0;
  padding:14px 13px;
  outline:none;
}
.contact-form textarea{
  resize:vertical;
  min-height:190px;
}
.contact-form input:focus,
.contact-form select:focus,
.contact-form textarea:focus{
  border-bottom-color:#111;
  box-shadow:0 1px 0 #111;
}
.form-submit{
  border:0;
  cursor:pointer;
}
.form-help{
  max-width:520px;
  margin:18px 0 0;
  font-size:12px;
  line-height:1.5;
  color:#6c655e;
}
@media(max-width:900px){
  .contact-form-grid{
    grid-template-columns:1fr;
    gap:45px;
  }
  .contact-intro{
    position:static;
  }
}
@media(max-width:600px){
  .form-row.two{
    grid-template-columns:1fr;
    gap:0;
  }
  .contact-form{
    padding:26px 20px;
  }
}


/* V6.5 — Contact page visual link cards */
.contact-topics{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:34px;
}
.contact-topics span{
  padding:8px 10px;
  border:1px solid #aaa198;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#635c55;
  background:rgba(255,255,255,.18);
}
.contact-channel-section{
  margin-top:88px;
  padding-top:65px;
  border-top:1px solid #b8afa5;
}
.channel-heading{
  display:grid;
  grid-template-columns:1.05fr .8fr;
  gap:70px;
  align-items:end;
  margin-bottom:38px;
}
.channel-heading h2{
  font-family:Georgia,serif;
  font-size:clamp(36px,4.3vw,62px);
  line-height:1.04;
  font-weight:400;
  margin:0;
}
.channel-heading p:last-child{
  max-width:510px;
  margin:0 0 7px;
  color:#625b54;
  font-size:16px;
}
.channel-logo-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}
.channel-card{
  display:flex;
  flex-direction:column;
  min-width:0;
  color:#111;
  background:#f0ece6;
  text-decoration:none;
  border-top:1px solid #857b70;
  transition:transform .22s ease, background .22s ease;
  overflow:hidden;
}
.channel-card:hover{
  transform:translateY(-4px);
  background:#fff;
}
.channel-logo-stage{
  height:245px;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:28px;
  box-sizing:border-box;
  background:#fff;
}
.channel-logo-stage img{
  display:block;
  max-width:100%;
  max-height:100%;
  object-fit:contain;
}
.wreckwatch-stage{
  background:#f7f7f5;
}
.wreckwatch-stage img{
  width:auto;
  height:100%;
}
.ca-stage{
  background:#fff;
}
.ca-stage img{
  width:auto;
  height:88%;
}
.instagram-stage{
  background:#f7f5f2;
}
.instagram-stage img{
  width:74%;
  height:74%;
}
.channel-card-copy{
  display:flex;
  flex-direction:column;
  gap:7px;
  padding:21px 22px 24px;
  border-top:1px solid #d1c9c0;
}
.channel-card-copy strong{
  font-family:Georgia,serif;
  font-size:24px;
  font-weight:400;
}
.channel-card-copy span{
  color:#6d655d;
  font-size:12px;
  line-height:1.45;
}
.contact-patreon{
  display:flex;
  justify-content:flex-end;
  gap:14px;
  margin-top:24px;
  font-size:12px;
  color:#6b635b;
}
.contact-patreon a{
  font-weight:700;
  text-decoration:none;
  color:#111;
}
@media(max-width:900px){
  .channel-heading{
    grid-template-columns:1fr;
    gap:18px;
  }
  .channel-logo-grid{
    grid-template-columns:1fr;
  }
  .channel-logo-stage{
    height:260px;
  }
  .channel-logo-stage img{
    max-height:88%;
  }
  .contact-patreon{
    justify-content:flex-start;
    flex-wrap:wrap;
  }
}


/* V6.6 — News, Press & Conversations archive */
.news-page .site-header{
  background:rgba(8,8,8,.96);
}
.news-archive-hero{
  min-height:72vh;
}
.news-archive-hero .page-bg{
  background-image:url('assets/bahamas-filming.webp');
  background-position:center 44%;
  filter:saturate(.78) contrast(1.05);
}
.news-archive-hero .shade{
  background:
    linear-gradient(90deg,rgba(0,0,0,.76) 0%,rgba(0,0,0,.42) 46%,rgba(0,0,0,.18) 72%,rgba(0,0,0,.34) 100%),
    linear-gradient(0deg,rgba(0,0,0,.72),transparent 60%);
}
.news-archive-hero h1{
  max-width:820px;
}
.archive-intro{
  background:#e4dfd7;
}
.archive-intro-grid,
.archive-heading,
.archive-close-grid{
  display:grid;
  grid-template-columns:1.05fr .72fr;
  gap:80px;
  align-items:end;
}
.archive-intro-grid h2,
.archive-heading h2,
.archive-close-grid h2{
  font-family:Georgia,serif;
  font-weight:400;
  font-size:clamp(40px,4.5vw,64px);
  line-height:1.04;
  margin:0;
}
.archive-intro-grid > p,
.archive-heading > p,
.archive-close-grid > p{
  margin:0 0 7px;
  font-size:17px;
  color:#635c54;
}
.featured-media-grid{
  display:grid;
  grid-template-columns:1.55fr 1fr 1fr;
  gap:10px;
  margin-top:48px;
}
.featured-media{
  min-height:520px;
  position:relative;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#111;
  color:#fff;
  text-decoration:none;
}
.featured-media img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .45s ease;
}
.featured-media:hover img{
  transform:scale(1.025);
}
.featured-dtl img{
  object-position:center 42%;
}
.featured-shade{
  position:absolute;
  inset:0;
  background:linear-gradient(0deg,rgba(0,0,0,.84) 0%,rgba(0,0,0,.16) 72%);
}
.featured-copy{
  position:relative;
  z-index:2;
  padding:30px;
}
.media-kicker{
  display:block;
  font-size:9px;
  font-weight:700;
  text-transform:uppercase;
  letter-spacing:.15em;
  color:#d3cec7;
  margin-bottom:16px;
}
.featured-copy h3{
  font-family:Georgia,serif;
  font-size:clamp(26px,2.4vw,39px);
  line-height:1.08;
  font-weight:400;
  margin:0 0 20px;
}
.media-action{
  font-size:11px;
  font-weight:700;
  letter-spacing:.05em;
}
.featured-podcast{
  background:#111;
}
.podcast-visual{
  position:absolute;
  inset:0;
  display:flex;
  align-items:center;
  justify-content:center;
  overflow:hidden;
  background:
    radial-gradient(circle at 30% 20%,#4e4b46 0,#222 28%,#111 62%,#090909 100%);
}
.podcast-rings{
  position:absolute;
  width:330px;
  height:330px;
}
.podcast-rings span{
  position:absolute;
  border:1px solid rgba(255,255,255,.17);
  border-radius:50%;
  inset:0;
}
.podcast-rings span:nth-child(2){inset:42px}
.podcast-rings span:nth-child(3){inset:84px}
.podcast-play{
  position:relative;
  z-index:2;
  width:72px;
  height:72px;
  border:1px solid rgba(255,255,255,.7);
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  padding-left:5px;
  font-size:20px;
}
.media-archive-section{
  background:#f0ece6;
}
.archive-toolbar{
  margin-top:42px;
  margin-bottom:14px;
  position:sticky;
  top:88px;
  z-index:20;
  padding:12px 0;
  background:rgba(240,236,230,.96);
  backdrop-filter:blur(8px);
}
.media-count{
  padding:0 0 26px;
  font-size:11px;
  color:#716960;
  text-transform:uppercase;
  letter-spacing:.12em;
}
.archive-list{
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.archive-card{
  min-height:340px;
  background:#fff;
  border-top:1px solid #83796f;
  padding:31px;
  transition:transform .22s ease,background .22s ease;
}
.archive-card:hover{
  transform:translateY(-3px);
  background:#fdfcf9;
}
.archive-card .meta{
  display:flex;
  gap:10px;
  align-items:center;
  flex-wrap:wrap;
}
.type-tag{
  display:inline-block;
  padding:5px 7px;
  background:#1a1a1a;
  color:#fff;
  font-size:8px;
  line-height:1;
  letter-spacing:.12em;
  text-transform:uppercase;
}
.podcast-tag{
  background:#5a5148;
}
.interview-tag{
  background:#3d4548;
}
.archive-card h2{
  font-size:30px;
  margin-top:30px;
}
.archive-card p{
  max-width:620px;
  color:#6b635c;
  font-size:14px;
  line-height:1.65;
  margin:0 0 28px;
}
.archive-card .external{
  margin-top:auto;
}
.audio-card,
.interview-card{
  background:#e4dfd7;
}
.audio-card:hover,
.interview-card:hover{
  background:#ece7e0;
}
.audio-icon{
  width:48px;
  height:48px;
  border:1px solid #817970;
  border-radius:50%;
  display:flex;
  align-items:center;
  justify-content:center;
  margin-top:28px;
  font-size:15px;
}
.audio-icon.apple{
  font-size:21px;
}
.archive-close{
  background:#d8d1c7;
}
@media(max-width:1050px){
  .featured-media-grid{
    grid-template-columns:1fr 1fr;
  }
  .featured-media:first-child{
    grid-column:1 / -1;
    min-height:560px;
  }
}
@media(max-width:900px){
  .archive-intro-grid,
  .archive-heading,
  .archive-close-grid{
    grid-template-columns:1fr;
    gap:22px;
  }
  .archive-toolbar{
    position:static;
  }
  .archive-list{
    grid-template-columns:1fr;
  }
}
@media(max-width:680px){
  .news-archive-hero{
    min-height:64vh;
  }
  .featured-media-grid{
    grid-template-columns:1fr;
  }
  .featured-media,
  .featured-media:first-child{
    grid-column:auto;
    min-height:440px;
  }
  .archive-card{
    min-height:310px;
    padding:25px;
  }
  .archive-card h2{
    font-size:26px;
  }
}


/* V6.7 — One Media contact link */
.channel-logo-grid{
  grid-template-columns:repeat(2,1fr);
  gap:16px;
}
.channel-logo-stage{
  height:250px;
}
.one-media-stage{
  background:#f7f7f5;
}
.one-media-stage img{
  width:78%;
  height:auto;
  max-height:72%;
}
@media(max-width:900px){
  .channel-logo-grid{
    grid-template-columns:1fr;
  }
  .one-media-stage img{
    width:min(520px,82%);
  }
}


/* V6.8 — Expanded visual biography */
.about-story-page{
  background:#eee9e2;
}
.about-story-page .site-header{
  background:linear-gradient(180deg,rgba(0,0,0,.75),rgba(0,0,0,.1));
}
.about-cinematic-hero{
  position:relative;
  min-height:86vh;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#111;
  color:#fff;
}
.about-cinematic-hero > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 44%;
}
.about-hero-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.74) 0%,rgba(0,0,0,.42) 36%,rgba(0,0,0,.08) 70%,rgba(0,0,0,.2) 100%),
    linear-gradient(0deg,rgba(0,0,0,.6),transparent 56%);
}
.about-hero-copy{
  position:relative;
  z-index:2;
  padding-bottom:82px;
}
.about-hero-copy h1{
  max-width:760px;
  margin:0 0 20px;
  font-family:"Avenir Next","Helvetica Neue",Arial,sans-serif;
  font-weight:300;
  font-size:clamp(60px,7.8vw,108px);
  line-height:.91;
  letter-spacing:-.052em;
}
.about-hero-copy > p:last-child{
  max-width:660px;
  margin:0;
  font-size:20px;
  line-height:1.45;
  color:#e4dfd7;
}
.about-opening{
  background:#eee9e2;
}
.about-opening-grid{
  display:grid;
  grid-template-columns:.8fr 1.2fr;
  gap:100px;
  align-items:start;
}
.about-opening-lead h2,
.chapter-copy h2,
.feature-story-copy h2,
.underwater-heading h2,
.music-copy h2,
.photographer-heading h2,
.recognition-heading h2{
  font-family:Georgia,serif;
  font-size:clamp(42px,4.6vw,68px);
  line-height:1.03;
  font-weight:400;
  margin:0;
}
.about-opening-copy{
  max-width:760px;
}
.about-opening-copy .lead{
  font-family:Georgia,serif;
  font-size:28px;
  line-height:1.42;
  color:#27231f;
  margin-top:0;
}
.about-opening-copy p:not(.lead),
.chapter-copy p,
.feature-story-copy p,
.underwater-copy p,
.music-copy p,
.photographer-heading p{
  font-size:16px;
  line-height:1.75;
  color:#5f5851;
}
.about-photo-break{
  position:relative;
  min-height:68vh;
  overflow:hidden;
  background:#111;
}
.about-photo-break > img{
  position:absolute;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 47%;
}
.photo-break-caption{
  position:absolute;
  left:32px;
  bottom:26px;
  display:flex;
  gap:12px;
  color:#fff;
  font-size:10px;
  text-transform:uppercase;
  letter-spacing:.14em;
  background:rgba(0,0,0,.62);
  padding:10px 12px;
}
.about-chapter{
  background:#f4f1ec;
}
.chapter-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:start;
}
.chapter-copy{
  max-width:680px;
  position:sticky;
  top:128px;
}
.chapter-copy h2{
  margin-bottom:35px;
}
.chapter-images{
  display:grid;
  gap:18px;
}
.chapter-image{
  margin:0;
  background:#111;
  position:relative;
  min-height:420px;
  overflow:hidden;
}
.chapter-image.tall{
  min-height:540px;
}
.chapter-image img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
}
.chapter-image.tall img{
  object-position:center 42%;
}
.chapter-image:not(.tall) img{
  object-position:center 38%;
}
.chapter-image figcaption{
  position:absolute;
  left:16px;
  bottom:14px;
  color:#fff;
  background:rgba(0,0,0,.6);
  padding:7px 9px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.13em;
}
.about-quote-band{
  background:#151515;
  color:#fff;
  padding:95px 0;
}
.about-quote-band blockquote{
  max-width:1120px;
  margin:0;
  font-family:Georgia,serif;
  font-size:clamp(36px,4.7vw,70px);
  line-height:1.12;
  font-weight:400;
}
.about-feature{
  padding-top:110px;
  padding-bottom:110px;
}
.feature-story-grid{
  display:grid;
  grid-template-columns:1.18fr .82fr;
  gap:72px;
  align-items:center;
}
.feature-story-visual{
  position:relative;
  min-height:690px;
  overflow:hidden;
}
.feature-story-visual img{
  width:100%;
  height:100%;
  position:absolute;
  inset:0;
  object-fit:cover;
  object-position:center center;
}
.image-note{
  position:absolute;
  left:18px;
  bottom:18px;
  background:rgba(0,0,0,.72);
  padding:8px 10px;
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.12em;
  color:#fff;
}
.feature-story-copy h2{
  color:#fff;
  margin-bottom:30px;
}
.feature-story-copy p{
  color:#bfb8b0;
}
.button-row{
  display:flex;
  align-items:center;
  gap:20px;
  flex-wrap:wrap;
}
.text-link{
  color:#171717;
  font-size:12px;
  text-decoration:none;
  font-weight:700;
}
.light-link{
  color:#fff;
}
.about-underwater{
  background:#ddd7cf;
}
.underwater-heading,
.photographer-heading,
.recognition-heading{
  display:grid;
  grid-template-columns:1.02fr .78fr;
  gap:90px;
  align-items:end;
  margin-bottom:50px;
}
.underwater-heading > div:last-child p:first-child,
.photographer-heading > div:last-child p:first-child{
  margin-top:0;
}
.underwater-mosaic{
  display:grid;
  grid-template-columns:1.45fr .75fr;
  grid-template-rows:1fr 1fr;
  gap:12px;
  min-height:720px;
}
.underwater-mosaic figure{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#111;
}
.underwater-mosaic img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.uw-large{
  grid-row:1 / 3;
}
.uw-large img{
  object-position:center 53%;
}
.uw-small:first-of-type img{
  object-position:center center;
}
.underwater-copy{
  max-width:860px;
  margin:48px 0 0 auto;
}
.about-music{
  padding-top:110px;
  padding-bottom:110px;
}
.music-grid{
  display:grid;
  grid-template-columns:.82fr 1.18fr;
  gap:80px;
  align-items:start;
}
.music-copy{
  position:sticky;
  top:128px;
}
.music-copy h2{
  margin-bottom:28px;
}
.music-visuals{
  display:grid;
  grid-template-columns:1.2fr .8fr;
  gap:12px;
  min-height:720px;
}
.music-visuals figure{
  margin:0;
  position:relative;
  overflow:hidden;
  background:#111;
}
.music-visuals img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.music-main{
  min-height:720px;
}
.music-main img{
  object-position:center center;
}
.music-secondary{
  min-height:720px;
}
.music-secondary img{
  object-position:center 30%;
}
.about-photographer{
  padding-top:110px;
  padding-bottom:100px;
}
.photographer-heading h2{
  color:#fff;
}
.photographer-heading p{
  color:#bdb6ae;
}
.photo-story-grid{
  display:grid;
  grid-template-columns:1.35fr .65fr;
  grid-template-rows:355px 355px;
  gap:12px;
}
.photo-story-grid figure{
  position:relative;
  margin:0;
  overflow:hidden;
  background:#111;
}
.photo-story-grid img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.photo-story-wide{
  grid-row:1 / 3;
}
.photo-story-wide img{
  object-position:center center;
}
.photo-story-tall img{
  object-position:center 45%;
}
.photo-story-small:nth-of-type(3){
  display:none;
}
.photo-story-small:nth-of-type(4){
  grid-column:2;
  grid-row:2;
}
.photography-button-row{
  margin-top:30px;
}
.about-recognition{
  background:#eee9e2;
}
.recognition-heading{
  margin-bottom:40px;
}
.recognition-heading > p{
  margin:0 0 7px;
  color:#655e57;
}
.about-recognition-grid{
  grid-template-columns:repeat(4,1fr);
}
.light-award{
  background:#f9f7f3;
  color:#111;
  min-height:230px;
  border-top:1px solid #837a70;
}
.light-award .award-level{
  color:#6e665e;
}
.light-award h3{
  color:#111;
}
.light-award p{
  margin-top:14px;
  color:#68615a;
}
.about-closing{
  position:relative;
  min-height:86vh;
  display:flex;
  align-items:flex-end;
  overflow:hidden;
  background:#111;
  color:#fff;
}
.about-closing > img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 38%;
}
.about-closing-shade{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(0,0,0,.78),rgba(0,0,0,.48) 48%,rgba(0,0,0,.16)),
    linear-gradient(0deg,rgba(0,0,0,.78),transparent 68%);
}
.about-closing-copy{
  position:relative;
  z-index:2;
  max-width:840px;
  padding-bottom:80px;
}
.about-closing-copy h2{
  font-family:Georgia,serif;
  font-size:clamp(48px,5.6vw,80px);
  line-height:1.03;
  font-weight:400;
  margin:0 0 25px;
}
.about-closing-copy > p{
  max-width:730px;
  color:#ddd7cf;
  font-size:16px;
  line-height:1.7;
}
.about-final-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px 28px;
  margin-top:35px;
  padding-top:22px;
  border-top:1px solid rgba(255,255,255,.4);
}
.about-final-links a{
  color:#fff;
  text-decoration:none;
  text-transform:uppercase;
  letter-spacing:.12em;
  font-size:10px;
  font-weight:700;
}

@media(max-width:1100px){
  .about-opening-grid,
  .feature-story-grid,
  .underwater-heading,
  .music-grid,
  .photographer-heading,
  .recognition-heading{
    gap:55px;
  }
  .about-recognition-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:900px){
  .about-cinematic-hero{
    min-height:76vh;
  }
  .about-cinematic-hero > img{
    object-position:63% 48%;
  }
  .about-opening-grid,
  .chapter-grid,
  .feature-story-grid,
  .underwater-heading,
  .music-grid,
  .photographer-heading,
  .recognition-heading{
    grid-template-columns:1fr;
  }
  .chapter-copy,
  .music-copy{
    position:static;
  }
  .about-photo-break{
    min-height:56vh;
  }
  .feature-story-visual{
    min-height:560px;
  }
  .underwater-mosaic{
    min-height:620px;
  }
  .music-visuals{
    min-height:650px;
  }
}

@media(max-width:700px){
  .about-hero-copy{
    padding-bottom:52px;
  }
  .about-hero-copy h1{
    font-size:clamp(54px,16vw,78px);
  }
  .about-opening-grid{
    gap:35px;
  }
  .about-opening-copy .lead{
    font-size:23px;
  }
  .photo-break-caption{
    left:14px;
    right:14px;
    bottom:14px;
    justify-content:space-between;
  }
  .chapter-images{
    gap:10px;
  }
  .chapter-image,
  .chapter-image.tall{
    min-height:460px;
  }
  .about-quote-band{
    padding:68px 0;
  }
  .feature-story-visual{
    min-height:460px;
  }
  .underwater-mosaic{
    display:grid;
    grid-template-columns:1fr;
    grid-template-rows:440px 330px 330px;
    min-height:0;
  }
  .uw-large{
    grid-row:auto;
  }
  .music-visuals{
    grid-template-columns:1fr;
    min-height:0;
  }
  .music-main,
  .music-secondary{
    min-height:480px;
  }
  .photo-story-grid{
    grid-template-columns:1fr;
    grid-template-rows:400px 440px 340px;
  }
  .photo-story-wide,
  .photo-story-tall,
  .photo-story-small:nth-of-type(4){
    grid-column:auto;
    grid-row:auto;
  }
  .photo-story-small:nth-of-type(3){
    display:block;
  }
  .about-recognition-grid{
    grid-template-columns:1fr;
  }
  .about-closing{
    min-height:78vh;
  }
  .about-closing > img{
    object-position:65% 42%;
  }
}


/* V6.9 About revisions */
.about-split-hero{
  min-height:88vh;
  background:#111;
  position:relative;
  overflow:hidden;
  color:#fff;
  display:flex;
  align-items:center;
}
.about-split-backdrop{
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 78% 34%, rgba(123,93,59,.23), transparent 34%),
    linear-gradient(135deg,#171717 0%,#0b0b0b 62%,#15120f 100%);
}
.about-split-grid{
  position:relative;
  z-index:2;
  width:100%;
  display:grid;
  grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);
  gap:72px;
  align-items:center;
  padding-top:124px;
  padding-bottom:72px;
}
.about-split-copy{
  padding-bottom:0;
}
.about-split-copy h1{
  max-width:760px;
}
.about-split-portrait{
  margin:0;
  justify-self:end;
  position:relative;
  width:min(100%,520px);
  height:min(72vh,760px);
  min-height:560px;
  overflow:hidden;
  background:#28231e;
  box-shadow:0 28px 80px rgba(0,0,0,.38);
}
.about-split-portrait img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:center 42%;
}
.about-split-portrait::after{
  content:"";
  position:absolute;
  inset:0;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.14);
  pointer-events:none;
}
.about-split-portrait figcaption{
  position:absolute;
  z-index:2;
  left:16px;
  bottom:15px;
  padding:8px 10px;
  background:rgba(0,0,0,.68);
  color:#fff;
  font-size:9px;
  line-height:1;
  text-transform:uppercase;
  letter-spacing:.14em;
}

/* Keep Chris's head fully visible in the Siberia image. */
.about-photo-break-siberia > img{
  object-position:center top;
}

/* New underwater chapter image is intentionally wider and atmospheric. */
.chapter-image:not(.tall) img{
  object-position:center center;
}

@media(max-width:900px){
  .about-split-hero{
    min-height:auto;
  }
  .about-split-grid{
    grid-template-columns:1fr;
    gap:38px;
    padding-top:118px;
    padding-bottom:48px;
  }
  .about-split-portrait{
    justify-self:stretch;
    width:100%;
    height:68vh;
    min-height:520px;
    max-height:760px;
  }
  .about-split-copy h1{
    max-width:680px;
  }
}

@media(max-width:700px){
  .about-split-grid{
    padding-top:104px;
  }
  .about-split-portrait{
    height:62vh;
    min-height:470px;
  }
}

/* Final project hero */
.stryper-project-page .stryper-hero .page-bg{background-image:url('assets/stryper-concert.webp');background-position:center 45%;}
.reel-placeholder{text-decoration:none;}

.project-aside .project-poster{width:100%;height:auto;display:block;margin:0 0 24px;}

.hp-field{position:absolute!important;left:-10000px!important;width:1px!important;height:1px!important;overflow:hidden!important}.form-status{margin-top:14px;font-size:14px}.form-status.success{color:#2f653d}.form-status.error{color:#8a2f2f}