:root{--ink:#20211f;--muted:#767a74;--paper:#f8f9f7;--white:#fff;--line:#e7e9e5;--green:#b4c5a8;--blue:#809ba7;--serif:Georgia,'Times New Roman',serif;--sans:'DM Sans',Arial,sans-serif;--display:'Manrope','DM Sans',sans-serif;--mono:'DM Mono',monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:15px;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}.wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;width:min(1320px,calc(100% - 64px));margin:auto}.wordmark{display:inline-flex;align-items:center;gap:9px;font:600 15px var(--display);letter-spacing:-.5px}.brand-signature{display:block;width:118px;height:auto}.footer .brand-signature{width:98px}.mark{width:25px;height:25px;border-radius:8px;background:var(--ink);color:white;display:grid;place-items:center;font:700 17px var(--serif);letter-spacing:-2px;padding-right:2px}.topbar nav{display:flex;align-items:center;gap:36px;font-size:13px;color:#51544f}.topbar nav a{transition:color .2s}.topbar nav a:hover,.footer a:hover{color:#688575}.nav-contact{padding:10px 15px;border-radius:8px;box-shadow:0 0 0 1px #dfe2dc}.nav-contact span{margin-left:10px;color:#84927f}.hero{position:relative;min-height:586px;display:grid;grid-template-columns:1fr 1fr;align-items:center;padding:45px 0 75px}.hero-copy{position:relative;z-index:2;padding-bottom:13px}.eyebrow{font:500 10px var(--mono);letter-spacing:.11em;color:#7f847d;margin:0 0 24px}.live-dot{display:inline-block;width:7px;height:7px;background:#81a485;border-radius:50%;margin-right:9px;box-shadow:0 0 0 3px #e3ebe0}.hero h1{font:600 clamp(50px,6vw,76px)/.99 var(--display);letter-spacing:-.075em;margin:0;max-width:620px}.hero h1 em,.about-copy h2 em{font-family:var(--serif);font-weight:400;letter-spacing:-.065em;color:#83937c}.intro{font-size:16px;line-height:1.75;color:#6c706a;max-width:425px;margin:27px 0 27px}.hero-actions{display:flex;align-items:center;gap:22px}.button{display:inline-flex;align-items:center;gap:22px;padding:14px 18px;border-radius:7px;font-size:12px;font-weight:500;transition:background .2s}.button-dark{background:var(--ink);color:white}.button-dark:hover{background:#41463f}.button span{font-size:16px}.location{font-size:11px;color:#858a83}.sun{color:#a1ac88;margin-left:4px;font-size:13px}.orbit-scene{height:420px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #e2e6df;border-radius:50%;transform:rotate(-27deg)}.orbit-one{width:407px;height:290px}.orbit-two{width:330px;height:438px;transform:rotate(50deg);border-color:#e8ebe5}.core{width:124px;height:124px;border-radius:38px;background:#fff;box-shadow:0 12px 38px #303b2914,0 0 0 1px #e8ebe6;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(-6deg);z-index:1}.core-glyph{font:italic 57px/.8 var(--serif);color:#74896d}.core-name{font:500 10px var(--mono);margin-top:7px;color:#8e948c;letter-spacing:.04em}.satellite{position:absolute;z-index:2;display:flex;align-items:center;gap:7px;background:#fff;padding:8px 12px;border-radius:7px;box-shadow:0 5px 18px #303b2910,0 0 0 1px #eaede8;font-size:10px;color:#5d625b}.sat-icon{width:19px;height:19px;display:grid;place-items:center;border-radius:5px;background:#eff2ed;color:#778872;font:600 13px var(--serif)}.sat-vera{top:76px;right:72px;transform:rotate(5deg)}.sat-verse{left:28px;bottom:103px;transform:rotate(-6deg)}.sat-next{right:19px;bottom:83px;transform:rotate(4deg);color:#8b8e88}.sat-next .sat-icon{background:#f4f4f0;color:#9b9e95}.spark{position:absolute;color:#a6b293;font-size:14px}.spark-a{top:49px;left:131px}.spark-b{top:136px;right:40px;color:#c2a897;font-size:10px}.spark-c{bottom:86px;left:133px;color:#9daeb2;font-size:11px}.orbit-label{position:absolute;font:9px var(--mono);letter-spacing:.09em;color:#a1a69f}.label-top{top:43px;right:90px}.label-bottom{bottom:48px;left:120px}.hero-index{position:absolute;bottom:28px;left:0;display:flex;align-items:center;gap:12px;font:9px var(--mono);letter-spacing:.08em;color:#a0a49e}.hero-index>span:first-child{color:#747970}.index-line{display:block;width:44px;height:1px;background:#cdd2ca}.work-section{background:#f0f2ee;padding:77px 0 77px}.section-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:34px}.section-head .eyebrow{margin-bottom:11px}.section-head h2,.about-copy h2{font:600 37px/1.12 var(--display);letter-spacing:-.065em;margin:0}.section-note{font-size:12px;line-height:1.7;color:#878c85;margin:0 0 3px}.project-grid{display:grid;grid-template-columns:1fr;gap:22px}.project-card{min-width:0;max-width:940px;width:100%;margin:0 auto}.project-visual{height:320px;display:block;position:relative;overflow:hidden;border-radius:10px;box-shadow:0 0 0 1px #e5e8e2;transition:box-shadow .25s}.project-visual:hover{box-shadow:0 0 0 1px #cbd3c7,0 12px 32px #27352210}.project-visual.vera-visual{height:auto;aspect-ratio:1600 / 834;background:#e6e0f5}.vera-screenshot{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}.mock-top{height:42px;position:absolute;top:0;left:0;right:0;display:flex;align-items:center;justify-content:space-between;padding:0 17px;color:#485347;font-size:10px}.mock-brand{font:500 11px var(--display)}.mock-brand b{font:700 15px var(--serif);color:#657c5f;margin-right:3px}.mock-menu{letter-spacing:2px;color:#748171}.canvas-window{position:absolute;left:14%;right:14%;top:53px;bottom:-23px;border-radius:8px 8px 0 0;background:#fafbf9;box-shadow:0 10px 34px #343f3216;display:grid;grid-template-columns:48px 1fr 110px;padding:13px;gap:12px}.canvas-tools{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:10px}.canvas-tools i{width:12px;height:12px;border-radius:4px;background:#e7ebe5}.canvas-tools i:first-child{background:#dce6d7}.canvas-paper{background:#f5e9dc;position:relative;display:flex;flex-direction:column;justify-content:center;padding:22px 28px;overflow:hidden}.paper-kicker{font:8px var(--mono);letter-spacing:.14em;color:#91816f}.canvas-paper strong{font:700 clamp(25px,3.3vw,41px)/.96 var(--display);letter-spacing:-.08em;margin-top:14px;color:#4c4b43}.canvas-paper strong i{font:italic 400 1.08em var(--serif);color:#788a6e}.paper-cta{position:absolute;bottom:20px;font:8px var(--mono);letter-spacing:.07em;color:#786f5e}.paper-flower{position:absolute;right:13%;top:15%;font-size:60px;color:#b2b899;transform:rotate(-12deg)}.canvas-side{padding-top:8px}.side-pill{display:block;width:50px;height:8px;border-radius:5px;background:#edf0eb;margin:0 0 10px}.side-pill.short{width:34px}.side-palette{display:flex;gap:5px;margin-top:19px}.side-palette i{width:15px;height:15px;border-radius:5px;background:#d6aa96}.side-palette i:nth-child(2){background:#9aaa88}.side-palette i:nth-child(3){background:#e7d69f}.visual-open{position:absolute;right:14px;bottom:13px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:#ffffffdf;font-size:14px;box-shadow:0 0 0 1px #dfe4dc}.verse-visual{background:#e6e0d7}.book-stage{position:absolute;inset:0;display:grid;place-items:center;perspective:800px}.book-cover{position:relative;width:157px;height:210px;background:#d4bca8;transform:rotateY(-15deg) rotateZ(-4deg);box-shadow:10px 12px 21px #453a2c30;display:flex;flex-direction:column;padding:21px 17px;color:#4b493f}.book-cover:before{content:"";position:absolute;inset:0 auto 0 0;width:8px;background:#bca48f;box-shadow:2px 0 3px #66554630}.cover-label,.cover-foot{font:7px var(--mono);letter-spacing:.08em;color:#766e5f}.cover-title{font:600 37px/.87 var(--display);letter-spacing:-.09em;margin-top:24px}.cover-title i{font:italic 400 1.1em var(--serif);color:#778568}.cover-flower{position:absolute;right:18px;bottom:41px;font-size:30px;color:#88947d}.cover-foot{margin-top:auto;font-size:6px}.book-pages{position:absolute;width:157px;height:204px;background:#f8f5ee;transform:translate(8px,4px) rotateY(-12deg) rotateZ(-4deg);z-index:-1;box-shadow:6px 7px 14px #40392c18}.book-shadow{position:absolute;width:198px;height:24px;bottom:30px;background:#776e5d22;filter:blur(13px);border-radius:50%;transform:rotate(-4deg)}.verse-caption{position:absolute;left:19px;bottom:17px;font:9px var(--mono);color:#8c887f}.project-meta{display:flex;justify-content:space-between;align-items:start;padding:21px 1px 17px}.project-kind{font:9px var(--mono);letter-spacing:.09em;color:#8a9086;margin:0 0 8px}.project-meta h3{font:600 24px var(--display);letter-spacing:-.06em;margin:0}.project-desc{font-size:12px;line-height:1.65;color:#787d76;max-width:390px;margin:7px 0 0}.round-link{width:31px;height:31px;border-radius:50%;box-shadow:0 0 0 1px #dce0da;display:grid;place-items:center;font-size:14px;color:#70786c;transition:background .2s}.round-link:hover{background:#fff}.project-foot{border-top:1px solid #dfe3dc;padding-top:12px;display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);color:#969b93}.project-links{display:flex;gap:18px}.project-foot a{color:#616b5e}.project-foot a span{font-size:12px;margin-left:4px}.coming-soon{display:flex;align-items:center;gap:14px;margin-top:42px;color:#727970;font-size:11px}.coming-star{font-size:16px;color:#a0af91}.coming-rule{height:1px;background:#dce1d9;flex:1}.coming-soon .mono{font:9px var(--mono);letter-spacing:.1em;color:#a0a59e}.about-section{padding:104px 0;display:grid;grid-template-columns:170px 1fr 230px;gap:40px;align-items:center}.about-mark{width:115px;height:115px;border-radius:35px;background:#e8ede5;display:grid;place-items:center;font:italic 400 101px/.8 var(--serif);letter-spacing:-.12em;padding:0 16px 12px 0;color:#83937c;transform:rotate(-8deg)}.about-mark span{font-size:35px;align-self:end;margin:0 0 19px -4px}.about-copy .eyebrow{margin-bottom:14px}.about-copy h2{font-size:43px}.about-copy>p:not(.eyebrow){max-width:480px;color:#70756e;line-height:1.8;font-size:13px;margin:20px 0}.text-link{font-size:11px;color:#858a83}.text-link span{color:#586d59;margin-left:8px}.about-side{padding-left:29px;border-left:1px solid #e1e5df}.side-number{font:italic 52px var(--serif);color:#9dac90}.about-side p{font:14px/1.6 var(--display);letter-spacing:-.03em;color:#666d63}.side-tag{font:8px var(--mono);letter-spacing:.1em;color:#a0a69d}.footer{height:80px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}.footer-note{font-size:10px;color:#969b94}.footer-right{display:flex;gap:23px;align-items:center;font:10px var(--mono);color:#81877f}.footer-right a{color:#60695e}a:focus-visible{outline:none;box-shadow:0 0 0 2px var(--paper),0 0 0 4px #527f69;border-radius:5px}::selection{background:#dce6d7;color:#283327}
@media(max-width:850px){.hero{grid-template-columns:1fr 0.8fr}.orbit-scene{transform:scale(.84);transform-origin:center right;margin-left:-65px}.about-section{grid-template-columns:120px 1fr;gap:30px}.about-mark{width:95px;height:95px;font-size:81px}.about-side{grid-column:2;border-left:0;padding:0;display:flex;align-items:center;gap:15px}.about-side p{margin:0}.about-side .side-tag{margin-left:auto}.side-number{font-size:36px}.project-visual{height:250px}.canvas-window{grid-template-columns:30px 1fr 58px;gap:8px;padding:10px}.paper-flower{font-size:48px}}
@media(max-width:620px){.wrap{width:calc(100% - 40px)}.topbar{width:calc(100% - 40px);height:66px}.brand-signature{width:105px}.footer .brand-signature{width:92px}.topbar nav{gap:18px;font-size:12px}.nav-contact{padding:8px 10px}.nav-contact span{margin-left:4px}.hero{display:flex;flex-direction:column;align-items:stretch;padding:57px 0 50px;min-height:0}.hero h1{font-size:clamp(51px,12vw,70px)}.intro{font-size:14px;max-width:360px;margin:22px 0}.hero-actions{gap:13px;flex-wrap:wrap}.button{padding:12px 14px}.location{font-size:10px}.orbit-scene{height:300px;transform:scale(.76);transform-origin:center center;margin:-1px 0 -10px}.hero-index{bottom:11px}.work-section{padding:58px 0}.section-head{display:block;margin-bottom:24px}.section-head h2{font-size:31px}.section-note{margin-top:12px}.project-grid{grid-template-columns:1fr;gap:38px}.project-visual{height:260px}.canvas-window{left:9%;right:9%;grid-template-columns:38px 1fr 72px}.canvas-paper{padding:18px}.canvas-paper strong{font-size:35px}.coming-soon{margin-top:35px;gap:9px;font-size:10px}.coming-soon .mono{font-size:8px}.about-section{padding:72px 0;grid-template-columns:1fr;gap:22px}.about-mark{width:78px;height:78px;border-radius:25px;font-size:69px}.about-mark span{font-size:26px;margin-bottom:14px}.about-copy h2{font-size:37px}.about-side{grid-column:auto}.footer{width:calc(100% - 40px);height:auto;min-height:84px;flex-wrap:wrap;gap:7px;padding:17px 0}.footer-note{display:none}.footer-right{gap:14px;font-size:9px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{transition:none!important}}

/* Isnaevy brand direction */
:root{--ink:#281f3b;--muted:#786f89;--paper:#fcfaff;--white:#fff;--line:#e9e2f0;--green:#c54687;--blue:#6654a7}
body{background:var(--paper);color:var(--ink)}
.topbar nav a:hover,.footer a:hover{color:#8a4b88}
.nav-contact span{color:#a2589a}
.eyebrow{color:#81758f}
.live-dot{background:#6957ad;box-shadow:0 0 0 3px #eee8f7}
.hero h1 em,.about-copy h2 em{color:#76508f}
.sun{color:#c34a8b}
.work-section{background:#f2edf8}
.project-kind{color:#897b96}
.project-desc{color:#70677f}
.project-foot{border-color:#e4dced;color:#93899e}
.project-foot a,.project-links a{color:#75477f}
.coming-soon{color:#766d83}
.coming-star{color:#c34a8b}
.coming-rule{background:#e2d9eb}
.coming-soon .mono,.side-tag{color:#988aa2}
.about-side{border-color:#e7e0ec}
.side-number{color:#bd4b8d}
.about-copy>p:not(.eyebrow){color:#70677f}
.text-link{color:#81778e}
.text-link span{color:#8c4a87}
a:focus-visible{box-shadow:0 0 0 2px var(--paper),0 0 0 4px #6d56aa}
::selection{background:#eadcf5;color:#352644}
.hero-composition{height:420px;position:relative;display:grid;place-items:center}
.composition-backdrop{position:absolute;width:75%;height:74%;background:#eee7f7;border-radius:28px;transform:rotate(6deg)}
.composition-card{position:relative;width:min(365px,82%);height:305px;background:#fff;box-shadow:0 24px 60px #3425451a,0 0 0 1px #eee7f4;padding:29px 31px;display:flex;flex-direction:column;transform:rotate(-3deg)}
.composition-head{display:flex;justify-content:space-between;gap:12px;font:9px var(--mono);letter-spacing:.1em;color:#8b7d99}
.composition-title{font:600 clamp(36px,4.3vw,51px)/.96 var(--display);letter-spacing:-.075em;color:#302540;margin:auto 0}
.composition-title em{font:italic 400 1.04em var(--serif);letter-spacing:-.055em;color:#c23f86}
.composition-rule{height:1px;background:#e9e1ee}
.composition-foot{display:flex;align-items:end;justify-content:space-between;margin-top:15px;font:8px/1.55 var(--mono);letter-spacing:.07em;color:#8a7e96}
.composition-star{font-size:24px;line-height:1;color:#c44789}
.composition-note{position:absolute;right:1%;bottom:44px;width:164px;padding:12px 14px;background:#342747;color:#fff;display:flex;flex-direction:column;box-shadow:0 12px 30px #34254526;transform:rotate(4deg)}.composition-note .brand-signature-light{display:block;width:82px;height:auto;margin-top:4px}
.composition-note>span,.composition-note small{font:8px var(--mono);letter-spacing:.08em;color:#ded2eb}
.composition-note strong{font:600 23px var(--display);letter-spacing:-.05em;margin:3px 0}
.composition-note small{color:#f1a4ca}
.composition-colors{position:absolute;left:5%;top:41px;display:flex;align-items:center;gap:7px}
.composition-colors>span{font:8px var(--mono);letter-spacing:.08em;color:#897d96;margin-right:4px}
.composition-colors i{width:12px;height:12px;border-radius:50%;background:#c23f86}
.composition-colors i:nth-of-type(2){background:#6654a7}
.composition-colors i:nth-of-type(3){background:#f0d77e}
.composition-colors i:nth-of-type(4){background:#342747}
.about-section{grid-template-columns:minmax(0,1fr) 230px;gap:80px}
@media(max-width:850px){.hero-composition{transform:scale(.88);transform-origin:center right;margin-left:-35px}.about-section{grid-template-columns:minmax(0,1fr) 190px;gap:45px}}
@media(max-width:620px){.hero-composition{width:100%;height:310px;transform:scale(.9);transform-origin:center;margin:-4px 0 -2px}.composition-card{width:82%;height:245px;padding:22px}.composition-title{font-size:38px}.composition-note{right:0;bottom:19px;width:125px;padding:10px 12px}.composition-note .brand-signature-light{width:70px}.composition-colors{top:8px;left:0}.composition-colors>span{font-size:7px}.about-section{grid-template-columns:1fr;gap:20px}.about-side{border:0;padding:0;display:flex;align-items:center;gap:15px}.about-side p{margin:0}.about-side .side-tag{margin-left:auto}}

/* Portfolio refinements and Finlit feature */
.composition-card .composition-colors{position:static;left:auto;top:auto;transform:none;display:flex;align-items:center;gap:7px;margin:12px 0 0}
.composition-card .composition-colors>span{font:8px var(--mono);letter-spacing:.08em;color:#897d96;margin-right:4px}
.composition-card .composition-colors i{width:12px;height:12px;border-radius:50%;background:#c23f86}
.composition-card .composition-colors i:nth-of-type(2){background:#6654a7}
.composition-card .composition-colors i:nth-of-type(3){background:#f0d77e}
.composition-card .composition-colors i:nth-of-type(4){background:#342747}
.project-grid{row-gap:46px}
.coming-pill{display:inline-block;margin-left:8px;padding:4px 7px;border-radius:999px;background:#f1e7f5;color:#8e437f;font:8px var(--mono);letter-spacing:.08em;vertical-align:1px}
.finlit-visual{position:relative;height:440px;width:100%;overflow:hidden;border-radius:12px;background:#080b17;box-shadow:0 0 0 1px #262b40}
.finlit-gallery{height:100%;display:grid;grid-template-columns:minmax(190px,1fr) 172px 172px;align-items:center;justify-items:center;gap:28px;padding:28px 42px}
.finlit-brand{display:flex;flex-direction:column;align-items:center;gap:13px}
.finlit-icon{display:block;width:184px;height:184px;object-fit:contain;filter:drop-shadow(0 12px 22px #f7b62926)}
.finlit-game-title{display:flex;flex-direction:column;align-items:center;gap:4px}
.finlit-game-title span{font:600 17px var(--mono);letter-spacing:.3em;color:#e6edff}
.finlit-game-title small{font:8px var(--mono);letter-spacing:.1em;color:#8f9bbb}
.finlit-shot{width:172px;aspect-ratio:884 / 1898;margin:0;overflow:hidden;border-radius:15px;border:1px solid #30354b;background:#080b17;box-shadow:0 12px 32px #0008}
.finlit-shot img{display:block;width:100%;height:100%;object-fit:contain}
.finlit-coming{position:absolute;top:20px;right:22px;padding:8px 10px;background:#151b2e;color:#e7be58;box-shadow:0 0 0 1px #39415e;border-radius:4px;font:8px var(--mono);letter-spacing:.1em}
@media(max-width:850px){.finlit-visual{height:400px}.finlit-gallery{grid-template-columns:minmax(150px,1fr) 148px 148px;gap:16px;padding:22px}.finlit-icon{width:160px;height:160px}.finlit-shot{width:148px}}
@media(max-width:620px){.finlit-visual{height:auto}.finlit-gallery{height:auto;grid-template-columns:1fr 1fr;gap:14px;padding:17px}.finlit-brand{grid-column:1/-1;flex-direction:row;justify-content:center;gap:15px}.finlit-icon{width:100px;height:100px}.finlit-game-title{align-items:flex-start}.finlit-shot{width:100%;aspect-ratio:884 / 1898}}

/* Mark the transition to the next project */
.finlit-card .project-section-heading{margin:0 0 18px}
.finlit-card .project-section-heading .eyebrow{margin:0;color:#81758f;font:500 10px var(--mono);letter-spacing:.11em}

/* Subtle hover motion for the Isnaevy hero composition */
.composition-card{transition:transform .28s ease,box-shadow .28s ease}
.composition-backdrop{transition:transform .35s ease}
@media(hover:hover) and (pointer:fine){.hero-composition:hover .composition-card{transform:rotate(-3deg) translateY(-5px);box-shadow:0 30px 68px #34254524,0 0 0 1px #eee7f4}.hero-composition:hover .composition-backdrop{transform:rotate(6deg) translateY(4px)}}
@media(prefers-reduced-motion:reduce){.composition-card,.composition-backdrop{transition:none}}

/* Scoreplay Studio portfolio feature */
.scoreplay-visual{position:relative;min-height:330px;overflow:hidden;display:grid;place-items:center;padding:32px;border-radius:12px;background:linear-gradient(135deg,#f0eaf6 0%,#faf6fc 62%,#eee5f4 100%);box-shadow:0 0 0 1px #e5d9ed}
.scoreplay-sheet{position:relative;width:min(100%,690px);padding:25px 31px 18px;background:#fff;border:1px solid #e8deed;box-shadow:0 18px 44px #39294b16;transform:rotate(-1.2deg);transition:transform .25s ease,box-shadow .25s ease}
.scoreplay-card:hover .scoreplay-sheet{transform:rotate(0) translateY(-4px);box-shadow:0 23px 50px #39294b20}
.scoreplay-sheet-head{display:flex;justify-content:space-between;font:9px var(--mono);letter-spacing:.1em;color:#8a7d95}
.scoreplay-sheet-title{margin:19px 0 7px;font:600 clamp(22px,3.4vw,34px)/1.02 var(--display);letter-spacing:-.06em;color:#2e243a}
.scoreplay-sheet-title em{font:italic 400 1.05em var(--serif);color:#a34c88}
.scoreplay-staff{display:block;width:100%;height:100px;overflow:visible}
.scoreplay-controls{display:flex;align-items:center;gap:11px;margin-top:8px;padding-top:12px;border-top:1px solid #eee8f2;font:9px var(--mono);color:#71677c}
.scoreplay-play{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:#392c49;color:#fff;font-size:9px;padding-left:2px}
.scoreplay-tempo{margin-left:auto;color:#9a4a82}
.scoreplay-progress{width:80px;height:3px;border-radius:4px;background:#ece5f0}
.scoreplay-progress i{display:block;width:39%;height:100%;background:#c44386;border-radius:4px}
.scoreplay-tag{position:absolute;right:20px;bottom:18px;padding:8px 10px;background:#392c49;color:#f5eafa;font:8px var(--mono);letter-spacing:.09em;box-shadow:0 5px 14px #392c4922}
@media(max-width:620px){.scoreplay-visual{min-height:255px;padding:22px 14px}.scoreplay-sheet{padding:19px 16px 14px}.scoreplay-staff{height:78px}.scoreplay-tag{right:9px;bottom:9px;font-size:7px;padding:7px 8px}.scoreplay-controls{gap:8px;font-size:8px}}
@media(prefers-reduced-motion:reduce){.scoreplay-sheet{transition:none}}

/* Match Scoreplay illustration width to the Vera and Finlit previews */
.scoreplay-visual{padding-inline:0}
.scoreplay-sheet{width:100%;max-width:none}
@media(max-width:620px){.scoreplay-visual{padding-inline:0}}

/* Keep the Scoreplay preview still and remove its lavender frame */
.scoreplay-visual{height:330px;min-height:330px;padding:0;background:#fff;box-shadow:none;border-radius:10px}
.scoreplay-sheet{display:flex;flex-direction:column;justify-content:space-between;width:100%;max-width:none;height:100%;min-height:0;padding:25px 31px 18px;border:0;box-shadow:none;transform:none;transition:none}
.scoreplay-card:hover .scoreplay-sheet{transform:none;box-shadow:none}
@media(max-width:620px){.scoreplay-visual{height:255px;min-height:255px;padding:0}.scoreplay-sheet{height:100%;padding:19px 16px 14px}}

/* Keep the Scoreplay play mark a crisp CSS symbol, never emoji */
.scoreplay-play{font-size:0;padding-left:0}
.scoreplay-play::before{content:"";width:0;height:0;border-top:5px solid transparent;border-bottom:5px solid transparent;border-left:7px solid #fff;margin-left:2px}