/* Additive Selected Work details; original page layout and tokens retained. */
#selected-work { scroll-margin-top:90px; }
.selected-projects { margin-top:var(--s-7); }
.selected-projects > p { margin-block:var(--s-3) var(--s-5); }
.selected-public-grid { gap:var(--s-3); }
.selected-project-index { margin-top:var(--s-6); border-top:1px solid var(--hairline); padding-top:var(--s-4); }
.selected-project-index summary { cursor:pointer; }
.selected-project-index > p { margin-block:var(--s-3); }
.selected-project-links { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:var(--s-3) var(--s-5); list-style:none; padding:0; }
.selected-project-links a { display:block; }
.selected-project-links small { display:block; color:var(--ink-soft); margin-top:var(--s-1); font-size:var(--t-body-s); }
@media(max-width:768px) { .selected-public-grid,.selected-project-links { grid-template-columns:minmax(0,1fr); } }
/* Shared screen composition: full source geometry, restrained frame, no fabricated chrome. */
.o-card-work .project-screen-frame { aspect-ratio:16/10; height:auto; min-height:0; display:flex; align-items:center; justify-content:center; gap:var(--s-3); padding:var(--s-4); background:var(--surface-2,var(--paper)); border-bottom:1px solid var(--hairline); overflow:hidden; }
.o-card-work .project-screen-frame img { width:auto; height:auto; max-width:100%; max-height:100%; object-fit:contain; flex:0 1 auto; min-width:0; }
.o-card-work .project-screen-frame[data-frames="2"] img {max-width:43%;height:100%;object-fit:contain;}
.o-card-work .project-screen-frame[data-project="cellbycell"] {background:#f3f0f1;}
.o-card-work[hidden],[data-work-group][hidden],#work-empty[hidden] {display:none!important;}
.work-search-label {display:block;margin-bottom:var(--s-2);}
#work-search {width:100%;max-width:36rem;font:inherit;color:var(--ink);background:var(--paper);border:1px solid var(--hairline);border-radius:var(--r-2,8px);padding:var(--s-3);}
#work-count {margin-block:var(--s-3);color:var(--ink-soft);}
.page-work .m-filter-row {flex-wrap:wrap;}
.o-card-work-foot > .t-mono-s {max-width:50%;text-align:right;color:var(--ink-soft);font-size:12px;}
@media(max-width:480px){.o-card-work .project-screen-frame{padding:var(--s-3);}.o-card-work-foot{flex-wrap:wrap;}.o-card-work-foot > .t-mono-s{max-width:100%;text-align:left;}}
.o-card-work:has(.project-screen-frame) {grid-template-rows:auto auto;}
.selected-public-grid .o-card-work .project-screen-frame {width:100%;}
/* Verified MGT source artifact: thumbnail/hero excerpt; full native artifact remains in the case. */
.project-screen-frame[data-project="design-system-enterprise-scale"] {align-items:center;}
.project-screen-frame[data-project="design-system-enterprise-scale"] img {width:auto;height:auto;max-width:100%;max-height:100%;object-fit:contain;}
.case-design-system-enterprise-scale .o-hero-case-visual img {object-fit:contain;object-position:center;max-width:100%;max-height:100%;}
.portfolio-nav-group {display:flex;align-items:center;gap:4px;position:relative;}
.portfolio-nav-children summary {cursor:pointer;padding:8px;color:var(--ink);list-style:none;}
.portfolio-nav-children summary::-webkit-details-marker {display:none;}
.portfolio-nav-menu {position:absolute;top:100%;left:0;min-width:190px;z-index:120;background:var(--surface);border:1px solid var(--hairline);box-shadow:var(--shadow-card);padding:var(--s-2);border-radius:var(--r-2);}
.portfolio-nav-menu a {display:block;padding:var(--s-2) var(--s-3);color:var(--ink);text-decoration:none;}
.portfolio-nav-menu a:hover,.portfolio-nav-menu a[aria-current] {background:var(--surface-2);}
.portfolio-mobile-children {display:grid;gap:var(--s-2);padding:0 var(--s-4) var(--s-4);}
.portfolio-mobile-children a {color:var(--ink-soft);padding:var(--s-2);}
.portfolio-work-hierarchy {display:flex;flex-wrap:wrap;gap:var(--s-4);padding-block:var(--s-4);}
.portfolio-work-hierarchy a {color:var(--ink);text-underline-offset:5px;}
.case-tmobile-mobile .o-hero-case-visual {height:560px;background:var(--surface-2);}
.case-tmobile-mobile .o-hero-case-visual img {width:auto;max-width:100%;height:100%;object-fit:contain;}
@media(max-width:600px){.case-tmobile-mobile .o-hero-case-visual{height:460px;}.portfolio-work-hierarchy{gap:var(--s-3);}}
.case-tmobile-mobile .o-media-row {align-items:start;}
.case-tmobile-mobile .o-media-real img {width:auto;max-width:100%;max-height:650px;object-fit:contain;margin-inline:auto;}
.portfolio-command-shell {margin-block:var(--s-3);}
.portfolio-command-shell-header,.portfolio-command-shell-body {display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);}
.portfolio-command-header,.portfolio-command-body {display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-2);}
.mgt-source-gallery {margin-top:var(--s-4);border-top:1px solid var(--hairline);padding-top:var(--s-3);}
.mgt-source-gallery summary {cursor:pointer;font-size:var(--t-body-m);padding-block:var(--s-2);}
.mgt-source-gallery .o-media-row {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin-top:var(--s-4);}
.mgt-source-gallery .o-media-real {min-width:0;grid-column:auto;}
.mgt-source-gallery .o-media-real img {width:100%;height:320px;object-fit:contain;background:var(--surface-2);}
.mgt-source-gallery figcaption {font-size:var(--t-body-s);line-height:1.5;}
@media(max-width:600px){.mgt-source-gallery .o-media-row {grid-template-columns:minmax(0,1fr);}.mgt-source-gallery .o-media-real img{height:280px;}}
.mgt-source-gallery .mgt-compact-source {grid-column:1/-1;}
.mgt-source-gallery .mgt-compact-source img {width:auto;max-width:100%;height:auto;max-height:none;object-fit:contain;}
/* T-Mobile portrait media must not inherit the landscape frame's intrinsic width. */
.case-tmobile-mobile .o-hero-case-grid {grid-template-columns:minmax(0,1.6fr) minmax(0,1fr);}
.case-tmobile-mobile .o-hero-case-visual-wrap,.case-tmobile-mobile .o-case-meta {min-width:0;max-width:100%;}
.case-tmobile-mobile .o-hero-case-visual {aspect-ratio:auto;width:100%;min-width:0;max-width:100%;}
.case-tmobile-mobile .o-hero-case-visual-caption {overflow-wrap:anywhere;}
@media(max-width:880px){.case-tmobile-mobile .o-hero-case-grid{grid-template-columns:minmax(0,1fr);}}
/* Preserve search/filter functions while bringing the first project into mobile view. */
@media(max-width:600px){
 .page-work .o-hero-page{padding-top:var(--s-5);padding-bottom:var(--s-3);}
 .page-work .o-hero-page-lede{font-size:16px;line-height:1.45;margin-top:var(--s-3);}
 .page-work .portfolio-work-hierarchy{padding-block:var(--s-2);}
 .page-work .o-section--compact{padding-block:var(--s-3);}
 .page-work .portfolio-command-shell{margin-block:var(--s-2);}
 .page-work .portfolio-command-body p{margin-block:var(--s-2);font-size:12px;line-height:1.4;}
 .page-work #work-count{margin-block:var(--s-2);font-size:12px;line-height:1.4;}
 .page-work [data-work-group]{padding-top:var(--s-4);}
 .page-work .o-work-group-header{margin-bottom:var(--s-3);}
}
/* One canonical CommandBarShell: original field/count and category nodes are adopted once. */
.page-work .portfolio-command-shell {display:block;margin:0;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-4);overflow:visible;}
.page-work .portfolio-command-header {display:flex;align-items:flex-end;gap:var(--s-2);padding:var(--s-4);border-bottom:1px solid var(--hairline);}
.page-work .portfolio-native-field-slot {flex:1;min-width:0;}
.page-work #work-native-field {display:grid;grid-template-columns:minmax(0,1fr) auto;gap:var(--s-2);min-width:0;}
.page-work #work-native-field .work-search-label {grid-column:1/-1;margin:0;font-size:12px;line-height:1.4;color:var(--ink-soft);}
.page-work #work-search {max-width:none;min-width:0;min-height:36px;padding:8px 10px;font-size:14px;line-height:20px;background:var(--surface);}
.page-work #work-count {align-self:center;margin:0;font-size:12px;line-height:1.4;white-space:nowrap;}
.page-work .portfolio-command-header .button {min-height:36px;padding:8px 10px;flex:none;}
.page-work .portfolio-command-body {display:flex;flex-wrap:wrap;align-items:center;gap:var(--s-3);padding:var(--s-4);}
.page-work .portfolio-category-slot {flex-basis:100%;min-width:0;}
.page-work #work-native-categories {gap:6px;margin:0;}
.page-work .portfolio-platform-control {display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink-soft);}
.page-work .portfolio-platform-control select {min-height:32px;max-width:100%;padding:4px 8px;font:inherit;color:var(--ink);background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-2);}
.page-work .portfolio-active-filter-row {display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin-left:auto;}
@media(max-width:600px){.page-work .portfolio-command-header,.page-work .portfolio-command-body{padding:12px;}.page-work #work-native-field{column-gap:6px;}.page-work .portfolio-active-filter-row{margin-left:0;}}
.mgt-visible-examples {grid-column:1/-1;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s-4);margin-block:var(--s-4);align-items:start;}
.mgt-visible-example {min-width:0;margin:0;position:relative;}
.mgt-visible-example>img {width:auto;max-width:100%;height:auto;max-height:520px;object-fit:contain;margin-inline:auto;}
.mgt-visible-example figcaption {font-size:var(--t-body-s);line-height:1.5;}
.mgt-native-excerpt {aspect-ratio:var(--crop-width)/var(--crop-height);position:relative;overflow:hidden;width:100%;margin-inline:auto;background:var(--surface-2);}
.mgt-native-excerpt img {position:absolute;left:calc(-100% * var(--crop-x) / var(--crop-width));top:calc(-100% * var(--crop-y) / var(--crop-height));width:calc(100% * var(--source-width) / var(--crop-width));height:auto;max-width:none;max-height:none;object-fit:initial;margin:0;}
@media(max-width:600px){.mgt-visible-examples{grid-template-columns:minmax(0,1fr);gap:var(--s-3);}.mgt-visible-example>img{max-height:480px;}}

