.p-shell{background:#0b100c;color:#f6f2e7}.p-header{height:74px;padding:0 4%;display:flex;align-items:center;gap:28px;background:#080b08;border-bottom:1px solid #c4a65c55}.p-header .brand{margin-right:auto}.p-back{font-size:12px;color:#d9d1bd}.p-header select{border:1px solid #8d7944;border-radius:4px;width:125px;background:#10170f}.p-hero{min-height:440px;display:flex;align-items:center;padding:60px 5%;background:linear-gradient(90deg,#060b08f5,#060b08a0 35%,#060b0810 78%),url('/assets/peperta-ensemble.png') center 37%/cover}.p-hero>div{max-width:65%}.p-hero h1{font-size:clamp(50px,6.5cqw,94px);color:#f4d77e;line-height:1.15;letter-spacing:-.2cqw}.p-tagline{margin:16px 0 28px;font-size:clamp(16px,1.7cqw,24px);font-weight:700}.p-hero .btn{min-width:150px}.p-tabs{position:sticky;top:0;z-index:12;display:flex;gap:38px;padding:18px 5%;background:#0a110df5;border-block:1px solid #635632;backdrop-filter:blur(12px)}.p-tabs a{font-size:13px;font-weight:800;color:#e1d7bb}.p-tabs a:hover{color:#ffe39a}.p-section{padding:48px 5%;scroll-margin-top:64px}.p-section h2{font-size:clamp(26px,3cqw,42px);font-weight:900;letter-spacing:-1px}.p-section-title{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:28px}.p-section-title .eyebrow{margin-bottom:9px}.p-intro{display:grid;grid-template-columns:1.5fr 1fr;gap:60px;background:#f8f1e2;color:#171d15}.p-intro .eyebrow{color:#9c742d}.p-intro h2{font-size:clamp(26px,2.6cqw,36px)}.p-intro p:not(.eyebrow){margin:18px 0;font-size:14px;line-height:1.95;color:#5d6054}.p-text-link{font-size:13px;font-weight:800;border-bottom:1px solid #ab8240;padding-bottom:5px;color:#775820}.p-facts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;gap:16px}.p-facts div{border-left:1px solid #c6b68d;padding-left:16px;min-width:0}.p-facts strong{display:block;font:700 clamp(35px,4cqw,57px)/1.1 Oswald,sans-serif;color:#926d23}.p-facts span{display:block;font-size:12px;font-weight:700;margin-top:10px;line-height:1.6;overflow-wrap:anywhere}.p-roster{background:radial-gradient(ellipse at top left,#51412033,transparent 70%),#0c120e}.p-counter{font:600 23px Oswald,sans-serif;color:#eed493;white-space:nowrap}.p-search{display:flex;gap:12px;margin-bottom:18px}.p-search input{width:100%;max-width:480px;padding:13px 16px;background:#161e17;color:#fff;border:1px solid #6e6849;border-radius:5px;font:inherit;font-size:14px}.p-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}.p-filters button{padding:8px 16px;border:1px solid #56604c;border-radius:30px;font-size:12px;color:#bdc7b5;background:#141c15}.p-filters button[aria-pressed=true]{background:#e8cd7f;color:#172014;border-color:#f2d996;font-weight:800}.p-roster-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:16px;overflow:visible;padding:2px 10px 10px 2px;scrollbar-color:#a48a48 #151d17;scrollbar-width:thin}.p-hero-card{padding:0;background:#141d16;border:1px solid #4d5844;border-radius:5px;overflow:hidden;min-width:0;text-align:left;transition:border-color .2s,transform .2s}.p-hero-card:hover{border-color:#e4c978;transform:translateY(-2px)}.p-hero-card[aria-pressed=true]{border-color:#f1d381;box-shadow:0 0 0 1px #f1d381}.p-hero-card img{width:100%;aspect-ratio:4/5;object-fit:contain;padding:12px 8px;background:#262c1f;display:block}.p-hero-card strong{display:block;font-size:12px;padding:10px 9px 3px;line-height:1.5;overflow-wrap:anywhere}.p-hero-card small{display:block;color:#b6bcaa;font-size:10px;padding:0 9px 11px}.p-skills{background:#f5eedf;color:#192116}.p-skills .eyebrow{color:#947134}.p-hero-heading{display:flex;align-items:center;gap:20px;margin-bottom:26px}.p-hero-heading>img{width:90px;height:110px;object-fit:contain;padding:5px;border:1px solid #bba068;border-radius:6px;background:#dcd0ad}.p-role{font-size:11px;font-weight:800;letter-spacing:1px;color:#856024}.p-hero-heading h3{font-size:clamp(24px,2.5cqw,35px);font-weight:900;margin:4px 0 12px}.p-stat-row{display:flex;gap:20px;flex-wrap:wrap}.p-stat-row span{font-size:11px;color:#6c705f}.p-stat-row b{font-size:14px;color:#252e1e;margin-left:7px}.p-skill-layout{display:grid;grid-template-columns:1.1fr 1fr;gap:28px;align-items:start}.p-motion{border:1px solid #bca56e;background:#fff9eb;border-radius:6px;overflow:hidden}.p-stage{height:350px;display:grid;grid-template-columns:63% 37%;background:radial-gradient(ellipse at bottom,#cbb57466,transparent 65%),linear-gradient(#f8f1db,#eee5cd)}.p-stage>div{position:relative;overflow:hidden}.p-stage-body{border-right:1px solid #d0c398}.p-stage>div>span{position:absolute;top:13px;left:13px;z-index:1;font-size:10px;color:#8d7b4c;font-weight:700;letter-spacing:.5px}.p-stage img{height:85%;width:100%;object-fit:contain;position:absolute;bottom:0;left:0}.p-stage canvas{width:100%;height:100%;object-fit:contain}.p-motion-bar{display:flex;gap:10px;padding:14px 16px 0}.p-motion-bar .btn{min-height:38px;font-size:12px;padding:8px 20px}.p-motion-bar .outline{color:#655128;border-color:#baa166;background:#fff8e2}.p-motion-bar button:disabled{opacity:.45;cursor:default}.p-motion-status{font-size:11px;color:#7c765f;min-height:34px;padding:7px 16px 12px;line-height:1.5}.p-skill-tabs{display:flex;flex-wrap:wrap;gap:7px;margin-bottom:14px}.p-skill-tabs button{flex:1 1 80px;padding:10px 8px;border:1px solid #bead81;border-radius:4px;background:#fffaec;font-size:12px;font-weight:800;text-align:center;color:#786130}.p-skill-tabs button[aria-pressed=true]{background:#1b2b1e;border-color:#1b2b1e;color:#f2d58a}.p-skill-info{padding:22px;border:1px solid #d2bf91;border-radius:5px;background:#fffaf0;min-height:260px}.p-skill-info h4{font-size:21px;font-weight:900;line-height:1.45;margin:0 0 15px}.p-skill-info p{font-size:13px;line-height:1.85;color:#5e6756;margin-top:14px}.p-skill-info dl{display:grid;grid-template-columns:1fr 1fr;gap:12px 20px;margin:0}.p-skill-info dl div{padding-bottom:10px;border-bottom:1px solid #e4d8b7}.p-skill-info dt{font-size:11px;color:#8a7a53}.p-skill-info dd{margin:4px 0 0;font-size:16px;font-weight:800;color:#253322}.p-updates{background:#0d150f}.p-source-date{font-size:11px;color:#b9c1aa}.p-update{display:grid;grid-template-columns:130px 1fr;gap:26px;padding:26px 0;border-top:1px solid #4c563e}.p-update time{font:400 16px Oswald,sans-serif;color:#d2bb76}.p-update h3{font-size:20px;line-height:1.5;margin-bottom:10px}.p-update p{font-size:13px;color:#b8c0ac;line-height:1.8}.p-shell footer{display:flex;align-items:center;justify-content:space-between;padding:18px 5%;font-size:12px}.p-shell footer .brand{margin-right:auto}.p-shell footer>a:not(.brand){margin-left:25px}html:lang(ar) .p-shell [data-l]{direction:rtl;unicode-bidi:isolate;text-align:left}.p-header,.p-tabs,.p-roster-grid,.p-skill-layout,.p-stage,.p-stat-row,.p-update{direction:ltr}
@media(max-width:1100px){.p-roster-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.p-intro{gap:28px}.p-skill-layout{gap:18px}.p-stage{height:300px}.p-header{gap:18px}.p-header .brand span{display:none}}
@media(max-width:800px){.p-header{height:65px;padding:0 18px;gap:12px}.p-header .brand b{font-size:25px}.p-back{font-size:11px}.p-header select{width:90px;padding:8px 3px}.p-hero{min-height:440px;padding:170px 22px 35px;align-items:end;background-position:60% center}.p-hero>div{max-width:100%}.p-hero h1{font-size:55px}.p-tagline{font-size:17px;margin:12px 0 22px}.p-hero .btn{min-width:130px;font-size:12px}.p-tabs{padding:15px 18px;gap:22px;overflow-x:auto}.p-tabs a{font-size:12px;white-space:nowrap}.p-section{padding:32px 20px}.p-section-title{gap:12px;align-items:center;margin-bottom:22px}.p-section h2{font-size:28px}.p-intro{grid-template-columns:1fr;gap:24px}.p-intro p:not(.eyebrow){font-size:13px}.p-facts{gap:12px}.p-facts strong{font-size:38px}.p-facts span{font-size:11px}.p-roster-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding-right:6px}.p-hero-card strong{font-size:11px;padding:8px 7px 3px}.p-hero-card small{font-size:9px;padding:0 7px 9px}.p-search .btn{padding:8px 13px;font-size:11px}.p-search input{min-width:0;font-size:13px}.p-filters{gap:6px}.p-filters button{font-size:11px;padding:7px 11px}.p-hero-heading{gap:14px;align-items:start}.p-hero-heading>img{width:70px;height:70px}.p-hero-heading h3{font-size:24px}.p-stat-row{gap:8px 15px}.p-skill-layout{grid-template-columns:1fr}.p-stage{height:320px}.p-skill-info{padding:18px;min-height:0}.p-update{grid-template-columns:1fr;gap:10px;padding:22px 0}.p-source-date{font-size:10px}.p-shell footer{padding:22px 20px;gap:15px;flex-wrap:wrap}.p-shell footer .brand{width:100%}.p-shell footer>a:not(.brand){margin:0}.p-motion-bar .btn{padding:9px 16px}.p-section-title .eyebrow{font-size:9px}.p-hero-heading .p-stat-row b{font-size:12px}}
@media(prefers-reduced-motion:reduce){.p-hero-card{transition:none}}

