:root{--show-bg:#1c1c24;--show-panel:#252530;--show-panel-2:#2d2d39;--show-text:#f5f5f7;--show-muted:#a0a0aa;--show-yellow:#ffc107;--show-line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--show-bg)!important;color:var(--show-text);padding-top:54px}.showcase-progress{position:fixed;z-index:3000;left:0;top:0;height:2px;width:0;background:var(--show-yellow);transition:width .08s linear}.showcase-nav{position:fixed;z-index:2500;top:2px;left:0;right:0;height:52px;display:flex;align-items:center;gap:18px;padding:0 22px;background:rgba(28,28,36,.94);border-bottom:1px solid var(--show-line);backdrop-filter:blur(16px)}.showcase-brand{display:flex;align-items:center;gap:9px;min-width:max-content}.showcase-brand strong{font-size:13px}.showcase-brand span{font-size:8px;letter-spacing:.14em;color:var(--show-yellow)}.showcase-tabs{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none}.showcase-tabs::-webkit-scrollbar{display:none}.showcase-tabs a{display:flex;align-items:center;gap:5px;padding:7px 9px;border-radius:5px;color:#92929d;text-decoration:none;font-size:9px;white-space:nowrap;transition:.2s}.showcase-tabs a i{font-style:normal;color:#5f5f6b}.showcase-tabs a:hover{color:#fff;background:rgba(255,255,255,.06)}.showcase-tabs a.active{background:var(--show-yellow);color:#20202a;font-weight:700}.showcase-tabs a.active i{color:#20202a}.showcase-count{margin-left:auto;white-space:nowrap;color:#7f7f89;font-size:8px;letter-spacing:.12em}.navbar{position:relative!important;top:auto!important;padding:34px 20px 20px!important;background:linear-gradient(180deg,#24242e,var(--show-bg))!important}.navbar h1{font-size:32px!important;letter-spacing:-.03em}.showcase-subtitle{text-align:center;margin:-12px auto 20px;color:var(--show-muted);font-size:10px;letter-spacing:.08em}.main-grid{margin:18px auto 42px!important;gap:30px!important}.video-container-large{overflow:hidden;border-radius:10px;box-shadow:0 14px 35px rgba(0,0,0,.22)}.video-container-large video{border-radius:10px}.play-button{width:66px!important;height:66px!important;font-size:27px!important;background:rgba(255,193,7,.94)!important;color:#20202a!important;box-shadow:0 9px 30px rgba(0,0,0,.35)}.text-container{align-items:flex-start!important;justify-content:center;text-align:left!important;padding:18px}.text-container p{width:100%;line-height:1.75!important;margin:6px 0!important}.text-container p:first-child{color:var(--show-yellow)!important;font-size:11px!important;letter-spacing:.12em;text-transform:uppercase}.video-container-wrapper{background:#22222c!important;padding:38px 20px 70px!important}.showcase-library-head{max-width:1200px;margin:0 auto 20px;display:flex;justify-content:space-between;align-items:end;border-bottom:1px solid var(--show-line);padding-bottom:14px}.showcase-library-head div strong{display:block;font-size:20px}.showcase-library-head div span,.showcase-library-head>span{color:var(--show-muted);font-size:9px;letter-spacing:.08em}.video-container{gap:18px!important}.video-item{border-radius:9px;overflow:hidden;background:var(--show-panel);box-shadow:0 8px 24px rgba(0,0,0,.16);transition:.25s!important}.video-item:hover{transform:translateY(-4px)!important;box-shadow:0 14px 32px rgba(0,0,0,.28)!important}.video-item img{display:block;border-radius:9px!important;transition:transform .4s,filter .3s}.video-item:hover img{transform:scale(1.025);filter:brightness(.72)}.video-item .overlay{background:linear-gradient(180deg,transparent 20%,rgba(15,15,20,.9))!important;justify-content:flex-end!important;align-items:flex-start!important;padding:18px!important}.video-item .overlay h3{font-size:14px!important}.video-item .overlay p{font-size:10px!important;color:#b8b8c1}.showcase-index{position:absolute;z-index:2;left:10px;top:10px;display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:rgba(28,28,36,.86);border:1px solid rgba(255,255,255,.2);font-size:8px;color:#fff;pointer-events:none}.showcase-play{position:absolute;z-index:2;right:10px;top:10px;padding:7px 9px;border-radius:20px;background:var(--show-yellow);color:#20202a;font-size:8px;font-weight:700;opacity:0;transform:translateY(-4px);transition:.2s;pointer-events:none}.video-item:hover .showcase-play,.video-item:focus-within .showcase-play{opacity:1;transform:none}.video-item img:focus-visible{outline:2px solid var(--show-yellow);outline-offset:-2px}.video-popup{z-index:4001!important;background:#111116!important;padding:50px 14px 14px!important;box-shadow:0 25px 90px rgba(0,0,0,.75)!important;max-width:94vw;max-height:92vh}.video-popup video{max-width:90vw;max-height:78vh}.close-btn{z-index:2;top:9px!important;right:10px!important;width:32px!important;height:32px!important;background:#30303a!important;color:#fff!important}.showcase-player-title{position:absolute;left:14px;top:13px;font-size:10px;color:#b7b7c0}.showcase-player-nav{position:absolute;right:51px;top:9px;display:flex;gap:5px}.showcase-player-nav button{height:32px;padding:0 11px;border:1px solid var(--show-line);background:#292934;color:#fff;font-size:9px;cursor:pointer}.showcase-player-nav button:hover{border-color:var(--show-yellow);color:var(--show-yellow)}#overlay{z-index:4000!important;background:rgba(10,10,14,.86)!important}.showcase-toc{position:sticky;z-index:1000;top:54px;display:flex;justify-content:center;gap:8px;padding:10px 18px;background:rgba(32,32,42,.95);border-bottom:1px solid var(--show-line);backdrop-filter:blur(12px);overflow-x:auto}.showcase-toc a{padding:7px 12px;border:1px solid var(--show-line);border-radius:20px;color:#b4b4bd;text-decoration:none;font-size:9px;white-space:nowrap}.showcase-toc a:hover{color:#20202a;background:var(--show-yellow);border-color:var(--show-yellow)}body.showcase-reading .video-container-wrapper{padding-top:28px!important}body.showcase-reading .video-container{max-width:1040px!important}body.showcase-reading .video-item{overflow:visible!important;background:transparent!important;box-shadow:none!important;margin-bottom:54px!important}body.showcase-reading .video-item:hover{transform:none!important;box-shadow:none!important}body.showcase-reading .video-item>h3{font-size:25px!important;color:#fff;border-left:3px solid var(--show-yellow);padding-left:14px!important;margin:28px 0 18px!important}body.showcase-reading .video-item>p{max-width:900px;margin:14px auto 22px!important;color:#b0b0b9!important;line-height:1.9!important;text-indent:0!important;font-size:13px}body.showcase-reading .video-item>img{border-radius:8px!important;margin:0 auto 18px!important;box-shadow:0 12px 34px rgba(0,0,0,.2)}.showcase-footer-nav{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:1200px;margin:0 auto;padding:0 20px 55px}.showcase-footer-nav a{padding:18px;background:var(--show-panel);color:#fff;text-decoration:none;font-size:10px;border-left:2px solid transparent;transition:.2s}.showcase-footer-nav a:last-child{text-align:right}.showcase-footer-nav a:hover{border-color:var(--show-yellow);background:var(--show-panel-2)}.showcase-top{position:fixed;z-index:2200;right:18px;bottom:18px;width:40px;height:40px;border:0;border-radius:50%;background:var(--show-yellow);color:#20202a;font-weight:800;opacity:0;pointer-events:none;transition:.2s}.showcase-top.visible{opacity:1;pointer-events:auto}
@media(max-width:760px){body{padding-top:50px}.showcase-nav{height:50px;padding:0 10px}.showcase-brand span,.showcase-count{display:none}.showcase-tabs a{padding:7px}.navbar{padding-top:26px!important}.navbar h1{font-size:25px!important}.main-grid{grid-template-columns:1fr!important;margin:10px auto 28px!important}.video-container-large{grid-column:auto!important}.text-container{padding:4px 2px!important}.video-container{grid-template-columns:repeat(2,1fr)!important}.showcase-toc{top:50px;justify-content:flex-start}body.showcase-reading .video-container{display:block!important}.video-popup{width:96vw!important;height:auto!important}.showcase-footer-nav{grid-template-columns:1fr}.showcase-footer-nav a:last-child{text-align:left}}
@media(max-width:460px){.video-container{grid-template-columns:1fr!important}.showcase-brand strong{font-size:11px}.showcase-tabs a span{display:none}.showcase-tabs a i{font-size:10px}.showcase-library-head{align-items:flex-start;gap:8px;flex-direction:column}}

/* Full-page portfolio experience */
body.showcase-enhanced{padding-top:70px}
.showcase-nav{height:68px;top:2px;gap:24px;padding:0 clamp(18px,3vw,52px)}
.showcase-brand{color:#fff;text-decoration:none;transition:opacity .2s}
.showcase-brand:hover{opacity:.78}
.showcase-brand strong{font-size:16px;letter-spacing:-.02em}
.showcase-brand span{font-size:10px;font-weight:700}
.showcase-tabs{gap:7px}
.showcase-tabs a{gap:7px;padding:10px 13px;border-radius:7px;font-size:12px;font-weight:600}
.showcase-tabs a i{font-size:10px}
.showcase-count{font-size:10px}
.showcase-home{display:flex;align-items:center;gap:8px;min-width:max-content;padding:9px 12px;border:1px solid var(--show-line);border-radius:7px;color:#d7d7de;text-decoration:none;font-size:11px;font-weight:700;transition:.2s}
.showcase-home b{color:var(--show-yellow);font-size:13px}
.showcase-home:hover{background:#fff;color:#20202a;border-color:#fff}
.navbar{padding-top:46px!important}
.navbar h1{font-size:38px!important}
.showcase-subtitle{font-size:12px;margin-top:-9px;margin-bottom:30px}

body.showcase-enhanced:not(.showcase-reading) .main-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:0!important;max-width:1440px!important;margin:10px auto 70px!important;padding:0 clamp(20px,4vw,64px)!important}
body.showcase-enhanced:not(.showcase-reading) .video-container-large{grid-column:auto!important;width:100%;margin:0!important;border-radius:14px;box-shadow:0 28px 70px rgba(0,0,0,.34)}
body.showcase-enhanced:not(.showcase-reading) .video-container-large video{border-radius:14px}
body.showcase-enhanced:not(.showcase-reading) .text-container{position:relative;z-index:3;display:grid!important;grid-template-columns:minmax(130px,190px) minmax(0,1fr);align-items:center!important;gap:28px;width:calc(100% - clamp(30px,7vw,110px));justify-self:center;margin-top:-28px;padding:24px 30px!important;border:1px solid rgba(255,255,255,.1);border-left:3px solid var(--show-yellow);border-radius:10px;background:rgba(37,37,48,.94);box-shadow:0 16px 45px rgba(0,0,0,.25);backdrop-filter:blur(18px)}
body.showcase-enhanced:not(.showcase-reading) .text-container p{margin:0!important}
body.showcase-enhanced:not(.showcase-reading) .text-container p:first-child{font-size:14px!important;font-weight:800!important;line-height:1.4!important}
body.showcase-enhanced:not(.showcase-reading) .text-container p:last-child{font-size:14px!important;line-height:1.9!important;color:#c7c7cf!important;text-indent:0!important}
.play-button{width:78px!important;height:78px!important;font-size:30px!important;border:1px solid rgba(255,255,255,.5)!important;box-shadow:0 14px 36px rgba(0,0,0,.35)!important;transition:transform .25s,background .25s!important}
.play-button:hover{transform:translate(-50%,-50%) scale(1.08)!important;background:#ffd02a!important}

.video-container-wrapper{padding-top:56px!important}
.showcase-library-head{margin-bottom:28px;padding-bottom:20px}
.showcase-library-head div strong{font-size:28px;margin-top:3px}
.showcase-library-head div span,.showcase-library-head>span{font-size:11px}
.video-container{gap:24px!important}
body.showcase-enhanced:not(.showcase-reading) .video-item{cursor:pointer;border:1px solid rgba(255,255,255,.07);border-radius:12px;background:#17171d;box-shadow:0 12px 32px rgba(0,0,0,.2)}
body.showcase-enhanced:not(.showcase-reading) .video-item:hover{transform:translateY(-7px)!important;border-color:rgba(255,193,7,.72);box-shadow:0 20px 45px rgba(0,0,0,.34),0 0 0 1px rgba(255,193,7,.12)!important}
body.showcase-enhanced:not(.showcase-reading) .video-item img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:12px!important}
body.showcase-enhanced:not(.showcase-reading) .video-item .overlay{opacity:1!important;justify-content:flex-end!important;align-items:flex-start!important;padding:22px!important;background:linear-gradient(180deg,transparent 35%,rgba(12,12,16,.2) 52%,rgba(12,12,16,.96) 100%)!important}
body.showcase-enhanced:not(.showcase-reading) .video-item .overlay h3{margin:0 0 4px!important;font-size:16px!important;line-height:1.35;transform:translateY(0);transition:transform .25s}
body.showcase-enhanced:not(.showcase-reading) .video-item .overlay p{margin:0!important;font-size:11px!important;color:#bdbdc6!important;transform:translateY(0);transition:transform .25s}
body.showcase-enhanced:not(.showcase-reading) .video-item:hover .overlay h3,body.showcase-enhanced:not(.showcase-reading) .video-item:hover .overlay p{transform:translateY(-2px)}
.showcase-index{left:14px;top:14px;width:34px;height:34px;font-size:10px;font-weight:700;background:rgba(18,18,24,.82);backdrop-filter:blur(8px)}
.showcase-play{top:14px;right:14px;padding:9px 12px;border:1px solid rgba(255,255,255,.25);border-radius:7px;background:rgba(20,20,26,.78);color:#fff;font-size:10px;letter-spacing:.04em;font-weight:700;opacity:1;transform:none;backdrop-filter:blur(8px)}
.showcase-play b{margin-left:5px;color:var(--show-yellow)}
.video-item:hover .showcase-play,.video-item:focus-within .showcase-play{background:var(--show-yellow);color:#20202a;border-color:var(--show-yellow)}
.video-item:hover .showcase-play b,.video-item:focus-within .showcase-play b{color:#20202a}

@media(max-width:1180px){.showcase-nav{gap:12px;padding:0 16px}.showcase-brand span,.showcase-count{display:none}.showcase-tabs{gap:3px}.showcase-tabs a{padding:9px 8px;font-size:11px}.showcase-home span{display:none}}
@media(max-width:760px){body.showcase-enhanced{padding-top:58px}.showcase-nav{height:56px;top:2px}.showcase-brand strong{font-size:13px}.showcase-tabs a{padding:8px 7px}.showcase-tabs a span{display:none}.showcase-tabs a i{font-size:11px}.showcase-home{padding:8px 10px}.navbar{padding-top:32px!important}.navbar h1{font-size:30px!important}.showcase-subtitle{padding:0 20px;font-size:10px;margin-bottom:22px}body.showcase-enhanced:not(.showcase-reading) .main-grid{padding:0 14px!important;margin-bottom:45px!important}body.showcase-enhanced:not(.showcase-reading) .text-container{grid-template-columns:1fr;gap:8px;width:calc(100% - 20px);margin-top:-14px;padding:18px 20px!important}body.showcase-enhanced:not(.showcase-reading) .text-container p:first-child{font-size:13px!important}body.showcase-enhanced:not(.showcase-reading) .text-container p:last-child{font-size:12px!important;line-height:1.75!important}.play-button{width:60px!important;height:60px!important;font-size:24px!important}.video-container-wrapper{padding:38px 14px 60px!important}.showcase-library-head div strong{font-size:23px}.showcase-library-head>span{font-size:9px}.video-container{gap:14px!important}body.showcase-enhanced:not(.showcase-reading) .video-item .overlay{padding:16px!important}body.showcase-enhanced:not(.showcase-reading) .video-item .overlay h3{font-size:14px!important}.showcase-play{top:10px;right:10px}.showcase-index{left:10px;top:10px}}
@media(max-width:460px){.showcase-brand span{display:none}.showcase-play{padding:8px}.showcase-play{font-size:0}.showcase-play b{margin:0;font-size:10px}}

/* Layout corrections: stable hero, readable headings and mixed media grid */
.navbar{height:auto!important;min-height:0!important;overflow:visible!important;padding-bottom:10px!important}
.showcase-subtitle{position:relative;z-index:2;margin:0 auto 26px!important;line-height:1.7!important;overflow:visible!important;color:#a9a9b3!important}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .main-grid{gap:18px!important}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .text-container{width:100%;margin-top:0;padding:22px 28px!important;box-shadow:0 12px 34px rgba(0,0,0,.2)}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .video-container-large video[controls]{z-index:2}

body.showcase-enhanced:not(.showcase-reading) .video-container{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr))!important;grid-auto-flow:dense!important;grid-auto-rows:8px!important;column-gap:24px!important;row-gap:8px!important;align-items:start!important}
body.showcase-enhanced:not(.showcase-reading) .video-item{width:auto!important;margin:0!important;align-self:start;overflow:hidden!important}
body.showcase-enhanced:not(.showcase-reading) .video-item.is-portrait{grid-column:span 1}
body.showcase-enhanced:not(.showcase-reading) .video-item.is-landscape{grid-column:span 2}
body.showcase-enhanced:not(.showcase-reading) .video-item img{width:100%!important;height:100%!important;aspect-ratio:auto!important;object-fit:cover!important;object-position:center!important}
.showcase-format{position:absolute;z-index:3;left:50%;top:17px;transform:translateX(-50%);padding:5px 8px;border-radius:20px;background:rgba(18,18,24,.72);border:1px solid rgba(255,255,255,.14);color:#cfcfd6;font-size:9px;font-weight:700;white-space:nowrap;pointer-events:none;backdrop-filter:blur(8px)}
.video-popup[data-orientation="portrait"]{width:min(460px,94vw)!important;height:min(820px,92vh)!important}
.video-popup[data-orientation="portrait"] video{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important}
.video-popup[data-orientation="landscape"]{width:min(1120px,94vw)!important;height:auto!important}
.video-popup[data-orientation="landscape"] video{width:100%!important;height:auto!important;max-width:100%!important}
body.showcase-enhanced:not(.showcase-reading) .video-item.is-portrait .overlay{background:linear-gradient(180deg,rgba(12,12,16,.04) 38%,rgba(12,12,16,.2) 57%,rgba(12,12,16,.96) 100%)!important}
body.showcase-enhanced:not(.showcase-reading) .video-item.is-landscape .overlay{background:linear-gradient(180deg,transparent 30%,rgba(12,12,16,.14) 52%,rgba(12,12,16,.96) 100%)!important}

body.showcase-reading .navbar{padding:24px 20px 6px!important}
body.showcase-reading .navbar h1{font-size:34px!important}
body.showcase-reading .showcase-subtitle{margin-bottom:12px!important}
body.showcase-reading .showcase-toc{padding:8px 18px}
body.showcase-reading .video-container-wrapper{padding:18px 20px 42px!important}
body.showcase-reading .video-item{margin-bottom:30px!important}
body.showcase-reading .video-item>h3{margin:18px 0 14px!important}
body.showcase-reading .video-item>p{margin:10px auto 16px!important}

@media(max-width:980px){body.showcase-enhanced:not(.showcase-reading) .video-container{grid-template-columns:repeat(3,minmax(0,1fr))!important}body.showcase-enhanced:not(.showcase-reading) .video-item.is-landscape{grid-column:span 2}}
@media(max-width:760px){body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .main-grid{gap:12px!important}body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .text-container{width:100%;margin-top:0}body.showcase-enhanced:not(.showcase-reading) .video-container{grid-template-columns:repeat(2,minmax(0,1fr))!important;column-gap:12px!important}.showcase-format{display:none}body.showcase-reading .navbar{padding-top:20px!important}body.showcase-reading .navbar h1{font-size:28px!important}body.showcase-reading .video-container-wrapper{padding:14px 14px 36px!important}}

/* Comprehensive portfolio module */
body.showcase-comprehensive{background:#191920!important}
.comprehensive-list{max-width:1440px;margin:0 auto;padding:12px clamp(20px,4vw,64px) 80px}
.comprehensive-case{display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);align-items:center;gap:clamp(28px,5vw,76px);padding:54px 0;border-top:1px solid var(--show-line)}
.comprehensive-case:nth-child(even) .comprehensive-meta{order:2}
.comprehensive-case:nth-child(even) .comprehensive-media{order:1}
.comprehensive-meta span{display:block;margin-bottom:12px;color:var(--show-yellow);font-size:10px;font-weight:800;letter-spacing:.16em}
.comprehensive-meta h2{margin:0 0 17px;font-size:clamp(25px,3vw,42px);line-height:1.18;color:#fff;letter-spacing:-.035em}
.comprehensive-meta p{margin:0;color:#b7b7c0;font-size:13px;line-height:1.9}
.comprehensive-media{position:relative;overflow:hidden;border-radius:14px;aspect-ratio:16/9;background:#0f0f14;box-shadow:0 24px 64px rgba(0,0,0,.34)}
.comprehensive-media video{display:block;width:100%;height:100%;object-fit:cover}
.comprehensive-media .play-button[hidden]{display:none!important}
.comprehensive-media .deferred-video-play{position:absolute!important;z-index:4;left:50%;top:50%;display:grid;place-items:center;margin:0;border:1px solid rgba(255,255,255,.52)!important;border-radius:50%;transform:translate(-50%,-50%);cursor:pointer}
.comprehensive-media .deferred-video-play:hover{transform:translate(-50%,-50%) scale(1.08)!important}
@media(max-width:820px){.comprehensive-list{padding-top:0}.comprehensive-case{grid-template-columns:1fr;gap:20px;padding:38px 0}.comprehensive-case:nth-child(even) .comprehensive-meta,.comprehensive-case:nth-child(even) .comprehensive-media{order:initial}.comprehensive-meta h2{font-size:27px}.comprehensive-meta p{font-size:12px}.comprehensive-media{border-radius:10px}}

/* Compact information hierarchy and project-first layout */
.showcase-subtitle{display:none!important}
.navbar{display:flex!important;align-items:center;justify-content:space-between;gap:24px;max-width:1600px;margin:0 auto!important;padding:22px clamp(22px,4vw,64px) 18px!important;background:transparent!important;border-bottom:1px solid rgba(255,255,255,.07)}
.navbar h1{margin:0!important;color:#fff!important;font-size:30px!important;line-height:1.2!important;text-align:left!important;letter-spacing:-.035em}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .main-grid{max-width:1600px!important;margin:0 auto 46px!important;padding:14px clamp(22px,4vw,64px) 0!important}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .video-container-large{box-shadow:0 20px 55px rgba(0,0,0,.3)}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .text-container{grid-template-columns:minmax(130px,180px) minmax(0,1fr);padding:18px 24px!important}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .text-container p:first-child{font-size:13px!important}
body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .text-container p:last-child{font-size:13px!important;line-height:1.75!important}

body.showcase-reading .navbar{max-width:none;margin:0!important;padding:15px clamp(22px,4vw,64px)!important;background:#1d1d26!important}
body.showcase-reading .navbar h1{min-width:max-content;font-size:28px!important}
body.showcase-reading .showcase-toc{position:static;top:auto;display:flex;justify-content:flex-end;gap:8px;max-width:72%;margin-left:auto;padding:0;background:transparent;border:0;backdrop-filter:none}
body.showcase-reading .showcase-toc a{padding:7px 12px;background:#252530;font-size:10px}
body.showcase-reading .video-container-wrapper{padding:20px clamp(22px,4vw,64px) 46px!important}
body.showcase-reading .video-container{max-width:1440px!important}
body.showcase-reading .video-item{margin-bottom:22px!important;padding:24px clamp(20px,3vw,38px)!important;border:1px solid rgba(255,255,255,.07);border-radius:14px;background:#20202a!important}
body.showcase-reading .video-item>h3{margin:4px 0 14px!important;font-size:28px!important;scroll-margin-top:88px}
body.showcase-reading .video-item>p{max-width:none;margin:8px 0 16px!important;font-size:14px;line-height:1.8!important}
body.showcase-reading .video-item>img{width:100%;margin:0 auto 16px!important}

.comprehensive-summary{color:#9f9faa;font-size:11px;font-weight:700;letter-spacing:.06em;white-space:nowrap}
.comprehensive-list{max-width:1720px;padding:14px clamp(22px,4vw,64px) 72px}
.comprehensive-case{--project-accent:#ffc107;grid-template-columns:minmax(0,1.9fr) minmax(280px,.65fr);gap:clamp(26px,3vw,50px);margin-bottom:24px;padding:30px;border:1px solid rgba(255,255,255,.08);border-left:3px solid var(--project-accent);border-radius:16px;background:#20202a;box-shadow:0 14px 38px rgba(0,0,0,.16)}
.comprehensive-case:nth-child(2){--project-accent:#40c4ff;grid-template-columns:minmax(280px,.65fr) minmax(0,1.9fr)}
.comprehensive-case:nth-child(3){--project-accent:#a78bfa}
.comprehensive-case:nth-child(4){--project-accent:#ff6b6b;grid-template-columns:minmax(280px,.65fr) minmax(0,1.9fr)}
.comprehensive-case:nth-child(odd) .comprehensive-media{order:1}
.comprehensive-case:nth-child(odd) .comprehensive-meta{order:2}
.comprehensive-case:nth-child(even) .comprehensive-meta{order:1}
.comprehensive-case:nth-child(even) .comprehensive-media{order:2}
.comprehensive-meta span{margin-bottom:10px;color:var(--project-accent);font-size:11px}
.comprehensive-meta h2{margin-bottom:14px;font-size:clamp(25px,2.3vw,36px)}
.comprehensive-meta p{font-size:13px;line-height:1.85}
.comprehensive-media{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:12px;box-shadow:0 18px 48px rgba(0,0,0,.28)}
.comprehensive-media video{background:#0d0d12}

@media(max-width:900px){.navbar{padding:17px 16px 14px!important}.navbar h1{font-size:25px!important}body.showcase-reading .navbar{align-items:flex-start;flex-wrap:wrap;gap:10px}body.showcase-reading .showcase-toc{justify-content:flex-start;max-width:100%;width:100%;margin:0;overflow-x:auto}body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .main-grid{padding:10px 14px 0!important}body.showcase-enhanced:not(.showcase-reading):not(.showcase-comprehensive) .text-container{grid-template-columns:1fr;gap:6px}.comprehensive-list{padding:10px 14px 50px}.comprehensive-case,.comprehensive-case:nth-child(even){grid-template-columns:1fr;gap:18px;padding:18px}.comprehensive-case .comprehensive-meta,.comprehensive-case .comprehensive-media{order:initial!important}.comprehensive-summary{font-size:9px}}

/* Progressive cover loading */
.video-item img[data-src],body.showcase-reading .video-item>img[data-src]{background:linear-gradient(110deg,#292934 8%,#343440 18%,#292934 33%);background-size:200% 100%;animation:showcase-cover-loading 1.25s linear infinite;opacity:.72;transition:opacity .25s,transform .4s,filter .3s}
.video-item img[data-src].is-loaded,body.showcase-reading .video-item>img[data-src].is-loaded{animation:none;opacity:1}
body.showcase-reading .video-item>img[data-src]{aspect-ratio:16/9;object-fit:cover}
@keyframes showcase-cover-loading{to{background-position-x:-200%}}