/* PPV Marketing, Dallas contractor page. Apple style scroll scenes. charles@pictureperfectvideo.com */
.mkx-page{background:#05080f;color:#eef1f5;font-family:Inter,system-ui,sans-serif}
.mkx{--gold:#E8B563;--ink:#05080f;--mut:#9aa6b6;overflow-x:clip}
.mkx .gold{color:var(--gold)}
.mkx-wrap{width:min(1200px,calc(100% - 48px));margin:0 auto}
.mkx-sticky{position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}
.mkx-center{display:flex;align-items:center;justify-content:center}
.mkx-eyebrow{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:var(--gold);font-weight:600;margin:0 0 16px}
.mkx h2{font-size:clamp(34px,5.4vw,72px);line-height:1.04;letter-spacing:-.035em;font-weight:700;margin:0 0 22px;color:#f5f3ee}
.mkx h3{font-size:20px;line-height:1.3;letter-spacing:-.01em;font-weight:600;margin:0 0 10px;color:#f5f3ee}
.mkx p{line-height:1.7}
.mkx-lead{font-size:clamp(17px,1.6vw,21px);color:#b9c3d0;max-width:760px}
.mkx-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 28px;border-radius:999px;background:var(--gold);color:#0a1220;font-weight:600;font-size:16px;text-decoration:none;box-shadow:0 12px 32px rgba(232,181,99,.28);transition:transform .25s,box-shadow .25s}
.mkx-btn:hover{transform:translateY(-2px);box-shadow:0 16px 40px rgba(232,181,99,.4)}
.mkx-link{color:#f5f3ee;text-decoration:underline;text-underline-offset:6px;min-height:44px;display:inline-flex;align-items:center}
.mkx-actions{display:flex;flex-wrap:wrap;gap:14px 26px;align-items:center;margin-top:30px}
.mkx-actions-c{justify-content:center}
.mkx-ill{position:absolute;right:14px;bottom:12px;z-index:3;font-size:11px;letter-spacing:.06em;color:rgba(255,255,255,.72);background:rgba(0,0,0,.42);padding:4px 9px;border-radius:999px;backdrop-filter:blur(6px)}
.mkx-ill-static{font-size:11px;color:var(--mut);text-align:center;margin:14px 0 0}
.mkx a:focus-visible,.mkx summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}

/* 1 HERO */
.mkx-hero{height:220vh;position:relative}
.mkx-hero-media{position:absolute;inset:0;transform:scale(calc(1 + var(--p,0) * .12))}
.mkx-hero-video{width:100%;height:100%;object-fit:cover;display:block}
.mkx-hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,15,.55) 0%,rgba(5,8,15,.25) 40%,rgba(5,8,15,.85) 100%);opacity:calc(.75 + var(--p,0) * .25)}
.mkx-hero-shade::after{content:"";position:absolute;inset:0;background:#05080f;opacity:calc(var(--p,0) * .55)}
.mkx-hero-a,.mkx-hero-b{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px}
.mkx-hero-a{opacity:clamp(0,calc(1 - var(--p,0) * 2.4),1);transform:translateY(calc(var(--p,0) * -80px)) scale(calc(1 - var(--p,0) * .18))}
.mkx-hero-b{opacity:clamp(0,calc((var(--p,0) - .38) * 3),1);transform:translateY(calc((1 - clamp(0,calc((var(--p,0) - .38) * 3),1)) * 40px));pointer-events:none}
.mkx-hero.is-b .mkx-hero-b{pointer-events:auto}
.mkx-hero h1{margin:0;display:flex;flex-direction:column;align-items:center}
.mkx-kicker{font-size:13px;letter-spacing:.28em;text-transform:uppercase;color:var(--gold);font-weight:600;margin-bottom:18px}
.mkx-big{font-size:clamp(64px,13vw,196px);line-height:.92;letter-spacing:-.055em;font-weight:800;color:#fff}
.mkx-big em{font-style:normal;background:linear-gradient(90deg,#f7d9a0,#E8B563 45%,#c98f3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.mkx-hero-sub{font-size:clamp(17px,1.7vw,22px);color:#dde3ea;max-width:640px;margin:26px auto 0}
.mkx-scrollcue{position:absolute;bottom:34px;left:50%;transform:translateX(-50%);font-size:11px;letter-spacing:.3em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.mkx-scrollcue::after{content:"";display:block;width:1px;height:38px;margin:10px auto 0;background:linear-gradient(#fff,transparent);animation:mkxcue 2s ease-in-out infinite}
@keyframes mkxcue{0%{transform:scaleY(0);transform-origin:top}50%{transform:scaleY(1);transform-origin:top}51%{transform-origin:bottom}100%{transform:scaleY(0);transform-origin:bottom}}
.mkx-hero-promise{font-size:clamp(30px,4.6vw,64px);line-height:1.1;letter-spacing:-.035em;font-weight:700;max-width:1050px;margin:0;color:#fff}

/* 2 WORDS */
.mkx-statement{height:240vh}
.mkx-words{width:min(1100px,calc(100% - 48px));font-size:clamp(30px,4.4vw,62px);line-height:1.18;letter-spacing:-.03em;font-weight:700;margin:0}
.mkx-words .w{color:#2a3342;transition:color .35s ease}
.mkx-words .w.on{color:#f5f3ee}
.mkx-words .w.gold.on{color:var(--gold)}

/* 3 EXPAND */
.mkx-expand{height:260vh}
.mkx-expand .mkx-sticky{display:flex;align-items:center;justify-content:center}
.mkx-expand-frame{position:absolute;margin:0;overflow:hidden;
 width:calc(58vw + var(--p,0) * 42vw * 1.6);height:calc(52vh + var(--p,0) * 48vh * 1.6);max-width:100vw;max-height:100vh;
 border-radius:calc(28px - var(--p,0) * 45px);min-width:0}
.mkx-expand-frame video{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.15 - var(--p,0) * .15))}
.mkx-expand-frame::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,8,15,.82) 0%,rgba(5,8,15,.35) 55%,rgba(5,8,15,0) 100%);opacity:clamp(0,calc((var(--p,0) - .45) * 3),1)}
.mkx-expand-copy{position:relative;z-index:2;width:min(1200px,calc(100% - 48px));opacity:clamp(0,calc((var(--p,0) - .5) * 3.2),1);transform:translateY(calc((1 - clamp(0,calc((var(--p,0) - .5) * 3.2),1)) * 50px))}
.mkx-expand-copy h2,.mkx-expand-copy p{max-width:560px}
.mkx-expand-copy p{font-size:19px;color:#dfe5ec}

/* 4 FUNNEL */
.mkx-funnel{height:340vh;background:radial-gradient(1200px 600px at 75% 50%,rgba(232,181,99,.09),transparent 60%)}
.mkx-funnel-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;width:min(1200px,calc(100% - 48px));margin:0 auto}
.mkx-steps{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:8px}
.mkx-steps li{display:flex;gap:18px;padding:16px 0;border-top:1px solid #1b2433;opacity:.32;transition:opacity .45s ease}
.mkx-steps li.is-on{opacity:1}
.mkx-steps li>span{font-size:12px;letter-spacing:.14em;color:var(--gold);padding-top:4px;font-variant-numeric:tabular-nums}
.mkx-steps p{margin:0;color:#b9c3d0;font-size:16px}
.mkx-phone-wrap{display:flex;flex-direction:column;align-items:center}
.mkx-phone{position:relative;width:min(340px,80vw);height:min(640px,72vh);border-radius:48px;background:#0b111c;border:10px solid #1a2230;box-shadow:0 40px 100px rgba(0,0,0,.6),0 0 0 1px #2b3547 inset;padding:54px 16px 16px;overflow:hidden;transform:rotate(calc(-6deg + var(--p,0) * 6deg)) translateY(calc(30px - var(--p,0) * 30px))}
.mkx-phone-notch{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:110px;height:28px;border-radius:20px;background:#000}
.mkx-phone-top{display:flex;justify-content:space-between;font-size:13px;color:#8e9bab;margin:0 6px 14px;font-weight:600}
.mkx-note{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:12px 14px;margin-bottom:10px;backdrop-filter:blur(10px);display:grid;gap:2px;opacity:0;transform:translateY(-18px) scale(.96);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.8,.2,1)}
.mkx-note.show{opacity:1;transform:none}
.mkx-note b{font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--gold)}
.mkx-note.is-booked b{color:#7fd8a2}
.mkx-note span{font-size:15px;color:#f5f3ee;font-weight:600}
.mkx-note em{font-style:normal;font-size:12.5px;color:#93a0b1}

/* 5 OWNER */
.mkx-owner{padding:140px 0}
.mkx-owner-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}
.mkx-owner-media{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:3/4;background:#0e1522}
.mkx-owner-media video{width:100%;height:100%;object-fit:cover;display:block}
.mkx-owner-copy p{font-size:18px;color:#b9c3d0;max-width:560px}

/* 6 TRADES */
.mkx-trades{height:420vh}
.mkx-trades-sticky{display:flex;flex-direction:column;justify-content:center;gap:34px}
.mkx-trades-head h2{margin:0}
.mkx-track{display:flex;gap:26px;padding-left:max(24px,calc((100vw - 1200px) / 2));transform:translateX(var(--shift,0px));will-change:transform}
.mkx-trade{flex:0 0 min(440px,80vw);background:#0c1320;border:1px solid #1c2636;border-radius:26px;overflow:hidden;display:flex;flex-direction:column}
.mkx-trade figure{position:relative;margin:0;aspect-ratio:16/11;overflow:hidden}
.mkx-trade img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.mkx-trade:hover img{transform:scale(1.05)}
.mkx-trade-body{padding:24px 26px 26px}
.mkx-trade-body p{color:#b0bbc9;font-size:15.5px;margin:0 0 14px}
.mkx-trade-body a{color:var(--gold);text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.mkx-trade-body a:hover{text-decoration:underline;text-underline-offset:5px}
.mkx-tag{font-size:11px!important;letter-spacing:.2em;text-transform:uppercase;color:var(--gold)!important;font-weight:700;margin:0 0 10px!important}

/* 7 GET */
.mkx-get{padding:150px 0 120px}
.mkx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.mkx-card{background:linear-gradient(180deg,#0e1624,#0a111c);border:1px solid #1c2636;border-radius:22px;padding:30px}
.mkx-card>span{display:block;font-size:12px;letter-spacing:.14em;color:var(--gold);margin-bottom:18px}
.mkx-card p{color:#aeb9c7;font-size:15px;margin:0}

/* 8 DRONE */
.mkx-drone{height:200vh}
.mkx-drone-media{position:absolute;inset:-8% 0;transform:translateY(calc(var(--p,0) * -6%)) scale(calc(1.05 + var(--p,0) * .08))}
.mkx-drone-media video{width:100%;height:100%;object-fit:cover;display:block}
.mkx-drone .mkx-sticky::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,8,15,.1),rgba(5,8,15,.75));pointer-events:none}
.mkx-drone-copy{position:absolute;z-index:2;left:0;right:0;bottom:12vh;width:min(1200px,calc(100% - 48px));margin:0 auto;opacity:clamp(0,calc((var(--p,0) - .15) * 3),1);transform:translateY(calc((1 - clamp(0,calc((var(--p,0) - .15) * 3),1)) * 40px))}
.mkx-drone-copy p{font-size:19px;color:#e4e9ef;max-width:600px}

/* 9 AREA */
.mkx-area{padding:150px 0 90px;text-align:center}
.mkx-area .mkx-lead{margin:0 auto}
.mkx-cities{list-style:none;padding:0;margin:40px auto 0;display:flex;flex-wrap:wrap;justify-content:center;gap:10px;max-width:900px}
.mkx-cities li{padding:10px 18px;border:1px solid #243044;border-radius:999px;color:#dfe5ec;font-size:15px}

/* 10 CREW */
.mkx-crew{padding:90px 0 140px}
.mkx-crew-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:60px;align-items:center}
.mkx-crew-media{position:relative;margin:0;border-radius:28px;overflow:hidden}
.mkx-crew-media img{width:100%;display:block}
.mkx-checks{list-style:none;padding:0;margin:0 0 30px;display:grid;gap:14px}
.mkx-checks li{position:relative;padding-left:32px;color:#c3ccd8;line-height:1.6}
.mkx-checks li::before{content:"";position:absolute;left:0;top:5px;width:18px;height:18px;border-radius:50%;background:rgba(232,181,99,.16);box-shadow:inset 0 0 0 1px var(--gold)}
.mkx-checks li::after{content:"";position:absolute;left:6px;top:9px;width:6px;height:9px;border:solid var(--gold);border-width:0 2px 2px 0;transform:rotate(45deg)}

/* 11 PROOF */
.mkx-proof{padding:130px 0;background:#080d17;border-top:1px solid #151d2a;border-bottom:1px solid #151d2a}
.mkx-films{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:34px}
.mkx-films figure{margin:0}
.mkx-films video{width:100%;aspect-ratio:16/9;background:#000;border-radius:16px;display:block}
.mkx-films figcaption{font-size:13px;color:var(--mut);margin-top:10px}
.mkx-press{color:#aeb9c7;margin-top:28px;max-width:820px}
.mkx-press a{color:var(--gold);min-height:44px;display:inline-flex;align-items:center}

/* 12 FAQ */
.mkx-faq{padding:130px 0}
.mkx-faq-list{max-width:900px;margin-top:30px}
.mkx-faq details{border-bottom:1px solid #1f2939;padding:10px 0}
.mkx-faq summary{cursor:pointer;font-weight:600;font-size:18px;padding:14px 0;list-style:none;display:flex;justify-content:space-between;gap:20px}
.mkx-faq summary::-webkit-details-marker{display:none}
.mkx-faq summary::after{content:"+";color:var(--gold);font-size:24px;line-height:1;transition:transform .3s}
.mkx-faq details[open] summary::after{transform:rotate(45deg)}
.mkx-faq details p{color:#b0bbc9;margin:0 0 16px;max-width:780px}

/* 13 FINAL */
.mkx-final{position:relative;min-height:92vh;display:flex;align-items:center;justify-content:center;text-align:center;overflow:hidden;padding:120px 24px}
.mkx-final-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.32}
.mkx-final::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(5,8,15,.35),rgba(5,8,15,.95) 75%);z-index:1}
.mkx-final-inner{position:relative;z-index:2;max-width:860px}
.mkx-final h2{font-size:clamp(44px,7vw,104px)}
.mkx-final p{color:#d5dce5;font-size:18px}
.mkx-small{font-size:13px!important;color:var(--mut)!important;margin-top:36px}
.mkx-small a{color:var(--gold)}

/* Reveal */
.mkx-js .mkx .rv{opacity:0;transform:translateY(40px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1)}
.mkx-js .mkx .rv.in{opacity:1;transform:none}
.mkx-grid .mkx-card:nth-child(2){transition-delay:.08s}.mkx-grid .mkx-card:nth-child(3){transition-delay:.16s}.mkx-grid .mkx-card:nth-child(5){transition-delay:.08s}.mkx-grid .mkx-card:nth-child(6){transition-delay:.16s}

/* Tablet and phone */
@media (max-width:900px){
 .mkx-funnel{height:auto}
 .mkx-funnel .mkx-sticky{position:relative;height:auto;padding:110px 0}
 .mkx-funnel-grid{grid-template-columns:1fr;gap:50px}
 .mkx-steps li{opacity:1}
 .mkx-note{opacity:1;transform:none}
 .mkx-phone{transform:none;height:560px}
 .mkx-owner{padding:90px 0}
 .mkx-owner-grid,.mkx-crew-grid{grid-template-columns:1fr;gap:36px}
 .mkx-owner-media{max-width:460px}
 .mkx-trades{height:auto}
 .mkx-trades .mkx-sticky{position:relative;height:auto;padding:90px 0}
 .mkx-track{flex-direction:column;padding:0 24px;transform:none!important}
 .mkx-trade{flex-basis:auto}
 .mkx-grid{grid-template-columns:1fr}
 .mkx-films{grid-template-columns:1fr}
 .mkx-get,.mkx-proof,.mkx-faq{padding:90px 0}
 .mkx-area{padding:100px 0 60px}
 .mkx-expand-frame{width:calc(84vw + var(--p,0) * 16vw * 1.6);height:calc(46vh + var(--p,0) * 54vh * 1.6)}
}
@media (max-width:560px){
 .mkx-wrap,.mkx-funnel-grid{width:calc(100% - 36px)}
 .mkx-track{padding:0 18px}
 .mkx-hero{height:200vh}
 .mkx-statement{height:200vh}
 .mkx-expand{height:220vh}
 .mkx-expand-copy p,.mkx-drone-copy p{font-size:17px}
 .mkx-actions .mkx-btn{width:100%}
}

/* Reduced motion: no pinning, no scroll effects */
@media (prefers-reduced-motion:reduce){
 .mkx-hero,.mkx-statement,.mkx-expand,.mkx-funnel,.mkx-trades,.mkx-drone{height:auto}
 .mkx .mkx-sticky{position:relative;height:auto;min-height:0}
 .mkx-hero .mkx-sticky{height:100vh}
 .mkx-hero-a{opacity:1;transform:none}
 .mkx-hero-b{position:relative;opacity:1;transform:none;pointer-events:auto;padding:80px 24px}
 .mkx-words{padding:100px 0}.mkx-words .w{color:#f5f3ee}
 .mkx-expand .mkx-sticky{padding:40px 0}.mkx-expand-frame{position:relative;width:100%;height:60vh;border-radius:0}.mkx-expand-copy{opacity:1;transform:none;padding:40px 0}
 .mkx-steps li,.mkx-note{opacity:1;transform:none}.mkx-phone{transform:none}
 .mkx-track{transform:none!important;flex-wrap:wrap}
 .mkx-drone .mkx-sticky{height:80vh}.mkx-drone-copy{opacity:1;transform:none}
 .mkx-js .mkx .rv{opacity:1;transform:none;transition:none}
 .mkx-scrollcue::after{animation:none}
}

/* Sticky scenes need the page itself to scroll: clip instead of hidden (hidden turns body into a scroll box on phones) */
html:has(body.mkx-page),body.mkx-page{overflow-x:clip!important;overflow-y:visible!important}
/* Hero copy sits in the lower third so the owner stays visible */
.mkx-hero-a{justify-content:flex-end;padding-bottom:17vh}
.mkx-hero-shade{background:linear-gradient(180deg,rgba(5,8,15,.45) 0%,rgba(5,8,15,.05) 35%,rgba(5,8,15,.55) 62%,rgba(5,8,15,.92) 100%)}
.mkx-scrollcue{bottom:22px}
/* Funnel fits one screen */
.mkx-funnel .mkx-sticky{padding-top:70px}
.mkx-funnel h2{font-size:clamp(34px,4.2vw,58px)}
.mkx-steps{margin-top:14px;gap:0}
.mkx-steps li{padding:12px 0}
.mkx-steps p{font-size:15px;line-height:1.55}
.mkx-phone{height:min(600px,74vh);padding:48px 14px 14px}
.mkx-note{padding:10px 13px;margin-bottom:8px}
.mkx-note span{font-size:14px}
@media (max-width:900px){.mkx-funnel .mkx-sticky{padding-top:100px}.mkx-hero-a{padding-bottom:14vh}}
@media (max-width:700px){.mkx-hero-video{object-position:30% center}}

/* ===== v2: realistic, easier to use ===== */
.mkx-hero{height:150vh}
.mkx-hero-media{transform:scale(calc(1 + var(--p,0) * .08))}
.mkx-hero-shade{background:linear-gradient(90deg,rgba(5,8,15,.86) 0%,rgba(5,8,15,.55) 45%,rgba(5,8,15,.1) 75%),linear-gradient(0deg,rgba(5,8,15,.7),transparent 40%);opacity:1}
.mkx-hero-shade::after{opacity:calc(var(--p,0) * .6)}
.mkx-hero-copy{position:absolute;left:0;right:0;bottom:12vh;width:min(1200px,calc(100% - 48px));margin:0 auto;opacity:clamp(0,calc(1 - (var(--p,0) - .55) * 3),1);transform:translateY(calc(var(--p,0) * -40px))}
.mkx-hero-copy h1{margin:0;display:flex;flex-direction:column;align-items:flex-start}
.mkx-hero-copy .mkx-kicker{margin-bottom:10px}
.mkx-hero-copy .mkx-big{font-size:clamp(60px,10vw,150px)}
.mkx-hero-copy .mkx-hero-sub{margin:18px 0 0;max-width:600px;text-align:left;color:#e8edf2}
.mkx-hero-copy .mkx-actions{margin-top:26px}
.mkx-statement{height:180vh}
.mkx-expand{height:220vh}
.mkx-funnel{height:300vh}
/* 3 steps */
.mkx-3{padding:90px 0 40px}
.mkx-3-h{font-size:clamp(26px,3vw,38px)!important;text-align:center}
.mkx-3-list{list-style:none;padding:0;margin:34px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mkx-3-list li{background:#0c1320;border:1px solid #1c2636;border-radius:22px;padding:30px 28px}
.mkx-3-n{display:inline-flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:50%;background:var(--gold);color:#0a1220;font-weight:800;margin-bottom:16px}
.mkx-3-list p{color:#b3bfcc;margin:0;font-size:16px}
.mkx-3-list li:nth-child(2){transition-delay:.1s}.mkx-3-list li:nth-child(3){transition-delay:.2s}
/* trade grid */
.mkx-tradegrid{padding:130px 0 60px}
.mkx-tg{display:grid;grid-template-columns:repeat(6,1fr);gap:18px;margin-top:34px}
.mkx-tcard{grid-column:span 2;display:flex;flex-direction:column;background:#0c1320;border:1px solid #1c2636;border-radius:22px;overflow:hidden;text-decoration:none;color:inherit;transition:transform .35s,border-color .35s}
.mkx-tcard:nth-child(4),.mkx-tcard:nth-child(5){grid-column:span 3}
.mkx-tcard:hover{transform:translateY(-4px);border-color:rgba(232,181,99,.5)}
.mkx-tcard figure{position:relative;margin:0;aspect-ratio:16/10;overflow:hidden}
.mkx-tcard img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .8s cubic-bezier(.2,.8,.2,1)}
.mkx-tcard:hover img{transform:scale(1.05)}
.mkx-tcard>div{padding:22px 24px 24px}
.mkx-tcard p{color:#b0bbc9;font-size:15px;margin:0 0 12px}
.mkx-go{color:var(--gold);font-weight:600;font-size:15px}
.mkx-also{color:var(--mut);margin-top:24px}
.mkx-also a{color:var(--gold);min-height:44px;display:inline-flex;align-items:center}
/* who */
.mkx-who{padding:110px 0;background:#080d17;border-top:1px solid #151d2a;border-bottom:1px solid #151d2a}
.mkx-who-grid{display:grid;grid-template-columns:280px 1fr;gap:56px;align-items:center}
.mkx-who-photo{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:1}
.mkx-who-photo img{width:100%;height:100%;object-fit:cover;display:block}
.mkx-who h2{font-size:clamp(30px,3.6vw,48px)}
.mkx-who .mkx-press a{margin-right:6px}
@media (max-width:900px){
 .mkx-3-list{grid-template-columns:1fr}
 .mkx-tg{grid-template-columns:1fr}.mkx-tcard,.mkx-tcard:nth-child(4),.mkx-tcard:nth-child(5){grid-column:auto}
 .mkx-who-grid{grid-template-columns:1fr;gap:28px}.mkx-who-photo{max-width:220px}
 .mkx-hero-copy{bottom:8vh}
 .mkx-hero-shade{background:linear-gradient(0deg,rgba(5,8,15,.92) 0%,rgba(5,8,15,.6) 45%,rgba(5,8,15,.15) 75%)}
 .mkx-tradegrid{padding:90px 0 40px}.mkx-3{padding:70px 0 20px}
}
@media (max-width:560px){.mkx-hero{height:130vh}.mkx-statement{height:170vh}.mkx-expand{height:200vh}.mkx-hero-copy .mkx-big{font-size:64px}}
@media (prefers-reduced-motion:reduce){.mkx-hero-copy{opacity:1;transform:none}.mkx-3-list li{transition:none}}
/* ===== Trade pages ===== */
.tp-hero{height:140vh;position:relative}
.tp-hero-media{position:absolute;inset:0;transform:scale(calc(1.02 + var(--p,0) * .08))}
.tp-hero-media img{width:100%;height:100%;object-fit:cover;display:block}
.tp-hero .mkx-hero-copy{opacity:clamp(0,calc(1 - (var(--p,0) - .6) * 3),1)}
.tp-big{font-size:clamp(46px,6.6vw,96px)!important;line-height:1!important;max-width:1000px}
.tp-crumb{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:rgba(255,255,255,.7);margin-bottom:18px}
.tp-crumb a{color:inherit;text-decoration:none;display:inline-block;padding:10px 0}
.tp-crumb a:hover{color:#fff}
.tp .mkx-3{padding-top:90px}
.tp-grid4{grid-template-columns:repeat(4,1fr)!important}
.tp .mkx-get{padding:110px 0 90px}
.tp-offer{padding:40px 0 110px}
.tp-offer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}
.tp-offer-img{position:relative;margin:0;border-radius:26px;overflow:hidden;aspect-ratio:4/3}
.tp-offer-img img{width:100%;height:100%;object-fit:cover;display:block}
.tp-offer h2{font-size:clamp(32px,4vw,52px)}
.tp-form{margin-top:26px;background:#f5f3ee;color:#1a2230;border-radius:20px;padding:24px;box-shadow:0 30px 70px rgba(0,0,0,.45);max-width:440px}
.tp-form-h{font-weight:800;font-size:20px;margin:0 0 14px!important;color:#0a1220}
.tp-field{margin-bottom:12px}
.tp-field label{display:block;font-size:13px;font-weight:600;color:#3a4556;margin-bottom:5px}
.tp-input{height:40px;border-radius:10px;background:#fff;border:1px solid #d7d9de}
.tp-submit{margin-top:6px;height:48px;border-radius:999px;background:#E8B563;color:#0a1220;font-weight:700;display:flex;align-items:center;justify-content:center;font-size:15px}
.tp-form .mkx-ill-static{color:#6b7584}
.tp-inc{padding-top:60px!important}
.tp-inc-list{list-style:none;padding:0;margin:30px 0 0;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.tp-inc-list li{background:#0c1320;border:1px solid #1c2636;border-radius:16px;padding:20px 22px 20px 52px;position:relative;color:#dfe5ec}
.tp-inc-list li::before{content:"";position:absolute;left:20px;top:21px;width:18px;height:18px;border-radius:50%;background:rgba(232,181,99,.16);box-shadow:inset 0 0 0 1px #E8B563}
.tp-inc-list li::after{content:"";position:absolute;left:26px;top:25px;width:6px;height:9px;border:solid #E8B563;border-width:0 2px 2px 0;transform:rotate(45deg)}
.tp-others{margin-top:60px}
.tp-others div{display:flex;flex-wrap:wrap;gap:6px 24px}
.tp-others a{color:#E8B563;text-decoration:none;min-height:44px;display:inline-flex;align-items:center}
.tp-others a:hover{text-decoration:underline;text-underline-offset:5px}
.tp-final{min-height:80vh}
@media (max-width:900px){.tp-grid4{grid-template-columns:1fr 1fr!important}.tp-offer-grid{grid-template-columns:1fr;gap:34px}.tp-inc-list{grid-template-columns:1fr}.tp-hero{height:125vh}}
@media (max-width:560px){.tp-grid4{grid-template-columns:1fr!important}.tp-big{font-size:44px!important}.tp-form{padding:20px}}
@media (prefers-reduced-motion:reduce){.tp-hero{height:auto}.tp-hero .mkx-sticky{height:100vh}}
.mkx-expand-frame img{width:100%;height:100%;object-fit:cover;display:block;transform:scale(calc(1.15 - var(--p,0) * .15))}
/* Hero: mirror so the owner sits right of the headline; move labels clear of the chat button */
.mkx-hero-video{transform:scaleX(-1)}
@media (max-width:700px){.mkx-hero-video{object-position:22% center}}
.mkx-hero .mkx-ill,.tp-hero .mkx-ill,.mkx-drone .mkx-ill{top:100px;bottom:auto}
/* Trade hero v2: split layout, text never covers faces */
.tp-hero2{padding:150px 0 70px;background:radial-gradient(900px 500px at 80% 30%,rgba(232,181,99,.08),transparent 60%)}
.tp-hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.tp-hero-copy h1{margin:0;display:flex;flex-direction:column;align-items:flex-start}
.tp-hero-copy .mkx-kicker{margin-bottom:12px}
.tp-hero-copy .tp-big{font-size:clamp(42px,5.2vw,78px)!important;line-height:1.02!important;letter-spacing:-.045em;font-weight:800;color:#fff}
.tp-hero-copy .tp-big em{font-style:normal;background:linear-gradient(90deg,#f7d9a0,#E8B563 45%,#c98f3a);-webkit-background-clip:text;background-clip:text;color:transparent}
.tp-hero-copy .mkx-hero-sub{text-align:left;margin:20px 0 0;max-width:560px;color:#cfd7e1;font-size:18px}
.tp-hero-img{position:relative;margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/5;max-height:72vh;box-shadow:0 40px 90px rgba(0,0,0,.5);animation:tpin 1.1s cubic-bezier(.2,.8,.2,1) both}
.tp-hero-img img{width:100%;height:100%;object-fit:cover;display:block}
.tp-hero-img .mkx-ill{top:auto;bottom:12px}
.tp-hero-copy{animation:tpin 1s cubic-bezier(.2,.8,.2,1) .1s both}
@keyframes tpin{from{opacity:0;transform:translateY(34px)}to{opacity:1;transform:none}}
.tp-crumb a{padding:12px 0}
@media (max-width:900px){.tp-hero2{padding:110px 0 40px}.tp-hero-grid{grid-template-columns:1fr;gap:30px}.tp-hero-img{aspect-ratio:4/3;max-height:none;order:-1}}
@media (prefers-reduced-motion:reduce){.tp-hero-img,.tp-hero-copy{animation:none}}
@media (max-width:700px){.tp-crumb a{padding:13px 0}}
/* v3: hero reel, no mirroring; brighter commercial look */
.mkx-hero-video{transform:none}
@media (max-width:700px){.mkx-hero-video{object-position:center center}}
.mkx-hero-shade{background:linear-gradient(90deg,rgba(5,8,15,.78) 0%,rgba(5,8,15,.45) 42%,rgba(5,8,15,.05) 72%),linear-gradient(0deg,rgba(5,8,15,.65),transparent 38%)}
@media (max-width:900px){.mkx-hero-shade{background:linear-gradient(0deg,rgba(5,8,15,.9) 0%,rgba(5,8,15,.55) 45%,rgba(5,8,15,.1) 75%)}}
.mkx-owner-media{aspect-ratio:3/4}
.mkx-owner-media img{width:100%;height:100%;object-fit:cover;display:block}
.mkx-hero{height:125vh}.mkx-hero-copy{opacity:clamp(0,calc(1 - (var(--p,0) - .7) * 4),1)}
@media (max-width:560px){.mkx-hero{height:115vh}}