:root{color-scheme:light;--burgundy:#723a45;--serif:'Cormorant Garamond',Georgia,serif;--sans:Manrope,Arial,sans-serif}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;color:#342e29;background:#eeeae1;font-family:var(--sans)}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default}a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid #723a45;outline-offset:5px}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}[hidden]{display:none!important}


#vadim-site{--vp-bg:#eeeae1;--vp-panel:#f7f0dd;--vp-ink:#342e29;--vp-muted:#807366;--vp-line:#d8cebc;--vp-accent:#723a45;--vp-tint:#e9e0d1;--vp-contact:#723a45;font:14px/1.6 'Manrope',Arial,sans-serif;color:var(--vp-ink);background:var(--vp-bg);overflow-wrap:break-word;padding:0 36px;isolation:isolate}
#vadim-site *{box-sizing:border-box}#vadim-site h1,#vadim-site h2,#vadim-site h3,#vadim-site p,#vadim-site figure{margin:0}#vadim-site a{color:inherit;text-decoration:none}#vadim-site button{font:inherit;touch-action:manipulation}#vadim-site .vp-logo{font:24px 'Cormorant Garamond',Georgia,serif;letter-spacing:-3px}#vadim-site .vp-overline{font-size:10px;letter-spacing:1.8px;text-transform:uppercase;color:var(--vp-accent);font-weight:500}#vadim-site .vp-hero{display:grid;grid-template-columns:1.03fr 1fr;align-items:center;gap:45px;padding:31px 0 34px}#vadim-site h1{font:57px/1.08 'Cormorant Garamond',Georgia,serif;letter-spacing:-1.7px;margin:13px 0 16px}#vadim-site .vp-hero p{font-size:15px;line-height:1.75;color:var(--vp-muted);max-width:385px}#vadim-site .vp-primary{display:inline-flex;align-items:center;justify-content:center;gap:12px;background:var(--vp-accent);color:var(--vp-panel);border:1px solid var(--vp-accent);border-radius:5px;padding:12px 18px;font-size:12px;font-weight:500;min-height:44px}#vadim-site .vp-secondary{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1px solid var(--vp-line);border-radius:5px;padding:12px 18px;font-size:12px;min-height:44px;color:var(--vp-ink);background:var(--vp-panel)}#vadim-site .vp-portrait{position:relative;border-radius:9px;overflow:hidden;background:#151611;aspect-ratio:1/1;box-shadow:0 13px 28px -18px #24251d70}#vadim-site .vp-portrait img{display:block;width:100%;height:100%;object-fit:cover}#vadim-site .vp-portrait figcaption{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(transparent,#11160bdd);color:#e9e5d9;padding:37px 20px 17px;display:flex;justify-content:space-between;font-size:9px;letter-spacing:1.5px}#vadim-site .vp-heading{display:flex;align-items:baseline;justify-content:space-between;gap:25px;margin-bottom:22px}#vadim-site .vp-heading h2{font:30px/1.25 'Cormorant Garamond',Georgia,serif;letter-spacing:-.6px}#vadim-site .vp-heading p{font-size:12px;color:var(--vp-muted);max-width:320px}#vadim-site .vp-demos{padding:28px;border:1px solid var(--vp-line);background:var(--vp-tint);border-radius:10px}#vadim-site .vp-demos .vp-heading{margin-bottom:25px}#vadim-site .vp-demo-layout{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(170px,1fr);gap:27px;align-items:center}#vadim-site .vp-tracks{display:grid;gap:6px}#vadim-site .vp-track{display:grid;grid-template-columns:23px 1fr 16px;gap:9px;align-items:center;padding:13px 11px;text-align:left;border:1px solid transparent;border-radius:5px;background:none;color:var(--vp-muted)}#vadim-site .vp-track[aria-pressed=true]{background:var(--vp-panel);border-color:var(--vp-line);color:var(--vp-ink)}#vadim-site .vp-track .vp-track-num{font:11px monospace;color:var(--vp-accent)}#vadim-site .vp-track strong{display:block;font-size:12px;font-weight:500}#vadim-site .vp-track small{display:block;font-size:10px;margin-top:3px;color:var(--vp-muted)}#vadim-site .vp-track>span:last-child{font-size:10px;color:var(--vp-accent)}#vadim-site .vp-demo-status{text-align:center;color:var(--vp-muted);font-size:10px;margin-top:22px}#vadim-site .vp-draft-note{font-size:10px;color:var(--vp-muted);margin-top:12px;padding-left:11px}#vadim-site .vp-about{display:grid;grid-template-columns:235px 1fr;gap:38px;background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:10px;margin-top:24px;padding:30px}#vadim-site .vp-about h2{font:31px/1.25 'Cormorant Garamond',Georgia,serif;margin-top:11px;letter-spacing:-.6px}#vadim-site .vp-about-copy p{font-size:14px;color:var(--vp-muted);line-height:1.75}#vadim-site .vp-about-copy p+p{margin-top:12px}#vadim-site .vp-about-copy strong{font-weight:500;color:var(--vp-ink)}#vadim-site .vp-genres{padding:33px 0 0}#vadim-site .vp-genre-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}#vadim-site .vp-genre{background:var(--vp-panel);border:1px solid var(--vp-line);border-radius:8px;padding:20px 21px}#vadim-site .vp-genre>span{font:11px monospace;color:var(--vp-accent)}#vadim-site .vp-genre h3{font:22px/1.25 'Cormorant Garamond',Georgia,serif;margin:13px 0 10px;letter-spacing:-.4px}#vadim-site .vp-genre p{font-size:12px;line-height:1.7;color:var(--vp-muted)}#vadim-site .vp-process{padding:34px 0 31px}#vadim-site .vp-process .vp-heading{margin-bottom:27px}#vadim-site .vp-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px}#vadim-site .vp-step{position:relative}#vadim-site .vp-step:after{content:'';position:absolute;height:1px;top:18px;left:48px;right:-8px;background:var(--vp-line)}#vadim-site .vp-step:last-child:after{display:none}#vadim-site .vp-step-number{display:grid;place-items:center;width:36px;height:36px;background:var(--vp-accent);color:var(--vp-panel);border-radius:50%;font-size:11px;margin-bottom:16px}#vadim-site .vp-step h3{font-size:13px;font-weight:500;margin-bottom:9px;line-height:1.5}#vadim-site .vp-step p{font-size:11px;line-height:1.65;color:var(--vp-muted)}#vadim-site .vp-links{border-top:1px solid var(--vp-line);padding:30px 0}#vadim-site .vp-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px}#vadim-site .vp-link{background:var(--vp-panel);border:1px solid var(--vp-line);padding:18px 20px;border-radius:7px;display:grid;grid-template-columns:1fr 18px;gap:8px}#vadim-site .vp-link strong{font-size:16px;font-weight:500}#vadim-site .vp-link>span{color:var(--vp-accent);font-size:18px}#vadim-site .vp-link small{grid-column:1/-1;color:var(--vp-muted);font-size:11px;line-height:1.6}#vadim-site .vp-contact{background:var(--vp-contact);color:#f1eddf;border-radius:11px;padding:31px;display:grid;grid-template-columns:1.1fr 1fr;gap:40px}#vadim-site .vp-contact .vp-overline{color:#d1b68b}#vadim-site .vp-contact h2{font:34px/1.25 'Cormorant Garamond',Georgia,serif;letter-spacing:-.5px;margin:11px 0 16px}#vadim-site .vp-contact p{color:#c1c9b9;font-size:13px;line-height:1.8;max-width:370px}#vadim-site .vp-contact-links{display:flex;flex-direction:column;gap:12px;justify-content:center}#vadim-site .vp-contact-link{background:#fffdf810;border:1px solid #e3e6d72c;border-radius:6px;display:grid;grid-template-columns:1fr 20px;gap:5px;padding:17px 20px}#vadim-site .vp-contact-link strong{font-size:13px;font-weight:500}#vadim-site .vp-contact-link small{font-size:11px;opacity:.75;grid-row:2}#vadim-site .vp-contact-link>span{font-size:20px;grid-column:2;grid-row:1/3;align-self:center}#vadim-site .vp-footer{padding:21px 0 25px;color:var(--vp-muted);font-size:10px;display:flex;justify-content:space-between;gap:20px}#vadim-site .deck-mount{min-width:0}
@media(max-width:800px){#vadim-site{padding-inline:25px}#vadim-site .vp-hero{gap:25px}#vadim-site h1{font-size:45px}#vadim-site .vp-hero p{font-size:13px}#vadim-site .vp-primary,#vadim-site .vp-secondary{padding:10px 13px;font-size:11px}#vadim-site .vp-demo-layout{grid-template-columns:1fr;gap:23px}#vadim-site .vp-tracks{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px}#vadim-site .vp-track{grid-template-columns:20px 1fr;gap:6px;padding:12px 9px}#vadim-site .vp-track>span:last-child{display:none}#vadim-site .vp-track strong{font-size:11px}#vadim-site .vp-track small{font-size:9px}#vadim-site .vp-heading h2{font-size:27px}#vadim-site .vp-heading p{font-size:11px;max-width:250px}#vadim-site .vp-about{grid-template-columns:170px 1fr;gap:26px;padding:26px}#vadim-site .vp-about h2{font-size:27px}#vadim-site .vp-genre{padding:18px}#vadim-site .vp-genre h3{font-size:20px}#vadim-site .vp-genre p{font-size:11px}#vadim-site .vp-steps{gap:15px}#vadim-site .vp-step h3{font-size:12px}#vadim-site .vp-step p{font-size:11px}#vadim-site .vp-contact{gap:27px;padding:27px}#vadim-site .vp-contact h2{font-size:30px}#vadim-site .vp-contact-link{padding:15px}}
@media(max-width:560px){#vadim-site{padding-inline:18px}#vadim-site .vp-hero{grid-template-columns:1fr;gap:24px;padding-top:26px;padding-bottom:27px}#vadim-site h1{font-size:51px;margin-bottom:16px}#vadim-site .vp-hero p{font-size:15px;max-width:none}#vadim-site .vp-overline{font-size:10px}#vadim-site .vp-primary,#vadim-site .vp-secondary{font-size:12px;padding-inline:16px}#vadim-site .vp-portrait{aspect-ratio:1.15/1}#vadim-site .vp-portrait img{object-position:center 39%}#vadim-site .vp-heading{display:block;margin-bottom:20px}#vadim-site .vp-heading h2{font-size:28px}#vadim-site .vp-heading p{font-size:13px;max-width:none;margin-top:10px}#vadim-site .vp-demos{padding:21px 15px}#vadim-site .vp-demos .vp-heading{padding-inline:5px;margin-bottom:23px}#vadim-site .vp-tracks{grid-template-columns:1fr;gap:5px}#vadim-site .vp-track{grid-template-columns:25px 1fr 15px;gap:10px;padding:13px}#vadim-site .vp-track strong{font-size:13px}#vadim-site .vp-track small{font-size:11px}#vadim-site .vp-track>span:last-child{display:block}#vadim-site .vp-draft-note{font-size:11px;line-height:1.6;padding-left:6px}#vadim-site .vp-demo-status{font-size:10px}#vadim-site .vp-about{grid-template-columns:1fr;gap:18px;padding:24px 22px}#vadim-site .vp-about h2{font-size:29px}#vadim-site .vp-about-copy p{font-size:15px}#vadim-site .vp-genres{padding-top:28px}#vadim-site .vp-genre-grid{grid-template-columns:1fr;gap:13px}#vadim-site .vp-genre{padding:20px 22px}#vadim-site .vp-genre h3{font-size:24px;margin-top:10px}#vadim-site .vp-genre h3 br{display:none}#vadim-site .vp-genre p{font-size:13px}#vadim-site .vp-process{padding:28px 0}#vadim-site .vp-steps{grid-template-columns:1fr;gap:0}#vadim-site .vp-step{padding:0 0 22px 52px;min-height:100px}#vadim-site .vp-step:last-child{padding-bottom:0}#vadim-site .vp-step-number{position:absolute;left:0;top:0;margin:0}#vadim-site .vp-step:after{left:17px;top:45px;bottom:9px;right:auto;height:auto;width:1px}#vadim-site .vp-step h3{font-size:16px;padding-top:5px;margin-bottom:7px}#vadim-site .vp-step p{font-size:13px}#vadim-site .vp-links{padding-top:26px}#vadim-site .vp-link-grid{grid-template-columns:1fr;gap:11px}#vadim-site .vp-link{padding:18px 20px}#vadim-site .vp-link strong{font-size:17px}#vadim-site .vp-link small{font-size:12px}#vadim-site .vp-contact{grid-template-columns:1fr;padding:25px 22px;gap:23px}#vadim-site .vp-contact h2{font-size:30px}#vadim-site .vp-contact p{font-size:14px}#vadim-site .vp-contact-link{padding:17px 19px}#vadim-site .vp-contact-link strong{font-size:14px}#vadim-site .vp-contact-link small{font-size:12px}#vadim-site .vp-footer{font-size:9px;gap:12px}}
#vadim-site{color-scheme:light;background:radial-gradient(ellipse at 50% 30%,#f7f4ed 0%,#eeeadf 62%,#e6dfd3 100%)}
#vadim-site .vp-about{margin:0 0 26px}
#vadim-site .vp-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
#vadim-site .vp-links{margin-top:30px;padding-bottom:0}
#vadim-site .vp-contact .vp-overline{color:#eed8bb}
#vadim-site .vp-contact p{color:#eddfd7}

#vadim-site .vp-contact-link{border-color:#f7f0dd40;background:#f7f0dd0d}
#vadim-site .vp-track{min-height:49px}
#vadim-site .vp-draft-note,#vadim-site .vp-demo-status{font-size:11px}

@media(max-width:800px){#vadim-site .vp-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}#vadim-site .vp-track:last-child{grid-column:1/-1}}
@media(max-width:560px){#vadim-site .vp-genre-grid,#vadim-site .vp-link-grid,#vadim-site .vp-tracks{grid-template-columns:1fr}#vadim-site .vp-genre,#vadim-site .vp-genre:nth-child(n+4){grid-column:auto}#vadim-site .vp-logo{display:block}#vadim-site h1{font-size:49px}}


.deck{position:relative;padding:15px 24px 11px;background:repeating-linear-gradient(0deg,#ffffff04 0,#ffffff04 1px,#00000004 1px,#00000004 2px),linear-gradient(110deg,#a49c8d,#d7d1c3 21%,#bdb5a5 50%,#d2cbbc 78%,#b2aa9b);border:1px solid #8e8372;border-top:2px solid #e3dccf;border-radius:7px;box-shadow:0 5px 0 #655c4f,0 7px 0 #908676,0 14px 20px -6px #4a403f66,inset 0 0 0 3px #ffffff0c;color:#3f392e}.deck:before,.deck:after{content:'';position:absolute;width:65px;height:7px;background:#3c342c;bottom:-11px;border-radius:0 0 3px 3px}.deck:before{left:34px}.deck:after{right:34px}.screw{position:absolute;width:5px;height:5px;background:linear-gradient(135deg,#554e46 43%,#c2baad 45%,#c2baad 55%,#554e46 57%);border-radius:50%;box-shadow:0 1px 0 #ddd3c4}.s1{left:8px;top:9px}.s2{right:8px;top:9px}.s3{bottom:8px;left:8px}.s4{bottom:8px;right:8px}.deck-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.deck-brand{font-size:10px;font-weight:700;letter-spacing:2px}.deck-brand i{font:italic 13px var(--serif);letter-spacing:0;margin-left:3px}.deck-model{font-size:5px;letter-spacing:1.1px;display:flex;align-items:center;gap:6px}.deck-model i{display:inline-block;width:4px;height:4px;border-radius:50%;background:#78694c;box-shadow:0 0 2px #332716} .deck.playing .deck-model i{background:#d8884d;box-shadow:0 0 5px #e87a36}.deck-body{display:grid;grid-template-columns:1.08fr 1fr;gap:23px}.cassette-well{border:4px solid #39372f;border-radius:4px;background:linear-gradient(160deg,#1c1e1a,#48463b);padding:10px 19px 8px;box-shadow:inset 0 2px 8px #000,0 1px 0 #ede6d4}.cassette{position:relative;background:linear-gradient(135deg,#bcae90,#d4c6a5 50%,#b7a686);border:1px solid #aea084;border-radius:6px 6px 3px 3px;padding:6px 8px 2px;box-shadow:0 3px 6px #0007}.cassette-label{position:relative;text-align:center;height:35px;padding:1px 0 0 20px;background:#e9dcc3;border-radius:2px;border-bottom:6px solid var(--burgundy)}.cassette-label b{position:absolute;left:5px;top:4px;border:1px solid #b8a58a;padding:1px 3px;font-size:9px;font-weight:500}.cassette-label>span{display:block;font:italic 13px var(--serif);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:156px}.cassette-label small{font-size:4px;letter-spacing:.8px;display:block;margin-top:2px}.tape-window{margin:7px 4px 0;padding:3px 7px;display:flex;align-items:center;justify-content:space-between;border:1px solid #8a7a62;background:#352f29;border-radius:25px;height:38px;box-shadow:inset 0 2px 3px #0d0d0c}.reel{width:29px;height:29px;border-radius:50%;background:repeating-conic-gradient(#d0c8b4 0 15deg,#5f574b 15deg 25deg,#d0c8b4 25deg 60deg);border:3px solid #867b64;display:grid;place-items:center;box-shadow:0 0 0 2px #181a1670;animation:reel-spin 3s linear infinite;animation-play-state:paused}.reel i{width:8px;height:8px;background:#24241f;border-radius:50%;border:2px solid #aaa18b}.deck.playing .reel{animation-play-state:running}@keyframes reel-spin{to{transform:rotate(360deg)}}.tape-center{text-align:center;line-height:1;color:#c5b79a}.tape-center span{display:block;font:12px var(--serif);letter-spacing:-2px}.tape-center small{font-size:5px}.cassette-bottom{height:15px;display:flex;justify-content:space-between;align-items:center}.cassette-bottom i{width:3px;height:3px;border:1px solid #81765f;border-radius:50%}.cassette-bottom>span{font-size:7px;color:#82715c}.deck-right{min-width:0}.display{height:72px;background:linear-gradient(120deg,#272e27,#343c30);border:3px solid #5a5a4c;border-radius:3px;color:#c1bb82;padding:8px 10px 6px;box-shadow:0 1px 0 #e2dac7,inset 1px 2px 4px #121810;overflow:hidden;font-family:monospace}.display-top{display:flex;justify-content:space-between;font-size:6px;letter-spacing:.7px;gap:8px;color:#9b9c72}.display-title{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:6px 0 5px}.display-bottom{display:flex;justify-content:space-between;align-items:center;font-size:8px}.meters{display:flex;gap:2px;align-items:center}.meters>span{font-size:6px;margin-right:4px}.meters i{width:6px;height:5px;background:#797f54;opacity:.45}.meters i:nth-child(n+10){background:#aa9454}.meters i:last-child{background:#bd7250}.deck.playing .meters i{animation:meter .85s steps(2) infinite alternate;opacity:1}.deck.playing .meters i:nth-child(3n){animation-delay:.25s}.deck.playing .meters i:nth-child(2n){animation-delay:.55s}@keyframes meter{0%,35%{opacity:.3}70%,100%{opacity:1}}.seek-label{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}input[type=range]{accent-color:#655343;cursor:pointer}.deck-right>input{display:block;width:100%;height:8px;margin:8px 0;accent-color:#584e3e}.transport{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.transport button{display:flex;align-items:center;justify-content:center;gap:5px;height:33px;border:1px solid #948b7c;border-bottom:3px solid #817665;border-radius:2px;background:linear-gradient(#d4cfc4,#bab3a5);color:#4b4438;padding:4px 6px;box-shadow:0 1px 0 #ded7c9,inset 0 1px 0 #e7e0d2}.transport button:disabled{opacity:.45}.transport button:hover:not(:disabled){background:linear-gradient(#e6dfd3,#c5bcac)}.transport button:active:not(:disabled){transform:translateY(1px);border-bottom-width:1px}.transport button#play{color:var(--burgundy)}.transport svg{width:13px;height:13px;flex-shrink:0}.transport span{font-size:5px;letter-spacing:.5px}.deck-bottom{display:flex;justify-content:space-between;align-items:center;margin-top:10px;font-size:5px;letter-spacing:1.1px}.deck-bottom label{display:flex;align-items:center;gap:8px;font-size:5px;letter-spacing:1px}.deck-bottom input{width:57px;height:6px;margin:0}
@media(max-width:620px){.deck{padding:12px 17px 12px}.deck-top{margin-bottom:10px}.deck-model{font-size:4px;letter-spacing:.6px;max-width:132px;text-align:right}.deck-brand{font-size:9px;letter-spacing:1px}.deck-body{grid-template-columns:1fr;gap:12px}.cassette-well{padding:11px 31px 9px}.cassette-label>span{max-width:none}.cassette-label{height:38px}.cassette-label>span{font-size:16px}.cassette-label small{font-size:4.5px}.tape-window{margin-top:8px;height:43px;padding-inline:13px}.reel{width:33px;height:33px}.cassette-bottom{height:18px}.deck-right>input{margin:10px 0;height:10px}.display{height:70px;padding:7px 11px}.display-top{font-size:7px}.display-title{font-size:13px}.display-bottom{font-size:9px}.transport button{height:40px;gap:6px}.transport span{font-size:6px}.transport svg{width:15px;height:15px}.deck-bottom{margin-top:13px;font-size:4px;letter-spacing:.6px}.deck-bottom label{font-size:4px;gap:5px}.deck-bottom input{width:45px}}
/* Explicit text colors prevent inherited light text on the cream surfaces. */
#vadim-site{max-width:1240px;margin:0 auto;padding-inline:40px}
#vadim-site h1,#vadim-site h2,#vadim-site h3{color:#342e29}
#vadim-site .vp-about-copy strong,#vadim-site .vp-link strong{color:#342e29}
#vadim-site .vp-contact h2,#vadim-site .vp-contact-link{color:#f7f0dd}

#vadim-site .vp-primary{color:#f7f0dd}


#vadim-site .vp-hero{padding-block:42px}
#vadim-site h1{font-size:clamp(49px,6.2vw,76px)}
#vadim-site .vp-heading h2,#vadim-site .vp-about h2{font-size:36px}
#vadim-site .vp-hero p,#vadim-site .vp-about-copy p{font-size:16px;color:#6d6056}
#vadim-site .vp-genre p,#vadim-site .vp-step p,#vadim-site .vp-heading p{font-size:14px;color:#6d6056}
#vadim-site .vp-genre h3{font-size:26px}
#vadim-site .vp-step h3{font-size:14px}
#vadim-site .vp-link small,#vadim-site .vp-contact-link small{font-size:13px}
#vadim-site .vp-contact p{font-size:15px}
#vadim-site .vp-demo-layout{grid-template-columns:minmax(0,1.9fr) minmax(240px,1fr);align-items:center;gap:28px}
#vadim-site .deck{max-width:670px;margin:auto}
#vadim-site .vp-demo-status{margin-top:24px;color:#6d6056;font-size:12px}
#vadim-site .vp-track{min-height:49px;width:100%;font-size:13px}
#vadim-site .vp-track strong{font-size:13px;color:inherit}
#vadim-site .vp-track[aria-pressed=true]{color:#723a45;border-color:#bda68e}
#vadim-site section{scroll-margin-top:24px}
@media(max-width:1100px){#vadim-site .vp-demo-layout{grid-template-columns:1fr}#vadim-site .vp-tracks{grid-template-columns:repeat(2,minmax(0,1fr))}#vadim-site .vp-track:last-child{grid-column:1/-1}}
@media(max-width:800px){#vadim-site{padding-inline:25px}#vadim-site .vp-hero{gap:24px}#vadim-site .vp-about{grid-template-columns:150px 1fr}}
@media(max-width:620px){#vadim-site{padding-inline:18px}#vadim-site .vp-hero{grid-template-columns:1fr;padding-block:28px}#vadim-site .vp-about{grid-template-columns:1fr}#vadim-site .vp-tracks{grid-template-columns:1fr}#vadim-site .vp-heading h2,#vadim-site .vp-about h2{font-size:31px}#vadim-site .vp-demos{padding-inline:15px}#vadim-site .vp-steps{grid-template-columns:1fr}#vadim-site .vp-step{padding:0 0 22px 52px;min-height:100px}#vadim-site .vp-step-number{position:absolute;left:0;top:0}#vadim-site .vp-step:after{left:17px;top:45px;bottom:9px;right:auto;height:auto;width:1px}#vadim-site .vp-genre-grid,#vadim-site .vp-link-grid{grid-template-columns:1fr}#vadim-site .vp-genre,#vadim-site .vp-genre:nth-child(n+4){grid-column:auto}#vadim-site .vp-contact{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

/* Shared alignment across desktop, tablet and phone widths. */
#vadim-site{box-sizing:border-box;width:100%}
#vadim-site .vp-header{display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:24px;padding:23px 0 20px;border-bottom:1px solid var(--vp-line)}
#vadim-site .vp-header nav{display:grid;grid-template-columns:repeat(4,max-content);justify-content:end;align-items:center;gap:24px;min-width:0;margin:0}
#vadim-site .vp-header a{display:flex;align-items:center;justify-content:center;min-height:44px;margin:0;padding:0;border:0;background:none;color:var(--vp-muted);font-size:13px;line-height:1.4;white-space:nowrap;text-align:center}
#vadim-site .vp-hero{grid-template-columns:minmax(0,1.03fr) minmax(0,1fr)}
#vadim-site .vp-about{grid-template-columns:235px minmax(0,1fr);align-items:start}
#vadim-site .vp-about h2{margin-top:0}
#vadim-site .vp-contact{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}
#vadim-site .vp-hero>*,#vadim-site .vp-about>*,#vadim-site .vp-heading>*,#vadim-site .vp-demo-layout>*,#vadim-site .vp-contact>*,#vadim-site .vp-footer>*{min-width:0}
#vadim-site .vp-heading{align-items:flex-start}
#vadim-site .vp-heading p{padding-top:5px}
#vadim-site .vp-footer{align-items:center}
#vadim-site .vp-portrait{width:100%;margin-inline:auto}
@media(max-width:800px){
 #vadim-site .vp-about{grid-template-columns:150px minmax(0,1fr)}
 #vadim-site .vp-header nav{gap:20px}
}
@media(max-width:620px){
 #vadim-site .vp-header{grid-template-columns:1fr;gap:10px;padding:18px 0 16px}
 #vadim-site .vp-logo{justify-self:start}
 #vadim-site .vp-header nav{width:100%;grid-template-columns:repeat(4,max-content);justify-content:space-between;gap:8px}
 #vadim-site .vp-header a{font-size:12px;min-height:44px}
 #vadim-site .vp-hero,#vadim-site .vp-about,#vadim-site .vp-contact{grid-template-columns:minmax(0,1fr)}
 #vadim-site .vp-hero p{max-width:none}
 #vadim-site .vp-heading{display:block}
 #vadim-site .vp-heading p{max-width:none;margin-top:10px;padding-top:0}
 #vadim-site .vp-demos .vp-heading{padding-inline:0}
}

/* The visitor's saved choice is independent of the device's system theme. */
:root{
 --site-bg:#eeeae1;--site-panel:#f7f0dd;--site-ink:#342e29;--site-muted:#807366;
 --site-copy:#6d6056;--site-line:#d8cebc;--site-accent:#723a45;--site-tint:#e9e0d1;--site-selected-border:#bda68e;
 --site-gradient:radial-gradient(ellipse at 50% 30%,#f7f4ed 0%,#eeeadf 62%,#e6dfd3 100%);
 color-scheme:light;
}
:root[data-theme="dark"]{
 --site-bg:#1d1a1e;--site-panel:#292429;--site-ink:#f1e7db;--site-muted:#c0b1a7;
 --site-copy:#cbbfb5;--site-line:#4b3e45;--site-accent:#dda9b5;--site-tint:#332a30;--site-selected-border:#b88090;
 --site-gradient:radial-gradient(ellipse at 50% 30%,#282228 0%,#201c21 62%,#1d1a1e 100%);
 color-scheme:dark;
}
body{background:var(--site-bg);color:var(--site-ink)}
#vadim-site{
 --vp-bg:var(--site-bg);--vp-panel:var(--site-panel);--vp-ink:var(--site-ink);--vp-muted:var(--site-muted);
 --vp-line:var(--site-line);--vp-accent:var(--site-accent);--vp-tint:var(--site-tint);
 background:var(--site-gradient);color:var(--site-ink);color-scheme:inherit;
}
#vadim-site h1,#vadim-site h2,#vadim-site h3,#vadim-site .vp-about-copy strong,#vadim-site .vp-link strong{color:var(--site-ink)}
#vadim-site .vp-hero p,#vadim-site .vp-about-copy p,#vadim-site .vp-genre p,#vadim-site .vp-step p,#vadim-site .vp-heading p,#vadim-site .vp-demo-status{color:var(--site-copy)}
#vadim-site .vp-track[aria-pressed=true]{color:var(--site-accent);border-color:var(--site-selected-border)}
#vadim-site .vp-contact h2{color:#f7f0dd}
#vadim-site .deck{color-scheme:light}
#vadim-site a:focus-visible,#vadim-site button:focus-visible,#vadim-site input[role="switch"]:focus-visible{outline:2px solid var(--site-accent);outline-offset:4px}
#vadim-site .vp-header{grid-template-columns:auto minmax(0,1fr) auto}

#vadim-site .vp-contact-link small{overflow-wrap:anywhere}
@media(max-width:850px){
 #vadim-site .vp-header{grid-template-columns:minmax(0,1fr) auto;column-gap:18px;row-gap:10px}
 #vadim-site .vp-logo{grid-column:1;grid-row:1;justify-self:start}
 #vadim-site .vp-theme-toggle{grid-column:2;grid-row:1;justify-self:end}
 #vadim-site .vp-header nav{grid-column:1/-1;grid-row:2;width:100%;justify-content:space-between;gap:8px}
}

#vadim-site .vp-theme-toggle{display:flex;align-items:center;justify-content:flex-end;gap:12px;min-height:44px;margin:0;color:var(--site-ink);font:400 13px/1.4 'Manrope',Arial,sans-serif;white-space:nowrap;cursor:pointer;touch-action:manipulation}
#vadim-site .vp-theme-toggle input{appearance:none;-webkit-appearance:none;display:block;position:relative;flex:0 0 42px;width:42px;height:24px;margin:0;padding:0;border:0;border-radius:999px;background:#b5a89c;cursor:pointer;transition:background-color .18s ease}
#vadim-site .vp-theme-toggle input::before{content:'';display:block;position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff9ef;box-shadow:0 1px 3px #0003;transition:transform .18s ease}
#vadim-site .vp-theme-toggle input:checked{background:var(--site-accent)}
#vadim-site .vp-theme-toggle input:checked::before{transform:translateX(18px)}
@media(forced-colors:active){#vadim-site .vp-theme-toggle input{appearance:auto;-webkit-appearance:auto}#vadim-site .vp-theme-toggle input::before{display:none}}

/* Platform marks keep the same placement and contrast in both themes. */
#vadim-site .vp-link,#vadim-site .vp-contact-link{grid-template-columns:minmax(0,1fr) 36px;column-gap:14px}
#vadim-site .vp-link small{grid-column:1}
#vadim-site .vp-link .vp-service-icon,#vadim-site .vp-contact-link .vp-service-icon{display:grid;place-items:center;grid-column:2;grid-row:1/3;align-self:center;width:36px;height:36px;background:#fff9ef;border-radius:9px;color:#723a45}
#vadim-site .vp-service-icon img{display:block;width:26px;height:26px;object-fit:contain}
#vadim-site .vp-service-icon .vp-mail-icon{display:block;width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}

#vadim-site .vp-link-grid .vp-channel-link{grid-column:1/-1}

#vadim-site .vp-contact-link{align-items:center}
#vadim-site .vp-contact-link .vp-service-icon{grid-row:1}
.cms-preview-note{padding:12px 20px;text-align:center;background:#723a45;color:#f7f0dd;font:13px/1.6 Manrope,Arial,sans-serif}.cms-preview-note a{color:inherit;margin-left:16px;text-decoration:underline}
#vadim-site .vp-steps{grid-template-columns:repeat(var(--step-count,5),minmax(0,1fr))}
#vadim-site .vp-contact-link:has(small) .vp-service-icon{grid-row:1/3}
@media(max-width:800px){#vadim-site .vp-steps{grid-template-columns:repeat(2,minmax(0,1fr))}#vadim-site .vp-step:after{display:none}}
@media(max-width:620px){#vadim-site .vp-steps{grid-template-columns:1fr}#vadim-site .vp-step:after{display:block}#vadim-site .vp-step:last-child:after{display:none}#vadim-site .vp-genre:nth-child(n){grid-column:1/-1}}

/* Keep the volume knob and filled track in the cassette display palette. */
#volume{--volume-level:80%;--volume-ink:#30382d;-webkit-appearance:none;appearance:none;width:76px;height:24px;margin:0;background:transparent;border:0;padding:0;vertical-align:middle;cursor:pointer;touch-action:pan-y}
#volume::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,var(--volume-ink) 0%,var(--volume-ink) var(--volume-level),#b6ad98 var(--volume-level),#b6ad98 100%);box-shadow:inset 0 1px 2px #0003}
#volume::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:1px solid #222a22;background:var(--volume-ink);box-shadow:0 1px 2px #0005}
#volume::-moz-range-track{height:6px;border-radius:99px;background:#b6ad98;box-shadow:inset 0 1px 2px #0003}
#volume::-moz-range-progress{height:6px;border-radius:99px;background:var(--volume-ink)}
#volume::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border-radius:50%;border:1px solid #222a22;background:var(--volume-ink);box-shadow:0 1px 2px #0005}
#volume:focus-visible{outline:2px solid #30382d;outline-offset:3px;border-radius:10px}

/* Playback position: round thumb and elapsed-time fill. */
#seek{--seek-level:0%;--seek-ink:#30382d;-webkit-appearance:none;appearance:none;width:100%;height:24px;margin:0;background:transparent;border:0;padding:0;vertical-align:middle;cursor:pointer;touch-action:pan-y}
#seek::-webkit-slider-runnable-track{height:6px;border-radius:99px;background:linear-gradient(to right,var(--seek-ink) 0%,var(--seek-ink) var(--seek-level),#b6ad98 var(--seek-level),#b6ad98 100%);box-shadow:inset 0 1px 2px #0003}
#seek::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:18px;height:18px;margin-top:-6px;border-radius:50%;border:1px solid #222a22;background:var(--seek-ink);box-shadow:0 1px 2px #0005}
#seek::-moz-range-track{height:6px;border-radius:99px;background:#b6ad98;box-shadow:inset 0 1px 2px #0003}
#seek::-moz-range-progress{height:6px;border-radius:99px;background:var(--seek-ink)}
#seek::-moz-range-thumb{box-sizing:border-box;width:18px;height:18px;border-radius:50%;border:1px solid #222a22;background:var(--seek-ink);box-shadow:0 1px 2px #0005}
#seek:focus-visible{outline:2px solid #30382d;outline-offset:3px;border-radius:10px}

#seek:disabled{cursor:default;opacity:.5}

/* The original brushed-metal chassis now holds a visible compact disc. */
.cd-well{position:relative;display:flex;align-items:center;justify-content:center;min-height:144px;padding:12px 10px;border:4px solid #393b35;border-radius:5px;background:radial-gradient(ellipse at 50% 40%,#555b51,#242823 65%);box-shadow:inset 0 3px 10px #000b,0 1px 0 #eee8d8;overflow:hidden}
.cd-turntable{width:108px;max-width:70%;position:relative;border-radius:50%;box-shadow:0 0 0 5px #171c18,0 0 0 7px #5e645b,0 5px 10px 8px #0007}
.cd-turntable .cd-disc::after{background:radial-gradient(circle at 35% 30%,#858779,#30362f 65%);border-color:#929889;box-shadow:0 0 0 5px #c8cdc17a,0 0 0 6px #2229,inset 0 1px 2px #fff8}
.cd-turntable .cd-print{font-size:5px;letter-spacing:.7px}
.cd-bay-label{position:absolute;bottom:6px;left:8px;right:8px;text-align:center;color:#e1d6bf;line-height:1.2}
.cd-bay-label>span{display:block;font:italic 12px var(--serif)}
.cd-bay-label small{font-size:4px;letter-spacing:1px}
@media(max-width:620px){.cd-well{min-height:172px;padding:12px 10px}.cd-turntable{width:128px}.cd-bay-label>span{font-size:14px}}