#muradme-about{--mm-bg:#171316;--mm-ink:#faf5f0;--mm-rose:#dea3b3;--mm-muted:#b7a7af;--mm-line:#ffffff20;color:var(--mm-ink);background:radial-gradient(ellipse at 91% 38%,#492d3b80,transparent 62%),var(--mm-bg);font-family:Manrope,Arial,sans-serif;isolation:isolate;overflow:hidden;box-sizing:border-box}
#muradme-about *{box-sizing:border-box}
#muradme-about button,#muradme-about a{font:inherit;color:inherit;-webkit-tap-highlight-color:transparent}
#muradme-about a{text-decoration:none}
#muradme-about button{cursor:pointer}
#muradme-about .mm-head{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:25px clamp(22px,5vw,56px);border-bottom:1px solid var(--mm-line)}
#muradme-about .mm-brand{font-size:28px;letter-spacing:.16em;font-weight:700;line-height:1}
#muradme-about .mm-brand small{display:block;font-size:11px;font-weight:500;letter-spacing:.18em;margin-top:10px;color:var(--mm-muted)}
#muradme-about .mm-about-label{font-size:12px;color:var(--mm-muted)}
#muradme-about .mm-stage{overflow:hidden;touch-action:pan-y}
#muradme-about .mm-track{display:flex;align-items:stretch;transition:transform .55s cubic-bezier(.22,.75,.2,1);will-change:transform}
#muradme-about .mm-slide{flex:0 0 100%;min-width:0;display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:center;gap:30px;padding:58px clamp(22px,5vw,56px) 52px;min-height:472px}
#muradme-about .mm-copy{min-width:0}
#muradme-about .mm-kicker{font-size:10px;line-height:1.5;letter-spacing:.2em;font-weight:500;color:var(--mm-rose);margin:0 0 22px;text-transform:uppercase}
#muradme-about h1,#muradme-about h2{font-size:clamp(36px,5.3vw,62px);line-height:1.08;letter-spacing:-.055em;font-weight:600;margin:0;max-width:12ch}
#muradme-about h1{font-size:clamp(36px,5.25vw,59px);max-width:14ch}
#muradme-about h1 em,#muradme-about h2 em{font-style:normal;color:var(--mm-rose)}
#muradme-about .mm-description{font-size:15px;line-height:1.85;max-width:33ch;color:var(--mm-muted);margin:24px 0 0}
#muradme-about .mm-art{width:100%;max-width:320px;aspect-ratio:1;justify-self:center;position:relative;display:grid;place-items:center}
#muradme-about .mm-disc{position:absolute;border-radius:50%;background:repeating-radial-gradient(circle,#211b22 0px,#211b22 3px,#393039 4px,#1a161c 5px);box-shadow:0 15px 30px #0005,inset 0 0 0 1px #dea3b33b}
#muradme-about .mm-disc:before{content:'';position:absolute;inset:29%;border-radius:50%;background:var(--mm-rose);box-shadow:inset 0 0 0 1px #ffffff25}
#muradme-about .mm-disc:after{content:'';position:absolute;width:5%;height:5%;left:47.5%;top:47.5%;border-radius:50%;background:#171316;box-shadow:1px 1px 1px #ffffff33}
#muradme-about .mm-disc-main{width:64%;height:64%;left:10%;top:20%;transform:rotate(-12deg)}
#muradme-about .mm-disc-a{width:25%;height:25%;left:72%;top:5%}
#muradme-about .mm-disc-b{width:20%;height:20%;left:75%;top:72%}
#muradme-about .mm-thread{position:absolute;left:42%;top:52%;height:1px;background:#f3e3dc7a;transform-origin:left center;z-index:2;pointer-events:none}
#muradme-about .mm-thread-a{width:54.74%;transform:rotate(-39.07deg)}
#muradme-about .mm-thread-b{width:52.43%;transform:rotate(34.9deg)}
#muradme-about .mm-profile{width:226px;max-width:100%;text-align:center}
#muradme-about .mm-portrait{width:94px;height:112px;display:grid;place-items:center;border-radius:48px 48px 24px 24px;margin:0 auto 22px;background:linear-gradient(145deg,#b08092,#513341 65%,#281e26);font-size:32px;letter-spacing:-.06em;font-weight:500;color:#fae9e5}
#muradme-about .mm-profile-name{font-size:18px;letter-spacing:-.03em;font-weight:600;margin:0 0 7px}
#muradme-about .mm-profile-sub{font-size:11px;color:var(--mm-muted);margin:0}
#muradme-about .mm-profile-record{position:relative;width:58px;height:58px;display:block;margin:23px auto 0}
#muradme-about .mm-calendar{width:226px;max-width:100%;padding:19px 21px 17px;border:1px solid #dea3b345;border-radius:16px;background:#ffffff03}
#muradme-about .mm-month{display:flex;justify-content:space-between;font-size:11px;color:var(--mm-muted);margin-bottom:22px}
#muradme-about .mm-calendar-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:5px;text-align:center;font-size:11px;color:var(--mm-muted)}
#muradme-about .mm-calendar-grid span{display:grid;place-items:center;aspect-ratio:1}
#muradme-about .mm-calendar-grid .mm-day{color:var(--mm-ink)}
#muradme-about .mm-calendar-grid .mm-date{border-radius:50%;background:var(--mm-rose);color:var(--mm-bg)}
#muradme-about .mm-plan-title{font-size:12px;font-weight:600;margin:22px 0 6px}
#muradme-about .mm-plan-detail{font-size:11px;line-height:1.7;color:var(--mm-muted);margin:0}
#muradme-about .mm-find{width:270px;max-width:100%}
#muradme-about .mm-search-line{font-size:13px;display:flex;justify-content:space-between;gap:12px;padding:16px 0;border-bottom:1px solid #dea3b345}
#muradme-about .mm-search-line span:last-child{color:var(--mm-rose)}
#muradme-about .mm-result-dots{display:flex;justify-content:center;gap:0;margin:35px 0 0}
#muradme-about .mm-person-dot{width:64px;height:64px;border:4px solid #271d25;display:grid;place-items:center;border-radius:50%;font-size:16px;background:#815568}
#muradme-about .mm-person-dot+.mm-person-dot{margin-left:-9px}
#muradme-about .mm-person-dot:nth-child(2){background:#5e424e}
#muradme-about .mm-person-dot:nth-child(3){background:#a47c8b}
#muradme-about .mm-art-caption{text-align:center;font-size:11px;line-height:1.7;letter-spacing:.01em;color:var(--mm-muted);margin:18px 0 0}
#muradme-about .mm-people{width:260px;max-width:100%}
#muradme-about .mm-person-row{display:flex;align-items:center;gap:14px;padding:18px 0;border-bottom:1px solid var(--mm-line)}
#muradme-about .mm-person-row:last-child{border-bottom:0}
#muradme-about .mm-avatar{display:grid;place-items:center;width:41px;height:41px;flex-shrink:0;border:1px solid #dea3b35e;border-radius:50%;font-size:12px;color:var(--mm-rose)}
#muradme-about .mm-person-row strong{display:block;font-size:13px;font-weight:500}
#muradme-about .mm-person-row small{display:block;font-size:11px;color:var(--mm-muted);margin-top:6px}
#muradme-about .mm-pin{width:5px;height:5px;background:var(--mm-rose);border-radius:50%;margin-left:auto;box-shadow:0 0 0 4px #dea3b30b}
#muradme-about .mm-privacy{width:240px;max-width:100%;position:relative}
#muradme-about .mm-privacy>p{font-size:20px;letter-spacing:-.04em;margin:0 0 23px;text-align:center;color:var(--mm-rose)}
#muradme-about .mm-privacy-row{font-size:12px;display:flex;justify-content:space-between;gap:20px;padding:15px 0;border-bottom:1px solid var(--mm-line);color:var(--mm-muted)}
#muradme-about .mm-privacy-row span:last-child{color:var(--mm-ink)}
#muradme-about .mm-cta{display:inline-flex;align-items:center;justify-content:center;gap:20px;margin-top:26px;padding:13px 17px;border-radius:10px;background:var(--mm-rose);color:var(--mm-bg);font-size:12px;font-weight:600;min-height:44px}
#muradme-about .mm-footer{padding:21px clamp(22px,5vw,56px) 24px;border-top:1px solid var(--mm-line);display:grid;grid-template-columns:1fr auto 1fr;gap:18px;align-items:center}
#muradme-about .mm-count{font-size:11px;font-variant-numeric:tabular-nums;letter-spacing:.08em;color:var(--mm-muted);display:flex;align-items:center;gap:12px}
#muradme-about .mm-count b{font-weight:500;color:var(--mm-ink)}
#muradme-about .mm-dots{display:flex;align-items:center;gap:4px}
#muradme-about .mm-dot{width:25px;height:44px;display:grid;place-items:center;border:0;background:transparent;padding:0}
#muradme-about .mm-dot:after{content:'';width:5px;height:5px;background:#b7a7af55;border-radius:20px;transition:width .3s,background .3s}
#muradme-about .mm-dot[aria-current=step]:after{width:21px;background:var(--mm-rose)}
#muradme-about .mm-controls{display:flex;gap:8px;justify-self:end}
#muradme-about .mm-arrow{width:44px;height:44px;border:1px solid #dea3b34d;background:#dea3b30c;border-radius:10px;display:grid;place-items:center;padding:0;color:var(--mm-rose)}
#muradme-about .mm-arrow:disabled{opacity:.25;cursor:default}
#muradme-about .mm-arrow-mark{display:block;width:13px;height:9px;position:relative}
#muradme-about .mm-arrow-mark:before{content:'';position:absolute;width:13px;height:1px;background:currentColor;left:0;top:4px}
#muradme-about .mm-arrow-mark:after{content:'';position:absolute;right:0;top:1px;width:6px;height:6px;border-right:1px solid currentColor;border-top:1px solid currentColor;transform:rotate(45deg)}
#muradme-about .mm-prev .mm-arrow-mark{transform:rotate(180deg)}
#muradme-about .mm-bottom{display:flex;justify-content:space-between;align-items:center;padding:0 clamp(22px,5vw,56px) 22px;gap:16px;font-size:10px;color:var(--mm-muted)}
#muradme-about .mm-bottom-links{display:flex;gap:18px}
#muradme-about .mm-sr{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
@media(hover:hover){#muradme-about .mm-arrow:hover:not(:disabled){background:#dea3b326}#muradme-about .mm-bottom a:hover{color:var(--mm-ink)}}
@media(max-width:600px){#muradme-about .mm-head{padding-block:22px}#muradme-about .mm-brand{font-size:25px}#muradme-about .mm-brand small{font-size:9px}#muradme-about .mm-about-label{font-size:11px}#muradme-about .mm-slide{grid-template-columns:1fr;gap:16px;padding-top:33px;padding-bottom:24px;align-content:start;min-height:595px}#muradme-about h1,#muradme-about h2{font-size:38px;max-width:15ch}#muradme-about .mm-copy{min-height:230px}#muradme-about .mm-kicker{margin-bottom:16px;font-size:9px}#muradme-about .mm-description{margin-top:18px;font-size:13px;line-height:1.8;max-width:34ch}#muradme-about .mm-art{width:228px;max-width:100%}#muradme-about .mm-calendar{width:210px;padding-top:16px;padding-bottom:14px}#muradme-about .mm-month{margin-bottom:14px}#muradme-about .mm-calendar-grid{font-size:10px}#muradme-about .mm-plan-title{margin-top:13px}#muradme-about .mm-footer{grid-template-columns:1fr auto;gap:8px;padding-top:14px;padding-bottom:14px}#muradme-about .mm-dots{grid-area:2/1/3/3;justify-content:center}#muradme-about .mm-dot{width:33px}#muradme-about .mm-count{font-size:10px}#muradme-about .mm-bottom{font-size:10px;padding-bottom:20px}#muradme-about .mm-cta{margin-top:20px}}
@media(prefers-reduced-motion:reduce){#muradme-about .mm-track,#muradme-about .mm-dot:after{transition:none}}
#muradme-about .mm-page-art .mm-portrait{overflow:hidden;margin-bottom:14px}
#muradme-about .mm-page-art .mm-portrait img{width:100%;height:100%;object-fit:cover;object-position:50% 40%;display:block}
#muradme-about .mm-page-art .mm-profile-name{margin-bottom:3px}
#muradme-about .mm-gosha{font-size:13px;letter-spacing:.35em;font-weight:500;color:#fff;margin:0 -.35em 0 0}
#muradme-about .mm-records{position:relative;width:226px;max-width:100%;height:106px;margin:8px auto 0}
#muradme-about .mm-record-toggle{position:absolute;left:calc(50% - 29px);top:24px;width:58px;height:58px;padding:0;border:0;border-radius:50%;background:transparent;z-index:3}
#muradme-about .mm-record-toggle .mm-disc{inset:0;display:block;width:100%;height:100%;transition:transform .6s cubic-bezier(.22,.75,.2,1)}
#muradme-about .mm-record-toggle[aria-expanded=true] .mm-disc{transform:rotate(45deg)}
#muradme-about .mm-ripple{position:absolute;inset:0;border:1px solid #ffffff65;border-radius:50%;pointer-events:none;animation:mm-about-wave 2.4s ease-out infinite}
#muradme-about .mm-ripple-two{animation-delay:1.2s}
#muradme-about .mm-records-open .mm-ripple{animation:none;opacity:0}
#muradme-about .mm-record-branch{position:absolute;left:50%;top:52.5px;width:83px;height:1px;background:#fff;transform:scaleX(0);transform-origin:left center;transition:transform .65s cubic-bezier(.22,.75,.2,1);pointer-events:none}
#muradme-about .mm-record-branch-left{transform:rotate(180deg) scaleX(0)}
#muradme-about .mm-records-open .mm-record-branch{transform:scaleX(1)}
#muradme-about .mm-records-open .mm-record-branch-left{transform:rotate(180deg) scaleX(1)}
#muradme-about .mm-side-record{width:46px;height:46px;top:30px;z-index:2;opacity:0;pointer-events:none;transition:transform .65s cubic-bezier(.22,.75,.2,1),opacity .35s ease}
#muradme-about .mm-side-left{left:7px;transform:translateX(83px) scale(.5) rotate(45deg)}
#muradme-about .mm-side-right{right:7px;transform:translateX(-83px) scale(.5) rotate(-45deg)}
#muradme-about .mm-side-right:before{background:#b8aece}
#muradme-about .mm-records-open .mm-side-record{transform:translateX(0) scale(1) rotate(0);opacity:1}
#muradme-about .mm-page-art .mm-profile-sub{margin-top:12px}
#muradme-about .mm-slide[aria-hidden=true] .mm-ripple{animation-play-state:paused}
@keyframes mm-about-wave{0%{transform:scale(1);opacity:.65}85%,100%{transform:scale(1.75);opacity:0}}
@media(max-width:600px){#muradme-about .mm-page-art{width:228px;height:288px;aspect-ratio:auto}}
@media(prefers-reduced-motion:reduce){#muradme-about .mm-ripple{animation:none;opacity:.35;transform:scale(1.2)}#muradme-about .mm-record-toggle .mm-disc,#muradme-about .mm-record-branch,#muradme-about .mm-side-record{transition:none}}
#muradme-about .mm-avatar{overflow:hidden}
#muradme-about .mm-avatar img{display:block;width:100%;height:100%;object-fit:cover;border-radius:50%}

/* Keep this page independent of the public profile layout rules. */
#muradme-about{min-height:100svh;max-width:1440px;margin-inline:auto}
#muradme-about .mm-stage{display:block;max-width:none;margin:0;padding:0;overflow:clip}

/* The selected side record occupies the original's centre, like the profile collection. */
#muradme-about button.mm-side-record{position:absolute;padding:0;border:0;border-radius:50%;background:transparent;pointer-events:none}
#muradme-about .mm-records-open button.mm-side-record{pointer-events:auto}
#muradme-about .mm-records .mm-record-face{position:absolute;inset:0;display:block;width:100%;height:100%;animation:mm-about-spin 5s linear infinite;animation-play-state:paused}
#muradme-about .mm-records .mm-record-cover{position:absolute;inset:29%;border-radius:50%;background-position:center;background-size:cover;z-index:1}
#muradme-about .mm-records .mm-record-face:after{z-index:2}
#muradme-about .mm-records .mm-record-branch{transition:none;opacity:0;top:52.5px;transform:rotate(0);transform-origin:left center}
#muradme-about .mm-records-open .mm-side-left.mm-selected{transform:translateX(83px) scale(1.26087);z-index:5}
#muradme-about .mm-records-open .mm-side-right.mm-selected{transform:translateX(-83px) scale(1.26087);z-index:5}
#muradme-about .mm-records .mm-playing .mm-record-face{animation-play-state:running}
#muradme-about .mm-records-selected .mm-record-toggle{opacity:.3}
#muradme-about .mm-records-selected .mm-ripple{animation:none;opacity:0}
#muradme-about .mm-record-toggle{transition:opacity .25s}
#muradme-about .mm-side-record:focus-visible{outline:2px solid #f1bdcd;outline-offset:5px}
.about-music-player{font-family:Manrope,Arial,sans-serif;color:#faf5f0}
.about-music-player button{cursor:pointer}
@keyframes mm-about-spin{to{transform:rotate(360deg)}}
@media(max-width:700px){.about-music-player .mc-player-reveal{grid-template-rows:1fr;opacity:1;pointer-events:auto}.about-music-player:not(.mc-player-expanded) .mc-player-reveal{grid-template-rows:minmax(1px,0fr);opacity:.01;pointer-events:none}}
@media(prefers-reduced-motion:reduce){#muradme-about .mm-records .mm-record-face{animation:none}#muradme-about .mm-record-toggle{transition:none}}

/* Give the examples the same visual weight as the desktop editorial column. */
@media(min-width:1024px){
 #muradme-about .mm-copy{position:relative;left:clamp(60px,7.5vw,100px)}
 #muradme-about .mm-art{left:clamp(-100px,-7.5vw,-60px)}
 #muradme-about .mm-art{transform:scale(1.3);transform-origin:center}
}
@media(min-width:1280px){
 #muradme-about .mm-slide{min-height:490px}
 #muradme-about .mm-art{transform:scale(1.5)}
}

@media(max-width:600px){#muradme-about .mm-about-label{max-width:145px;text-align:right}}

/* Keep the join link centred under the carousel pagination on every slide. */
#muradme-about .mm-bottom{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:12px}
#muradme-about .mm-bottom-links{justify-self:end}
#muradme-about .mm-join{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:8px 4px;font-size:14px;font-weight:500;color:var(--mm-rose);white-space:nowrap}
#muradme-about .mm-join:focus-visible{outline:2px solid var(--mm-rose);outline-offset:3px;border-radius:4px}
@media(hover:hover){#muradme-about .mm-join:hover{text-decoration:underline;text-underline-offset:4px}}
