
/* Brand Runway - Animated GSAP + Lenis brand identities */
#mk2 .mk4-brandrunway{position:relative;background:#101a26;color:#f4f1e8;padding:128px 0 70px;overflow:hidden}
#mk2 .mk4-header{position:relative;z-index:2;margin-bottom:57px}
#mk2 .mk4-kicker{font:700 11px/1.5 Arial;letter-spacing:.2em;color:#c9ee74}
#mk2 .mk4-kicker span{color:#b8c4c8}
#mk2 .mk4-header h2{font-size:clamp(75px,10vw,170px);margin:28px 0 36px}
#mk2 .mk4-header h2 em{font:.65em/1 Georgia,serif;letter-spacing:-.065em;text-transform:none;color:#c9ee74}
#mk2 .mk4-captionline{border-top:1px solid #ffffff36;padding-top:22px;display:flex;align-items:end;justify-content:space-between;gap:28px}
#mk2 .mk4-captionline p{max-width:440px;font:400 17px/1.65 Arial}
#mk2 .mk4-captionline>span{font:700 10px/1.5 Arial;letter-spacing:.18em;color:#b8c4c8}
#mk2 .mk4-lanes{display:grid;gap:13px;position:relative;transform:rotate(-2.2deg) scale(1.025);margin:62px -2.5vw 75px}
#mk2 .mk4-lane{position:relative;overflow:hidden;min-width:0;height:139px;background:#162435;color:#f4f1e8;border-block:1px solid #ffffff22}
#mk2 .mk4-lane::before,#mk2 .mk4-lane::after{content:"";position:absolute;z-index:4;top:0;bottom:0;width:7vw;pointer-events:none}
#mk2 .mk4-lane::before{left:0;background:linear-gradient(90deg,#162435,transparent)}
#mk2 .mk4-lane::after{right:0;background:linear-gradient(270deg,#162435,transparent)}
#mk2 .mk4-lane-2{background:#d9e3d8;color:#101a26}
#mk2 .mk4-lane-2::before{background:linear-gradient(90deg,#d9e3d8,transparent)}
#mk2 .mk4-lane-2::after{background:linear-gradient(270deg,#d9e3d8,transparent)}
#mk2 .mk4-lane-3{background:#c9ee74;color:#101a26}
#mk2 .mk4-lane-3::before{background:linear-gradient(90deg,#c9ee74,transparent)}
#mk2 .mk4-lane-3::after{background:linear-gradient(270deg,#c9ee74,transparent)}
#mk2 .mk4-track{display:flex;width:max-content;height:100%;will-change:transform}
#mk2 .mk4-set{display:flex;width:max-content;align-items:center;gap:32px;padding-right:32px}
#mk2 .mk4-wordmark{display:flex;align-items:center;justify-content:center;gap:15px;min-width:210px;max-width:470px;padding:0 34px;height:95px;position:relative;white-space:nowrap;border-right:1px solid currentColor}
#mk2 .mk4-wordmark:last-child{border:0}
#mk2 .mk4-vector{width:auto;height:auto;object-fit:contain;max-width:230px;max-height:65px;filter:brightness(0) invert(1)}
#mk2 .mk4-lane-2 .mk4-vector,#mk2 .mk4-lane-3 .mk4-vector{filter:brightness(0)}
#mk2 .mk4-type{font:900 clamp(31px,3.9vw,65px)/1.1 "Arial Narrow",Arial,sans-serif;letter-spacing:-.06em;white-space:nowrap}
#mk2 .mk4-manyavar .mk4-type{font:700 italic clamp(31px,3vw,55px)/1 Georgia,serif;letter-spacing:-.065em}
#mk2 .mk4-campus .mk4-type,#mk2 .mk4-frido .mk4-type{font-family:Georgia,serif;font-style:italic}
#mk2 .mk4-bombay-shaving .mk4-type,#mk2 .mk4-shoppers-stop .mk4-type{font-size:clamp(22px,2.5vw,39px)}
#mk2 .mk4-tira .mk4-type{font:400 clamp(40px,4vw,63px)/1 Georgia,serif;letter-spacing:.12em}
#mk2 .mk4-vector[src$="chatgpt.svg"]{width:61px;height:61px}
#mk2 .mk4-vec-label{font:800 clamp(34px,3.4vw,55px)/1 Arial;letter-spacing:-.07em}
#mk2 .mk4-brandrunway .mk4-bottom{position:relative;display:flex;justify-content:space-between;align-items:center;gap:25px;padding-top:24px;border-top:1px solid #f4f1e84a}
#mk2 .mk4-bottom p{font-size:13px;letter-spacing:.06em}
#mk2 .mk4-bottom>span{font:700 10px/1.4 Arial;letter-spacing:.2em;white-space:nowrap}
#mk2 .mk4-bottom .mk4-count{color:#c9ee74}
#mk2 .mk4-scroll-progress{position:absolute;top:-2px;left:0;right:0;height:3px}
#mk2 .mk4-scroll-progress i{display:block;width:0;height:100%;background:#c9ee74}
#mk2 .mk4-disclaimer{font:400 11px/1.6 Arial;color:#a8b4bb;margin-top:35px!important}

