/* Shared editorial treatment for the photography and aerial service pages. */
body.kinetic-photography .site-nav,
body.kinetic-aerial .site-nav{color:#fff;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none}
body.kinetic-photography .site-nav .brand img,
body.kinetic-aerial .site-nav .brand img{filter:none}
body.kinetic-photography .site-nav .nav-links a,
body.kinetic-aerial .site-nav .nav-links a{color:rgba(255,255,255,.82)}
body.kinetic-photography .site-nav .nav-links a:hover,
body.kinetic-aerial .site-nav .nav-links a:hover{color:#fff}
body.kinetic-photography .site-nav.is-scrolled,
body.kinetic-photography .site-nav.scrolled,
body.kinetic-aerial .site-nav.is-scrolled,
body.kinetic-aerial .site-nav.scrolled{background:rgba(14,12,10,.9);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}
body.kinetic-photography .site-nav .nav-submenu,
body.kinetic-aerial .site-nav .nav-submenu{background:rgba(22,18,15,.92);border-color:#ffffff38}
body.kinetic-photography .site-nav .nav-submenu a,
body.kinetic-aerial .site-nav .nav-submenu a{color:#fff}
body.kinetic-photography .shared-nav-toggle,
body.kinetic-aerial .shared-nav-toggle{color:#fff}
body.kinetic-photography .shared-mobile-nav,
body.kinetic-aerial .shared-mobile-nav{background:rgba(14,12,10,.96);color:#fff}
body.kinetic-photography .shared-mobile-nav a,
body.kinetic-aerial .shared-mobile-nav a{color:#fff;border-color:#ffffff1a}
body.kinetic-photography .hero,
body.kinetic-aerial .hero{min-height:100svh;padding:0 4vw 11vh;display:flex;align-items:flex-end;position:relative;overflow:hidden;background:#171512;color:#fff}
body.kinetic-photography .hero-media,
body.kinetic-aerial .hero-media{position:absolute;inset:0;width:100%;height:100%;z-index:0;transform:none;background:#171512}
body.kinetic-photography .hero-media:after,
body.kinetic-aerial .hero-media:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.28),rgba(0,0,0,.06) 38%,rgba(0,0,0,.7))}
body.kinetic-photography .hero-media img,
body.kinetic-aerial .hero-media img{width:100%;height:100%;object-fit:cover;transform:none}
body.kinetic-photography .hero-copy,
body.kinetic-aerial .hero-copy{position:relative;z-index:1;width:min(1280px,92vw);max-width:760px;margin:0;padding:0;transform:none;opacity:1;color:#fff}
body.kinetic-photography .hero h1,
body.kinetic-aerial .hero h1{color:#fff;text-shadow:0 2px 24px #0008}
body.kinetic-photography .hero p,
body.kinetic-aerial .hero p{color:rgba(255,255,255,.84);max-width:38em}
body.kinetic-photography .hero .eyebrow,
body.kinetic-aerial .hero .eyebrow{color:#e4d8c7}
body.kinetic-photography .crumbs,
body.kinetic-aerial .crumbs{display:none}
body.kinetic-photography .service-dock,
body.kinetic-aerial .service-dock{display:none}
body.kinetic-photography .kinetic-portal,
body.kinetic-aerial .kinetic-portal{height:auto;padding:clamp(72px,10vw,150px) 0 0}
body.kinetic-photography .kinetic-frame,
body.kinetic-aerial .kinetic-frame{position:relative;top:auto;width:min(1100px,82vw);margin:0 auto;transform:none}
body.kinetic-photography .kinetic-caption,
body.kinetic-aerial .kinetic-caption{position:relative;top:auto;left:auto;right:auto;width:min(1100px,82vw);margin:16px auto 0}
body.kinetic-photography .section,
body.kinetic-aerial .section{padding:clamp(100px,13vw,190px) 0}
body.kinetic-photography .section-head,
body.kinetic-aerial .section-head{margin-bottom:clamp(60px,8vw,110px)}
body.kinetic-photography .section h2,
body.kinetic-aerial .section h2{font-size:clamp(38px,5vw,68px)}
body.kinetic-photography .cards,
body.kinetic-aerial .cards{border-top:1px solid var(--kinetic-line)}
body.kinetic-photography .card,
body.kinetic-aerial .card{padding:32px 0}
body.kinetic-photography .editorial-figure,
body.kinetic-aerial .editorial-figure{margin:70px 0}
body.kinetic-photography .footer,
body.kinetic-aerial .footer{background:#171512}
body.kinetic-aerial .hero{align-items:flex-end}
body.kinetic-aerial .hero-media video{display:block;width:100%;height:100%;object-fit:cover}
body.kinetic-aerial .hero-copy{display:none}
body.kinetic-aerial .hero:after{display:none}
body.kinetic-aerial .hero-expand,
body.kinetic-aerial .hero-toggle{position:absolute;z-index:3;width:44px;height:44px;padding:0;border:1px solid #ffffff80;border-radius:50%;background:#0008;color:#fff;font:inherit;font-size:12px;cursor:pointer}
body.kinetic-aerial .hero-expand{left:24px;bottom:24px}
body.kinetic-aerial .hero-toggle{right:24px;bottom:24px;font-size:18px}
body.kinetic-aerial .aerial-grade-record{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(30px,7vw,100px);align-items:center}
body.kinetic-aerial .aerial-grade-record video{display:block;width:100%;aspect-ratio:16/10;object-fit:cover;background:#171512}
body.kinetic-aerial .aerial-grade-record h2{margin:18px 0 22px}
body.kinetic-aerial .aerial-grade-record p{max-width:34em}
body.kinetic-aerial .aerial-editorial-plate{width:min(1180px,84vw);margin:clamp(70px,10vw,150px) auto 0}
body.kinetic-aerial .aerial-editorial-plate img{display:block;width:100%;height:auto}
body.kinetic-aerial .aerial-editorial-plate figcaption{display:flex;justify-content:space-between;gap:20px;margin-top:14px;color:var(--kinetic-muted);font-size:10px;letter-spacing:.14em;text-transform:uppercase}
body.kinetic-aerial #benefits{padding-top:clamp(100px,12vw,180px);padding-bottom:clamp(90px,11vw,160px)}
body.kinetic-aerial #benefits .section-head{align-items:end}
body.kinetic-aerial #scenarios{padding-top:clamp(80px,10vw,140px);padding-bottom:clamp(90px,11vw,160px);background:#e9e4dc}
body.kinetic-aerial #scenarios .cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2px;border:0;background:#d8d0c5}
body.kinetic-aerial #scenarios .card{position:relative;display:flex;flex-direction:column;justify-content:flex-end;min-height:300px;padding:30px;background-color:#2a2723;background-size:cover;background-position:center;color:#fff;overflow:hidden;border:0}
body.kinetic-aerial #scenarios .card:before{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 20%,rgba(18,15,12,.82) 100%)}
body.kinetic-aerial #scenarios .card>*{position:relative;z-index:1}
body.kinetic-aerial #scenarios .card:nth-child(1){background-image:url('/assets/works/chuhuangkeng/river-valley.jpg')}
body.kinetic-aerial #scenarios .card:nth-child(2){background-image:url('/assets/works/chuhuangkeng/landscape-clean.jpg')}
body.kinetic-aerial #scenarios .card:nth-child(3){background-image:url('/assets/works/chuhuangkeng/mining-settlement.jpg')}
body.kinetic-aerial #scenarios .card:nth-child(4){background-image:url('/assets/works/chuhuangkeng/service-aerial-mountain.jpg')}
body.kinetic-aerial #scenarios .card h3{font-size:clamp(24px,3vw,38px);margin:10px 0}
body.kinetic-aerial #scenarios .card p{max-width:28em;color:rgba(255,255,255,.78)}
body.kinetic-aerial #scenarios .card-no{color:#e1c4a4}
body.kinetic-aerial #process{padding-top:clamp(90px,12vw,170px)}
body.kinetic-aerial #process .service-steps{counter-reset:aerial-step}
body.kinetic-aerial #process .service-step{padding:26px 24px;border-left:1px solid rgba(244,241,234,.18);background:linear-gradient(180deg,rgba(255,255,255,.06),transparent)}
body.kinetic-aerial #process .service-step:first-child{border-left:0}
body.kinetic-aerial #pricing{margin-top:clamp(70px,9vw,120px)}
body.kinetic-aerial #pricing h3{color:#f4f1ea}
body.kinetic-aerial #pricing .pricing-factors>div{min-height:104px}
body.kinetic-aerial #process{display:none}
body.kinetic-aerial .aerial-quote-link{display:inline-block;margin-top:54px;padding:15px 24px;background:#171512;color:#f4f1ea;font-size:12px;letter-spacing:.12em}
body.kinetic-aerial #work{background:#ece7df}
body.kinetic-aerial #work .aerial-grade-record{padding:0}
body.kinetic-aerial #work .aerial-grade-record video{box-shadow:0 24px 60px rgba(35,27,20,.16)}
body.kinetic-aerial main>.section:last-child{padding-top:clamp(110px,14vw,190px);padding-bottom:clamp(120px,16vw,220px)}
@media(max-width:760px){
  body.kinetic-photography .hero,
  body.kinetic-aerial .hero{min-height:88svh;padding:0 18px 72px}
  body.kinetic-photography .hero h1,
  body.kinetic-aerial .hero h1{font-size:clamp(40px,11vw,58px)}
  body.kinetic-photography .kinetic-frame,
  body.kinetic-aerial .kinetic-frame,
  body.kinetic-photography .kinetic-caption,
  body.kinetic-aerial .kinetic-caption{width:calc(100% - 36px)}
  body.kinetic-photography .kinetic-portal,
  body.kinetic-aerial .kinetic-portal{padding-top:56px}
  body.kinetic-aerial .aerial-grade-record{display:block}
  body.kinetic-aerial .aerial-grade-record>div+div{margin-top:28px}
  body.kinetic-aerial .aerial-editorial-plate{width:calc(100% - 36px);margin-top:56px}
  body.kinetic-aerial .aerial-editorial-plate figcaption{display:block;line-height:1.8}
  body.kinetic-aerial #scenarios .cards{grid-template-columns:1fr}
  body.kinetic-aerial #scenarios .card{min-height:260px;padding:24px}
  body.kinetic-aerial #process .service-step{border-left:0;border-top:1px solid rgba(244,241,234,.18)}
}