body:not(.present) .slide { content-visibility: auto; contain-intrinsic-size: 1920px 1080px; }
body:not(.present) .slide:not(.on) * { animation-play-state: paused !important; }
:root { --paper: #FFFFFF; --warm: #F7F6F3; --ink: #0E0E0E; --ink2: #4B4B4B; --ink3: #8A8A8A; --hair: #E4E2DD; --red: #5F2C8E; --serif: 'Instrument Serif',Georgia,serif; --sans: 'Inter Tight',system-ui,sans-serif; --px: 120px; --ease: cubic-bezier(.2,.7,.1,1); }
* { box-sizing: border-box; margin: 0px; padding: 0px; }
html, body { background: rgb(220, 218, 213); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; text-rendering: geometricprecision; }
img { display: block; max-width: 100%; }
a { color: inherit; text-decoration: none; }
em { font-style: normal; }
i.cnt { font-style: inherit; font-size: inherit; color: inherit; }
#deck { display: flex; flex-direction: column; align-items: center; gap: 36px; padding: 36px 0px; }
.slide { position: relative; width: 1920px; height: 1080px; background: var(--paper); overflow: hidden; flex: 0 0 auto; transform-origin: left top; }
.inner { position: absolute; inset: 0px; }
body.present { background: rgb(0, 0, 0); overflow: hidden; }
body.present #deck { display: block; padding: 0px; }
body.present .slide { position: absolute; left: 0px; top: 0px; visibility: hidden; }
body.present .slide.on { visibility: visible; z-index: 2; }
#bar { position: fixed; left: 0px; right: 0px; top: 0px; height: 2px; z-index: 9; display: none; }
#bar i { display: block; height: 100%; width: 0px; background: var(--red); box-shadow: rgba(255, 39, 184, 0.8) 0px 0px 12px; transition: width .6s var(--ease); }
body.present #bar { display: block; }
#hud { display: none; }
.pt { display: inline-block; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: rgba(255, 39, 184, 0.12) 0px 0px 0px 3px, rgba(255, 39, 184, 0.75) 0px 0px 10px 1px, rgba(255, 39, 184, 0.28) 0px 0px 26px 4px; vertical-align: middle; }
.red { color: var(--red) !important; }
.lab { display: flex; align-items: center; gap: 14px; font: 500 13px var(--sans); letter-spacing: 0.26em; text-transform: uppercase; color: var(--ink2); }
.lab-n { font: 400 13px var(--sans); letter-spacing: 0.1em; color: var(--ink3); margin-right: 8px; padding-right: 18px; border-right: 1px solid var(--hair); }
.lab.sm { font-size: 12px; }
.t-dark .lab { color: rgba(255, 255, 255, 0.85); }
.t-dark .lab-n { color: rgba(255, 255, 255, 0.6); border-color: rgba(255, 255, 255, 0.3); }
.mini { font: 400 13px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink3); display: flex; align-items: center; gap: 12px; }
.row { display: flex; justify-content: space-between; align-items: center; }
.h1 { font: 400 128px/.95 var(--serif); letter-spacing: -0.02em; margin-top: 36px; }
.h2 { font: 400 96px/.98 var(--serif); letter-spacing: -0.015em; margin-top: 34px; }
.h3 { font: 400 76px/1 var(--serif); letter-spacing: -0.01em; margin-top: 28px; }
.h1 em, .h2 em, .h3 em { font-style: italic; color: var(--ink3); }
.w { color: rgb(255, 255, 255) !important; }
.h1.w em, .h2.w em, .h3.w em { color: rgb(255, 255, 255); }
.lead { font: 300 30px/1.4 var(--sans); color: var(--ink2); margin-top: 30px; max-width: 900px; }
.body { font: 300 22px/1.55 var(--sans); color: var(--ink2); margin-top: 26px; max-width: 760px; }
.body.w, .lead.w { color: rgba(255, 255, 255, 0.86) !important; }
.note { font: 300 17px/1.5 var(--sans); color: var(--ink2); margin-top: 26px; }
.note.strong { font-size: 19px; color: var(--ink); }
.ilus { font: 400 12px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink3); }
.ilus.w { position: absolute; right: var(--px); top: 64px; z-index: 3; color: rgba(255, 255, 255, 0.7) !important; }
.link { display: inline-flex; align-items: center; gap: 14px; font: 400 19px var(--sans); color: var(--ink); padding-bottom: 8px; border-bottom: 1px solid var(--ink); }
.link span { color: var(--red); font-size: 18px; }
.k { display: inline-block; width: 120px; font: 500 12px var(--sans); letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink3); }
footer { position: absolute; z-index: 6; left: var(--px); right: var(--px); bottom: 40px; display: flex; justify-content: space-between; align-items: center; font: 400 12px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink3); }
.f-l { display: flex; align-items: center; gap: 16px; }
.f-sep { width: 1px; height: 14px; background: currentcolor; opacity: 0.35; }
.f-r { font-variant-numeric: tabular-nums; color: var(--ink); }
.f-r em { color: var(--ink3); margin-left: 6px; }
.t-dark footer, .t-dark .f-r, .t-dark .f-r em { color: rgba(255, 255, 255, 0.8); }
.s-chap footer, .s-chap .f-r { color: var(--ink2); }
.bleed { width: 100%; height: 100%; object-fit: cover; }
.kb { position: absolute; inset: 0px; overflow: hidden; }
.kb > img { width: 100%; height: 100%; object-fit: cover; }
.veil-b { position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0) 35%, rgba(0, 0, 0, 0.28) 60%, rgba(0, 0, 0, 0.82) 100%); }
.veil-b.strong { background: linear-gradient(rgba(0, 0, 0, 0.05) 20%, rgba(0, 0, 0, 0.45) 55%, rgba(0, 0, 0, 0.9) 100%); }
.cover-l { position: absolute; left: var(--px); top: 112px; bottom: 104px; width: 700px; display: flex; flex-direction: column; justify-content: space-between; z-index: 3; }
.cover-apr { font: 400 15px var(--sans); letter-spacing: 0.42em; text-transform: uppercase; color: var(--ink2); margin-top: 18px; }
.cover-name { margin-top: -30px; }
.cm-d { font: 400 64px/1 var(--serif); letter-spacing: -0.01em; }
.cm-d em { font-style: italic; color: var(--ink3); font-size: 40px; }
.cm-l { font: 300 22px var(--sans); color: var(--ink2); margin-top: 16px; padding-top: 16px; border-top: 1px solid var(--hair); width: 520px; }
.cover-r { position: absolute; right: 0px; top: 0px; bottom: 0px; width: 1120px; z-index: 2; }
.kv-in { position: absolute; right: -40px; bottom: 0px; height: 930px; }
.kv-in .kv { height: 100%; width: auto; max-width: none; }
.cover-tag { position: absolute; right: var(--px); top: 112px; z-index: 3; text-align: right; font: 400 13px/1.8 var(--sans); letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink3); }
.cover-tag b { font-weight: 500; color: var(--ink); }
.stmt { position: absolute; inset: 0px; padding: 120px var(--px); display: flex; flex-direction: column; justify-content: space-between; }
.stmt-k { font: 500 13px var(--sans); letter-spacing: 0.26em; text-transform: uppercase; color: var(--ink3); }
.stmt-h { font: 400 150px/.93 var(--serif); letter-spacing: -0.025em; max-width: 1640px; }
.stmt-h em { font-style: italic; color: var(--ink3); }
.stmt-f { display: flex; justify-content: space-between; align-items: flex-end; padding-top: 34px; border-top: 1px solid var(--hair); }
.stmt-f p { font: 300 26px/1.45 var(--sans); color: var(--ink2); }
.s-chap { background: rgb(255, 255, 255); }
.chap-veil { position: absolute; inset: 0px; z-index: 1; background: linear-gradient(90deg, rgba(255, 255, 255, 0.72) 0%, rgba(255, 255, 255, 0.35) 32%, rgba(255, 255, 255, 0) 58%); }
.chap-br .chap-veil { background: linear-gradient(270deg, rgba(255, 255, 255, 0.78) 0%, rgba(255, 255, 255, 0.35) 34%, rgba(255, 255, 255, 0) 60%); }
.chap-txt { position: absolute; z-index: 2; left: var(--px); bottom: 110px; max-width: 900px; }
.chap-br .chap-txt { left: auto; right: var(--px); text-align: right; }
.chap-n { font: 500 13px var(--sans); letter-spacing: 0.34em; text-transform: uppercase; color: var(--red); }
.chap-h { font: 400 176px/.9 var(--serif); letter-spacing: -0.03em; margin-top: 26px; color: var(--ink); }
.chap-s { font: 300 24px/1.45 var(--sans); color: var(--ink2); margin-top: 26px; max-width: 420px; }
.chap-br .chap-s { margin-left: auto; }
.chap-tr .chap-veil { background: linear-gradient(200deg, rgba(255, 255, 255, 0.7) 0%, rgba(255, 255, 255, 0) 45%); }
.chap-tr .chap-txt { left: auto; right: var(--px); top: 120px; bottom: auto; text-align: right; }
.chap-tr .chap-s { margin-left: auto; }
.chap-h em { font-style: italic; color: var(--ink3); }
.mani { position: absolute; inset: 0px; padding: 0 var(--px); display: flex; flex-direction: column; justify-content: center; }
.mani p { font: 400 126px/1.02 var(--serif); letter-spacing: -0.02em; }
.mani p span { font-style: italic; color: var(--ink3); }
.mani-f { margin-top: 70px; display: flex; align-items: center; gap: 18px; font: 300 26px var(--sans); color: var(--ink2); }
.big3 { position: absolute; left: var(--px); right: var(--px); top: 104px; }
.b3 { display: grid; grid-template-columns: repeat(3, 1fr); margin-top: 52px; border-top: 1px solid var(--ink); }
.b3 > div { padding: 30px 40px 0px 0px; }
.b3 > div + div { padding-left: 40px; border-left: 1px solid var(--hair); }
.huge { font: 400 236px/.88 var(--serif); letter-spacing: -0.035em; white-space: nowrap; }
.huge small { font-size: 0.42em; font-style: italic; color: var(--ink3); margin-left: 10px; letter-spacing: 0px; }
.hl { font: 400 28px var(--sans); margin-top: 18px; }
.hs { font: 300 19px var(--sans); color: var(--ink3); margin-top: 6px; }
.band3 { position: absolute; left: 0px; right: 0px; bottom: 96px; height: 380px; display: grid; grid-template-columns: 1fr 1fr 1fr; }
.band3 img { width: 100%; height: 100%; object-fit: cover; }
.triptych { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 1fr 1fr; background: rgb(0, 0, 0); }
.triptych figure { position: relative; overflow: hidden; }
.triptych .kb::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.85) 100%); }
.triptych figure + figure { border-left: 1px solid rgba(255, 255, 255, 0.18); }
.triptych figcaption { position: absolute; left: 56px; right: 40px; bottom: 120px; z-index: 2; color: rgb(255, 255, 255); }
.triptych figcaption b { display: block; font: 400 176px/.9 var(--serif); letter-spacing: -0.03em; }
.triptych figcaption span { display: block; font: 300 24px var(--sans); color: rgba(255, 255, 255, 0.85); margin-top: 14px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.35); }
.media2 { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 600px; }
.m2-l { padding: 104px 80px 120px var(--px); }
.m2-hero { font: 400 260px/.86 var(--serif); letter-spacing: -0.04em; margin-top: 40px; white-space: nowrap; }
.m2-hero .rs { font-size: 0.3em; color: var(--red); vertical-align: top; margin-right: 18px; position: relative; top: 34px; letter-spacing: 0px; }
.m2-hero small { font-size: 0.26em; font-style: italic; color: var(--ink3); margin-left: 14px; letter-spacing: 0px; }
.m2-cap { font: 300 26px var(--sans); color: var(--ink2); margin-top: 18px; }
.m2-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px 44px; margin-top: 56px; border-top: 1px solid var(--ink); }
.m2-grid > div { padding: 22px 0px; border-bottom: 1px solid var(--hair); }
.m2-grid b { display: block; font: 400 56px/1 var(--serif); }
.m2-grid span { display: block; font: 300 17px/1.4 var(--sans); color: var(--ink2); margin-top: 8px; }
.m2-grid .link { margin-top: 22px; font-size: 17px; }
.m2-r { background: var(--warm); padding: 104px 80px; display: flex; flex-direction: column; justify-content: center; }
.m2-r .mp { margin-top: 48px; width: 100%; opacity: 0.88; }
.half { position: absolute; inset: 0px; display: grid; grid-template-columns: 900px 1fr; }
.half.rev { grid-template-columns: 1fr 820px; }
.half-img { position: relative; overflow: hidden; }
.half-img.kb { position: relative; }
.half-img.stack { display: grid; grid-template-rows: 1fr 1fr; gap: 6px; background: rgb(255, 255, 255); }
.half-img.stack .kb { position: relative; }
.half-txt { padding: 104px var(--px) 120px 88px; display: flex; flex-direction: column; justify-content: center; }
.half.rev .half-txt { padding: 104px 88px 120px var(--px); }
.q4 { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 48px; margin-top: 48px; border-top: 1px solid var(--ink); }
.q4 > div { padding: 30px 0px 32px; border-bottom: 1px solid var(--hair); }
.q4 b { display: block; font: 400 128px/.9 var(--serif); letter-spacing: -0.03em; }
.q4 span { display: block; font: 400 21px var(--sans); margin-top: 14px; }
.q4 em { display: block; font: 300 16px var(--sans); color: var(--ink3); margin-top: 4px; }
.aud { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 48px; margin-top: 48px; border-top: 1px solid var(--ink); }
.aud > div { padding: 22px 0px 24px; border-bottom: 1px solid var(--hair); }
.aud b { display: block; font: 400 36px/1.05 var(--serif); }
.aud p { font: 300 17px/1.45 var(--sans); color: var(--ink2); margin-top: 8px; }
.dl { display: grid; grid-template-columns: 120px 1fr; gap: 16px 24px; margin-top: 36px; border-top: 1px solid var(--ink); padding-top: 24px; max-width: 760px; }
.dl dt { font: 500 12px var(--sans); letter-spacing: 0.24em; text-transform: uppercase; color: var(--red); padding-top: 5px; }
.dl dd { font: 300 18px/1.5 var(--sans); color: var(--ink2); }
.steps { list-style: none; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 40px; margin-top: 36px; border-top: 1px solid var(--ink); max-width: 800px; }
.steps li { padding: 20px 0px 22px; border-bottom: 1px solid var(--hair); }
.steps span { font: 500 12px var(--sans); letter-spacing: 0.22em; text-transform: uppercase; color: var(--red); }
.steps b { display: block; font: 400 34px/1.05 var(--serif); margin-top: 8px; }
.steps p { font: 300 16px/1.45 var(--sans); color: var(--ink2); margin-top: 6px; }
.ticks { list-style: none; margin-top: 44px; border-top: 1px solid var(--ink); }
.ticks li { display: flex; gap: 20px; align-items: center; font: 400 34px/1.2 var(--serif); padding: 22px 0px; border-bottom: 1px solid var(--hair); }
.ticks li::before { content: ""; flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: rgba(255, 39, 184, 0.7) 0px 0px 10px 1px; }
.full { position: absolute; inset: 0px; background: rgb(0, 0, 0); }
.full-txt { position: absolute; z-index: 2; left: var(--px); bottom: 120px; max-width: 1300px; }
.full-txt .h1 { font-size: 144px; }
.jonze { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 980px; background: rgb(0, 0, 0); }
.jz-img { position: relative; grid-area: 1 / 2; }
.jz-txt { grid-area: 1 / 1; background: rgb(255, 255, 255); padding: 104px 80px 120px var(--px); display: flex; flex-direction: column; justify-content: center; }
.cap { margin-top: 56px; padding-top: 18px; border-top: 1px solid var(--hair); font: 300 20px var(--sans); color: var(--ink2); display: flex; gap: 16px; align-items: baseline; }
.cap b { font: 400 34px var(--serif); color: var(--ink); }
.pad { position: absolute; inset: 0px; padding: 96px var(--px) 112px; }
.names { display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 0px 56px; margin-top: 56px; border-top: 1px solid var(--ink); }
.names span { min-width: 0px; padding-right: 16px; font: 400 46px/1.1 var(--serif); letter-spacing: -0.005em; padding-top: 28px; padding-bottom: 26px; border-bottom: 1px solid var(--hair); display: flex; align-items: center; gap: 14px; }
.names span.nb::after { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--red); box-shadow: rgba(255, 39, 184, 0.7) 0px 0px 10px 1px; }
.sps { display: grid; grid-template-columns: repeat(4, 1fr); gap: 40px 32px; margin-top: 44px; }
.sp-img { height: 290px; background: var(--warm); overflow: hidden; }
.sp-img img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 14%; filter: contrast(1.06); }
.sp b { display: block; font: 400 34px/1.05 var(--serif); margin-top: 16px; }
.sp span { display: block; font: 300 18px/1.4 var(--sans); color: var(--ink2); margin-top: 6px; }
.trilhas { column-count: 5; column-gap: 40px; margin-top: 44px; }
.tr { break-inside: avoid; border-top: 1px solid var(--ink); padding: 16px 0px 30px; }
.tr b { display: block; font: 400 36px/1 var(--serif); margin-bottom: 12px; }
.tr span { display: block; font: 300 19px/1.55 var(--sans); color: var(--ink2); }
.tr.hot { border-top: 2px solid var(--red); }
.tr.hot b { color: var(--red); }
.mosaic { position: absolute; inset: 0px; display: grid; grid-template-columns: 1.55fr 1fr; grid-template-rows: 1fr 1fr; gap: 6px; background: rgb(255, 255, 255); }
.mosaic > div.kb { position: relative; }
.mo-a { grid-row: 1 / 3; }
.mo-t { position: absolute; left: var(--px); bottom: 120px; z-index: 3; max-width: 900px; }
.mosaic::after { content: ""; position: absolute; left: 0px; top: 0px; bottom: 0px; width: 62%; z-index: 2; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.75) 100%); }
.grid4f { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr 1fr; gap: 6px; background: rgb(255, 255, 255); }
.grid4f > .kb, .grid2f > .kb { position: relative; }
.grid4f::after, .grid2f::after { content: ""; position: absolute; inset: 0px; z-index: 2; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0.7) 100%); }
.g4-t, .g2-t { position: absolute; left: var(--px); bottom: 132px; z-index: 3; width: 760px; }
.g4-t .h3 { font-size: 68px; line-height: 1.02; }
.grid2f { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; background: rgb(255, 255, 255); }
.point { position: absolute; inset: 0px; background: rgb(255, 255, 255); }
.point .kb img { object-position: 50% 50%; }
.pt-top { position: absolute; left: 0px; right: 0px; top: 150px; text-align: center; font: 500 14px var(--sans); letter-spacing: 0.3em; text-transform: uppercase; color: var(--ink2); z-index: 2; }
.pt-lock { position: absolute; left: 0px; right: 0px; top: 660px; display: flex; justify-content: center; z-index: 2; }
.pt-bot { position: absolute; left: 0px; right: 0px; bottom: 150px; text-align: center; font: 400 48px/1.15 var(--serif); z-index: 2; }
.pt-bot em { font-style: italic; color: var(--ink3); }
.lockup { display: flex; align-items: center; gap: calc(var(--h)*.6); }
.lk-bar { width: 1px; height: calc(var(--h)*1.4); background: var(--ink); opacity: 0.25; }
.lk-apr { font: 400 calc(var(--h)*.3) var(--sans); letter-spacing: 0.34em; text-transform: uppercase; color: var(--ink2); }
.lockup.w .lk-bar { background: rgb(255, 255, 255); }
.lockup.w .lk-apr { color: rgb(255, 255, 255); }
.offer { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 820px; }
.of-l { padding: 104px 60px 120px var(--px); display: flex; flex-direction: column; justify-content: center; }
.of-n { font: 400 470px/.8 var(--serif); letter-spacing: -0.05em; margin-top: 30px; }
.of-n span { font-size: 0.4em; color: var(--red); font-style: italic; margin-left: 6px; }
.of-t { font: 300 28px/1.4 var(--sans); color: var(--ink2); max-width: 640px; margin-top: 26px; }
.of-r { background: var(--warm); padding: 104px var(--px) 120px 80px; display: flex; flex-direction: column; justify-content: center; }
.nlist { list-style: none; counter-reset: n 0; border-top: 1px solid var(--ink); }
.nlist li { counter-increment: n 1; display: flex; gap: 26px; align-items: baseline; font: 400 34px/1.15 var(--serif); padding: 22px 0px; border-bottom: 1px solid var(--hair); }
.nlist li::before { content: counter(n, decimal-leading-zero); font: 500 12px var(--sans); letter-spacing: 0.14em; color: var(--red); width: 28px; }
figure { margin: 0px; }
figcaption { font: 500 12px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink3); margin-top: 18px; }
.mock-full { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: 1fr; gap: 6px; background: rgb(255, 255, 255); }
.mock-full figure { position: relative; overflow: hidden; background: var(--warm); }
.mf-a img { object-fit: contain; padding: 90px 60px 340px; }
.mf-t .h3 { font-size: 68px; }
.mf-t { position: absolute; left: var(--px); bottom: 110px; z-index: 3; }
.mf-t .ilus { margin-top: 18px; }
.mock4 { display: grid; grid-template-columns: 0.8fr 1fr 1fr 1fr; gap: 24px; margin-top: 40px; height: 760px; }
.mock4 figure { display: flex; flex-direction: column; min-height: 0px; }
.mock4 img { flex: 1 1 0%; min-height: 0px; width: 100%; object-fit: contain; background: var(--warm); padding: 10px; }
.mock4 .tall img { object-fit: cover; padding: 0px; }
.cred-wrap { flex: 1 1 0%; min-height: 0px; background: var(--warm); display: flex; flex-direction: column; align-items: center; overflow: hidden; }
.lanyard { display: flex; gap: 40px; height: 170px; }
.lanyard span { width: 34px; background: var(--red); }
.cred { width: 300px; height: 430px; background: rgb(255, 255, 255); margin-top: -6px; padding: 30px 28px; position: relative; box-shadow: rgba(0, 0, 0, 0.4) 0px 30px 60px -30px; overflow: hidden; }
.cred-top { display: flex; align-items: center; gap: 10px; }
.cred-top em { font: 400 10px var(--sans); letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink2); }
.cred-name { font: 400 30px var(--serif); margin-top: 52px; }
.cred-k { font: 500 10px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--red); margin-top: 10px; }
.cred-bar { position: absolute; left: 0px; right: 0px; bottom: 0px; height: 12px; background: var(--red); }
.digi { display: grid; grid-template-columns: 400px 1fr 470px; gap: 24px; margin-top: 40px; height: 760px; }
.digi figure { display: flex; flex-direction: column; min-height: 0px; }
.digi .wide img { flex: 1 1 0%; min-height: 0px; width: 100%; object-fit: contain; background: var(--warm); padding: 20px; }
.phone { flex: 1 1 0%; min-height: 0px; background: var(--warm); display: flex; align-items: center; justify-content: center; }
.ph-screen { width: 300px; height: 610px; border-radius: 46px; border: 10px solid rgb(17, 17, 17); background: linear-gradient(rgb(244, 243, 240), rgb(230, 228, 224)); padding: 62px 16px; text-align: center; }
.ph-lock { display: flex; align-items: center; justify-content: center; gap: 8px; margin-bottom: 26px; font: 400 8px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink2); }
.ph-time { font: 400 88px/1 var(--serif); letter-spacing: -0.02em; }
.ph-date { font: 400 13px var(--sans); color: var(--ink2); margin-top: 6px; }
.push { margin-top: 38px; background: rgba(255, 255, 255, 0.95); border-radius: 18px; padding: 14px 16px; text-align: left; box-shadow: rgba(0, 0, 0, 0.3) 0px 12px 30px -14px; }
.push-h { display: flex; align-items: center; gap: 8px; font: 500 10px var(--sans); letter-spacing: 0.08em; text-transform: uppercase; color: var(--ink3); }
.push-h em { margin-left: auto; text-transform: none; letter-spacing: 0px; }
.push-ic { width: 22px; height: 22px; border-radius: 6px; background: rgb(255, 255, 255); border: 1px solid var(--hair); display: flex; align-items: center; justify-content: center; }
.push b { display: block; font: 500 15px var(--sans); margin-top: 10px; }
.push p { font: 400 13px/1.4 var(--sans); color: var(--ink2); margin-top: 3px; }
.mail { flex: 1 1 0%; min-height: 0px; background: var(--warm); padding: 40px; display: flex; flex-direction: column; }
.mail-top { background: rgb(255, 255, 255); padding: 22px 26px; display: flex; align-items: center; gap: 14px; font: 400 10px var(--sans); letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink2); border-bottom: 2px solid var(--red); }
.mail-body { flex: 1 1 0%; background: rgb(255, 255, 255); padding: 34px 30px; }
.mail-k { font: 500 10px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--red); }
.mail-h { font: 400 40px/1.02 var(--serif); margin-top: 18px; }
.mail-btn { display: inline-block; margin-top: 30px; background: var(--red); color: rgb(255, 255, 255); font: 500 12px var(--sans); letter-spacing: 0.16em; text-transform: uppercase; padding: 14px 22px; }
.mail-foot { background: rgb(255, 255, 255); border-top: 1px solid var(--hair); padding: 14px 26px; font: 400 10px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink3); }
.cc { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 1fr; }
.cc-img { position: relative; grid-column: 2; }
.cc-txt { grid-area: 1 / 1; padding: 104px 80px 120px var(--px); display: flex; flex-direction: column; justify-content: center; }
.cc-k { font: 500 13px var(--sans); letter-spacing: 0.34em; text-transform: uppercase; color: var(--red); }
.cc-h { font: 400 200px/.86 var(--serif); letter-spacing: -0.035em; margin-top: 26px; }
.cc-s { font: 300 26px/1.45 var(--sans); color: var(--ink2); margin-top: 36px; max-width: 620px; }
.cc-lock { margin-top: 72px; padding-top: 28px; border-top: 1px solid var(--hair); }
.sect { margin: 18px 0px 0px; }
.menu { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 72px; margin-top: 34px; border-top: 1px solid var(--ink); }
.menu.one { grid-template-columns: 1fr; }
.it { padding: 18px 0px 20px; border-bottom: 1px solid var(--hair); }
.it b { display: block; font: 400 35px/1.05 var(--serif); }
.it span { display: block; font: 300 18px/1.45 var(--sans); color: var(--ink2); margin-top: 8px; }
.rel { display: grid; grid-template-columns: 1fr 820px; gap: 80px; }
.relnums { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 48px; margin-top: 34px; align-content: start; border-top: 1px solid var(--ink); }
.relnums > div { padding: 22px 0px 24px; border-bottom: 1px solid var(--hair); }
.relnums b { display: block; font: 400 92px/.95 var(--serif); letter-spacing: -0.02em; }
.relnums span { display: block; font: 300 18px/1.35 var(--sans); color: var(--ink2); margin-top: 8px; }
.relnums .note { grid-column: 1 / 3; margin-top: 18px; }
.vis { display: grid; grid-template-columns: 1.15fr 0.8fr 1.15fr; gap: 60px; margin-top: 34px; }
.vg-h { font: 400 44px var(--serif); padding-bottom: 16px; border-bottom: 1px solid var(--ink); }
.vi { font: 300 21px/1.35 var(--sans); color: var(--ink); padding: 15px 0px; border-bottom: 1px solid var(--hair); }
.price { position: absolute; inset: 0px; background: rgb(255, 255, 255); }
.price .kb img { object-position: 50% 50%; opacity: 0.9; }
.pr-in { position: absolute; inset: 0px; z-index: 2; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.pr-k { font: 500 13px var(--sans); letter-spacing: 0.3em; text-transform: uppercase; color: var(--ink2); margin-top: -80px; }
.pr-v { font-style: ; font-variant-ligatures: ; font-variant-caps: ; font-variant-east-asian: ; font-variant-alternates: ; font-variant-position: ; font-variant-emoji: ; font-weight: ; font-stretch: ; font-size: ; line-height: ; font-family: ; font-optical-sizing: ; font-size-adjust: ; font-kerning: ; font-feature-settings: ; font-variation-settings: ; font-language-override: ; letter-spacing: -0.035em; margin-top: 40px; font-variant-numeric: lining-nums; }
.pr-v span { font-size: 0.28em; color: var(--red); vertical-align: top; margin-right: 24px; position: relative; top: 34px; letter-spacing: 0px; }
.pr-e { font: 400 italic 40px var(--serif); color: var(--ink3); margin-top: 10px; }
.pr-hl { margin-top: 120px; padding-top: 30px; border-top: 1px solid var(--hair); font: 400 15px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--ink2); display: flex; align-items: center; gap: 18px; flex-wrap: wrap; justify-content: center; max-width: 1500px; }
.est { display: grid; grid-template-columns: 1fr 1fr; gap: 72px; margin-top: 40px; }
.eg { margin-bottom: 44px; }
.eg-h { display: flex; justify-content: space-between; align-items: baseline; padding-bottom: 10px; border-bottom: 1px solid var(--ink); }
.eg-h b { font: 400 38px var(--serif); }
.eg-h em { font: 500 11px var(--sans); letter-spacing: 0.2em; text-transform: uppercase; color: var(--red); }
.er { display: flex; justify-content: space-between; gap: 36px; padding: 14px 0px; border-bottom: 1px solid var(--hair); font: 300 19px/1.4 var(--sans); color: var(--ink2); }
.er b { flex: 0 0 auto; font: 400 28px var(--serif); color: var(--ink); white-space: nowrap; }
.cmp { width: 100%; border-collapse: collapse; margin-top: 26px; }
.cmp th, .cmp td { text-align: left; padding: 5px 0px; border-bottom: 1px solid var(--hair); font: 300 19px var(--sans); }
.cmp tbody th { color: var(--ink2); width: 40%; }
.cmp td { width: 30%; font: 400 23px var(--serif); }
.cmp thead td { font: 500 13px var(--sans); letter-spacing: 0.22em; text-transform: uppercase; border-bottom: 1px solid var(--ink); padding-bottom: 14px; }
.cmp tbody tr:first-child td { font-size: 40px; }
.cmp tbody tr:first-child td:first-of-type { color: var(--red); }
.wall { margin-top: 110px; }
.wall img { width: 100%; opacity: 0.86; }
.closing { position: absolute; inset: 0px; background: rgb(255, 255, 255); }
.cl-top { position: absolute; left: 0px; right: 0px; top: 130px; display: flex; justify-content: center; z-index: 2; }
.cl-mid { position: absolute; left: 0px; right: 0px; top: 640px; text-align: center; font: 400 110px/1 var(--serif); letter-spacing: -0.02em; z-index: 2; }
.cl-mid em { font-style: italic; color: var(--ink3); }
.cl-bot { position: absolute; left: var(--px); right: var(--px); bottom: 90px; display: flex; justify-content: space-between; align-items: center; z-index: 2; font: 300 20px var(--sans); color: var(--ink); padding-top: 24px; border-top: 1px solid var(--hair); }
.cl-bot .k { width: 130px; margin-right: 0px; }
html.anim [data-r] { opacity: 0; transform: translateY(28px); }
html.anim .slide.on [data-r] { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--i,0)*110ms + 120ms); }
@keyframes rise { 
  0% { opacity: 0; transform: translateY(28px); filter: blur(4px); }
  100% { opacity: 1; transform: none; filter: none; }
}
html.anim .slide .kb > img { transform: scale(1.08); }
html.anim .slide.on .kb > img { animation: kb 14s var(--ease) both; }
@keyframes kb { 
  0% { transform: scale(1.08); }
  100% { transform: scale(1); }
}
html.anim .kv-in { opacity: 0; transform: translateX(40px); }
html.anim .slide.on .kv-in { animation: kvin 1.6s var(--ease) .2s both; }
@keyframes kvin { 
  0% { opacity: 0; transform: translateX(40px); }
  100% { opacity: 1; transform: none; }
}
html.anim .slide.on .pt { animation: 3.2s ease-in-out 0s infinite normal none running pulse; }
@keyframes pulse { 
  0%, 100% { box-shadow: rgba(255, 39, 184, 0.12) 0px 0px 0px 3px, rgba(255, 39, 184, 0.75) 0px 0px 10px 1px, rgba(255, 39, 184, 0.28) 0px 0px 26px 4px; }
  50% { box-shadow: rgba(255, 39, 184, 0.08) 0px 0px 0px 5px, rgba(255, 39, 184, 0.9) 0px 0px 14px 2px, rgba(255, 39, 184, 0.35) 0px 0px 40px 8px; }
}
body.present .slide.on { animation: fadein .7s var(--ease) both; }
@keyframes fadein { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
@page { size: 1920px 1080px; margin: 0px; }
@media print {
  html, body { background: rgb(255, 255, 255); }
  #deck { display: block; padding: 0px; gap: 0px; }
  .slide { break-after: page; transform: none !important; margin: 0px !important; }
  #bar, #hud { display: none; }
}
.chap-sm .chap-h { font-size: 132px; }
.chap-sm .chap-txt { bottom: 120px; max-width: 640px; }
.chap-sm .chap-s { max-width: 520px; font-size: 22px; }
.s-chap:first-of-type { }
.t-fl .f-l { color: rgba(255, 255, 255, 0.85); }
.t-fr .f-r, .t-fr .f-r em { color: rgb(255, 255, 255); }
.dec { margin-top: 40px; }
.dec b { display: block; font: 400 300px/.82 var(--serif); letter-spacing: -0.05em; color: var(--red); }
.dec b span { font-size: 0.42em; font-style: italic; margin-left: 8px; }
.dec-t { font: 400 44px/1.15 var(--serif); margin-top: 26px; max-width: 720px; }
.dec-t em { font-style: italic; color: var(--red); }
.q3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px 36px; margin-top: 56px; border-top: 1px solid var(--ink); }
.q3 > div { padding-top: 20px; }
.q3 b { display: block; font: 400 64px/1 var(--serif); letter-spacing: -0.02em; }
.q3 span { display: block; font: 300 16px/1.4 var(--sans); color: var(--ink2); margin-top: 8px; }
.lit { position: absolute; inset: 0px; overflow: hidden; }
.lit img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
html.anim .slide .lit .glow { clip-path: inset(0px 100% 0px 0px); }
html.anim .slide.on .lit .glow { animation: light 1.4s var(--ease) .55s both; }
@keyframes light { 
  0% { clip-path: inset(0px 100% 0px 0px); }
  100% { clip-path: inset(0px); }
}
html.anim .slide.on .lit img { animation: kb 14s var(--ease) both; }
.band { position: absolute; inset: 0px; background: rgb(255, 255, 255); }
.band-img { position: absolute; left: 0px; right: 0px; top: 0px; height: 700px; }
.band-img.two { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.band-img.two .lit { position: relative; }
.band-txt { position: absolute; left: var(--px); right: var(--px); top: 700px; bottom: 96px; display: flex; justify-content: space-between; align-items: center; gap: 80px; }
.band-txt .h2 { font-size: 92px; margin-top: 18px; }
.band-txt .lead { max-width: 640px; margin: 0px; font-size: 26px; }
.dec-h { margin-top: 22px; }
.kh { display: grid; grid-template-columns: 1fr 560px 520px; margin-top: 40px; padding-bottom: 18px; border-bottom: 1px solid var(--ink); }
.kh small { display: block; font: 500 13px var(--sans); letter-spacing: 0.24em; text-transform: uppercase; color: var(--ink2); }
.kh b { display: block; font: 400 64px/1 var(--serif); margin-top: 10px; }
.krows .kr { display: grid; grid-template-columns: 1fr 560px 520px; align-items: baseline; padding: 18px 0px; border-bottom: 1px solid var(--hair); }
.kr span { font: 300 24px var(--sans); color: var(--ink2); }
.kr b { font: 400 34px var(--serif); color: var(--red); }
.kr em { font: 400 34px var(--serif); color: var(--ink); }
.cc.alt { display: block; }
.cc.alt .cc-txt { position: absolute; inset: 0px; padding: 0 var(--px); }
.cc.alt .cc-h { font-size: 170px; max-width: 1500px; }
.cc.alt .cc-h em { font-style: italic; color: var(--ink3); }
.closing .cover-r { width: 1100px; }
.closing .kv-in { height: 860px; }
.cl-top { justify-content: flex-start; left: var(--px); right: auto; top: 120px; }
.cl-mid { left: var(--px); right: auto; top: 300px; text-align: left; font-size: 124px; line-height: 0.95; max-width: 760px; }
.cl-bot { right: auto; width: 760px; flex-direction: column; align-items: flex-start; gap: 14px; border-top: 1px solid var(--hair); }
.mock4 img.ph, .digi img.ph { flex: 1 1 0%; min-height: 0px; width: 100%; object-fit: cover; padding: 0px; background: var(--warm); }
.digi { grid-template-columns: 1fr 1.25fr 1fr; }
.duo { position: absolute; inset: 0px; display: grid; grid-template-columns: 1fr 1fr; gap: 6px; background: rgb(0, 0, 0); }
.duo figure { position: relative; overflow: hidden; }
.duo figure::after { content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(0, 0, 0, 0.55) 0%, rgba(0, 0, 0, 0) 30%, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 0.8) 100%); }
.duo figcaption { position: absolute; z-index: 2; left: 60px; right: 60px; bottom: 110px; color: rgb(255, 255, 255); font: 400 20px/1.4 var(--sans); letter-spacing: 0px; text-transform: none; display: flex; gap: 16px; align-items: baseline; }
.lab-n.w { color: rgba(255, 255, 255, 0.7); border-color: rgba(255, 255, 255, 0.35); }
.duo-t { position: absolute; z-index: 3; right: var(--px); top: 96px; text-align: right; }
.duo-t .lab { justify-content: flex-end; }
.duo-t .h2 { font-size: 84px; }
.duo-t .h2 { margin-top: 22px; }
.kv-in .kv { position: relative; z-index: 1; filter: drop-shadow(rgba(255, 39, 184, 0.22) 0px 0px 22px) drop-shadow(rgba(0, 0, 0, 0.1) 0px 30px 60px); }
.kv-aura { position: absolute; z-index: 0; left: -14%; top: -6%; width: 86%; height: 92%; pointer-events: none; background: radial-gradient(closest-side at 46% 44%, rgba(255, 39, 184, 0.2), rgba(255, 39, 184, 0.09) 42%, rgba(255, 39, 184, 0.024) 70%, rgba(255, 39, 184, 0) 100%), radial-gradient(closest-side at 52% 62%, rgba(14, 14, 14, 0.07), rgba(14, 14, 14, 0) 100%); filter: blur(6px); }
.kv-aura::after { content: none; }
html.anim .kv-aura { opacity: 0; }
html.anim .slide.on .kv-aura { animation: aura 2.4s var(--ease) 1.1s both,breathe 7s ease-in-out 3.5s infinite; }
@keyframes aura { 
  0% { opacity: 0; transform: scale(0.92); }
  100% { opacity: 1; transform: none; }
}
@keyframes breathe { 
  0%, 100% { opacity: 1; }
  50% { opacity: 0.78; }
}
.kv-bg { position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; z-index: 0; pointer-events: none; max-width: none; }
.kv-aura { z-index: 0; }
html.anim .kv-bg { opacity: 0; }
html.anim .slide.on .kv-bg { animation: aura 2s var(--ease) .6s both; }
.chap-faap .chap-veil { background: radial-gradient(120% 90% at 0% 100%, rgba(255, 255, 255, 0.92) 0%, rgba(255, 255, 255, 0.72) 30%, rgba(255, 255, 255, 0) 62%), linear-gradient(0deg, rgba(255, 255, 255, 0.55) 0%, rgba(255, 255, 255, 0) 22%); }
.chap-faap .chap-s { color: var(--ink); }
.stmt-h em.em-half { display: inline-block; font-size: 0.5em; line-height: 1.05; letter-spacing: -0.01em; margin-top: 0.12em; }
.stmt-f p.red { color: var(--red); }
.mani-mix p { font-size: 63px; letter-spacing: -0.01em; }
.mani-mix p span { font-size: 126px; letter-spacing: -0.02em; }
.full.top .veil-b { background: linear-gradient(0deg, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 0.3) 65%, rgba(0, 0, 0, 0.78) 100%); }
.full.top .full-txt { top: 104px; bottom: auto; }
.master.framed { margin-top: 30px; border: 1.5px solid var(--red); padding: 22px 40px; display: flex; justify-content: center; }
.master.framed img { max-height: 770px; width: auto; }
.stage-ov { position: absolute; z-index: 1; inset: 0px; width: 100%; height: 100%; pointer-events: none; }
.sf-band { }
.sf-logos { fill: rgb(255, 255, 255); }
html.anim .slide .stage-ov { transform: scale(1.08); }
html.anim .slide .stage-ov { opacity: 0; }
html.anim .slide.on .stage-ov { animation: kb 14s var(--ease) both,bandin 1.6s var(--ease) .5s both; }
html.anim .slide .sf-logos { opacity: 0; }
html.anim .slide.on .sf-logos { animation: bandin 1.2s var(--ease) 1.4s both; }
@keyframes bandin { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.band3 { grid-template-rows: 100%; overflow: hidden; }
.band3 img { min-height: 0px; height: 100%; }
.mini.red { color: var(--red); }
.vc::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 170px; z-index: 4; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.7)); }
.vc footer { z-index: 6; }
.vc .vc-veil { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(0, 0, 0, 0.9) 0%, rgba(0, 0, 0, 0.78) 42%, rgba(0, 0, 0, 0.25) 68%, rgba(0, 0, 0, 0.05) 100%); }
.vc-t { position: absolute; left: 120px; top: 0px; bottom: 0px; width: 860px; display: flex; flex-direction: column; justify-content: center; color: rgb(255, 255, 255); font-family: Futura, Jost, sans-serif; }
.vc-k { font-size: 20px; letter-spacing: 0.3em; text-transform: uppercase; color: rgba(255, 255, 255, 0.75); }
.vc-v { font-weight: 300; font-size: 84px; line-height: 1; letter-spacing: -0.02em; margin-top: 24px; white-space: nowrap; }
.vc-v span { font-size: 0.4em; color: rgb(95, 44, 142); vertical-align: top; margin-right: 14px; position: relative; top: 10px; letter-spacing: 0px; font-weight: 500; }
.vc-e { font-style: italic; font-size: 28px; color: rgba(255, 255, 255, 0.7); margin-top: 14px; }
.jz-cap { position: absolute; z-index: 3; right: var(--px); top: 230px; margin: 0px; font-size: 24px; text-align: right; color: rgb(255, 255, 255); display: flex; flex-direction: column; align-items: flex-end; gap: 10px; border: 0px; padding: 0px; }
.jz-cap b { display: block; color: rgb(255, 255, 255); font-size: 44px; font-weight: 500; margin: 0px; }
.vc-hl { list-style: none; width: 1000px; margin: 70px 0px 0px; padding: 28px 0px 0px; border-top: 1px solid rgba(255, 255, 255, 0.3); display: grid; grid-template-columns: 1fr 1fr; gap: 18px 40px; }
.vc-hl li { display: flex; gap: 12px; align-items: center; font-size: 24px; color: rgb(255, 255, 255); }
.vc-hl .fb { width: 20px; height: 19px; flex: 0 0 auto; }
.jr-apr { position: absolute; left: 462px; top: 700px; display: flex; align-items: center; gap: 7px; transform: rotate(-3.2deg); transform-origin: left center; z-index: 5; }
.jr-apr svg { height: 13px; width: auto; display: block; }
.jr-apr span { font: 500 7.5px Futura, Jost, sans-serif; letter-spacing: 0.18em; text-transform: uppercase; color: rgb(255, 255, 255); }
.bn7 { position: absolute; left: 1021px; top: 262px; width: 860px; display: flex; flex-direction: column; gap: 46px; font-family: Futura, Jost, sans-serif; }
.bn7 .r { display: grid; grid-template-columns: 330px 1fr; column-gap: 56px; align-items: center; }
.bn7 .n { font-weight: 700; font-size: 96px; line-height: 1; color: rgb(14, 14, 14); letter-spacing: -0.02em; white-space: nowrap; }
.bn7 .l { display: flex; flex-direction: column; gap: 4px; font-size: 30px; line-height: 1.2; color: rgb(14, 14, 14); }
.bn7 .bk { color: rgb(95, 44, 142); text-transform: uppercase; letter-spacing: 0.04em; font-size: 22px; font-weight: 500; }
.bn7 .l b { font-weight: 700; }
.slide[data-i="1"] footer .f-l { display: none !important; }
.slide[data-i="3"] footer .f-l { display: none !important; }
.slide[data-i="12"] footer .f-l { display: none !important; }
.slide[data-i="24"] footer .f-l { display: none !important; }
.slide[data-i="64"] footer .f-l { display: none !important; }
.pr-t { font-size: 62px !important; line-height: 1.05 !important; }
.pr-lead { position: absolute; left: 370px; top: 240px; width: 1430px; text-wrap: balance; margin: 0px; font: 300 24px / 1.45 Futura, Jost, sans-serif; color: rgb(51, 51, 51); }
.pr-g { position: absolute; left: 370px; top: 345px; width: 1430px; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 64px; font-family: Futura, Jost, sans-serif; }
.pr-r { display: flex; flex-direction: column; gap: 24px; }
.pr-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 0px 40px; }
.pr-c { border-top: 2px solid rgb(95, 44, 142); padding-top: 18px; font-family: Futura, Jost, sans-serif; }
.pr-c h3 { display: flex; align-items: center; gap: 14px; margin: 0px 0px 12px; font-size: 28px; font-weight: 700; color: rgb(14, 14, 14); text-transform: uppercase; letter-spacing: 0.02em; }
.pr-c p { margin: 0px; font-size: 19px; line-height: 1.45; font-weight: 300; color: rgb(51, 51, 51); }
.pr-l { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 20px; }
.pr-l li { display: flex; gap: 14px; align-items: flex-start; }
.pr-c h3 .fb { flex: 0 0 auto; width: 32px !important; height: 30px !important; }
.pr-l { padding-left: 46px !important; }
.pr-l b { display: block; font-size: 21px; font-weight: 700; color: rgb(14, 14, 14); margin-bottom: 4px; }
footer .f-r { display: none !important; }
.me-wm { position: absolute; left: 50%; top: 54%; transform: translate(-50%, -50%) rotate(-18deg); font: 700 330px / 1 Futura, Jost, sans-serif; letter-spacing: 0.06em; color: rgba(120, 120, 120, 0.16); pointer-events: none; z-index: 20; white-space: nowrap; user-select: none; display: none !important; }
.me-nota { position: absolute; left: 370px; right: 420px; bottom: 60px; display: flex; gap: 10px; align-items: flex-start; font: 400 15px / 1.4 Futura, Jost, sans-serif; color: rgb(85, 85, 85); z-index: 6; }
.me-nota .fb { flex: 0 0 auto; margin-top: 3px; width: 14px !important; height: 13px !important; }
.mr-n { position: absolute; left: 370px; top: 300px; width: 1430px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px 56px; font-family: Futura, Jost, sans-serif; }
.mr-c { border-top: 2px solid rgb(95, 44, 142); padding-top: 22px; }
.mr-c b { display: block; font-size: 48px; font-weight: 300; letter-spacing: -0.02em; color: rgb(14, 14, 14); white-space: nowrap; }
.mr-c.mr-hot b { color: rgb(95, 44, 142); font-weight: 500; }
.mr-c span { display: block; margin-top: 10px; font-size: 18px; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(85, 85, 85); }
.mr-bar { position: absolute; left: 370px; top: 520px; width: 1430px; font-family: Futura, Jost, sans-serif; }
.mr-lab { font-size: 15px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(95, 44, 142); margin-bottom: 14px; }
.mr-track { display: flex; height: 54px; border-radius: 2px; overflow: hidden; }
.mr-track i { display: flex; align-items: center; padding-left: 20px; font-style: normal; font-size: 20px; font-weight: 500; color: rgb(255, 255, 255); background: rgb(95, 44, 142); }
.mr-track i + i { background: rgb(14, 14, 14); }
.mr-ex { position: absolute; left: 370px; top: 680px; width: 1430px; display: flex; gap: 22px; align-items: flex-start; padding: 30px 36px; background: rgb(253, 236, 236); border-left: 4px solid rgb(95, 44, 142); font-family: Futura, Jost, sans-serif; z-index: 6; box-sizing: border-box; }
.mr-ex .fb { flex: 0 0 auto; margin-top: 2px; width: 34px !important; height: 32px !important; }
.mr-ex b { display: block; font-size: 26px; font-weight: 700; color: rgb(14, 14, 14); margin-bottom: 8px; }
.mr-ex p { margin: 0px 0px 10px; font-size: 21px; line-height: 1.45; font-weight: 300; color: rgb(34, 34, 34); }
.mr-ex small { font-size: 15px; color: rgb(102, 102, 102); }
.me-sub { position: absolute; left: 370px; top: 200px; font: 300 40px / 1 Futura, Jost, sans-serif; text-transform: uppercase; color: rgb(95, 44, 142); }
.me-sub b { font-weight: 700; color: rgb(14, 14, 14); }
.me-g { position: absolute; left: 370px; top: 290px; width: 1430px; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 90px; font-family: Futura, Jost, sans-serif; }
.me-col { display: flex; flex-direction: column; gap: 30px; }
.me-b h3 { margin: 0px 0px 12px; padding-top: 14px; border-top: 2px solid rgb(95, 44, 142); font-size: 22px; font-weight: 700; text-transform: uppercase; letter-spacing: 0.03em; color: rgb(14, 14, 14); }
.me-l { font-size: 13px; font-weight: 700; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(95, 44, 142); margin: 12px 0px 6px; }
.me-b ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 7px; }
.me-b li { display: flex; gap: 10px; align-items: flex-start; font-size: 17px; line-height: 1.42; font-weight: 300; color: rgb(42, 42, 42); }
.me-b li .fb { flex: 0 0 auto; margin-top: 6px; width: 13px !important; height: 12px !important; }
.cp-t { position: absolute; left: 370px; top: 86px; font: 300 74px / 1 Futura, Jost, sans-serif; text-transform: uppercase; letter-spacing: -0.01em; color: rgb(14, 14, 14); margin: 0px; }
.cp-t b { font-weight: 700; }
.cp { position: absolute; inset: 230px 130px 120px 370px; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 80px; font-family: Futura, Jost, sans-serif; }
.cp ul { list-style: none; margin: 0px; padding: 0px; display: flex; flex-direction: column; gap: 24px; }
.cp li { display: flex; gap: 12px; align-items: flex-start; font-size: 21px; line-height: 1.42; color: rgb(58, 58, 58); font-weight: 400; }
.cp li b { font-weight: 700; color: rgb(14, 14, 14); }
.cp li .fb { flex: 0 0 auto; width: 17px; height: 16px; margin-top: 4px; }
.cp li.hl b { color: rgb(95, 44, 142); }
.cp li.hl { background: rgba(255, 39, 184, 0.06); padding: 12px 14px; margin-left: -14px; border-left: 3px solid rgb(95, 44, 142); }
.cp.lst ul, .cp.lst2 ul:last-child { gap: 17px; }
.cp.lst li, .cp.lst2 ul:last-child li { font-size: 22px; }
.cp-val { position: absolute; left: 70px; top: 330px; width: 250px; padding: 22px 20px; border: 1.5px solid rgb(95, 44, 142); font-family: Futura, Jost, sans-serif; }
.cp-val b { display: block; white-space: nowrap; font-weight: 700; font-size: 26px; color: rgb(14, 14, 14); }
.cp-val span { display: block; font-size: 13px; color: rgb(138, 138, 138); margin-top: 6px; }
.sp span { font-size: 16px !important; line-height: 1.35 !important; }
footer { flex-direction: row-reverse; }
.t-fl .f-l { color: var(--ink3) !important; }
.t-fl footer .f-spiw { filter: none !important; }
.t-fl .f-r, .t-fl .f-r em { color: rgba(255, 255, 255, 0.85) !important; }
.t-fr .f-l { color: rgba(255, 255, 255, 0.85) !important; }
.t-fr footer .f-spiw { filter: invert(1) !important; }
.t-fr .f-r { color: var(--ink) !important; }
.t-fr .f-r em { color: var(--ink3) !important; }
.t-dark footer .f-spiw { filter: invert(1) !important; }
.slide[data-i="5"] .el[style*="left:96.0px;top:79.7px"] img { filter: brightness(0) invert(1); }
.slide[data-i="3"] footer .f-l { background: rgb(255, 255, 255); padding: 10px 18px; border-radius: 2px; }
.full-txt .h1 { font-size: 104px !important; line-height: 1; }
.media2:has(.mp-wall2) { grid-template-columns: 1fr 740px; }
.mp-wall2 { padding: 64px 56px !important; }
.mp-wall2 .est { width: 240px; margin-bottom: 56px; }
.mpg { flex-wrap: wrap; justify-content: center; display: flex !important; gap: 40px 36px !important; }
.mpg img { opacity: 0.9; width: 92px !important; height: 28px !important; }
.mpg img.sq { opacity: 1; width: 62px !important; height: 62px !important; margin: -17px 15px !important; }
.fr5img { left: 0px; top: 0px; width: 470px; height: 1080px; clip-path: polygon(0px 0px, 440px 0px, 133px 1080px, 0px 1080px); }
.fr5img img { position: absolute; inset: 0px; object-fit: cover; object-position: 44% 50%; width: 100% !important; height: 100% !important; }
.chap-36 .chap-txt { left: var(--px); right: auto; top: auto; bottom: 110px; text-align: left; }
.chap-36 .chap-veil { background: linear-gradient(20deg, rgba(255, 255, 255, 0.75) 0%, rgba(255, 255, 255, 0) 45%); }
.chap-36 .chap-s { margin-left: 0px; }
.sp-img.msk { background: transparent; height: 250px; display: flex; justify-content: center; }
.sp-img.msk img { height: 100%; width: auto; aspect-ratio: 880 / 834; object-fit: cover; filter: none; }
.em-card { background: rgb(255, 255, 255); color: rgb(14, 14, 14); font-family: Futura, Jost, sans-serif; display: flex; flex-direction: column; }
.em-card .eh { display: flex; align-items: center; gap: 8px; padding: 16px 18px; border-bottom: 3px solid rgb(95, 44, 142); }
.em-card .eh svg { height: 14px !important; width: auto; }
.em-card .eh i { width: 1px; height: 16px; background: rgb(204, 204, 204); }
.em-card .eh span { font-size: 8px; letter-spacing: 0.24em; text-transform: uppercase; color: rgb(119, 119, 119); }
.em-card .eh img { height: 14px; width: auto; }
.em-card .eb { padding: 22px 20px; flex: 1 1 0%; }
.em-card .ek { font-size: 9px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(95, 44, 142); font-weight: 500; }
.em-card h4 { font-weight: 400; font-size: 27px; line-height: 1.08; margin: 14px 0px 0px; }
.em-card p { font-size: 13px; line-height: 1.45; color: rgb(85, 85, 85); margin-top: 14px; }
.em-card a { display: inline-block; margin-top: 20px; background: rgb(95, 44, 142); color: rgb(255, 255, 255); font-size: 10px; letter-spacing: 0.16em; text-transform: uppercase; padding: 12px 16px; font-weight: 500; }
.em-card .ei { width: 100%; height: 170px; object-fit: cover; }
.em-card .ef { padding: 12px 18px; border-top: 1px solid rgb(238, 238, 238); font-size: 8px; letter-spacing: 0.2em; text-transform: uppercase; color: rgb(153, 153, 153); }
.fr5 { position: absolute; white-space: nowrap; color: rgb(255, 255, 255); font-family: Futura, Jost, sans-serif; font-weight: 300; text-transform: uppercase; line-height: 1.08; z-index: 5; }
.fr5.fbig { font-size: 50px; letter-spacing: 0.01em; }
.fr5.fsm { font-size: 30px; line-height: 1.25; letter-spacing: 0.04em; color: rgba(255, 255, 255, 0.85); }
.fr5.fxs { font-size: 19px; letter-spacing: 0.24em; color: rgba(255, 255, 255, 0.75); }
.fr5.r { text-align: right; }
.chap-logo { margin-top: 20px; }
.chap-logo img { height: 230px; width: auto; display: block; }
.mp-wall2 { flex-direction: column; justify-content: center; gap: 0px; display: flex !important; padding: 60px 46px !important; }
.mp-wall2 .mpk { font: 400 13px Futura, Jost, sans-serif; letter-spacing: 0.24em; text-transform: uppercase; color: rgb(138, 138, 138); margin-bottom: 16px; }
.mp-wall2 .est { width: 300px; height: auto; margin-bottom: 44px; }
.mpg { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px 20px; }
.mpg img { width: 100%; height: 52px; object-fit: contain; mix-blend-mode: multiply; }
.stdr-tr b { display: flex; align-items: center; gap: 10px; color: rgb(95, 44, 142) !important; }
.stdr-tr .fb { width: 26px; height: 25px; margin: 0px; flex: 0 0 auto; }
.big400 { color: rgb(255, 255, 255); font-family: Futura, Jost, sans-serif; }
.big400 b { display: block; font-weight: 300; font-size: 220px; line-height: 0.9; letter-spacing: -0.03em; }
.big400 span { display: block; font-weight: 300; font-size: 40px; letter-spacing: 0.14em; text-transform: uppercase; color: rgba(255, 255, 255, 0.75); margin-top: 14px; }
html.anim .slide .lit .full { clip-path: inset(0px 100% 0px 0px); }
html.anim .slide.on .lit .full { animation: light 1.6s var(--ease) 2.4s both; }
html.anim .slide.on .lit .full { animation-name: light; }
.stmt-f.left { border-top: 0px !important; }
.link.btn-red { background: rgb(95, 44, 142); color: rgb(255, 255, 255); border: 0px; padding: 18px 30px; font: 500 18px Futura, Jost, sans-serif; letter-spacing: 0.06em; gap: 14px; }
.link.btn-red span { color: rgb(255, 255, 255); }
.link.btn-red:hover { background: rgb(200, 0, 0); }
html.anim .slide.cv [data-r].big, html.anim .slide.cv [data-r]:has(> .el.big) { translate: none !important; }
html.anim .slide.cv.on [data-r].big { animation-name: fadeCv; }
@keyframes fadeCv { 
  0% { opacity: 0; }
  100% { opacity: 1; }
}
.xfade::after { content: ""; position: absolute; inset: -4px; background: linear-gradient(rgba(0, 0, 0, 0.72) 0%, rgba(0, 0, 0, 0.55) 45%, rgba(0, 0, 0, 0.62) 100%); }
.em-glow { position: absolute; left: 820px; top: 120px; width: 1100px; height: 900px; background: radial-gradient(closest-side, rgba(255, 39, 184, 0.55), rgba(255, 39, 184, 0)); filter: blur(14px); }
.em-lap { left: 900px; top: 150px; width: 900px; height: 690px; overflow: hidden; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.8) 0px 40px 80px -30px; }
.em-lap img { width: 100%; height: 100%; object-fit: cover; object-position: 60% 50%; }
.em-card { width: 250px; height: 560px; overflow: hidden; border-radius: 6px; box-shadow: rgba(0, 0, 0, 0.85) 0px 30px 60px -20px; }
.em-card img { width: 100%; height: 100%; object-fit: cover; }
.em-card.c0 { left: 690px; top: 320px; rotate: -6deg; }
.em-card.c1 { left: 880px; top: 390px; rotate: 3deg; }
.em-txt { left: 110px; top: 760px; width: 440px; color: rgba(255, 255, 255, 0.82); font: 300 26px / 1.45 Futura, Jost, sans-serif; border-top: 1px solid rgba(255, 255, 255, 0.3); padding-top: 22px; }
.mp-wall { grid-template-columns: repeat(4, 1fr); gap: 26px 22px; align-content: center; display: grid !important; padding: 70px 46px !important; }
.mp-wall img { width: 100%; height: 62px; object-fit: contain; mix-blend-mode: multiply; }
.cv .fb { display: inline-block; width: 0.95em; height: 0.9em; margin-right: 0.55em; vertical-align: -0.05em; }
.stmt-k { display: none; }
.stmt-f.left { justify-content: flex-start; gap: 140px; }
.lab:has(+ .h1), .lab:has(+ .h2), .lab:has(+ .h3), .lab:has(+ .cap), .lab:has(+ .dec) { display: none; }
footer .f-l { gap: 22px; }
footer .f-l svg.stdr { height: 30px !important; }
footer .f-sep { height: 30px; opacity: 0.45; }
footer .f-spiw { height: 30px; width: auto; display: block; }
.t-dark footer .f-spiw, .t-fl footer .f-spiw { filter: invert(1); }
.slide.cv footer { z-index: 20; }
.slide.cv.t-dark::after { content: ""; position: absolute; left: 0px; right: 0px; bottom: 0px; height: 150px; z-index: 19; pointer-events: none; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.55)); }
.bn6 { position: absolute; top: 640px; width: 520px; color: rgb(255, 255, 255); font-family: Futura, Jost, sans-serif; }
.bn6 b { display: block; font-weight: 300; font-size: 150px; line-height: 1; letter-spacing: -0.02em; }
.bn6 span { display: block; font-weight: 300; font-size: 34px; line-height: 1.2; letter-spacing: 0.06em; text-transform: uppercase; margin-top: 22px; }
:root { --serif: 'Futura','Jost',system-ui,sans-serif; --sans: 'Futura','Jost',system-ui,sans-serif; }
body, .slide { font-family: Futura, Jost, system-ui, sans-serif; }
.slide.cv { overflow: hidden; }
.slide .el { position: absolute; box-sizing: border-box; }
.slide .el.im { overflow: hidden; }
.slide .el.im img { position: absolute; display: block; max-width: none; }
.cv .im { overflow: hidden; }
.cv .im img { position: absolute; display: block; width: auto; height: auto; max-width: none; object-fit: fill; }
.cv .im img:not([style*="width"]) { width: auto; height: auto; }
.cv .tb, .cv .sh { overflow: visible; }
.cv .tx { position: absolute; inset: 0px; display: flex; flex-direction: column; font-family: Futura, Jost, sans-serif; }
.cv .tx p { margin: 0px; white-space: pre-wrap; }
.cv .bu { margin-right: 0.5em; }
.cv .grp > .el { position: absolute; }
html.anim .slide.cv [data-r] { translate: 0px 28px; }
html.anim .slide.cv.on [data-r] { animation-duration: ; animation-timing-function: ; animation-iteration-count: ; animation-direction: ; animation-fill-mode: ; animation-play-state: ; animation-name: ; animation-timeline: ; animation-range-start: ; animation-range-end: ; animation-delay: calc(var(--i,0)*90ms + 120ms); }
@keyframes riseCv { 
  0% { opacity: 0; translate: 0px 28px; filter: blur(4px); }
  100% { opacity: 1; translate: 0px; filter: none; }
}
html.anim .cv .el.im.big[data-r] { transform-origin: center center; }
html.anim .slide.on .cv .el.im.big img, html.anim .slide.cv.on .el.im.big img { animation: kbz 14s var(--ease) both; }
@keyframes kbz { 
  0% { transform: scale(1.07); }
  100% { transform: scale(1); }
}
.xfade { position: absolute; inset: 0px; overflow: hidden; background: rgb(0, 0, 0); }
.xfade img { position: absolute; inset: 0px; width: 100%; height: 100%; object-fit: cover; }
.xfade .b { opacity: 0; }
html.anim .slide.on .xfade .a { animation: kbz 12s var(--ease) both; }
html.anim .slide.on .xfade .b { animation: 12s ease-in-out 3.5s infinite alternate none running xf; }
@keyframes xf { 
  0%, 35% { opacity: 0; transform: scale(1.06); }
  55%, 100% { opacity: 1; transform: scale(1); }
}
.credit { position: absolute; right: 24px; bottom: 16px; font: 400 11px var(--sans); color: rgba(255, 255, 255, 0.55); letter-spacing: 0.04em; z-index: 9; }
.ex { position: absolute; inset: 0px; background: rgb(0, 0, 0); }
.ex-c { position: absolute; top: 0px; bottom: 0px; overflow: hidden; }
.ex-c + .ex-c { border-left: 1px solid rgba(255, 255, 255, 0.18); }
.ex-c img { width: 100%; height: 100%; object-fit: cover; }
.ex-veil { position: absolute; inset: 0px; background: linear-gradient(rgba(0, 0, 0, 0) 45%, rgba(0, 0, 0, 0.82) 100%); pointer-events: none; }
.bigt { font: 500 64px/1 var(--sans); letter-spacing: -0.01em; text-transform: uppercase; margin: 0px; color: var(--ink); }
.bigt small { display: block; font: 400 22px/1.3 var(--sans); letter-spacing: 0.06em; color: var(--ink2); margin-top: 14px; }
.tr.hot { border-top: 1px solid var(--ink); }
.tr.hot b { color: var(--ink); }
.sp-img.col { background: rgb(236, 234, 229); display: flex; align-items: flex-end; justify-content: center; height: 250px; }
.sp-img.col img { width: 100%; height: 100%; object-fit: cover; object-position: 50% 100%; filter: none; }
:root { --red: #5F2C8E; --rosa: #FF27B8; --ciano: #3CC0EC; --laranja: #FF8A2B; }
#bar i { background: linear-gradient(90deg, rgb(95, 44, 142), rgb(255, 39, 184) 70%, rgb(255, 138, 43)); box-shadow: rgba(255, 39, 184, 0.6) 0px 0px 12px; }
.pt { background: rgb(60, 192, 236); box-shadow: rgba(60, 192, 236, 0.14) 0px 0px 0px 3px, rgba(60, 192, 236, 0.75) 0px 0px 10px 1px, rgba(60, 192, 236, 0.28) 0px 0px 26px 4px; }
.ticks li::before, .names span.nb::after { background: rgb(60, 192, 236); box-shadow: rgba(60, 192, 236, 0.7) 0px 0px 10px 1px; }
.dec b { color: rgb(255, 39, 184); }
.tr, .tr.hot { border-top-color: rgb(95, 44, 142); }
.m2-hero .rs, .of-n span, .pr-v span, .vc-v span { color: rgb(255, 138, 43); }
.link.btn-red { background: rgb(255, 39, 184); }
.link.btn-red:hover { background: rgb(95, 44, 142); }
.t-dark .red, .t-dark .mini.red, .t-dark .chap-n { color: rgb(255, 39, 184) !important; }
#stack { display: none; }
#stack .st { position: relative; border-radius: 2px; overflow: hidden; background: rgb(255, 255, 255); box-shadow: rgba(0, 0, 0, 0.35) 0px 4px 18px -10px; }
#stack img { display: block; width: 100%; height: auto; }
#stack a { position: absolute; display: block; }
@media (hover: none) and (pointer: coarse) {
  body:not(.present) #deck { display: none !important; }
  body:not(.present) #stack { display: flex; flex-direction: column; gap: 10px; padding: 12px 12px 90px; }
}
.f-vivo { height: 26px; width: auto; display: block; }
.cv-vivo { position: absolute; z-index: 5; left: 96px; top: 84px; width: 250px; }
.vv-chap .chap-veil { background: linear-gradient(270deg, rgba(40, 0, 64, 0.92) 0%, rgba(70, 0, 110, 0.62) 36%, rgba(0, 0, 0, 0) 66%); }
.vv-chap .chap-h, .vv-chap .chap-h em, .vv-chap .chap-s { color: rgb(255, 255, 255); }
.vv-chap .chap-h em { opacity: 0.75; }
.vv-chap .chap-logo img { height: 96px; margin-left: auto; }
.vv-lock { display: flex; align-items: center; justify-content: flex-end; gap: 34px; }
.vv-lock .lk-vivo { height: 104px; width: auto; display: block; }
.vv-lock .lk-spiw { height: 230px; width: auto; display: block; }
.vv-lock em { font: italic 400 96px/1 var(--serif); color: rgb(255, 255, 255); opacity: 0.85; }
html body .slide img.lg-k { filter: brightness(0) !important; }
html body .slide img.lg-w { filter: brightness(0) invert(1) !important; }
.cd { position: absolute; inset: 0px; background: rgb(255, 255, 255); font-family: Futura, Jost, sans-serif; }
.cd .cd-img { position: absolute; top: 0px; bottom: 0px; width: 740px; overflow: hidden; }
.cd .cd-img { inset: 0px auto; height: 1080px; }
.cd.esq .cd-img { left: 0px; right: auto; }
.cd.dir .cd-img { right: 0px; left: auto; }
.cd .cd-img img { width: 100%; height: 100%; object-fit: cover; }
.cd .cd-txt { position: absolute; top: 90px; bottom: 110px; display: flex; flex-direction: column; justify-content: center; }
.cd.esq .cd-txt { left: 840px; right: 110px; }
.cd.dir .cd-txt { left: 110px; right: 840px; }
.cd-eb { display: flex; align-items: center; gap: 14px; font: 400 15px / 1 Futura, Jost, sans-serif; letter-spacing: 0.22em; text-transform: uppercase; color: rgb(102, 0, 153); }
.cd-eb::before { content: ""; width: 26px; height: 2px; background: rgb(102, 0, 153); }
.cd h2 { font: 300 74px / 1.02 Futura, Jost, sans-serif; letter-spacing: -0.02em; color: rgb(20, 17, 24); margin: 26px 0px 0px; }
.cd h2 em { font-style: normal; color: rgb(102, 0, 153); }
.cd-grid { margin-top: 64px; display: grid; grid-template-columns: 1fr 1fr; gap: 0px 48px; }
.cd-grid article { border-top: 1px solid rgb(226, 219, 232); padding: 18px 0px 20px; }
.cd-grid b { display: block; font: 400 27px / 1.2 Futura, Jost, sans-serif; color: rgb(20, 17, 24); }
.cd-grid span { display: block; font: 300 19px / 1.4 Futura, Jost, sans-serif; color: rgb(107, 98, 114); margin-top: 6px; }
.cd-nota { position: absolute; left: 110px; bottom: 52px; font: 300 15px Futura, Jost, sans-serif; color: rgb(138, 128, 144); letter-spacing: 0.02em; z-index: 3; }
.cd.esq .cd-nota { left: 840px; }
.t-dark .cd h2 { color: rgb(20, 17, 24); }
.t-dark .cd-grid b { color: rgb(20, 17, 24); }
.cd-full { position: absolute; inset: 0px; background: rgb(11, 6, 20); font-family: Futura, Jost, sans-serif; }
.cd-full .cd-txt { position: absolute; inset: 90px 110px 110px; display: flex; flex-direction: column; justify-content: center; }
.cd-full h2 { font: 300 92px / 1.02 Futura, Jost, sans-serif; letter-spacing: -0.02em; margin: 26px 0px 0px; }
.cd-full h2 { color: rgb(255, 255, 255); }
.cd-full h2 em { color: rgb(199, 125, 255); }
.cd-full .cd-eb { color: rgb(199, 125, 255); }
.cd-full .cd-eb::before { background: rgb(199, 125, 255); }
.cd-full .cd-grid { grid-template-columns: repeat(5, 1fr); gap: 0px 36px; }
.cd-full .cd-grid article { border-color: rgba(255, 255, 255, 0.18); }
.cd-full .cd-grid { margin-top: 90px; }
.cd-full .cd-grid b { color: rgb(255, 255, 255); font-size: 25px; }
.cd-full .cd-grid span { color: rgba(255, 255, 255, 0.62); font-size: 18px; }
.cd-full .cd-nota { color: rgba(255, 255, 255, 0.55); }
.cd-ab { position: absolute; inset: 0px; background: rgb(11, 6, 20); }
.cd-ab .kb img { width: 100%; height: 100%; object-fit: cover; opacity: 0.55; }
.cd-ab .cd-veil { position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(11, 6, 20, 0.95) 0%, rgba(11, 6, 20, 0.7) 45%, rgba(11, 6, 20, 0.1) 100%); }
.cd-ab .cd-txt { position: absolute; left: 110px; bottom: 150px; width: 1000px; z-index: 2; }
.cd-ab h2 { font: 300 112px / 1 Futura, Jost, sans-serif; letter-spacing: -0.03em; color: rgb(255, 255, 255); margin: 28px 0px 0px; }
.cd-ab h2 em { font-style: normal; color: rgb(199, 125, 255); }
.cd-ab p { font: 300 26px / 1.45 Futura, Jost, sans-serif; color: rgba(255, 255, 255, 0.78); margin-top: 30px; max-width: 760px; }
.cd-ab .cd-eb { color: rgb(199, 125, 255); }
.cd-ab .cd-eb::before { background: rgb(199, 125, 255); }
.mk { position: absolute; inset: 0px; font-family: Futura, Jost, sans-serif; }
.mk.claro { background: rgb(255, 255, 255); }
.mk.escuro { background: rgb(0, 0, 0); }
.mk .mk-txt { position: absolute; left: 110px; top: 0px; bottom: 0px; width: 600px; display: flex; flex-direction: column; justify-content: center; z-index: 2; }
.mk h2 { font: 300 84px / 1.04 Futura, Jost, sans-serif; letter-spacing: -0.02em; margin: 26px 0px 0px; color: rgb(20, 17, 24); }
.mk h2 em { font-style: normal; color: rgb(102, 0, 153); }
.mk p { font: 300 27px / 1.45 Futura, Jost, sans-serif; color: rgb(93, 84, 100); margin: 28px 0px 0px; }
.mk.escuro h2 { color: rgb(255, 255, 255); }
.mk.escuro h2 em, .mk.escuro .cd-eb { color: rgb(199, 125, 255); }
.mk.escuro .cd-eb::before { background: rgb(199, 125, 255); }
.mk.escuro p { color: rgba(255, 255, 255, 0.72); }
.mk .mk-img { position: absolute; inset: 110px 80px 120px 780px; display: flex; align-items: center; justify-content: center; gap: 28px; }
.mk .mk-img img { max-width: 100%; max-height: 100%; object-fit: contain; min-width: 0px; }
.mk .mk-img.par img { max-width: 49%; }
.mk .mk-foto { position: absolute; inset: 0px 0px 0px 800px; overflow: hidden; }
.mk .mk-foto img { width: 100%; height: 100%; object-fit: cover; }
.mk .mk-sim { position: absolute; right: 70px; top: 44px; font: 300 14px Futura, Jost, sans-serif; letter-spacing: 0.14em; text-transform: uppercase; color: rgb(154, 146, 160); z-index: 3; }
.mk.escuro .mk-sim, .mk.foto .mk-sim { color: rgba(255, 255, 255, 0.7); }
.mk ul { list-style: none; margin: 30px 0px 0px; padding: 0px; }
.mk li { font: 300 26px / 1.35 Futura, Jost, sans-serif; color: rgb(59, 51, 64); padding: 12px 0px; border-top: 1px solid rgb(226, 219, 232); }
.mk.escuro li { color: rgba(255, 255, 255, 0.85); border-color: rgba(255, 255, 255, 0.16); }
.ed { position: absolute; inset: 0px; background: rgb(255, 255, 255); font-family: Futura, Jost, sans-serif; }
.ed .ed-eb { position: absolute; left: 100px; top: 56px; display: flex; align-items: center; gap: 14px; font: 400 16px / 1 Futura, Jost, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(102, 0, 153); z-index: 3; }
.ed .ed-eb::before { content: ""; width: 26px; height: 2px; background: rgb(229, 0, 126); }
.ed .ed-txt { position: absolute; left: 100px; top: 130px; width: 560px; z-index: 2; }
.ed h2 { font: 300 68px / 1.06 Futura, Jost, sans-serif; letter-spacing: -0.015em; color: rgb(25, 21, 29); margin: 0px; }
.ed h2 em { font-style: normal; color: rgb(102, 0, 153); }
.ed p { font: 300 25px / 1.5 Futura, Jost, sans-serif; color: rgb(90, 78, 98); margin: 30px 0px 0px; }
.ed ul { list-style: none; margin: 40px 0px 0px; padding: 0px; }
.ed li { font: 300 24px / 1.35 Futura, Jost, sans-serif; color: rgb(59, 51, 64); padding: 15px 0px; border-top: 1px solid rgb(227, 219, 232); }
.ed li:first-child { border-top: 2px solid rgb(229, 0, 126); }
.ed .ed-fig { position: absolute; inset: 130px 100px 150px 740px; overflow: hidden; margin: 0px; }
.ed .ed-fig img { width: 100%; height: 100%; object-fit: cover; display: block; }
.ed .ed-fig.contain { background: none; }
.ed .ed-fig.contain img { object-fit: contain; }
.ed .ed-sim { position: absolute; right: 100px; bottom: 112px; font: 300 14px Futura, Jost, sans-serif; color: rgb(138, 128, 144); z-index: 3; }
.ed .ed-pair { position: absolute; inset: 300px 100px 150px; display: grid; grid-template-columns: 1fr 1fr; gap: 70px; }
.ed .ed-pair figure { margin: 0px; display: flex; flex-direction: column; min-height: 0px; }
.ed .ed-pair .im { flex: 1 1 0%; min-height: 0px; display: flex; align-items: center; justify-content: center; }
.ed .ed-pair img { max-width: 100%; max-height: 100%; object-fit: contain; }
.ed .ed-pair b { display: block; font: 400 26px Futura, Jost, sans-serif; color: rgb(25, 21, 29); margin-top: 22px; }
.ed .ed-pair span { display: block; font: 300 20px / 1.4 Futura, Jost, sans-serif; color: rgb(107, 98, 114); margin-top: 6px; }
.ed .ed-top { position: absolute; left: 100px; top: 110px; width: 1300px; }
.ed .ed-top h2 { font-size: 72px; }
.op { position: absolute; inset: 0px; background: rgb(255, 255, 255); font-family: Futura, Jost, sans-serif; }
.op .op-img { position: absolute; top: 0px; bottom: 0px; right: 0px; width: 960px; overflow: hidden; }
.op .op-img::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgb(255, 255, 255) 0%, rgba(255, 255, 255, 0) 18%); }
.op .op-img img { width: 100%; height: 100%; object-fit: cover; }
.op .op-txt { position: absolute; left: 100px; top: 0px; bottom: 0px; width: 780px; z-index: 2; display: flex; flex-direction: column; justify-content: center; }
.op h2 { font: 300 96px / 1.02 Futura, Jost, sans-serif; letter-spacing: -0.025em; color: rgb(25, 21, 29); margin: 28px 0px 0px; }
.op h2 em { font-style: normal; color: rgb(102, 0, 153); }
.op p { font: 300 26px / 1.5 Futura, Jost, sans-serif; color: rgb(90, 78, 98); margin-top: 34px; max-width: 620px; }
.op .ed-eb { display: flex; align-items: center; gap: 14px; font: 400 16px Futura, Jost, sans-serif; letter-spacing: 0.16em; text-transform: uppercase; color: rgb(102, 0, 153); }
.op .ed-eb::before { content: ""; width: 26px; height: 2px; background: rgb(229, 0, 126); }
.vv .pt { background: rgb(180, 92, 255); box-shadow: rgba(180, 92, 255, 0.14) 0px 0px 0px 3px, rgba(180, 92, 255, 0.8) 0px 0px 10px 1px, rgba(180, 92, 255, 0.3) 0px 0px 26px 4px; }
html, body { background: rgb(220, 218, 213); overflow-x: hidden; }
#go { position: fixed; z-index: 20; right: 16px; bottom: calc(16px + env(safe-area-inset-bottom,0px)); display: flex; align-items: center; gap: 10px; font: 500 14px var(--sans); letter-spacing: 0.06em; color: rgb(255, 255, 255); background: rgb(14, 14, 14); border: 0px; border-radius: 999px; padding: 12px 18px; cursor: pointer; box-shadow: rgba(0, 0, 0, 0.4) 0px 8px 24px -8px; }
#go i { width: 7px; height: 7px; border-radius: 50%; background: rgb(236, 0, 0); box-shadow: rgba(236, 0, 0, 0.8) 0px 0px 10px 1px; }
#go:focus-visible { outline: rgb(236, 0, 0) solid 2px; outline-offset: 3px; }
body.present #go { background: rgba(14, 14, 14, 0.55); }
#hint { position: fixed; z-index: 20; left: 0px; right: 0px; top: calc(12px + env(safe-area-inset-top,0px)); text-align: center; font: 400 12px var(--sans); letter-spacing: 0.08em; color: rgba(255, 255, 255, 0.75); pointer-events: none; display: none; }
@media (orientation: portrait) and (max-width: 820px) {
  body.present #hint { display: block; }
}
@media (max-width: 820px) {
  #deck { gap: 10px; padding: 12px 0px; }
}
#fshint { position: fixed; z-index: 21; left: 50%; bottom: calc(16px + env(safe-area-inset-bottom,0px)); transform: translateX(-50%); max-width: min(440px, -32px + 100vw); display: none; align-items: flex-start; gap: 12px; background: rgba(14, 14, 14, 0.86); color: rgb(255, 255, 255); border-radius: 14px; padding: 12px 14px 12px 16px; font: 400 13px/1.4 var(--sans); box-shadow: rgba(0, 0, 0, 0.5) 0px 10px 30px -10px; }
#fshint b { display: block; font-weight: 500; margin-bottom: 2px; }
#fshint span { color: rgba(255, 255, 255, 0.82); }
#fshint button { flex: 0 0 auto; background: none; border: 0px; color: rgb(255, 255, 255); font-size: 20px; line-height: 1; padding: 0px 2px; cursor: pointer; }
#fshint.on { display: flex; }