/* Targeted photographic presentation for Home, About career and Book trailer. */
[data-page=home] .hero .hero-subject{width:61%;height:100%;right:0;top:0;bottom:auto;object-fit:cover;object-position:52% 38%;filter:brightness(.92) saturate(.9);mask-image:linear-gradient(90deg,transparent,#000 24%,#000 94%),linear-gradient(#000 78%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent,#000 24%,#000 94%),linear-gradient(#000 78%,transparent 100%);mask-composite:intersect;-webkit-mask-composite:source-in;animation:hero-kahlil-arrive 1s ease-out both;translate:none;transform:none!important}
[data-page=home] .hero:after{background:linear-gradient(90deg,#08111e 0%,#08111ee8 30%,#08111e33 59%,transparent 76%),linear-gradient(0deg,#0b1422,transparent 28%)}
[data-page=home] .hero .hero-photo{filter:brightness(.45) saturate(.7)}
[data-page=home] .hero-depth-word{z-index:0;color:#dae9ff10}
[data-page=about] .career-scene .scene-shell{background:radial-gradient(ellipse at 75% 35%,#1b3c60,transparent 60%),#08111d;isolation:isolate}
[data-page=about] .career-images{inset:0 0 0 40%;z-index:-2}
[data-page=about] .career-images img{filter:none;object-position:center;object-fit:cover}
[data-page=about] .career-images img[data-career-image=calgary]{object-position:65% center}
[data-page=about] .career-shade{z-index:-1;background:linear-gradient(90deg,#08111d 20%,#08111dd9 43%,#08111d22 75%),linear-gradient(0deg,#08111d,transparent 35%)}
[data-page=about] .career-copy{max-width:650px;margin-top:11vh}
[data-page=about] .career-year{font-size:clamp(100px,13vw,185px);letter-spacing:-.04em;color:#64a9ff;white-space:nowrap}
[data-page=about] .career-copy h2{font-size:clamp(46px,5vw,72px);max-width:550px;margin:25px 0 20px}
[data-page=about] .career-copy>p:first-of-type{max-width:420px;color:#d0d9e6}
[data-page=about] .career-photo-credit{color:#8da6c5;font-size:10px;letter-spacing:.1em;text-transform:uppercase;margin-top:28px}
[data-page=about] .career-source{font-size:11px;display:inline-block;border-bottom:1px solid #557396;margin-top:10px;padding-bottom:5px;color:#b4c9e5}
[data-page=about] .chapter-nav{gap:10px;bottom:30px}
[data-page=about] .chapter-nav button{font-size:12px;white-space:nowrap;min-width:0;border-color:#52647c}
[data-page=about] .chapter-nav button[aria-pressed=true]{border-color:#76b6ff;color:#91c5ff}
[data-page=about] .career-scene[data-photo=milestone] .scene-shell:after{content:'CAREER';position:absolute;right:4%;top:30%;font:800 16vw/.8 'Barlow Condensed';color:#a5caff09;z-index:-1;pointer-events:none}
.official-trailer{border-top:1px solid #293f59;background:radial-gradient(ellipse at 80% 40%,#112d4c,#09121f 70%)}
.trailer-heading{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.trailer-heading h2{font-size:clamp(50px,6vw,86px)}.trailer-heading p{max-width:330px;font-size:16px;color:#b2c0d3}.trailer-player{background:#02070d;aspect-ratio:16/9;border:1px solid #355475;border-radius:12px;overflow:hidden;box-shadow:0 25px 70px #0005}.trailer-player video{display:block;width:100%;height:100%;object-fit:contain;background:#03080f}.trailer-status{font-size:12px;color:#9fb2ca;margin:20px 0 12px;max-width:none}.trailer-status[data-error=true]{color:#e8c598}.official-trailer .textlink{font-size:12px}
@media(min-width:551px) and (max-width:1000px){[data-page=home] .hero .hero-subject{width:65%;height:100%;right:-8%;top:0;bottom:auto;object-position:52% center}[data-page=home] .hero:after{background:linear-gradient(90deg,#08111df5,#08111dd9 32%,transparent 78%),linear-gradient(0deg,#08111d,transparent 32%)}[data-page=about] .career-copy{margin-top:100px}[data-page=about] .career-year{font-size:125px}[data-page=about] .career-images{left:30%}[data-page=about] .chapter-nav{flex-wrap:wrap;gap:4px 12px}[data-page=about] .chapter-nav button{flex-basis:20%}}
@media(max-width:550px){[data-page=home] .hero{min-height:920px}[data-page=home] .hero .hero-subject{width:100%;height:390px;right:0;top:0;bottom:auto;object-fit:cover;object-position:center 36%;mask-image:linear-gradient(#000 68%,transparent 100%);-webkit-mask-image:linear-gradient(#000 68%,transparent 100%);filter:brightness(.9)}[data-page=home] .hero:after{background:linear-gradient(0deg,#08111d 56%,transparent 77%)}[data-page=home] .hero .wrap{padding-top:350px;padding-bottom:100px}[data-page=home] .hero-depth-word{top:24%;font-size:38vw}[data-page=about] .career-scene .scene-shell{min-height:930px}[data-page=about] .career-images{inset:0 0 auto 0;height:330px}[data-page=about] .career-images img{object-position:center 25%;object-fit:cover}[data-page=about] .career-images img[data-career-image=calgary]{object-position:65% center}[data-page=about] .career-shade{background:linear-gradient(0deg,#08111d 57%,transparent 82%)}[data-page=about] .career-copy{margin-top:300px}[data-page=about] .career-year{font-size:100px}[data-page=about] .career-copy h2{font-size:48px;margin:22px 0 16px}[data-page=about] .career-copy>p:first-of-type{font-size:15px;max-width:310px}[data-page=about] .chapter-nav{flex-wrap:wrap;bottom:18px;gap:0 12px}[data-page=about] .chapter-nav button{flex-basis:20%;font-size:11px;padding:10px 0}[data-page=about] .career-photo-credit{margin-top:18px;font-size:9px}[data-page=about] .career-scene[data-photo=milestone] .scene-shell:after{top:20%;font-size:28vw}.trailer-heading{display:block;margin-bottom:25px}.trailer-heading p{margin-top:25px}.trailer-player{border-radius:7px}}

.career-award{display:none;position:absolute;right:6%;top:30%;width:35%;padding:30px 0;border-top:1px solid #47678a;border-bottom:1px solid #47678a;color:#b6d5fb}.career-award>span,.career-award small{font-size:10px;letter-spacing:.15em;text-transform:uppercase}.career-award>div{display:flex;gap:65px;margin:28px 0}.career-award strong{font:700 110px/.9 'Barlow Condensed'}.career-award small{display:block;margin-top:15px;font:10px Barlow;letter-spacing:.15em}.career-award p{font-size:14px;color:#91b2da}.career-scene[data-chapter-active="1"] .career-award{display:block}
@media(max-width:900px){.career-award{top:35%;right:4%;width:35%}.career-award>div{gap:25px}.career-award strong{font-size:75px}}
@media(max-width:550px){[data-page=about] .career-shade{background:linear-gradient(0deg,#08111d 57%,transparent 82%),linear-gradient(#08111d99,transparent 22%)}.career-award{top:105px;left:6%;right:6%;width:auto;padding:18px 0}.career-award>div{margin:18px 0;gap:65px}.career-award strong{font-size:60px}.career-award p{font-size:11px}}