.sop-experience{padding:80px 0 65px;background:#0c100f;color:#e9e9e1;scroll-margin-top:80px;overflow:hidden}.sop-heading h2{font-size:clamp(36px,4.6vw,68px);line-height:1.25;letter-spacing:-2px;margin:18px 0 0}.sop-heading h2 span{color:#a9b0a7}.sop-heading{position:relative;z-index:1}.sop-world{position:relative;width:100%;max-width:1800px;margin:0 auto}.sop-world:after{content:'';position:absolute;inset:0;pointer-events:none;box-shadow:inset 0 30px 40px #0c100f,inset 0 -30px 40px #0c100f}#sop-stage{width:100%;height:clamp(680px,60vw,930px);position:relative;overflow:hidden}#sop-stage canvas{display:block;width:100%;height:100%}#sop-labels{position:absolute;inset:0;pointer-events:none}.sop-pin{position:absolute;transform:translate(-50%,-50%);pointer-events:auto;white-space:nowrap;padding:9px 14px;border:0;border-radius:6px;background:#0b1112bb;color:#f0f0e7;font-family:inherit;font-size:16px;font-weight:500;line-height:1.2;cursor:pointer;transition:color .2s,background .2s}.sop-pin span{font:12px monospace;color:#cf9871;margin-right:9px}.sop-pin em{font-style:normal}.sop-pin:hover,.sop-pin.active{background:#e77b3c;color:#100f0c}.sop-pin.active span,.sop-pin:hover span{color:#38220f}.sop-pin.hub{font-size:20px;font-weight:700;background:#151d20dd;border:1px solid #9a7452;color:#ffe0b4;padding:11px 24px}.sop-pin.hub small{display:block;color:#b7bdb8;font-size:13px;font-weight:400;margin-top:8px}#sop-fallback{position:absolute;inset:45% 20px auto;text-align:center;color:#b6bdb3;line-height:1.8}#sop-motion{position:absolute;bottom:20px;right:5%;z-index:2;border:1px solid #5d6359;border-radius:50%;width:38px;height:38px;background:#101716aa;color:#cccfc5;font-size:17px;cursor:pointer}.sop-disclaimer{position:absolute;bottom:30px;left:6%;color:#808b81;font-size:12px;z-index:1}.sop-info{position:relative;padding:35px!important;margin-top:10px!important;background:#19201d;border:1px solid #394237;border-radius:12px;scroll-margin-top:110px}.sop-detail-title{display:flex;gap:20px;align-items:baseline;margin-bottom:24px}.sop-kicker{color:#e7a06c;font:14px monospace}.sop-info h3{font-size:30px;margin:0}.sop-info dl{display:grid;grid-template-columns:1fr 1.35fr 1fr 1fr;gap:30px;margin:0}.sop-info dt{font-size:14px;color:#a2af9b;margin-bottom:10px}.sop-info dd{margin:0;font-size:17px;line-height:1.85;color:#dce1d7}.sop-info .sop-human{padding-left:18px;border-left:2px solid #d78f58}.sop-info .sop-extra{font-size:15px;color:#acb7a6;line-height:1.7;margin:22px 0 0}.sop-info details{margin-top:20px;font-size:14px;color:#b6c0ac}.sop-info details p{overflow-wrap:anywhere;font-family:monospace;line-height:1.8}.sop-info summary{cursor:pointer}.sop-detail-footer{display:flex;align-items:center;gap:35px;flex-wrap:wrap;margin-top:20px;border-top:1px solid #354033;padding-top:18px}.sop-detail-footer details{margin:0;flex:1}.sop-video-empty{font-size:14px;color:#a6b19c}.sop-info button{cursor:pointer}.sop-info #sop-close{position:absolute;top:15px;right:20px;background:none;border:0;color:#c5ccb9;font-size:28px}.sop-info #sop-rework,.sop-info #sop-watch{border:1px solid #ae7954;background:#242c22;color:#edbd91;padding:10px 18px;border-radius:6px;font:inherit}.sop-rework-note{font-size:15px;color:#eead80}.sop-directory{border-top:1px solid #30392d;margin-top:35px!important;padding-top:23px!important}.sop-directory>summary{cursor:pointer;list-style:none;font-size:16px;color:#aab5a2;display:flex;justify-content:space-between}.sop-directory nav{display:flex;gap:12px;flex-wrap:wrap;padding:25px 0 0}.sop-directory button{border:1px solid #4a5641;background:#192218;color:#d7dfcb;font:inherit;padding:10px 14px;border-radius:5px;cursor:pointer}.sop-experience button:focus-visible,.sop-experience summary:focus-visible{outline:2px solid #ef9e65;outline-offset:4px}.sop-experience [hidden]{display:none!important}#sop-video-dialog{width:min(1000px,94vw);background:#1b241c;border:1px solid #61704c;color:#eff0db;border-radius:12px;padding:24px}#sop-video-dialog::backdrop{background:#000c}#sop-video-dialog video{width:100%;max-height:70vh}#sop-video-close{float:right;background:none;border:1px solid #748062;color:#fff;padding:8px 15px}
@media(max-width:760px){.sop-experience{padding-top:50px}.sop-heading h2{letter-spacing:-1px}#sop-stage{height:620px}.sop-pin{padding:7px 5px;font-size:12px}.sop-pin span{display:none}.sop-pin.hub{font-size:17px;padding:10px 16px}.sop-pin.hub small{font-size:12px}.sop-info{padding:26px 20px!important}.sop-info dl{grid-template-columns:1fr;gap:20px}.sop-info h3{font-size:27px}.sop-detail-title{gap:12px}.sop-detail-footer{gap:20px}.sop-info .sop-human{padding-left:12px}.sop-world:after{box-shadow:inset 0 20px 30px #0c100f,inset 0 -20px 30px #0c100f}}

@media(max-width:650px){#sop-stage{height:1100px}.sop-pin{font-size:15px;padding:7px 10px}.sop-pin span{display:inline;font-size:11px;margin-right:5px}.sop-heading h2{font-size:34px;letter-spacing:-1.5px}}

/* Original IP knowledge-base evidence, preserved at its native aspect ratio. */
.sop-real-preview{display:block;width:min(100%,980px);margin:28px auto;padding:18px;border:1px solid #47534d;border-radius:12px;background:#151c1e;color:#eae8dd;text-align:left;cursor:zoom-in}.sop-real-preview img{display:block;width:100%;height:auto;max-height:320px;object-fit:contain;background:#fff}.sop-real-preview span{display:flex;justify-content:space-between;gap:16px;padding:18px 0 0;font-size:17px}.sop-real-preview b{color:#ffad70;font-weight:400;white-space:nowrap}#sop-image-dialog{width:min(1500px,96vw);max-width:96vw;max-height:94vh;padding:20px;border:1px solid #59625d;border-radius:14px;background:#12191c;color:#fff}#sop-image-dialog::backdrop{background:#000d;backdrop-filter:blur(8px)}#sop-image-dialog header{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:18px}#sop-image-title{font-size:22px;margin:0}#sop-image-close{background:#28322e;color:#fff;border:1px solid #59625d;border-radius:6px;padding:10px 16px;font-size:17px;cursor:pointer}#sop-original{display:block;width:100%;height:auto;max-height:78vh;object-fit:contain}@media(max-width:650px){.sop-real-preview{padding:10px}.sop-real-preview span{font-size:15px;flex-wrap:wrap}#sop-image-dialog{padding:12px}#sop-image-title{font-size:18px}}