:root{--keynote-gap:clamp(42px,3.8vw,58px)}
.page-keynote{background:#000;color:var(--white)}
.page-keynote main{overflow:hidden;background:#000}
.page-keynote .site-header nav a[aria-current="page"]{color:#fff}
.page-keynote .site-header nav a[aria-current="page"]:after{right:0}
.keynote-kicker{margin:0;color:var(--violet-soft);font-size:.72rem;font-weight:650;letter-spacing:.17em;text-transform:uppercase}

.keynote-hero{padding:106px var(--pad) 0;background:#000}
.keynote-hero-grid{min-height:calc(100svh - 106px);display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);align-items:stretch;gap:clamp(34px,5vw,88px)}
.keynote-hero-copy{display:flex;flex-direction:column;justify-content:center;padding:56px 0 70px}
.keynote-hero h1{max-width:850px;margin:26px 0 0;font:500 clamp(4.4rem,7.4vw,8.5rem)/.83 Manrope,sans-serif;letter-spacing:-.074em}
.keynote-hero h1 span{display:block}
.keynote-hero h1 span+span{color:#fff}
.keynote-premise{max-width:690px;margin:38px 0 0;color:#fff;font:500 clamp(1.25rem,1.55vw,1.7rem)/1.34 Manrope,sans-serif;letter-spacing:-.025em}
.keynote-intro{max-width:650px;margin:20px 0 0;color:rgba(255,255,255,.57);font-size:clamp(1rem,1.12vw,1.16rem);line-height:1.58}
.keynote-hero-media{position:relative;min-height:650px;margin:0;overflow:hidden;border-radius:18px 18px 0 0;background:#090909;-webkit-mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%);mask-image:linear-gradient(180deg,#000 0,#000 84%,transparent 100%)}
.keynote-hero-media:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.15),transparent 25%),linear-gradient(0deg,#000 0,transparent 24%);pointer-events:none}
.keynote-hero-media img{width:100%;height:100%;object-fit:cover;object-position:58% center;filter:saturate(.74) contrast(1.07) brightness(.78)}

.keynote-idea{padding:var(--keynote-gap) var(--pad);background:#000}
.idea-shell{max-width:1480px;margin:0 auto;text-align:center}
.keynote-idea h2{margin:0;color:#fff;font:500 clamp(3.2rem,6vw,7.1rem)/.91 Manrope,sans-serif;letter-spacing:-.065em}
.keynote-idea h2 span{display:block;color:#fff}
.keynote-idea p{max-width:980px;margin:clamp(28px,3.6vw,52px) auto 0;color:rgba(255,255,255,.68);font-size:clamp(1.05rem,1.35vw,1.38rem);line-height:1.68}

.company-reality{padding:var(--keynote-gap) var(--pad);background:#000}
.company-versus{max-width:1640px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:start;gap:clamp(18px,2.5vw,42px);text-align:center}
.company-versus>b{align-self:start;margin-top:clamp(28px,3.4vw,55px);color:var(--violet-soft);font-size:clamp(.7rem,.85vw,.9rem);font-weight:650;letter-spacing:.14em}
.company-side{display:grid;justify-items:center}
.company-side h2{margin:0;color:#fff;font:500 clamp(2.6rem,4.3vw,5.25rem)/.94 Manrope,sans-serif;letter-spacing:-.062em}
.company-side>span{margin-top:clamp(26px,3.4vw,48px);color:var(--violet-soft);font-size:clamp(1.5rem,2vw,2.2rem);line-height:1}
.company-side p{margin:14px 0 0;color:rgba(255,255,255,.72);font:italic 500 clamp(1rem,1.35vw,1.38rem)/1.45 Manrope,sans-serif;letter-spacing:-.02em}
.company-narrative{max-width:1320px;margin:clamp(48px,6vw,88px) auto 0;text-align:center}
.company-narrative p{margin:0;color:rgba(255,255,255,.66);font-size:clamp(1.06rem,1.3vw,1.3rem);line-height:1.7}
.company-narrative p+p{margin-top:22px}
.company-narrative p:last-child{margin-top:clamp(30px,3vw,46px);color:#fff;font:500 clamp(1.35rem,1.8vw,1.9rem)/1.45 Manrope,sans-serif;letter-spacing:-.025em}

.old-new-way{padding:var(--keynote-gap) var(--pad);background:#000}
.old-new-way>header{max-width:1320px;margin:0 auto;text-align:center}
.old-new-way h2{margin:0;color:#fff;font:500 clamp(3rem,5.4vw,6.5rem)/.93 Manrope,sans-serif;letter-spacing:-.065em}
.old-new-comparison{max-width:1440px;margin:clamp(48px,6vw,86px) auto 0}
.old-new-head,.old-new-row{display:grid;grid-template-columns:minmax(0,1fr) clamp(64px,7vw,110px) minmax(0,1fr);align-items:center}
.old-new-head{padding:0 0 22px;border-bottom:1px solid rgba(255,255,255,.18)}
.old-new-head span{font-size:.72rem;font-weight:650;letter-spacing:.18em;text-transform:uppercase}
.old-new-head span:first-child{text-align:right;color:rgba(255,255,255,.45)}
.old-new-head span:last-child{text-align:left;color:var(--violet-soft)}
.old-new-row{min-height:108px;padding:28px 0;border-bottom:1px solid rgba(255,255,255,.13);transition:background .3s ease}
.old-new-row:hover{background:rgba(255,255,255,.018)}
.old-new-row p{margin:0;font:500 clamp(1.15rem,1.7vw,1.75rem)/1.3 Manrope,sans-serif;letter-spacing:-.03em}
.old-new-row p:first-child{text-align:right;color:rgba(255,255,255,.52)}
.old-new-row p:last-child{text-align:left;color:#fff}
.old-new-row>span{color:var(--violet-soft);text-align:center;font-size:clamp(1.3rem,1.8vw,1.8rem)}

.keynote-quote{position:relative;min-height:78svh;display:grid;place-items:center;padding:var(--keynote-gap) var(--pad);overflow:hidden;background:#000;isolation:isolate}
.keynote-quote figure{position:absolute;z-index:-2;inset:-1px;margin:0;overflow:hidden}
.keynote-quote figure:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,.62))}
.keynote-quote img{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:cover;object-position:center center;filter:grayscale(.22) saturate(.68) brightness(.58) contrast(1.08)}
.keynote-quote-content{position:relative;z-index:1;width:min(100%,1500px);text-align:center}
.keynote-quote blockquote{margin:0 auto;color:#fff;font:500 clamp(4.1rem,8vw,10rem)/.87 Manrope,sans-serif;letter-spacing:-.073em}
.keynote-quote cite{display:block;margin-top:clamp(28px,3vw,46px);color:rgba(255,255,255,.72);font-style:normal;font-size:.72rem;font-weight:650;letter-spacing:.2em;text-transform:uppercase}

.audience-takeaways{padding:var(--keynote-gap) var(--pad);background:#070707}
.audience-takeaways>header{max-width:1400px;margin:0 auto;text-align:center}
.audience-takeaways h2{margin:0;color:#fff;font:500 clamp(3.25rem,6.2vw,7.4rem)/.9 Manrope,sans-serif;letter-spacing:-.068em}
.takeaway-list{max-width:1040px;margin:clamp(54px,6vw,88px) auto 0;display:grid;gap:clamp(38px,4.5vw,66px)}
.takeaway-list article{text-align:center}
.takeaway-list h3{margin:0;color:#fff;font:500 clamp(1.8rem,2.7vw,3.3rem)/1.02 Manrope,sans-serif;letter-spacing:-.045em}
.takeaway-list p{max-width:820px;margin:14px auto 0;color:rgba(255,255,255,.62);font-size:clamp(1rem,1.2vw,1.18rem);line-height:1.6}

.keynote-stage{padding:var(--keynote-gap) var(--pad);background:#000}
.keynote-stage>header{max-width:1640px;margin:0 auto 48px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px}
.keynote-stage h2{margin:0;color:#fff;font:500 clamp(3.4rem,6.2vw,7.3rem)/.88 Manrope,sans-serif;letter-spacing:-.068em}
.keynote-stage>header a{padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.35);font-size:.84rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;transition:border-color .25s,color .25s}
.keynote-stage>header a:hover{color:var(--violet-soft);border-color:var(--violet-soft)}
.keynote-video{position:relative;max-width:1640px;aspect-ratio:16/9;margin:0 auto;overflow:hidden;border-radius:22px;background:#0b0b0b}
.keynote-video:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.4),transparent 48%);pointer-events:none}
.keynote-video video{width:100%;height:100%;object-fit:cover}
.keynote-video button{position:absolute;z-index:2;inset:0;width:100%;height:100%;display:grid;place-items:center;padding:0;border:0;background:transparent;cursor:pointer}
.keynote-video button>span{display:grid;place-items:center;width:78px;height:78px;border:1px solid rgba(255,255,255,.68);border-radius:50%;background:rgba(0,0,0,.34);backdrop-filter:blur(12px);transition:transform .3s var(--ease),background .3s}
.keynote-video button:hover>span{transform:scale(1.08);background:var(--violet)}
.keynote-video svg{width:30px;height:30px;fill:#fff}
.keynote-video.is-playing button{opacity:0;visibility:hidden}
.keynote-gallery{max-width:1640px;margin:42px auto 0}
.keynote-gallery-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}
.keynote-gallery-toolbar p{margin:0;color:rgba(255,255,255,.45);font-size:.7rem;font-weight:600;letter-spacing:.16em}
.keynote-gallery-toolbar p span:first-child{color:#fff}
.keynote-gallery-toolbar>div{display:flex;gap:8px}
.keynote-gallery-toolbar button{width:46px;height:46px;border:1px solid rgba(255,255,255,.19);border-radius:50%;background:transparent;color:#fff;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.keynote-gallery-toolbar button:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.48);transform:translateY(-2px)}
.keynote-gallery-rail{display:flex;gap:16px;overflow-x:auto;overscroll-behavior-inline:contain;scroll-snap-type:x mandatory;scrollbar-width:none;cursor:grab;user-select:none}
.keynote-gallery-rail::-webkit-scrollbar{display:none}
.keynote-gallery-rail.is-dragging{cursor:grabbing;scroll-snap-type:none}
.keynote-gallery-rail figure{position:relative;flex:0 0 clamp(680px,72vw,1160px);aspect-ratio:16/9;margin:0;overflow:hidden;border-radius:20px;scroll-snap-align:start;background:#111}
.keynote-gallery-rail figure:after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.11);border-radius:inherit;pointer-events:none}
.keynote-gallery-rail img{width:100%;height:100%;object-fit:cover;pointer-events:none;filter:saturate(.76) contrast(1.06) brightness(.84);transition:transform .8s var(--ease),filter .4s}
.keynote-gallery-rail figure:hover img{transform:scale(1.018);filter:saturate(.96) contrast(1.04) brightness(.92)}
.keynote-gallery-progress{height:1px;margin-top:16px;background:rgba(255,255,255,.12);overflow:hidden}
.keynote-gallery-progress i{display:block;width:100%;height:100%;background:var(--violet-soft);transform:scaleX(var(--gallery-progress,.16));transform-origin:left;transition:transform .12s linear}

[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .75s var(--ease),transform .75s var(--ease)}
[data-reveal].is-visible{opacity:1;transform:none}

@media(max-width:1000px){
  .keynote-hero-grid{grid-template-columns:1fr;min-height:auto}
  .keynote-hero-copy{padding:60px 0 18px}
  .keynote-hero-media{min-height:0;aspect-ratio:16/10;border-radius:18px 18px 0 0}
}

@media(max-width:700px){
  :root{--keynote-gap:44px}
  .page-keynote .header-cta{padding:.58rem .6rem;font-size:.52rem}
  .page-keynote .header-cta span{margin-left:5px}
  .keynote-hero{padding:96px 20px 0}
  .keynote-hero-copy{padding:36px 0 4px}
  .keynote-kicker{font-size:.64rem}
  .keynote-hero h1{font-size:clamp(3.7rem,16vw,5.6rem);line-height:.85}
  .keynote-premise{margin-top:28px;font-size:1.2rem}
  .keynote-intro{font-size:1rem}
  .keynote-hero-media{width:calc(100% + 40px);margin-left:-20px;aspect-ratio:4/5;border-radius:0;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 9%,#000 86%,transparent 100%)}
  .keynote-hero-media img{object-position:63% center}
  .keynote-idea,.company-reality,.old-new-way,.audience-takeaways,.keynote-stage{padding-left:20px;padding-right:20px}
  .keynote-idea h2,.audience-takeaways h2{font-size:clamp(2.55rem,12.3vw,4.4rem)}
  .keynote-idea p{font-size:1.05rem;line-height:1.65}
  .company-versus{grid-template-columns:1fr;gap:28px}
  .company-versus>b{margin-top:0}
  .company-side h2{font-size:clamp(2.4rem,11vw,4rem)}
  .company-side>span{margin-top:22px}
  .company-narrative{margin-top:42px}
  .company-narrative p{font-size:1.05rem;line-height:1.65}
  .old-new-way h2{font-size:clamp(2.55rem,12vw,4.25rem)}
  .old-new-comparison{margin-top:42px}
  .old-new-head{display:none}
  .old-new-row{grid-template-columns:1fr;gap:18px;min-height:0;padding:30px 0}
  .old-new-row p{font-size:1.22rem;line-height:1.35;text-align:center!important}
  .old-new-row p:before{display:block;margin-bottom:9px;font-size:.6rem;font-weight:650;letter-spacing:.16em;text-transform:uppercase}
  .old-new-row p:first-child:before{content:"Old Way";color:rgba(255,255,255,.4)}
  .old-new-row p:last-child:before{content:"New Way";color:var(--violet-soft)}
  .old-new-row>span{transform:rotate(90deg)}
  .keynote-quote{min-height:70svh;padding:72px 20px}
  .keynote-quote figure:after{background:linear-gradient(180deg,rgba(0,0,0,.46),rgba(0,0,0,.62))}
  .keynote-quote img{object-position:center center}
  .keynote-quote blockquote{font-size:clamp(3.25rem,15vw,5.3rem);line-height:.9}
  .audience-takeaways h2{font-size:clamp(3rem,13.8vw,5rem)}
  .takeaway-list{margin-top:44px;gap:38px}
  .takeaway-list h3{font-size:1.75rem}
  .takeaway-list p{margin-top:12px;font-size:1rem}
  .keynote-stage>header{display:block;margin-bottom:32px}
  .keynote-stage h2{font-size:14vw}
  .keynote-stage>header a{display:inline-block;margin-top:24px}
  .keynote-video{width:calc(100% + 40px);margin-left:-20px;border-radius:0;aspect-ratio:16/10}
  .keynote-video button>span{width:66px;height:66px}
  .keynote-gallery{width:calc(100% + 40px);margin-left:-20px}
  .keynote-gallery-toolbar{padding:0 20px}
  .keynote-gallery-toolbar>div{display:none}
  .keynote-gallery-rail{gap:10px;padding:0 15vw 8px 40px;scroll-padding-left:20px}
  .keynote-gallery-rail figure{flex-basis:82vw;aspect-ratio:4/3;border-radius:16px}
  .keynote-gallery-progress{margin-left:20px;margin-right:20px}
}

@media(prefers-reduced-motion:reduce){[data-reveal]{opacity:1;transform:none;transition:none}.keynote-gallery-rail{scroll-behavior:auto}.keynote-gallery-rail img,.keynote-video button>span{transition:none}}