#work-screen{width:min(1520px,calc(100% - 64px));padding-top:48px}
#work-screen>.page-intro{max-width:760px;margin:0 auto 35px;text-align:center}
.work-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.65fr) minmax(0,1fr);gap:24px;align-items:start}
.work-center{grid-column:2;grid-row:1;display:flex;flex-direction:column;min-width:0;align-self:stretch}
.work-text-banner{flex:1;min-height:954px;padding:32px;border:1px solid #bd9deb9c;border-radius:25px;background:linear-gradient(140deg,#ced5e514,#10141c77);box-shadow:inset 0 1px #fff1,0 0 24px #a781ec1a;backdrop-filter:blur(4px)}
.work-text-banner p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;color:#e9e4f2;font:500 15px/1.9 'Manrope',sans-serif}
.work-guide{grid-column:2;grid-row:1;min-width:0;min-height:670px;padding:32px;border:1px solid #caa85eaa;border-radius:25px;background:linear-gradient(140deg,#d0d9e512,#10141c77);box-shadow:inset 0 1px #fff1,0 0 24px #ddad3e16;backdrop-filter:blur(4px)}
.work-guide .work-steps{display:block}
.work-guide .guide-step{position:relative;padding:0 0 24px 49px;margin:0 0 24px;border-bottom:1px solid #b9b2a524}
.work-guide .guide-step:last-child{padding-bottom:0;margin-bottom:0;border-bottom:0}
.work-guide .step-number{position:absolute;left:0;top:0;padding:8px;font-size:10px;border-radius:9px}
.work-guide .guide-step h2{font:750 18px/1.4 'Manrope',sans-serif;letter-spacing:-.4px;margin:2px 0 10px;color:#eee6d7}
.work-guide .guide-step p{font:500 12px/1.85 'Manrope',sans-serif;color:#aaa9a8;margin:0}
.work-guide .guide-actions{display:grid;gap:10px;margin-top:30px}
.work-guide .guide-actions button{width:100%;font-size:11px;gap:12px}
.work-video-column{display:flex;flex-direction:column;gap:22px;min-width:0}
.work-video-left{grid-column:1;grid-row:1}.work-video-right{grid-column:3;grid-row:1;padding-top:40px;gap:52px}
.work-video-card{--video-color:#a289ff;margin:0;padding:9px;border:1px solid color-mix(in srgb,var(--video-color) 63%,#25242d);border-radius:19px;background:linear-gradient(130deg,#cbd7e310,#0e121b70);box-shadow:inset 0 1px #fff1,0 0 18px color-mix(in srgb,var(--video-color) 10%,transparent);overflow:hidden;min-width:0}
.work-video-card:nth-child(2){--video-color:#6da6ed}.work-video-card:nth-child(3){--video-color:#d7a868}.work-video-right .work-video-card{--video-color:#55ceaf}.work-video-right .work-video-card:nth-child(2){--video-color:#e09b75}
.work-video-card video{display:block;width:100%;aspect-ratio:16/9;object-fit:contain;background:#030407;border-radius:11px;color:#eae3d5}
.work-video-player{position:relative}
.work-video-fullscreen{
  position:absolute;right:8px;bottom:8px;display:grid;place-items:center;
  width:36px;height:36px;padding:0;border:1px solid #fff4;border-radius:9px;
  background:#0b101bdf;color:#fff;cursor:pointer
}
.work-video-fullscreen:hover{background:#252d3c}
.work-video-fullscreen:focus-visible{outline:2px solid var(--video-color);outline-offset:2px}
.work-video-fullscreen svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}
.work-video-fullscreen .fullscreen-collapse{display:none}
.work-video-fullscreen[aria-pressed="true"] .fullscreen-expand{display:none}
.work-video-fullscreen[aria-pressed="true"] .fullscreen-collapse{display:block}
.work-video-player:fullscreen{width:100%;height:100%;background:#000}
.work-video-player:fullscreen video{height:100%;max-height:none;border-radius:0}
.work-video-player:fullscreen .work-video-fullscreen{right:16px;bottom:16px}
.work-video-right .work-video-card--portrait{--video-color:#7096ff}
.work-video-card--portrait video{aspect-ratio:752/1278;max-height:460px}
.work-video-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:12px 4px 4px;font-family:'Manrope',sans-serif}
.video-number{display:flex;align-items:center;gap:7px;color:#e0e0e5;font-size:10px;font-weight:700}.video-number:before{content:'';width:4px;height:4px;border-radius:50%;background:var(--video-color);box-shadow:0 0 6px var(--video-color)}
.video-date{font-size:9px;color:#8a8b96;white-space:nowrap}
@media(min-width:1001px) and (max-width:1250px){.work-layout{gap:16px;grid-template-columns:minmax(0,1fr) minmax(0,1.75fr) minmax(0,1fr)}.work-guide{padding:27px 22px}.work-guide .guide-step{padding-left:42px}.work-guide .guide-step h2{font-size:16px}.video-date{font-size:8px}.video-number{font-size:9px}}
@media(max-width:1000px){#work-screen{width:calc(100% - 44px)}.work-layout{grid-template-columns:1fr 1fr;gap:22px}.work-guide{grid-column:1/-1;grid-row:1;min-height:0}.work-video-left{grid-column:1;grid-row:2}.work-video-right{grid-column:2;grid-row:2;padding-top:0;gap:22px}}
@media(max-width:760px){#work-screen{width:calc(100% - 32px);padding-top:34px}.work-guide{padding:27px 22px}.work-layout{gap:16px}.work-video-column{gap:16px}.work-video-card{padding:7px;border-radius:16px}.work-video-card figcaption{flex-direction:column;align-items:flex-start;gap:6px;padding:10px 3px 4px}.video-date{font-size:8px}.video-number{font-size:9px}.work-guide .guide-step{padding-left:0;padding-top:41px}.work-guide .guide-step h2{font-size:18px}.work-guide .guide-step p{font-size:12px}}
@media(max-width:420px){.work-layout{grid-template-columns:1fr}.work-video-left,.work-video-right{grid-column:1;grid-row:auto}.work-video-card figcaption{flex-direction:row;align-items:center}.video-number{font-size:11px}.video-date{font-size:10px}}
@media(max-width:1000px){.work-center{grid-column:1/-1;grid-row:1}.work-text-banner{min-height:420px}}
@media(max-width:760px){.work-text-banner{padding:25px 22px;min-height:360px}.work-text-banner p{font-size:13px}}