#mk2 .mk4-brandrunway .mk4-wordmark{transition:opacity .25s ease,filter .25s ease}
#mk2 .mk4-lane:hover .mk4-wordmark{opacity:.6}
#mk2 .mk4-lane:hover .mk4-wordmark:hover{opacity:1}
@media(max-width:900px){
#mk2 .mk4-brandrunway{padding:96px 0 65px}
#mk2 .mk4-header h2{font-size:clamp(73px,12vw,110px)}
#mk2 .mk4-captionline>span{display:none}
#mk2 .mk4-lanes{margin-top:48px;margin-bottom:50px;gap:9px}
#mk2 .mk4-lane{height:113px}
#mk2 .mk4-wordmark{height:79px;min-width:175px;padding:0 20px}
#mk2 .mk4-vector{max-width:185px;max-height:48px}
#mk2 .mk4-type{font-size:clamp(29px,6vw,43px)}
#mk2 .mk4-bottom p{max-width:250px}}
@media(max-width:580px){
#mk2 .mk4-header h2{font-size:clamp(66px,16vw,98px)}
#mk2 .mk4-captionline p{font-size:15px}
#mk2 .mk4-lanes{transform:rotate(-2deg) scale(1.075);margin-left:-6vw;margin-right:-6vw}
#mk2 .mk4-lane{height:92px}
#mk2 .mk4-set{gap:16px;padding-right:16px}
#mk2 .mk4-wordmark{min-width:150px;height:70px;padding:0 14px}
#mk2 .mk4-vector{max-width:155px;max-height:43px}
#mk2 .mk4-type{font-size:31px}
#mk2 .mk4-vec-label{font-size:29px}
#mk2 .mk4-bottom{display:block}
#mk2 .mk4-bottom>span{display:block;margin-top:15px}}
@media(prefers-reduced-motion:reduce){
#mk2 .mk4-lanes{transform:none;margin-left:0;margin-right:0}
#mk2 .mk4-lane{overflow-x:auto;scrollbar-width:thin}
#mk2 .mk4-track{transform:none!important}
#mk2 .mk4-track .mk4-set:nth-child(2){display:none}
#mk2 .mk4-scroll-progress{display:none}}

/* SVG intrinsic dimensions are reserved before images load. */#mk2 .mk4-vector{width:218px;height:64px;max-width:218px;max-height:64px}#mk2 .mk4-vector[src$='chatgpt.svg']{width:62px;height:62px}@media(max-width:900px){#mk2 .mk4-vector{width:172px;height:47px;max-width:172px;max-height:47px}}@media(max-width:580px){#mk2 .mk4-vector{width:139px;height:39px;max-width:139px;max-height:39px}}