.p-catalogue-note{font-size:13px;line-height:1.8;color:#bec5b3;margin:0 0 22px}.p-manual-links{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:30px}.p-manual-links a{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:20px 16px;border:1px solid #6e6849;background:#172017;border-radius:5px;color:#f4e4b4;font-size:13px;font-weight:700}.p-manual-links strong{font:600 26px Oswald,sans-serif}.p-original-details{font-size:13px;line-height:1.8;margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:18px;color:#656d59}.p-original-details h4{font-size:12px;color:#8c6d32;margin-bottom:7px}.p-hero-card{align-self:start}.p-hero-card img{object-position:center}.p-roster-grid{align-items:start}.p-hero-card strong{min-height:3.5em}.p-more{margin-top:28px;padding-top:24px;border-top:1px solid #65562c}.p-more h3{font-size:22px;margin-bottom:20px}.p-support-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.p-support-card{border:1px solid #4d5844;border-radius:5px;background:#151e16;padding:18px;min-width:0}.p-support-card img{display:block;width:100%;height:180px;object-fit:contain;margin-bottom:15px}.p-support-card h4{font-size:16px;line-height:1.6;color:#f1d893}.p-support-card p{font-size:12px;line-height:1.8;color:#c0c7b5;margin-top:8px}.p-support-card a{display:inline-block;font-size:12px;color:#ebce81;margin-top:12px}.p-manual-links a:hover{border-color:#f0d181}@media(max-width:800px){.p-manual-links{grid-template-columns:1fr 1fr;gap:10px}.p-original-details{grid-template-columns:1fr}.p-support-grid{grid-template-columns:1fr}.p-support-card{display:grid;grid-template-columns:100px 1fr;gap:16px;align-items:center}.p-support-card img{height:150px;margin:0}.p-hero-card img{padding:9px 5px}.p-hero-card strong{min-height:4.5em}}

.p-hero-dialog{width:min(1140px,calc(100vw - 48px));max-width:none;max-height:92dvh;padding:0;border:1px solid #bda25b;border-radius:10px;background:#f5eedf;color:#192116;box-shadow:0 24px 100px #0009;overflow:hidden;margin:auto;direction:ltr}.p-hero-dialog::backdrop{background:#020604c9;backdrop-filter:blur(5px)}.p-dialog-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:60px;padding:10px 24px;background:#101a12;color:#edd18b;border-bottom:1px solid #b99c51}.p-dialog-bar strong{font-size:16px;font-weight:800}.p-dialog-bar button{display:grid;place-items:center;width:40px;height:40px;border:1px solid #ad955a;border-radius:5px;background:#1c281c;color:#f5dfab;font-size:30px;line-height:1;cursor:pointer}.p-dialog-bar button:hover{background:#3c4525}.p-dialog-content{max-height:calc(92dvh - 60px);overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#a48a48 #eae0c7}.p-hero-dialog .p-section{padding:28px 32px 30px}.p-hero-dialog .p-section-title{margin-bottom:20px}.p-hero-dialog .p-section h2{font-size:27px}.p-hero-dialog .p-hero-heading{margin-bottom:22px}.p-hero-dialog .p-hero-heading h3{font-size:29px}.p-hero-dialog .p-stage{height:320px}.p-hero-dialog .p-original-details{margin-top:20px}.p-hero-card:focus-visible,.p-dialog-bar button:focus-visible{outline:3px solid #e9ce83;outline-offset:3px}
@media(max-width:800px){.p-hero-dialog{width:calc(100vw - 20px);max-height:calc(100dvh - 20px);border-radius:8px}.p-dialog-bar{padding:8px 16px;min-height:56px}.p-dialog-content{max-height:calc(100dvh - 76px)}.p-hero-dialog .p-section{padding:22px 18px}.p-hero-dialog .p-stage{height:300px}.p-hero-dialog .p-hero-heading h3{font-size:24px}.p-hero-dialog .p-section h2{font-size:23px}.p-hero-dialog .p-skill-tabs{position:relative}}

html:has(.p-hero-dialog){scrollbar-gutter:stable}

.p-hero-dialog .p-native-stage{display:block;position:relative;height:auto;aspect-ratio:900/520;background:#17231b}.p-native-stage #body-canvas{display:block;width:100%;height:100%;object-fit:contain}.p-native-stage #body-canvas[hidden]{display:none}.p-native-stage #motion-poster{height:90%;width:100%;position:absolute;left:0;bottom:0;object-fit:contain}.p-native-stage:has(#body-canvas[hidden]){min-height:280px}