.portfolio-command-facets{display:flex;flex-wrap:wrap;gap:var(--s-3);padding:var(--s-4);}.portfolio-command-body{padding:0;}.portfolio-active-filter-row{padding:0 var(--s-4) var(--s-4);}.portfolio-clear-query{width:36px;height:36px;display:grid;place-items:center;}.portfolio-command-shell #work-search::-webkit-search-cancel-button{display:none;}.work-card-platforms{font-size:var(--t-body-s);color:var(--muted);}

.mgt-responsive-hero{display:flex;align-items:center;justify-content:center;width:100%;height:100%;min-width:0;}.mgt-responsive-hero img{width:auto;height:auto;max-width:100%;max-height:100%;}@media(max-width:600px){.case-design-system-enterprise-scale .o-hero-case-visual{aspect-ratio:auto;height:460px;}.mgt-responsive-hero img{max-width:336px;width:100%;height:auto;}}

.page-work .portfolio-command-body{padding:0;}

/* Six editorial selections, using the existing case-card components. */
.home-selected-grid{margin-top:var(--s-5);align-items:stretch;}
.home-selected-grid .o-card-work{display:flex;flex-direction:column;}
.home-selected-grid .o-card-work-body{flex:1;display:flex;flex-direction:column;}
.home-selected-grid .o-card-work-foot{margin-top:auto;padding-top:var(--s-4);}
.home-all-work{display:inline-flex;margin-top:var(--s-5);}
.case--lyotic-design-system .o-hero-case-visual img{object-fit:contain;}

