
/* =========================================================
   VK244 ABOUT PAGE — BAKRUMMET I VIDEOKRYPTAN
   ========================================================= */
:root{--vk244-paper:#dfc99b;--vk244-ink:#211711;--vk244-red:#ef2c50;--vk244-cyan:#20d8e8;--vk244-gold:#e4bf68}
.vk244-about{padding-top:28px;padding-bottom:88px}.vk244-about h1,.vk244-about h2,.vk244-about h3{font-family:Impact,"Arial Narrow",system-ui,sans-serif;text-transform:uppercase;letter-spacing:.02em}.vk244-about-hero{border:1px solid #8e5b52;min-height:540px;display:grid;grid-template-columns:minmax(0,1.14fr) minmax(340px,.86fr);align-items:stretch;position:relative;overflow:hidden;background:#080b11;box-shadow:0 22px 50px #000c,inset 0 0 0 4px #08090d}.vk244-about-hero:after{content:"";pointer-events:none;position:absolute;inset:7px;border:1px solid #e0405c45}.vk244-about-hero__bg{position:absolute;inset:0;background:linear-gradient(90deg,#05070bf7 0%,#07080de5 37%,#08070ba8 59%,#05060a6b 100%),linear-gradient(0deg,#09070b 0%,transparent 44%),url(/assets/vk26/backgrounds/video-shop-wall.webp) center/cover no-repeat;filter:saturate(.87) contrast(1.06)}.vk244-about-hero__copy{z-index:2;align-self:center;max-width:790px;padding:64px 32px 58px 54px;position:relative}.vk244-about-hero__copy .eyebrow{color:#d7b760;margin:23px 0 7px;font-size:.68rem}.vk244-about-hero h1{color:#f6ede0;text-shadow:4px 5px 0 #7b1022,8px 9px 18px #000;font-size:clamp(3.1rem,6.1vw,6.5rem);line-height:.88;margin:8px 0 24px;max-width:800px}.vk244-about-lead{color:#f1e7db;text-shadow:0 2px 8px #000;max-width:700px;font-size:1.12rem;line-height:1.6}.vk244-tape-label{display:inline-block;color:#1b130d;background:#d9c38f;border:1px solid #72563f;padding:8px 12px;font:900 .64rem/1.1 "IBM Plex Sans",system-ui;letter-spacing:.14em;transform:rotate(-1.3deg);box-shadow:3px 4px #0008}.vk244-tape-label--red{color:#fff4e6;background:#a61932;border-color:#e44a65;transform:rotate(.7deg)}.vk244-hero-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:27px}.vk244-hero-tags span{color:#f2dcb2;background:#120e13d9;border:1px solid #875366;padding:7px 9px;font-size:.58rem;font-weight:950;letter-spacing:.1em;box-shadow:2px 2px #000}.vk244-about-hero__alex{z-index:1;display:flex;justify-content:flex-end;align-items:flex-end;min-width:0;position:relative}.vk244-about-hero__alex>img{filter:drop-shadow(-15px 15px 18px #000c);object-fit:contain;object-position:bottom right;max-width:none;width:min(620px,125%);height:100%;max-height:555px;margin-right:-36px}.vk244-staff-card{z-index:3;color:#24150f;background:linear-gradient(155deg,#ead7ac,#c5a36e);border:2px solid #79583e;width:270px;padding:17px 18px 15px;position:absolute;right:22px;bottom:22px;transform:rotate(-2deg);box-shadow:7px 8px #020305cf}.vk244-staff-card:before{content:"";background:#d9c99ca8;border:1px solid #8e7c5b7a;width:82px;height:20px;position:absolute;top:-10px;left:90px;transform:rotate(2deg)}.vk244-staff-card small,.vk244-staff-card span,.vk244-staff-card em{display:block}.vk244-staff-card small{letter-spacing:.12em;font-size:.53rem;font-weight:900}.vk244-staff-card b{display:block;margin:6px 0 3px;font:900 1.45rem Impact,system-ui}.vk244-staff-card span{font-size:.72rem;font-weight:800}.vk244-staff-card em{color:#7b1425;border-top:1px dashed #785b3d;margin-top:11px;padding-top:8px;font-size:.58rem;font-style:normal;font-weight:950;letter-spacing:.11em}.vk244-story{grid-template-columns:minmax(0,1.45fr) minmax(320px,.7fr);gap:20px;margin:28px 0 52px;display:grid;align-items:stretch}.vk244-paper{color:var(--vk244-ink);background:linear-gradient(145deg,#ead7ac,#d7bc84);border:1px solid #7b5c40;position:relative;box-shadow:8px 10px #05070c,0 18px 30px #0008}.vk244-paper:before,.vk244-paper:after{content:"";background:#d8c79caa;border:1px solid #81704f5f;width:94px;height:21px;position:absolute}.vk244-paper:before{left:7%;top:-8px;transform:rotate(-3deg)}.vk244-paper:after{right:8%;bottom:-9px;transform:rotate(3deg)}.vk244-paper--story{padding:42px 44px 39px;transform:rotate(-.2deg)}.vk244-paper-kicker{color:#812139;border:2px solid #9c344d;padding:5px 8px;display:inline-block;font-size:.58rem;font-weight:950;letter-spacing:.14em;transform:rotate(-1deg)}.vk244-paper h2{font-size:2.3rem;line-height:1;margin:17px 0 20px}.vk244-paper p{font-family:"IBM Plex Sans",system-ui;font-size:.96rem;line-height:1.68}.vk244-paper strong{display:block;color:#7b1427;margin-top:22px;font-size:1.05rem}.vk244-memory{background:linear-gradient(160deg,#101521f5,#080c13fa);border:1px solid #855069;padding:32px 30px 27px;position:relative;box-shadow:0 18px 34px #000b,inset 0 0 34px #0008}.vk244-memory:after{content:"VHS";color:#ef2d5020;font:900 7rem/1 Impact;position:absolute;right:7px;bottom:-6px;transform:rotate(-6deg)}.vk244-memory h3{color:#f2d87e;font-size:1.7rem;margin:15px 0 13px}.vk244-memory p{color:#d8d2c9;line-height:1.62;position:relative;z-index:1}.vk244-stamp{color:#ff4d6f;border:2px solid #db3150;padding:5px 8px;font-size:.58rem;font-weight:950;letter-spacing:.13em;display:inline-block;transform:rotate(2deg)}.vk244-rewind-line{color:#7ce3ec;border-top:1px dashed #426c78;margin-top:23px;padding-top:12px;font-size:.56rem;font-weight:900;letter-spacing:.08em;position:relative;z-index:1}.vk244-section-head{max-width:850px;margin-bottom:22px}.vk244-section-head h2{color:#f0e4d3;font-size:clamp(2rem,4vw,3.6rem);line-height:.95;margin:8px 0 12px}.vk244-section-head>p:last-child{color:#bfb7ae;font-size:.95rem;line-height:1.55}.vk244-alex{margin:0 0 54px}.vk244-alex-grid{grid-template-columns:repeat(3,1fr);gap:13px;display:grid}.vk244-dark-card{background:linear-gradient(155deg,#111622f7,#080b12fa);border:1px solid #734358;min-height:220px;padding:30px 26px 25px;position:relative;overflow:hidden;box-shadow:0 14px 28px #0008}.vk244-dark-card:after{content:"";height:3px;background:linear-gradient(90deg,#ef2b50,#d09b3d,#17d1e0);position:absolute;left:0;right:0;bottom:0}.vk244-card-no{color:#e6bf65;opacity:.68;font:900 2.7rem/1 Impact,system-ui;position:absolute;right:18px;top:13px}.vk244-dark-card h3{color:#f02f52;font-size:1.45rem;margin:33px 0 12px}.vk244-dark-card p{color:#d6d1cc;font-size:.86rem;line-height:1.58;margin:0;max-width:45ch}.vk244-rating{grid-template-columns:minmax(0,1fr) 410px;gap:25px;align-items:center;background:linear-gradient(95deg,#080a10f6,#160b12f5),url(/assets/vk26/backgrounds/top100-wall.webp) center/cover;border:1px solid #7d263c;margin:0 0 57px;padding:42px 44px;display:grid;box-shadow:0 18px 38px #000b}.vk244-rating-copy h2{color:#f5e7d5;text-shadow:3px 3px #80182c;font-size:clamp(2.1rem,4vw,4rem);line-height:.98;margin:19px 0 17px}.vk244-rating-copy p{color:#d7d1ca;max-width:72ch;line-height:1.62}.vk244-rating-ticket{color:#231711;background:linear-gradient(#ead7ad,#d7bb82);border:2px solid #7a583f;min-height:310px;padding:29px 29px 25px;position:relative;transform:rotate(1.2deg);box-shadow:8px 10px #030406}.vk244-rating-ticket:before{content:"";background:#cdbd97a6;width:100px;height:20px;position:absolute;top:-9px;left:calc(50% - 50px);transform:rotate(-2deg)}.vk244-rating-ticket small{letter-spacing:.13em;font-size:.54rem;font-weight:950}.vk244-big-score{border-top:2px dashed #73583f;border-bottom:2px dashed #73583f;align-items:end;gap:12px;margin:14px 0 17px;padding:11px 0 13px;display:flex}.vk244-big-score b{color:#8d1730;font:900 4.6rem/.9 Impact,system-ui}.vk244-big-score span{font-size:.7rem;font-weight:950;letter-spacing:.1em}.vk244-rating-ticket ul{margin:0;padding-left:19px}.vk244-rating-ticket li{margin:7px 0;font-size:.77rem;font-weight:700}.vk244-rating-ticket em{display:block;color:#87192f;border:2px solid #98273e;margin-top:20px;padding:7px;text-align:center;font-size:.56rem;font-style:normal;font-weight:950;letter-spacing:.1em;transform:rotate(-1deg)}.vk244-map{margin-bottom:58px}.vk244-map-grid{grid-template-columns:repeat(5,1fr);gap:10px;display:grid}.vk244-door{background:linear-gradient(180deg,#121725,#080b12);border:1px solid #604352;min-height:255px;padding:24px 19px 20px;position:relative;transition:transform .18s,border-color .18s,filter .18s;box-shadow:0 13px 25px #0008}.vk244-door:nth-child(2n){border-color:#415c6f}.vk244-door:hover{z-index:2;border-color:#e43a58;transform:translateY(-5px) rotate(-.35deg);filter:brightness(1.08)}.vk244-door>span{filter:grayscale(.15);font-size:1.8rem}.vk244-door h3{color:#f0d06c;font-size:1.28rem;margin:18px 0 9px}.vk244-door p{color:#bdb8b5;font-size:.76rem;line-height:1.52}.vk244-door b{color:#ec4561;font-size:.68rem;position:absolute;bottom:18px;left:19px}.vk244-rules{background:radial-gradient(circle at 50% 30%,#2b1421,#08090e 66%);border:1px solid #522c3c;margin-bottom:58px;padding:45px 20px 48px;display:flex;justify-content:center;box-shadow:inset 0 0 70px #000b,0 18px 36px #000a}.vk244-rules-sheet{color:#21170f;background:linear-gradient(150deg,#ead8af,#d5ba80);border:1px solid #785f46;width:min(840px,94%);padding:47px 55px 45px;position:relative;transform:rotate(-.4deg);box-shadow:13px 14px #040507,0 24px 44px #000b}.vk244-rules-sheet:after{content:"";position:absolute;inset:10px;border:1px solid #8b74545f;pointer-events:none}.vk244-pin{z-index:2;background:radial-gradient(circle at 35% 30%,#ff5472,#7b1028 68%);border:2px solid #570817;border-radius:50%;width:18px;height:18px;position:absolute;left:50%;top:13px;box-shadow:2px 4px 4px #0007}.vk244-rules-sheet small{display:block;text-align:center;font-size:.56rem;font-weight:900;letter-spacing:.12em}.vk244-rules-sheet h2{color:#85162e;text-align:center;font-size:clamp(2.5rem,5vw,4.8rem);margin:8px 0 29px;line-height:1}.vk244-rules-sheet ol{counter-reset:rules;list-style:none;margin:0;padding:0}.vk244-rules-sheet li{counter-increment:rules;border-top:1px dashed #8c7051;padding:14px 0 14px 52px;position:relative}.vk244-rules-sheet li:last-child{border-bottom:1px dashed #8c7051}.vk244-rules-sheet li:before{content:counter(rules,decimal-leading-zero);color:#8a1730;font:900 1.6rem/1 Impact;position:absolute;left:5px;top:14px}.vk244-rules-sheet b,.vk244-rules-sheet span{display:block}.vk244-rules-sheet b{font-size:.92rem;text-transform:uppercase}.vk244-rules-sheet span{margin-top:3px;font:500 .82rem/1.4 "IBM Plex Sans",system-ui}.vk244-transparency{background:linear-gradient(110deg,#0d131df5,#10101af8);border-left:4px solid #1fd1df;align-items:center;gap:25px;margin-bottom:58px;padding:29px 31px;display:flex;justify-content:space-between;box-shadow:0 12px 25px #0009}.vk244-transparency h2{font-size:1.9rem;margin:7px 0 8px}.vk244-transparency p:last-child{color:#beb9b4;max-width:80ch;line-height:1.55;margin-bottom:0}.vk244-transparency .button{flex:0 0 auto}.vk244-final{text-align:center;background:linear-gradient(#090b12e8,#0b0910f8),url(/assets/vk26/backgrounds/video-shop-wall.webp) center 65%/cover;border:1px solid #794257;padding:47px 25px 45px;box-shadow:0 20px 44px #000b}.vk244-final>span{color:#ff4868;font-size:.62rem;font-weight:950;letter-spacing:.13em}.vk244-final h2{font-size:clamp(2.3rem,4vw,4.2rem);line-height:1;margin:10px 0}.vk244-final p{color:#d2cbc4;font-size:1rem}.vk244-final>div{justify-content:center;flex-wrap:wrap;gap:9px;margin-top:23px;display:flex}
@media (width<=1180px){.vk244-map-grid{grid-template-columns:repeat(3,1fr)}.vk244-map-grid .vk244-door:nth-child(4),.vk244-map-grid .vk244-door:nth-child(5){min-height:220px}.vk244-about-hero{grid-template-columns:minmax(0,1fr) 380px}.vk244-about-hero__copy{padding-left:38px}.vk244-about-hero__alex>img{width:520px;margin-right:-70px}.vk244-rating{grid-template-columns:minmax(0,1fr) 350px}}
@media (width<=760px){.vk244-about{width:100%!important;padding-top:12px!important;padding-bottom:55px!important}.vk244-about-hero{min-height:600px;grid-template-columns:1fr;display:block;border-left:0;border-right:0}.vk244-about-hero__bg{background:linear-gradient(180deg,#05070bc9 0%,#06070ac9 45%,#050609f8 100%),url(/assets/vk26/backgrounds/video-shop-wall.webp) 58% center/cover no-repeat}.vk244-about-hero__copy{z-index:3;padding:32px 18px 270px}.vk244-about-hero__copy .eyebrow{font-size:.53rem}.vk244-about-hero h1{font-size:3.15rem;max-width:360px;margin-top:8px}.vk244-about-lead{font-size:.88rem;line-height:1.52}.vk244-hero-tags{gap:5px}.vk244-hero-tags span{padding:6px;font-size:.48rem}.vk244-about-hero__alex{height:300px;position:absolute;left:0;right:0;bottom:0;overflow:hidden}.vk244-about-hero__alex>img{width:320px;height:315px;margin:0 -30px 0 auto;object-position:bottom right}.vk244-staff-card{width:215px;right:auto;left:13px;bottom:13px;padding:12px 13px}.vk244-staff-card b{font-size:1.1rem}.vk244-staff-card span{font-size:.58rem}.vk244-story{grid-template-columns:1fr;gap:13px;margin:16px 13px 39px}.vk244-paper--story{padding:31px 23px 30px}.vk244-paper h2{font-size:1.75rem}.vk244-paper p{font-size:.84rem}.vk244-memory{padding:25px 21px}.vk244-alex,.vk244-map{margin-left:13px;margin-right:13px}.vk244-section-head h2{font-size:2rem}.vk244-alex-grid{grid-template-columns:1fr;gap:8px}.vk244-dark-card{min-height:0;padding:23px 20px}.vk244-dark-card h3{margin-top:26px}.vk244-rating{grid-template-columns:1fr;margin:0 0 42px;padding:29px 17px;border-left:0;border-right:0}.vk244-rating-copy h2{font-size:2.2rem}.vk244-rating-copy p{font-size:.86rem}.vk244-rating-ticket{min-height:0;padding:24px 20px}.vk244-big-score b{font-size:3.7rem}.vk244-map-grid{grid-template-columns:1fr 1fr;gap:7px}.vk244-door,.vk244-map-grid .vk244-door:nth-child(4),.vk244-map-grid .vk244-door:nth-child(5){min-height:230px;padding:19px 14px}.vk244-door:last-child{grid-column:1/-1;min-height:190px}.vk244-door h3{font-size:1.1rem}.vk244-door p{font-size:.7rem}.vk244-door b{left:14px}.vk244-rules{border-left:0;border-right:0;padding:31px 10px 36px;margin-bottom:39px}.vk244-rules-sheet{width:100%;padding:39px 24px 31px;transform:none}.vk244-rules-sheet h2{font-size:2.7rem}.vk244-rules-sheet li{padding-left:43px}.vk244-rules-sheet span{font-size:.74rem}.vk244-transparency{align-items:flex-start;flex-direction:column;margin:0 13px 39px;padding:24px 20px}.vk244-transparency .button{width:100%;text-align:center}.vk244-final{border-left:0;border-right:0;padding:38px 15px}.vk244-final h2{font-size:2.4rem}.vk244-final>div{display:grid}.vk244-final .button{width:100%}}


/* VK824.1: only About editorial styles, never a replacement header. */
.vk824-about-host .layout{width:min(1280px,calc(100% - 44px));max-width:1280px;margin-inline:auto}
.vk824-about-host .button{display:inline-block;background:#b82346;color:#fff;padding:13px 20px;border:1px solid #f16481;font-size:13px;font-weight:900;letter-spacing:.05em;text-align:center}
.vk824-about-host .button.gold{background:#b68b48;border-color:#eed49a;color:#180e0e}
.vk824-about-host .vk244-about{margin-top:0}
@media(max-width:760px){.vk824-about-host .layout{width:min(1280px,calc(100% - 18px))}}
