.dmk-film-comparison{--dmk-film-red:#ef2735;--dmk-film-muted:#a8acb5;background:#0d0e11;color:#fff;padding:92px 0;isolation:isolate}
.dmk-film-comparison *{box-sizing:border-box}
.dmk-film-wrap{width:min(1320px,calc(100% - 80px));margin:0 auto}
.dmk-film-heading{display:grid;grid-template-columns:1fr .76fr;align-items:end;gap:60px;margin-bottom:38px}
.dmk-film-eyebrow{display:flex;align-items:center;gap:10px;font-size:11px;line-height:1.5;letter-spacing:.12em;font-weight:650;color:#c6c8ce;margin:0 0 17px}
.dmk-film-eyebrow:before{content:"";width:21px;height:2px;background:var(--dmk-film-red);flex-shrink:0}
.dmk-film-heading h2{font-family:inherit;font-size:clamp(28px,3vw,43px);line-height:1.18;letter-spacing:-.035em;font-weight:650;margin:0;max-width:540px;text-wrap:balance;color:#fff}
.dmk-film-heading>p{color:var(--dmk-film-muted);font-size:14px;line-height:1.8;max-width:470px;margin:0}
.dmk-film-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.dmk-film-card{background:#15171b;border:1px solid #2b2e35;padding:25px;min-width:0}
.dmk-film-card-heading{display:flex;align-items:center;gap:14px;margin:0 0 23px}
.dmk-film-number{color:var(--dmk-film-red);font-size:12px;font-weight:650;font-variant-numeric:tabular-nums}
.dmk-film-card-heading h3{font-family:inherit;font-size:22px;line-height:1.25;font-weight:650;letter-spacing:-.025em;color:#fff;margin:0}
.dmk-film-card-heading>svg{width:21px;height:21px;margin-left:auto;color:#777e8b;flex-shrink:0}
.dmk-film-comparison button{font-family:inherit;cursor:pointer;appearance:none;border-radius:0;min-width:0}
.dmk-film-perspectives{display:flex;gap:5px;padding:4px;background:#0d0f12;border:1px solid #25282e;margin:0 0 18px}
.dmk-film-perspectives button{display:flex;flex:1;justify-content:center;align-items:center;gap:8px;border:0;background:transparent;color:#a9afb9;font-size:12px;line-height:1.3;font-weight:500;padding:12px 8px;min-height:42px;transition:background .18s,color .18s}
.dmk-film-perspectives button svg{width:17px;height:17px;flex-shrink:0}
.dmk-film-perspectives button[aria-pressed=true]{background:var(--dmk-film-red);color:#fff}
.dmk-film-perspectives button:hover:not([aria-pressed=true]){background:#23262c;color:#fff}
.dmk-film-scene{position:relative;aspect-ratio:3/2;overflow:hidden;background:#262a31;touch-action:pan-y;user-select:none;-webkit-user-select:none;cursor:ew-resize;isolation:isolate}
.dmk-film-photo{display:block;width:100%;height:100%;max-width:none;object-fit:contain;pointer-events:none}
.dmk-film-overlay{position:absolute;inset:0;pointer-events:none;clip-path:inset(0 0 0 var(--dmk-film-position,48%))}
.dmk-film-overlay svg{display:block;width:100%;height:100%}
.dmk-film-overlay g{transition:opacity .22s ease}
.dmk-film-labels{position:absolute;inset:12px 12px auto;display:flex;justify-content:space-between;gap:8px;pointer-events:none}
.dmk-film-labels>span{padding:7px 9px;background:#101116d9;color:#fff;font-size:10px;line-height:1.35;letter-spacing:.025em;backdrop-filter:blur(8px)}
.dmk-film-labels>span:last-child{border-left:2px solid var(--dmk-film-red)}
.dmk-film-daylight{position:absolute;left:12px;bottom:12px;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#101116d9;color:#fff;font-size:9px;line-height:1.3;pointer-events:none}
.dmk-film-daylight svg{width:12px;height:12px;flex-shrink:0}
.dmk-film-divider{position:absolute;top:0;bottom:0;left:var(--dmk-film-position,48%);width:2px;background:#fff;transform:translateX(-1px);box-shadow:0 0 12px #0003;pointer-events:none}
.dmk-film-divider>span{position:absolute;left:50%;top:50%;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--dmk-film-red);border:2px solid #fff;transform:translate(-50%,-50%);box-shadow:0 3px 15px #0004}
.dmk-film-divider svg{width:24px;height:24px;color:#fff}
.dmk-film-scene.is-dragging .dmk-film-divider>span{background:#b20e1b}
.dmk-film-tones{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-top:18px}
.dmk-film-tones button{display:flex;align-items:center;justify-content:center;gap:7px;border:1px solid #363941;background:transparent;color:#b6bac2;font-size:11px;font-weight:500;line-height:1.3;padding:11px 4px;min-height:42px;transition:background .18s,border-color .18s,color .18s}
.dmk-film-tones button[aria-pressed=true]{border-color:var(--dmk-film-red);background:#ef273514;color:#fff}
.dmk-film-tones button:hover:not([aria-pressed=true]){border-color:#89909b;color:#fff}
.dmk-film-dot{width:12px;height:12px;border-radius:50%;border:1px solid #929baa;display:inline-block;flex-shrink:0}
.dmk-film-dot-0{background:#f3f5f6}.dmk-film-dot-1{background:#b9c6ce}.dmk-film-dot-2{background:#667c8c}.dmk-film-dot-3{background:#162d3d}
.dmk-film-range{margin:20px 0 0}
.dmk-film-range label{display:flex;align-items:center;gap:8px;font-size:11px;line-height:1.4;color:#c7cbd3;margin-bottom:6px}
.dmk-film-range label svg{width:17px;height:17px;color:var(--dmk-film-red);flex-shrink:0}
.dmk-film-range input{display:block;width:100%;height:26px;margin:0;padding:0;accent-color:var(--dmk-film-red);cursor:ew-resize;background:transparent;border:0}
.dmk-film-view-note{color:var(--dmk-film-muted);font-size:11px;line-height:1.65;margin:9px 0 0;min-height:37px}
.dmk-film-disclaimer{font-size:11px;color:#8e949f;line-height:1.75;margin:22px 0 0;max-width:1040px}
.dmk-film-comparison button:focus-visible,.dmk-film-range input:focus-visible{outline:2px solid #fff;outline-offset:4px}
@media(min-width:1440px){.dmk-film-card{padding:29px}.dmk-film-card-heading h3{font-size:25px}.dmk-film-tones button{font-size:12px}}
@media(max-width:1000px){.dmk-film-wrap{width:calc(100% - 48px)}.dmk-film-heading{gap:32px;grid-template-columns:1fr 1fr}.dmk-film-card{padding:18px}.dmk-film-card-heading{gap:10px}.dmk-film-card-heading h3{font-size:19px}.dmk-film-grid{gap:20px}.dmk-film-tones button{gap:5px;font-size:10px}.dmk-film-labels{inset:9px 9px auto}.dmk-film-labels>span{font-size:9px}.dmk-film-daylight{left:9px;bottom:9px}}
@media(max-width:740px){.dmk-film-comparison{padding:58px 0}.dmk-film-wrap{width:calc(100% - 36px)}.dmk-film-heading{grid-template-columns:1fr;gap:19px;margin-bottom:28px}.dmk-film-heading h2{font-size:32px;max-width:380px}.dmk-film-heading>p{font-size:13px}.dmk-film-grid{grid-template-columns:1fr;gap:22px}.dmk-film-card{padding:19px}.dmk-film-card-heading h3{font-size:22px}.dmk-film-tones button{font-size:12px;min-height:44px}.dmk-film-perspectives button{min-height:44px}.dmk-film-view-note{min-height:0}.dmk-film-labels>span{font-size:10px}.dmk-film-disclaimer{font-size:10px;line-height:1.7}}
@media(max-width:380px){.dmk-film-wrap{width:calc(100% - 24px)}.dmk-film-card{padding:13px}.dmk-film-card-heading h3{font-size:20px}.dmk-film-tones button{font-size:10px;gap:4px}.dmk-film-dot{width:10px;height:10px}.dmk-film-labels>span{font-size:9px}}
@media(prefers-reduced-motion:reduce){.dmk-film-comparison *{transition:none!important;scroll-behavior:auto!important}}