.home-hero-film{margin:0;min-width:0;width:100%;align-self:center;}
.home-hero-film video{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:contain;background:var(--surface);border:1px solid var(--hairline);border-radius:var(--r-3);}
.home-hero-film figcaption{margin-top:var(--s-3);font-family:var(--font-mono);font-size:var(--t-micro);color:var(--ink-soft);}

.o-hero-home-meta > span:last-child{display:inline;}

/* Full-width film, retaining the original 16:9 frame. */
.o-hero-home{grid-template-columns:minmax(0,1fr);gap:var(--s-6);}
.o-hero-home-content{max-width:780px;}
.home-film-controls{display:flex;gap:var(--s-3);margin-top:var(--s-3);}
.home-film-controls [hidden]{display:none;}

/* Hallmark · pre-emit critique: P4 H4 E4 S4 R5 V4 · existing Plot tokens. */
/* Homepage-only film controls reuse the design-system floating action style. */
.page-home .home-film-headline{margin:0;width:100%;font-size:var(--t-title-xl);max-width:900px;justify-self:center;text-align:center;}
.page-home .o-hero-home{gap:var(--s-5);}
.page-home .home-hero-film{position:relative;width:100%;max-width:900px;justify-self:center;}
.page-home .home-film-sound{position:absolute;top:var(--s-3);right:var(--s-3);width:40px;height:40px;min-width:0;padding:0;display:grid;place-items:center;border-radius:var(--r-full);}
.page-home .home-film-sound [hidden]{display:none;}
.page-home .home-film-work{color:var(--bg);background:var(--ink);position:static;display:inline-flex;justify-self:center;translate:none;white-space:nowrap;text-decoration:none;padding:var(--s-3) var(--s-5);min-height:44px;border-radius:var(--r-full);box-shadow:var(--shadow-card);margin-top:calc(-1 * var(--s-2));}
.page-home .home-film-play{position:absolute;left:var(--s-3);top:var(--s-3);}
.page-home .home-film-play[hidden]{display:none;}
.page-home .home-film-intro{max-width:780px;justify-self:center;text-align:center;}
.page-home .home-film-intro .button{margin-top:var(--s-4);}
.page-home .home-selected-grid .o-card-work-meta{font-size:var(--t-micro);}
.page-home .selected-project-index summary{list-style:revert;}
.page-home .selected-project-links{margin-top:var(--s-4);}
@media(max-width:600px){.page-home .home-film-headline{font-size:var(--t-title-l);}.page-home .home-film-sound{top:var(--s-2);right:var(--s-2);width:36px;height:36px;}.page-home .home-film-work{padding:var(--s-2) var(--s-4);min-height:40px;}}

