:root{--primary:#6C63FF;--primary-soft:#A78BFA;--deep:#171821;--bg:#F7F7FA;--bg2:#ECECF3;--text:#22232B;--muted:#6F7280;--accent:#F59E5B;--line:rgba(34,35,43,.12);--radius:22px;--shadow:0 18px 50px rgba(23,24,33,.09);--shell:min(1180px,calc(100% - 40px));font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);line-height:1.65}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.shell{width:var(--shell);margin-inline:auto}.narrow{max-width:860px}.skip-link{position:fixed;left:16px;top:10px;transform:translateY(-180%);background:#fff;color:#111;padding:10px 14px;border-radius:8px;z-index:99}.skip-link:focus{transform:none}.site-header{position:sticky;top:0;z-index:30;background:rgba(23,24,33,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.07)}.header-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:flex;align-items:center;gap:12px;color:#fff}.brand img{width:42px;height:42px;border-radius:12px;object-fit:cover}.brand span{display:grid;line-height:1.15}.brand strong{font-size:1.04rem}.brand small{margin-top:5px;color:#b9bac7;font-size:.72rem}.site-nav{display:flex;gap:6px;align-items:center}.site-nav a{color:#dfe0e7;padding:10px 14px;border-radius:12px;font-size:.94rem}.site-nav a:hover,.site-nav a[aria-current="page"]{background:rgba(108,99,255,.18);color:#fff}.menu-toggle{display:none;border:1px solid rgba(255,255,255,.2);background:transparent;color:#fff;border-radius:10px;padding:8px 11px}.hero{background:var(--deep);color:#fff;padding:58px 0 72px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:46px;align-items:center}.hero-copy h1{font-size:clamp(2.4rem,6vw,5.4rem);line-height:.98;letter-spacing:-.05em;margin:16px 0 22px;max-width:780px}.hero-copy p{color:#c9cad4;font-size:1.08rem;max-width:700px}.kicker{display:inline-flex;align-items:center;gap:8px;color:var(--primary);font-weight:800;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase}.hero .kicker{color:#c3bfff}.hero-art{margin:0;position:relative}.hero-art:before{content:"";position:absolute;inset:10% 8% -12% 18%;background:radial-gradient(circle,rgba(108,99,255,.45),transparent 65%);filter:blur(30px)}.hero-art img{position:relative;border-radius:28px;aspect-ratio:4/3;object-fit:cover;box-shadow:0 32px 90px rgba(0,0,0,.4)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:0;border-radius:13px;background:var(--primary);color:#fff;font-weight:800;box-shadow:0 8px 24px rgba(108,99,255,.2);cursor:pointer}.button:hover{filter:brightness(1.06)}.button--ghost{background:transparent;border:1px solid currentColor;box-shadow:none;color:inherit}.button--small{min-height:40px;padding-inline:14px}.hero-points{display:flex;gap:18px;flex-wrap:wrap;padding:0;margin:26px 0 0;list-style:none;color:#afb1bd;font-size:.9rem}.hero-points li:before{content:"•";color:var(--accent);margin-right:8px}.section{padding:72px 0}.section--tint{background:var(--bg2)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.section-head h2,.page-intro h1,.official-hero h1{margin:7px 0 0;font-size:clamp(2rem,4vw,3.5rem);line-height:1.07;letter-spacing:-.035em}.section-head>a,.text-link{color:var(--primary);font-weight:800}.work-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.work-grid--compact{grid-template-columns:repeat(3,minmax(0,1fr))}.work-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 24px rgba(23,24,33,.04);display:flex;flex-direction:column}.work-card__media{position:relative;overflow:hidden;background:#ddd}.work-card__media img{width:100%;aspect-ratio:16/10;object-fit:cover;transition:transform .35s ease}.work-card:hover .work-card__media img{transform:scale(1.035)}.pill{position:absolute;left:12px;top:12px;background:rgba(23,24,33,.82);color:#fff;padding:5px 9px;border-radius:999px;font-size:.72rem}.work-card__body{display:flex;flex-direction:column;flex:1;padding:16px}.eyebrow{color:var(--muted);font-size:.77rem;font-weight:700}.work-card h3{margin:5px 0 8px;font-size:1.15rem;line-height:1.2}.work-card p{margin:0;color:var(--muted);font-size:.9rem;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;justify-content:space-between;gap:10px;margin-top:auto;padding-top:14px;font-size:.78rem;color:var(--muted)}.card-meta a{color:var(--primary);font-weight:800}.collection-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.collection{display:grid;grid-template-columns:180px 1fr;gap:22px;background:rgba(255,255,255,.72);border:1px solid rgba(108,99,255,.12);padding:16px;border-radius:22px}.collection img{width:180px;height:150px;object-fit:cover;border-radius:14px}.collection h3{margin:6px 0 6px;font-size:1.35rem}.collection p{margin:0 0 10px;color:var(--muted);font-size:.92rem}.collection span{color:var(--primary);font-size:.86rem;font-weight:800}.split-feature{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:center;margin-bottom:28px}.split-feature h2{font-size:2.3rem;line-height:1.05;margin:10px 0}.split-feature p{color:var(--muted)}.split-feature img{border-radius:24px;width:100%;max-height:420px;object-fit:cover}.compact-list{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.compact-list a{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px;display:grid;gap:4px}.compact-list span{color:var(--primary);font-size:.72rem;font-weight:800}.compact-list small{color:var(--muted)}.info-panel{display:grid;grid-template-columns:260px 1fr;gap:28px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:18px}.info-panel img{border-radius:16px;width:260px;height:210px;object-fit:cover}.info-panel h2{margin:8px 0;font-size:1.8rem}.info-panel p{color:var(--muted)}.site-footer{background:var(--deep);color:#d8d9e1;margin-top:52px;padding:54px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .8fr .8fr;gap:38px}.footer-grid h2{font-size:.86rem;color:#fff}.footer-grid a{display:block;margin:8px 0;color:#b8bac5}.footer-grid p{max-width:520px;color:#aeb0bd}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:36px;padding-top:18px;border-top:1px solid rgba(255,255,255,.09);color:#898c99;font-size:.82rem}.page-space{padding-top:32px}.breadcrumbs{display:flex;gap:8px;align-items:center;color:var(--muted);font-size:.84rem;margin-bottom:30px}.breadcrumbs a{color:var(--primary)}.page-intro{max-width:850px;margin-bottom:30px}.page-intro>p{font-size:1.05rem;color:var(--muted)}.filter-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:18px;margin-bottom:26px;box-shadow:var(--shadow)}.filter-row{display:grid;grid-template-columns:1.5fr 1fr 1fr auto;gap:12px;align-items:end}.filter-row label{display:grid;gap:6px;font-size:.8rem;font-weight:800}.filter-row input,.filter-row select{width:100%;min-height:46px;border:1px solid rgba(34,35,43,.16);border-radius:11px;padding:0 12px;background:#fff;color:var(--text)}.reset-link{display:inline-block;margin-top:12px;color:var(--primary);font-weight:800;font-size:.86rem}.results-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin:28px 0 18px}.results-head h2{margin:0}.results-head p{margin:0;color:var(--muted)}.empty-state{text-align:center;background:#fff;border:1px solid var(--line);border-radius:24px;padding:38px}.empty-state img{width:240px;height:160px;object-fit:cover;border-radius:16px;margin:0 auto 16px}.mini-guide{display:grid;grid-template-columns:1fr 260px;gap:26px;align-items:center}.mini-guide img{border-radius:18px;height:190px;width:260px;object-fit:cover}.official-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:38px;align-items:center;padding:10px 0 56px}.official-hero>div>p{color:var(--muted);font-size:1.04rem}.official-hero img{border-radius:26px;aspect-ratio:4/3;object-fit:cover}.feature-columns{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.feature-columns article{padding:22px;background:#fff;border:1px solid var(--line);border-radius:18px}.feature-columns h3{margin-top:0}.feature-columns p{color:var(--muted)}.feature-columns a{color:var(--primary);font-weight:800}.section--line{border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 420px;gap:36px;align-items:center}.section--line img{border-radius:24px;width:420px;height:300px;object-fit:cover}.content-prose{max-width:780px}.content-prose h2{font-size:2rem;line-height:1.15}.content-prose p{color:var(--muted);font-size:1.02rem}.web-intro{max-width:none;display:grid;grid-template-columns:1fr 360px;gap:30px;align-items:center}.web-intro img{border-radius:24px;height:260px;width:360px;object-fit:cover}.step-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.step-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:24px}.step-grid span{color:var(--primary);font-weight:900}.step-grid h2{font-size:1.2rem}.step-grid p{color:var(--muted)}.device-panel{display:grid;grid-template-columns:480px 1fr;gap:38px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:28px;padding:22px}.device-panel img{border-radius:18px;width:480px;height:310px;object-fit:cover}.device-panel h2{font-size:2rem;line-height:1.12}.device-panel p{color:var(--muted)}.faq details{background:#fff;border:1px solid var(--line);border-radius:14px;padding:0 18px;margin:10px 0}.faq summary{padding:16px 0;font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin:0 0 16px}.detail-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:40px;align-items:center}.detail-hero>img{border-radius:26px;aspect-ratio:4/3;object-fit:cover;width:100%}.detail-hero h1{font-size:clamp(2.3rem,5vw,4.6rem);line-height:1;margin:10px 0 14px}.meta-row{display:flex;gap:10px;color:var(--muted);font-size:.88rem}.meta-row span{background:var(--bg2);padding:5px 9px;border-radius:999px}.lead{font-size:1.08rem;font-weight:700}.detail-hero p:not(.lead){color:var(--muted)}.error-page{text-align:center;padding:80px 0}.error-page>img{width:300px;max-height:180px;object-fit:cover;border-radius:22px;margin:0 auto 24px}.error-code{font-size:clamp(5rem,18vw,11rem);font-weight:900;line-height:.8;letter-spacing:-.08em;color:var(--primary-soft);opacity:.32}.error-page h1{font-size:2.2rem}.error-page .actions{justify-content:center}.button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,.menu-toggle:focus-visible{outline:3px solid var(--accent);outline-offset:3px}
@media(max-width:1000px){.work-grid{grid-template-columns:repeat(3,1fr)}.hero-grid,.official-hero,.detail-hero{grid-template-columns:1fr}.hero-art{max-width:720px}.feature-columns{grid-template-columns:repeat(2,1fr)}.compact-list{grid-template-columns:repeat(2,1fr)}.section--line,.device-panel{grid-template-columns:1fr}.device-panel img,.section--line img{width:100%;height:auto;max-height:420px}.filter-row{grid-template-columns:1fr 1fr}.filter-row .button{width:100%}.web-intro{grid-template-columns:1fr 280px}.web-intro img{width:280px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:760px){:root{--shell:min(100% - 28px,1180px)}.site-header{position:relative}.header-inner{min-height:68px}.menu-toggle{display:block}.site-nav{position:absolute;left:14px;right:14px;top:62px;background:var(--deep);padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:14px;display:none;flex-direction:column;align-items:stretch}.site-nav.is-open{display:flex}.site-nav a{padding:11px 12px}.hero{padding:42px 0}.hero-copy h1{font-size:clamp(2.35rem,12vw,4rem)}.hero-grid{gap:30px}.section{padding:48px 0}.section-head{align-items:start}.work-grid,.work-grid--compact{grid-template-columns:repeat(2,1fr)}.collection-grid{grid-template-columns:1fr}.collection{grid-template-columns:120px 1fr}.collection img{width:120px;height:120px}.split-feature{grid-template-columns:1fr}.info-panel{grid-template-columns:1fr}.info-panel img{width:100%;height:220px}.feature-columns,.step-grid{grid-template-columns:1fr 1fr}.web-intro{grid-template-columns:1fr}.web-intro img{width:100%;height:240px}.mini-guide{grid-template-columns:1fr}.mini-guide img{width:100%;height:220px}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-bottom{flex-direction:column}.results-head{align-items:start;flex-direction:column}.filter-row{grid-template-columns:1fr}.detail-hero{gap:26px}}
@media(max-width:520px){.work-grid,.work-grid--compact,.feature-columns,.step-grid,.compact-list{grid-template-columns:1fr}.section-head{display:block}.section-head>a{display:inline-block;margin-top:10px}.collection{grid-template-columns:100px 1fr;gap:14px}.collection img{width:100px;height:100px}.hero-points{display:grid;gap:6px}.page-space{padding-top:20px}.official-hero{padding-bottom:32px}.button{width:100%}.actions{display:grid;grid-template-columns:1fr}.site-footer{margin-top:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}
@media(prefers-color-scheme:dark){body{background:#12131a;color:#ececf4}.section--tint{background:#1b1c26}.work-card,.filter-panel,.feature-columns article,.step-grid article,.device-panel,.faq details,.info-panel,.compact-list a,.empty-state{background:#191a23;border-color:rgba(255,255,255,.09)}.work-card p,.collection p,.split-feature p,.info-panel p,.results-head p,.content-prose p,.step-grid p,.device-panel p,.faq p,.detail-hero p:not(.lead){color:#b1b3c0}.collection{background:rgba(25,26,35,.8);border-color:rgba(167,139,250,.18)}.filter-row input,.filter-row select{background:#12131a;color:#ececf4;border-color:rgba(255,255,255,.14)}.breadcrumbs,.eyebrow,.card-meta{color:#a8aab5}.section--line{border-color:rgba(255,255,255,.09)}}

.space-1{margin-top:1px} .pad-1{padding:1px} .radius-1{border-radius:1px}
@media(max-width:1195px){.adaptive-1{gap:30px}}
.space-2{margin-top:2px} .pad-2{padding:2px} .radius-2{border-radius:2px}
@media(max-width:1190px){.adaptive-2{gap:30px}}
.space-3{margin-top:3px} .pad-3{padding:3px} .radius-3{border-radius:3px}
@media(max-width:1185px){.adaptive-3{gap:29px}}
.space-4{margin-top:4px} .pad-4{padding:4px} .radius-4{border-radius:4px}
@media(max-width:1180px){.adaptive-4{gap:29px}}
.space-5{margin-top:5px} .pad-5{padding:5px} .radius-5{border-radius:5px}
@media(max-width:1175px){.adaptive-5{gap:29px}}
.space-6{margin-top:6px} .pad-6{padding:6px} .radius-6{border-radius:6px}
@media(max-width:1170px){.adaptive-6{gap:28px}}
.space-7{margin-top:7px} .pad-7{padding:7px} .radius-7{border-radius:7px}
@media(max-width:1165px){.adaptive-7{gap:28px}}
.space-8{margin-top:8px} .pad-8{padding:8px} .radius-8{border-radius:8px}
@media(max-width:1160px){.adaptive-8{gap:28px}}
.space-9{margin-top:9px} .pad-9{padding:9px} .radius-9{border-radius:9px}
@media(max-width:1155px){.adaptive-9{gap:27px}}
.space-10{margin-top:10px} .pad-10{padding:10px} .radius-10{border-radius:10px}
@media(max-width:1150px){.adaptive-10{gap:27px}}
.space-11{margin-top:11px} .pad-11{padding:11px} .radius-11{border-radius:11px}
@media(max-width:1145px){.adaptive-11{gap:27px}}
.space-12{margin-top:12px} .pad-12{padding:12px} .radius-12{border-radius:12px}
@media(max-width:1140px){.adaptive-12{gap:26px}}
.space-13{margin-top:13px} .pad-13{padding:13px} .radius-13{border-radius:13px}
@media(max-width:1135px){.adaptive-13{gap:26px}}
.space-14{margin-top:14px} .pad-14{padding:14px} .radius-14{border-radius:14px}
@media(max-width:1130px){.adaptive-14{gap:26px}}
.space-15{margin-top:15px} .pad-15{padding:15px} .radius-15{border-radius:15px}
@media(max-width:1125px){.adaptive-15{gap:25px}}
.space-16{margin-top:16px} .pad-16{padding:16px} .radius-16{border-radius:16px}
@media(max-width:1120px){.adaptive-16{gap:25px}}
.space-17{margin-top:17px} .pad-17{padding:17px} .radius-17{border-radius:17px}
@media(max-width:1115px){.adaptive-17{gap:25px}}
.space-18{margin-top:18px} .pad-18{padding:18px} .radius-18{border-radius:18px}
@media(max-width:1110px){.adaptive-18{gap:24px}}
.space-19{margin-top:19px} .pad-19{padding:19px} .radius-19{border-radius:19px}
@media(max-width:1105px){.adaptive-19{gap:24px}}
.space-20{margin-top:20px} .pad-20{padding:20px} .radius-20{border-radius:20px}
@media(max-width:1100px){.adaptive-20{gap:24px}}
.space-21{margin-top:21px} .pad-21{padding:21px} .radius-21{border-radius:21px}
@media(max-width:1095px){.adaptive-21{gap:23px}}
.space-22{margin-top:22px} .pad-22{padding:22px} .radius-22{border-radius:22px}
@media(max-width:1090px){.adaptive-22{gap:23px}}
.space-23{margin-top:23px} .pad-23{padding:23px} .radius-23{border-radius:23px}
@media(max-width:1085px){.adaptive-23{gap:23px}}
.space-24{margin-top:24px} .pad-24{padding:24px} .radius-24{border-radius:24px}
@media(max-width:1080px){.adaptive-24{gap:22px}}
.space-25{margin-top:25px} .pad-25{padding:24px} .radius-25{border-radius:25px}
@media(max-width:1075px){.adaptive-25{gap:22px}}
.space-26{margin-top:26px} .pad-26{padding:24px} .radius-26{border-radius:26px}
@media(max-width:1070px){.adaptive-26{gap:22px}}
.space-27{margin-top:27px} .pad-27{padding:24px} .radius-27{border-radius:27px}
@media(max-width:1065px){.adaptive-27{gap:21px}}
.space-28{margin-top:28px} .pad-28{padding:24px} .radius-28{border-radius:28px}
@media(max-width:1060px){.adaptive-28{gap:21px}}
.space-29{margin-top:29px} .pad-29{padding:24px} .radius-29{border-radius:28px}
@media(max-width:1055px){.adaptive-29{gap:21px}}
.space-30{margin-top:30px} .pad-30{padding:24px} .radius-30{border-radius:28px}
@media(max-width:1050px){.adaptive-30{gap:20px}}
.space-31{margin-top:31px} .pad-31{padding:24px} .radius-31{border-radius:28px}
@media(max-width:1045px){.adaptive-31{gap:20px}}
.space-32{margin-top:32px} .pad-32{padding:24px} .radius-32{border-radius:28px}
@media(max-width:1040px){.adaptive-32{gap:20px}}
.space-33{margin-top:33px} .pad-33{padding:24px} .radius-33{border-radius:28px}
@media(max-width:1035px){.adaptive-33{gap:19px}}
.space-34{margin-top:34px} .pad-34{padding:24px} .radius-34{border-radius:28px}
@media(max-width:1030px){.adaptive-34{gap:19px}}
.space-35{margin-top:35px} .pad-35{padding:24px} .radius-35{border-radius:28px}
@media(max-width:1025px){.adaptive-35{gap:19px}}
.space-36{margin-top:36px} .pad-36{padding:24px} .radius-36{border-radius:28px}
@media(max-width:1020px){.adaptive-36{gap:18px}}
.space-37{margin-top:37px} .pad-37{padding:24px} .radius-37{border-radius:28px}
@media(max-width:1015px){.adaptive-37{gap:18px}}
.space-38{margin-top:38px} .pad-38{padding:24px} .radius-38{border-radius:28px}
@media(max-width:1010px){.adaptive-38{gap:18px}}
.space-39{margin-top:39px} .pad-39{padding:24px} .radius-39{border-radius:28px}
@media(max-width:1005px){.adaptive-39{gap:17px}}
.space-40{margin-top:40px} .pad-40{padding:24px} .radius-40{border-radius:28px}
@media(max-width:1000px){.adaptive-40{gap:17px}}
.space-41{margin-top:41px} .pad-41{padding:24px} .radius-41{border-radius:28px}
@media(max-width:995px){.adaptive-41{gap:17px}}
.space-42{margin-top:42px} .pad-42{padding:24px} .radius-42{border-radius:28px}
@media(max-width:990px){.adaptive-42{gap:16px}}
.space-43{margin-top:43px} .pad-43{padding:24px} .radius-43{border-radius:28px}
@media(max-width:985px){.adaptive-43{gap:16px}}
.space-44{margin-top:44px} .pad-44{padding:24px} .radius-44{border-radius:28px}
@media(max-width:980px){.adaptive-44{gap:16px}}
.space-45{margin-top:45px} .pad-45{padding:24px} .radius-45{border-radius:28px}
@media(max-width:975px){.adaptive-45{gap:15px}}
.space-46{margin-top:46px} .pad-46{padding:24px} .radius-46{border-radius:28px}
@media(max-width:970px){.adaptive-46{gap:15px}}
.space-47{margin-top:47px} .pad-47{padding:24px} .radius-47{border-radius:28px}
@media(max-width:965px){.adaptive-47{gap:15px}}
.space-48{margin-top:48px} .pad-48{padding:24px} .radius-48{border-radius:28px}
@media(max-width:960px){.adaptive-48{gap:14px}}
.space-49{margin-top:49px} .pad-49{padding:24px} .radius-49{border-radius:28px}
@media(max-width:955px){.adaptive-49{gap:14px}}
.space-50{margin-top:50px} .pad-50{padding:24px} .radius-50{border-radius:28px}
@media(max-width:950px){.adaptive-50{gap:14px}}
.space-51{margin-top:51px} .pad-51{padding:24px} .radius-51{border-radius:28px}
@media(max-width:945px){.adaptive-51{gap:13px}}
.space-52{margin-top:52px} .pad-52{padding:24px} .radius-52{border-radius:28px}
@media(max-width:940px){.adaptive-52{gap:13px}}
.space-53{margin-top:53px} .pad-53{padding:24px} .radius-53{border-radius:28px}
@media(max-width:935px){.adaptive-53{gap:13px}}
.space-54{margin-top:54px} .pad-54{padding:24px} .radius-54{border-radius:28px}
@media(max-width:930px){.adaptive-54{gap:12px}}
.space-55{margin-top:55px} .pad-55{padding:24px} .radius-55{border-radius:28px}
@media(max-width:925px){.adaptive-55{gap:12px}}
.space-56{margin-top:56px} .pad-56{padding:24px} .radius-56{border-radius:28px}
@media(max-width:920px){.adaptive-56{gap:12px}}
.space-57{margin-top:57px} .pad-57{padding:24px} .radius-57{border-radius:28px}
@media(max-width:915px){.adaptive-57{gap:11px}}
.space-58{margin-top:58px} .pad-58{padding:24px} .radius-58{border-radius:28px}
@media(max-width:910px){.adaptive-58{gap:11px}}
.space-59{margin-top:59px} .pad-59{padding:24px} .radius-59{border-radius:28px}
@media(max-width:905px){.adaptive-59{gap:11px}}
.space-60{margin-top:60px} .pad-60{padding:24px} .radius-60{border-radius:28px}
@media(max-width:900px){.adaptive-60{gap:10px}}

.genre-note{display:grid;grid-template-columns:1fr 260px;gap:26px;align-items:center;margin:0 0 26px;padding:22px;background:linear-gradient(135deg,rgba(108,99,255,.09),rgba(167,139,250,.04));border:1px solid rgba(108,99,255,.16);border-radius:22px}.genre-note h2{margin:8px 0 10px;font-size:1.55rem;line-height:1.2}.genre-note p{margin:0 0 10px;color:var(--muted)}.genre-note strong{font-size:.88rem;color:var(--primary)}.genre-note img{width:260px;height:180px;object-fit:cover;border-radius:16px}
@media(max-width:760px){.genre-note{grid-template-columns:1fr}.genre-note img{width:100%;height:210px}}
@media(prefers-color-scheme:dark){.genre-note{background:linear-gradient(135deg,rgba(108,99,255,.15),rgba(167,139,250,.05));border-color:rgba(167,139,250,.2)}.genre-note p{color:#b1b3c0}}