.key-visuals{--kv-panel:#0c131b;--kv-panel-light:#ededed}.kv-media{background:var(--kv-panel);cursor:zoom-in;border:1px solid #ffffff0d;width:100%;padding:0;display:block;position:relative;overflow:hidden}.kv-media[data-bg=light]{background:var(--kv-panel-light);border-color:#0000}.kv-media[data-bg=black]{background:#000}.kv-media img{object-fit:contain;width:100%;height:100%;display:block}.kv-media[data-pad] img{padding:var(--pad)}.kv-media[data-fit=cover] img{object-fit:cover}.kv-media__video{object-fit:contain;opacity:0;pointer-events:none;width:100%;height:100%;position:absolute;inset:0}.kv-media__video[data-playing]{opacity:1}.kv-media[data-pad] .kv-media__video{padding:var(--pad)}.kv-media[data-fit=cover] .kv-media__video{object-fit:cover}.kv-media:focus-visible{outline-offset:2px;outline:2px solid #9bb8d2}.kv-media__zoom{opacity:0;background:#0000008c;border:1px solid #fff6;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:10px;right:10px}.kv-media:hover .kv-media__zoom,.kv-media:focus-visible .kv-media__zoom{opacity:1;background:#648db7}@media (hover:none){.kv-media__zoom{opacity:.9;width:28px;height:28px}}.kv-caption{margin-top:12px;display:block}.kv-caption__title{color:#ffffffe0;font-size:14px;font-weight:500;line-height:1.5;display:block}@media (max-width:767px){.kv-caption__title{font-size:13px}}.kv-grid{grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-flow:dense;gap:28px 20px;display:grid}.kv-item{min-width:0;margin:0}.kv-item[data-shape=wide]{grid-column:span 12}.kv-item[data-shape=land]{grid-column:span 6}.kv-item[data-shape=square]{grid-column:span 4}.kv-item[data-shape=port]{grid-column:span 3}.kv-grid[data-single] .kv-item{grid-column:1/-1}@media (max-width:767px){.kv-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}.kv-item[data-shape=wide],.kv-item[data-shape=land]{grid-column:span 2}.kv-item[data-shape=square],.kv-item[data-shape=port]{grid-column:span 1}}.kv-row{align-items:flex-start;gap:20px;display:flex}.kv-row>.kv-item{flex:var(--r,1.7778) 1 0}@media (max-width:767px){.kv-row{flex-wrap:wrap;gap:22px 10px}.kv-row>.kv-item[data-shape=land],.kv-row>.kv-item[data-shape=wide]{flex:100%}.kv-row>.kv-item[data-shape=port],.kv-row>.kv-item[data-shape=square]{flex:0 calc(50% - 5px)}}.kv-sidebar{grid-template-columns:minmax(0,1fr) minmax(0,.74fr);grid-auto-flow:dense;gap:28px 20px;display:grid}.kv-sidebar[data-cols="2"]{grid-template-columns:repeat(2,minmax(0,1fr)) minmax(0,.77fr)}.kv-sidebar>.kv-item[data-shape],.kv-ports>.kv-item[data-shape]{grid-column:auto}.kv-sidebar>.kv-item[data-shape=port]{flex-direction:column;grid-area:1/-2/span 2/-1;display:flex}.kv-sidebar>.kv-item[data-shape=port] .kv-media{flex:auto;min-height:0;aspect-ratio:auto!important}.kv-sidebar>.kv-item[data-shape=port] .kv-media img{position:absolute;inset:0}@media (max-width:767px){.kv-sidebar,.kv-sidebar[data-cols="2"]{grid-template-columns:minmax(0,1fr);gap:22px}.kv-sidebar>.kv-item[data-shape=port]{grid-area:auto;justify-self:center;width:calc(50% - 5px);display:block}.kv-sidebar>.kv-item[data-shape=port] .kv-media{aspect-ratio:9/16!important}.kv-sidebar>.kv-item[data-shape=port] .kv-media img{position:static}}.kv-split{grid-template-columns:minmax(0,1fr);gap:28px;display:grid}.kv-ports{grid-template-columns:repeat(4,minmax(0,1fr));gap:28px 20px;display:grid}@media (max-width:767px){.kv-split{gap:22px}.kv-ports{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 10px}}.kv-statement{color:#ffffffd1;word-break:normal;line-break:strict;max-width:40em;margin:0 0 28px;font-size:clamp(1rem,1.6vw,1.15rem);line-height:1.9}.kv-hero{margin:0}.kv-chapter{border-top:1px solid #ffffff1f;grid-template-columns:minmax(0,1fr);gap:28px;margin-top:72px;padding-top:28px;display:grid}@media (min-width:900px){.kv-chapter{grid-template-columns:11rem minmax(0,1fr);gap:56px}.kv-chapter__head{align-self:start;position:sticky;top:96px}}.kv-chapter__body{grid-template-columns:minmax(0,1fr);gap:36px;min-width:0;display:grid}.kv-chapter__no{letter-spacing:.28em;color:#648db7;font-size:12px}.kv-chapter__title{letter-spacing:.04em;margin:10px 0 0;font-size:clamp(1.35rem,2.4vw,1.75rem);font-weight:900;line-height:1.3}.kv-chapter__title span{display:block}.kv-chapter__title span+span{color:#ffffffb8;font-size:.78em}.kv-chapter__desc{color:#ffffff8c;word-break:normal;line-break:strict;margin:10px 0 0;font-size:13px;line-height:1.8}.kv-concept{color:#ffffffbf;word-break:normal;line-break:strict;max-width:40em;margin:0;font-size:15px;line-height:2}.kv-words{flex-wrap:wrap;gap:12px;margin:4px 0 0;padding:0;list-style:none;display:flex}.kv-words li{text-align:center;border:1px solid #ffffff59;border-radius:50%;place-items:center;width:84px;height:84px;padding:10px;font-size:15px;font-weight:700;line-height:1.35;display:grid}.kv-palette{grid-template-columns:repeat(var(--n,4), minmax(0, 1fr));border:1px solid #ffffff1a;margin:0;padding:0;list-style:none;display:grid}.kv-palette li{aspect-ratio:4/3;letter-spacing:.08em;flex-direction:column;justify-content:flex-end;padding:14px;font-size:11px;line-height:1.6;display:flex}.kv-palette b{letter-spacing:.02em;font-size:13px;font-weight:700}@media (max-width:767px){.kv-palette{grid-template-columns:repeat(2,minmax(0,1fr))}.kv-palette li:last-child:nth-child(odd){aspect-ratio:8/3;grid-column:1/-1}}.kv-lightbox{color:#f3f0e8;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:fixed;inset:0}.kv-lightbox::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0}.kv-lightbox__frame{grid-template-rows:auto minmax(0,1fr) auto;grid-template-columns:minmax(0,1fr);display:grid;position:absolute;inset:0}.kv-lightbox__top{letter-spacing:.14em;color:#fff9;justify-content:space-between;align-items:center;padding:14px clamp(16px,4.8vw,69px);font-size:12px;display:flex}.kv-lightbox__close{width:44px;height:44px;color:inherit;cursor:pointer;background:#0000004d;border:1px solid #ffffff4d;border-radius:50%;place-items:center;display:grid}.kv-lightbox__stage{touch-action:pan-y;grid-template-columns:minmax(0,1fr);place-items:center;min-height:0;padding:0 72px;display:grid;position:relative}.kv-lightbox__stage img,.kv-lightbox__stage video{object-fit:contain;width:auto;max-width:min(100%,1600px);height:auto;max-height:calc(100dvh - 190px)}.kv-lightbox__stage img[data-bg=light]{background:var(--kv-panel-light,#ededed)}.kv-lightbox__arrow{color:#ffffffd9;cursor:pointer;background:#00000040;border:0;place-items:center;width:48px;height:56px;display:grid;position:absolute;top:50%;transform:translateY(-50%)}.kv-lightbox__arrow:hover{color:#fff;background:#648db7}.kv-lightbox__arrow[data-dir="-1"]{left:12px}.kv-lightbox__arrow[data-dir="1"]{right:12px}.kv-lightbox__close:focus-visible,.kv-lightbox__arrow:focus-visible{outline-offset:2px;outline:2px solid #9bb8d2}.kv-lightbox__caption{padding:16px clamp(16px, 4.8vw, 69px) max(20px, env(safe-area-inset-bottom));text-align:center}.kv-lightbox__caption .kv-caption__title{font-size:15px}@media (max-width:767px){.kv-lightbox__stage{padding:0 8px}.kv-lightbox__stage img,.kv-lightbox__stage video{max-height:calc(100dvh - 230px)}.kv-lightbox__arrow{border-radius:50%;width:44px;height:44px;top:auto;bottom:-64px;transform:none}.kv-lightbox__arrow[data-dir="-1"]{left:16px}.kv-lightbox__arrow[data-dir="1"]{right:16px}.kv-lightbox__caption{padding-left:72px;padding-right:72px}}body:has(.kv-lightbox[open]){overflow:hidden}@media (prefers-reduced-motion:no-preference){.kv-media img,.kv-media__video{transition:transform var(--motion-page) var(--motion-ease), opacity var(--motion-ui) ease}.kv-media:hover img,.kv-media:hover .kv-media__video{transform:scale(1.015)}.kv-media__zoom{transition:opacity var(--motion-ui) ease, background-color var(--motion-ui) ease}.kv-lightbox__arrow{transition:background-color var(--motion-ui) ease, color var(--motion-ui) ease}.kv-lightbox[open]{animation:kv-lightbox-in var(--motion-modal) var(--motion-ease) both}.kv-lightbox[open]::backdrop{animation:kv-lightbox-fade var(--motion-modal) var(--motion-ease) both}.kv-lightbox[open][data-state=closing]{animation:kv-lightbox-out var(--motion-modal) var(--motion-ease-in) both}.kv-lightbox__stage img,.kv-lightbox__stage video{animation:kv-lightbox-fade var(--motion-ui) var(--motion-ease) both}}@keyframes kv-lightbox-in{0%{opacity:0;transform:scale(.99)}}@keyframes kv-lightbox-out{to{opacity:0;transform:scale(.99)}}@keyframes kv-lightbox-fade{0%{opacity:0}}