/* Work discovery: readable list entries, retaining the existing Plot tokens. */
.page-work .work-project-list { display:grid; gap:var(--s-3); }
.page-work .o-card-work { grid-template-columns:minmax(180px,28%) minmax(0,1fr); grid-template-rows:auto; container-type:normal; }
.page-work .o-card-work-thumb { width:100%; height:auto; min-height:0; aspect-ratio:16/10; align-self:center; border-bottom:0; }
.page-work .o-card-work-body { min-width:0; padding:var(--s-4); gap:var(--s-2); }
.page-work .o-card-work-title { font-size:var(--t-title-m); line-height:1.3; overflow-wrap:anywhere; }
.page-work .o-card-work-teaser { display:block; overflow:visible; -webkit-line-clamp:unset; }
.page-work .o-card-work-foot { margin-top:var(--s-2); }
.page-work .portfolio-command-facets,.page-work .portfolio-category-slot { min-width:0; }
.page-work .m-filter-row { flex-wrap:wrap; }
@media(max-width:600px) { .page-work .o-card-work { grid-template-columns:minmax(0,1fr); } .page-work .o-card-work-thumb { aspect-ratio:16/10; max-height:240px; } }

/* Restored Microsoft specification boards retain their complete native geometry. */
.case-microsoft-admin-design-system .o-media-real { aspect-ratio:auto; min-width:0; }
.case-microsoft-admin-design-system .o-media-real img { width:100%; height:auto; max-height:none; object-fit:contain; }
.case-microsoft-admin-design-system .o-hero-case-visual img { object-fit:contain; }

/* Homepage host for the actual Lyotic film-gallery CommandBar. */
.home-project-command{max-width:620px;margin:0 0 24px}
.home-project-field[hidden]{display:none}
.home-project-field:not([hidden]){display:flex;align-items:center;gap:8px;padding:8px 12px;border:1px solid var(--hairline);border-radius:6px}
.home-project-field input{flex:1;min-width:0;background:transparent;color:var(--ink);font:inherit}
.home-project-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}