.service-ribbon{padding-right:0}.marquee-window{mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 40px),transparent)}
.pc-trigger{font:inherit;border:0;padding:0;background:none;color:inherit;text-align:left;cursor:pointer;width:100%;border-radius:5px}.pc-trigger .hero-image{transition:filter .4s,scale .6s}.pc-trigger:hover .hero-image{filter:brightness(1.12);scale:1.015}.pc-trigger:focus-visible{outline:2px solid var(--lime);outline-offset:7px}.hero-image-label{transition:border-color .25s,background .25s;gap:13px}.pc-trigger:hover .hero-image-label{border-color:var(--lime);background:#293123f2}.hero-image-label strong{display:block;font-size:15px;line-height:1.7;font-weight:550;letter-spacing:0}.hero-image-label>span:nth-child(2)>span{display:block;font-size:12px;line-height:1.7;letter-spacing:.01em;color:#bfc8c1}.hero-image-label>svg{width:21px;height:21px;color:var(--lime);margin-left:14px}.label-cross{transition:rotate .35s}.pc-trigger:hover .label-cross{rotate:90deg}
#pc-explorer{padding:0;border:1px solid #454d47;border-radius:14px;background:#121719;color:var(--ink);width:min(1140px,calc(100% - 48px));max-width:none;max-height:calc(100dvh - 48px);overflow:auto;box-shadow:0 35px 120px #0009}#pc-explorer::backdrop{background:#030708d9;backdrop-filter:blur(12px)}#pc-explorer[open]{animation:explorer-in .35s ease both}.explorer-shell{padding:30px 34px 26px;min-width:0}.explorer-header{display:flex;justify-content:space-between;gap:24px;align-items:flex-start}.explorer-header .eyebrow{font-size:11px;color:var(--lime);margin-bottom:9px}.explorer-header h2{font-size:32px;letter-spacing:-.045em}.explorer-header p:last-child{font-size:14px;color:#b2bcb6;line-height:1.6;margin:12px 0 0}.explorer-close{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#22292b;border:1px solid #46504b;color:var(--ink);flex-shrink:0;cursor:pointer}.explorer-close svg{width:21px;height:21px}.explorer-close:hover{background:#3a4431;color:var(--lime)}.explorer-close:focus-visible,.assembly-toggle:focus-visible,.pc-part:focus-visible{outline:2px solid var(--lime);outline-offset:5px}.exploder{height:490px;position:relative;isolation:isolate;margin-top:5px;overflow:hidden;background:radial-gradient(ellipse at 50% 48%,#28373155,transparent 57%)}.case-assembly{position:absolute;left:50%;top:49%;width:39%;height:87%;transform:translate(-50%,-50%);pointer-events:none}.case-assembly img{position:absolute;width:100%;height:100%;object-fit:contain;transition:opacity .65s ease,transform 1s ease}.assembled-pc{mask-image:radial-gradient(ellipse,#000 45%,transparent 74%);object-fit:cover!important}.empty-pc{opacity:0;transform:scale(.9)}.is-exploded .empty-pc{opacity:.7;transform:scale(.92)}.is-exploded .assembled-pc{opacity:0;transform:scale(.92)}.case-caption{position:absolute;left:50%;bottom:13px;transform:translateX(-50%);color:#c2cbbf;text-align:center;font-size:11px;letter-spacing:.14em;opacity:0;transition:opacity .6s}.case-caption>span{display:block;font-size:12px;color:#85938a;letter-spacing:0;margin-top:7px;white-space:nowrap}.is-exploded .case-caption{opacity:1}
.pc-part{position:absolute;left:50%;top:50%;width:210px;padding:0;background:transparent;border:0;color:var(--ink);opacity:0;transform:translate(-50%,-50%) scale(.25);cursor:pointer;transition:left .95s cubic-bezier(.2,.7,.2,1),top .95s cubic-bezier(.2,.7,.2,1),transform .95s cubic-bezier(.2,.7,.2,1),opacity .5s;z-index:2}.is-exploded .pc-part{left:var(--x);top:var(--y);opacity:1;transform:translate(-50%,-50%) scale(1)}.pc-part:disabled{pointer-events:none}.part-cpu{--x:16%;--y:18%;--column:1;--row:0}.part-gpu{--x:16%;--y:49%;--column:0;--row:0}.part-psu{--x:16%;--y:80%;--column:1;--row:1}.part-ram{--x:84%;--y:18%;--column:2;--row:0}.part-board{--x:84%;--y:49%;--column:0;--row:1}.part-cooler{--x:84%;--y:80%;--column:2;--row:1}.part-art{display:block;width:172px;height:115px;margin:auto;background-image:url('assets/pc-components.png');background-size:300% 200%;background-position:calc(var(--column)*50%) calc(var(--row)*100%);background-repeat:no-repeat;filter:drop-shadow(0 8px 12px #0008);transition:transform .35s,filter .35s}.part-label{display:flex;align-items:center;justify-content:center;gap:10px;width:max-content;max-width:100%;margin:-1px auto 0;padding:8px 10px;border:1px solid #44524b;border-radius:4px;background:#1a2224ec;font:500 12px/1.3 var(--body);white-space:nowrap;transition:border-color .25s,color .25s,background .25s}.part-label>span{color:#a5b38d;font:400 10px var(--body)}.part-label>b{color:var(--lime);font-size:16px;font-weight:400}.pc-part:hover .part-art,.pc-part[aria-pressed=true] .part-art{transform:translateY(-6px) scale(1.08);filter:drop-shadow(0 4px 13px #b8ff7938)}.pc-part:hover .part-label,.pc-part[aria-pressed=true] .part-label{border-color:var(--lime);color:var(--lime);background:#283122}.explorer-bottom{display:grid;grid-template-columns:1fr auto;gap:32px;align-items:center;border-top:1px solid #36423b;padding-top:22px;min-height:137px}.part-category{font-size:10px;letter-spacing:.13em;color:var(--lime);margin-bottom:7px}.part-title{font:500 20px/1.3 var(--display);letter-spacing:-.02em;margin-bottom:7px}.part-description{font-size:14px;line-height:1.65;color:#b9c2bb;max-width:670px;margin-bottom:0}.assembly-toggle{display:flex;gap:11px;align-items:center;justify-content:center;border:1px solid #849c4c;background:var(--lime);color:#131910;min-height:45px;padding:12px 16px;border-radius:4px;font:550 13px var(--body);cursor:pointer;white-space:nowrap}.assembly-toggle svg{width:18px;height:18px}.assembly-toggle:hover{background:#e5ff91}@keyframes explorer-in{from{opacity:0;transform:translateY(12px) scale(.985)}to{opacity:1;transform:none}}
@media(min-width:721px) and (max-height:850px){.explorer-shell{padding:22px 28px}.explorer-header h2{font-size:27px}.exploder{height:390px}.part-art{width:138px;height:92px}.part-label{padding:6px 9px}.explorer-bottom{min-height:118px;padding-top:16px}}
@media(max-width:720px){#pc-explorer{width:calc(100% - 18px);max-height:calc(100dvh - 18px);border-radius:10px}.explorer-shell{padding:21px 14px 20px}.explorer-header{gap:10px}.explorer-header h2{font-size:26px;max-width:245px}.explorer-header .eyebrow{font-size:10px;letter-spacing:.12em}.explorer-header p:last-child{font-size:13px;margin-top:10px}.explorer-close{width:33px;height:33px}.exploder{height:415px;margin-top:10px}.case-assembly{width:51%;height:76%;top:48%}.part-cpu,.part-gpu,.part-psu{--x:23%}.part-ram,.part-board,.part-cooler{--x:77%}.pc-part{width:138px}.part-art{width:132px;height:88px}.part-label{font-size:11px;gap:5px;padding:7px 6px}.part-label>span{font-size:10px}.part-label>b{font-size:14px}.case-caption{bottom:8px;font-size:10px}.case-caption>span{font-size:11px}.explorer-bottom{grid-template-columns:1fr;gap:17px;min-height:0;padding-top:18px}.part-description{font-size:14px;line-height:1.6;min-height:68px}.part-title{font-size:20px}.part-category{font-size:10px}.assembly-toggle{justify-self:start;font-size:13px}.hero-image-label{padding:12px 15px}.hero-image-label>svg{margin-left:5px}.marquee-window{mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 20px),transparent)}}
@media(max-width:360px){.explorer-shell{padding-inline:10px}.explorer-header h2{font-size:23px}.pc-part{width:121px}.part-art{width:117px;height:78px}.part-label{font-size:10px;gap:4px}.part-label>span{display:none}.exploder{height:385px}}
.part-art{position:relative;display:flex;align-items:center;justify-content:center;width:184px;height:120px;background:none;filter:none}.part-cutout{display:block;flex:none;background-image:url('assets/pc-components.png');background-repeat:no-repeat;mask-image:radial-gradient(ellipse at center,#000 58%,transparent 79%);filter:drop-shadow(0 6px 8px #0005)}.sprite-gpu .part-cutout{width:177px;height:129px;background-size:279.273% 256%;background-position:1.014% 8.013%}.sprite-cpu .part-cutout{width:133px;height:124px;background-size:341.333% 243.81%;background-position:52.486% 9.106%}.sprite-ram .part-cutout{width:135px;height:127px;background-size:313.469% 222.609%;background-position:99.426% 2.66%}.sprite-board .part-cutout{width:117px;height:134px;background-size:320% 186.182%;background-position:1.894% 95.57%}.sprite-psu .part-cutout{width:141px;height:133px;background-size:301.176% 213.333%;background-position:50.097% 91.912%}.sprite-cooler .part-cutout{width:156px;height:147px;background-size:301.176% 213.333%;background-position:99.903% 93.75%}.empty-pc{object-fit:cover!important;mask-image:radial-gradient(ellipse,#000 40%,transparent 73%)}.part-label{font-size:14px}.part-label>span{font-size:12px}.explorer-header .eyebrow,.part-category,.case-caption{font-size:12px}.part-label{position:relative;z-index:1}.case-caption>span{font-size:12px}.assembly-toggle{font-size:14px}
@media(min-width:721px) and (max-height:850px){.part-art{height:90px}.part-cutout{scale:.8}.part-label{font-size:13px}.exploder{height:410px}}
@media(max-width:720px){.part-art{width:138px;height:96px}.part-cutout{scale:.78}.part-label{font-size:13px;padding:8px 7px;gap:5px}.part-label>span{display:none}.explorer-header .eyebrow,.part-category,.case-caption{font-size:12px}.explorer-header p:last-child{font-size:14px}.case-caption>span{display:none}.case-assembly{width:59%;height:78%}.case-caption{bottom:5px}.exploder{height:400px}}
@media(max-width:360px){.part-art{width:121px;height:89px}.part-cutout{scale:.7}.part-label{font-size:12px}.explorer-header h2{font-size:23px}}
.design-credit{color:#99a69d;font-size:12px;white-space:nowrap}.design-credit strong{color:var(--lime);font-weight:600}footer{column-gap:32px}
@media(max-width:720px){.copyright{width:auto;flex:1;border-top:none;padding-top:0}.design-credit{margin-left:auto}footer{column-gap:16px;row-gap:24px}footer>p{font-size:12px}}
.exploder{height:580px;scroll-margin-top:16px}.part-cpu{--y:13%;--delay:0s}.part-gpu{--y:37%;--delay:.07s}.part-nvme{--x:16%;--y:61%;--delay:.14s}.part-psu{--y:85%;--delay:.21s}.part-ram{--y:13%;--delay:.035s}.part-board{--y:37%;--delay:.105s}.part-sata{--x:84%;--y:61%;--delay:.175s}.part-cooler{--y:85%;--delay:.245s}.is-exploded .pc-part{transition-delay:var(--delay)}.pc-part .part-label{transition:opacity .35s,transform .35s,border-color .25s,color .25s,background .25s;opacity:0;transform:translateY(-7px)}.is-exploded .pc-part .part-label{opacity:1;transform:none;transition-delay:.55s}.case-assembly{height:82%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1)}.is-exploded .case-assembly{transform:translate(-50%,-50%) rotate(-2deg) scale(.98)}.part-connectors{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:-1;opacity:0;transition:opacity .8s .35s}.part-connectors path{stroke:#738b4a;stroke-width:1;stroke-dasharray:3 7;opacity:.35}.is-exploded .part-connectors{opacity:1}.case-caption{bottom:0}.sprite-nvme .part-cutout,.sprite-sata .part-cutout{width:172px;height:139px;background-image:url('assets/pc-storage.png');background-size:200% 165.161%;background-position:0 49.505%;mask-image:none}.sprite-sata .part-cutout{background-position:100% 49.505%}.explorer-bottom{display:block;scroll-margin-top:24px}.explorer-controls{display:flex;align-items:center;justify-content:flex-end;gap:20px;margin-top:22px}.back-to-components{background:none;border:0;color:#d7e1d9;font:500 14px var(--body);padding:12px 0;cursor:pointer}.back-to-components>span{margin-right:8px;color:var(--lime)}.back-to-components:hover{color:var(--lime)}.back-to-components[hidden],.detail-expanded[hidden],.component-source[hidden]{display:none}.detail-expanded{display:grid;grid-template-columns:260px 1fr;gap:35px;margin-top:30px;animation:detail-in .4s ease both}.detail-visual{position:sticky;top:25px;align-self:start;min-height:275px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at center,#35422b55,transparent 73%)}.detail-part-image{width:250px;height:230px;margin:0}.detail-part-image .part-cutout{scale:1.8;filter:drop-shadow(0 12px 16px #0005)}.detail-visual-caption{font-size:12px;color:#adbeab;letter-spacing:.2em;margin-top:15px}.detail-content h4{font:500 18px var(--display);margin:0 0 18px;letter-spacing:-.025em}.part-anatomy{list-style:none;padding:0;margin:0;display:grid;gap:18px}.part-anatomy li{display:flex;gap:14px}.anatomy-number{color:var(--lime);font-size:12px;border:1px solid #49583d;width:29px;height:29px;display:grid;place-items:center;border-radius:50%;flex:none;margin-top:1px}.part-anatomy strong{font-size:15px;font-weight:500;display:block;margin-bottom:6px}.part-anatomy p{font-size:14px;line-height:1.6;color:#aebbb2;margin:0}.detail-content .specs-heading{margin-top:30px}.part-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:0}.part-specs>div{background:#1c2425;border:1px solid #354337;border-radius:5px;padding:15px}.part-specs dt{color:var(--lime);font-size:13px;font-weight:500;margin-bottom:9px}.part-specs dd{font-size:13px;line-height:1.65;color:#bac7bd;margin:0}.component-note{font-size:12px;line-height:1.5;color:#899b8c;margin:18px 0 12px}.component-source{font-size:12px;text-decoration:underline;text-underline-offset:4px;color:#bdc9ba}.component-source span{margin-left:7px}.has-part-details .part-title{font-size:30px}.has-part-details .part-description{max-width:830px;font-size:16px;line-height:1.7}.back-to-components:focus-visible{outline:2px solid var(--lime);outline-offset:4px}@keyframes detail-in{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@media(min-width:721px) and (max-height:850px){.exploder{height:505px}.part-art{height:92px}.detail-part-image{height:230px}.case-caption{bottom:0}}
@media(max-width:900px){.detail-expanded{grid-template-columns:205px 1fr;gap:22px}.detail-part-image{width:200px}.detail-part-image .part-cutout{scale:1.45}.part-specs{grid-template-columns:1fr}.part-specs>div{padding:13px}.part-specs dt{font-size:14px;margin-bottom:5px}.part-specs dd{font-size:14px}}
@media(max-width:720px){.exploder{height:488px}.part-nvme{--x:23%}.part-sata{--x:77%}.part-art{height:88px}.part-cutout{scale:.7}.pc-part .part-label{font-size:13px}.case-assembly{height:80%;width:65%;top:48%}.part-connectors path{stroke-dasharray:3 10;opacity:.3}.case-caption{display:none}.explorer-controls{justify-content:space-between;gap:12px;flex-wrap:wrap}.back-to-components{font-size:13px}.assembly-toggle{font-size:13px;padding-inline:12px}.detail-expanded{grid-template-columns:1fr;gap:22px;margin-top:20px}.detail-visual{position:relative;top:auto;min-height:190px;max-height:210px;border:1px solid #2e3c31;border-radius:6px}.detail-part-image{height:165px;width:220px}.detail-part-image .part-cutout{scale:1.35}.detail-visual-caption{margin-top:0;margin-bottom:12px;font-size:12px}.detail-content h4{font-size:18px}.part-anatomy strong{font-size:15px}.part-anatomy p{font-size:14px}.part-specs{grid-template-columns:1fr}.has-part-details .part-title{font-size:26px}.has-part-details .part-description{font-size:15px}.part-anatomy{gap:19px}.component-note,.component-source{font-size:12px}}
@media(max-width:360px){.exploder{height:460px}.pc-part .part-label{font-size:12px}.part-art{height:82px}.part-cutout{scale:.65}.detail-part-image{height:165px}.explorer-controls{flex-direction:column;align-items:stretch}.back-to-components{order:2}.part-connectors{display:none}}
.exploder .part-art{height:96px}.exploder .part-cutout{scale:.8}.pc-part:hover,.pc-part[aria-pressed=true]{z-index:3}
@media(max-width:720px){.exploder .part-art{height:79px}.exploder .part-cutout{scale:.64}}
@media(max-width:360px){.exploder .part-art{height:73px}.exploder .part-cutout{scale:.59}}
.explorer-header{position:sticky;top:0;z-index:10;background:#121719;padding:14px 0 17px;margin-top:-14px;border-bottom:1px solid #29372d}.explorer-bottom{scroll-margin-top:145px}.exploder{scroll-margin-top:135px}
@media(max-width:720px){.explorer-header{padding-top:12px;margin-top:-12px}.explorer-bottom,.exploder{scroll-margin-top:165px}}
@media(prefers-reduced-motion:reduce){.marquee-window{mask-image:none}.pc-part,.case-assembly,.case-assembly img,.part-art,.part-label,.part-connectors{transition:none!important}.hero-image-label,.pc-trigger .hero-image,.label-cross{transition:none}}