#ser-design[data-active-view="work"] .ser-work-page,#ser-design .ser-work-page{max-width:1472px;margin:auto;padding:36.8px 46px 43.7px;container-type:inline-size}
#ser-design .ser-work-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:36.8px;margin-bottom:34.5px}
#ser-design .ser-work-heading h1{font-size:clamp(43.7px,5.75cqw,73.6px);font-weight:500;letter-spacing:-.06em;line-height:1.05}
#ser-design .ser-work-heading>p{max-width:506px;font-size:17.25px;line-height:1.6;color:var(--ser-muted)}
#ser-design .ser-work-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29.9px}
#ser-design .ser-work-card{position:relative;min-width:0;border:1.15px solid var(--ser-line);border-radius:18.4px;overflow:hidden;background:var(--ser-surface)}
#ser-design .ser-work-image{position:relative;min-width:0;aspect-ratio:16/10;background:var(--ser-field);overflow:hidden}
#ser-design .ser-work-image img{display:block;width:100%;height:100%;object-fit:contain}
#ser-design .ser-work-info{min-width:0;padding:25.3px 27.6px}
#ser-design .ser-work-info h2{font-size:33.35px;font-weight:500;line-height:1.2;letter-spacing:-.045em;margin:8.05px 0 14.95px}
#ser-design .ser-work-category{font-size:16.1px;line-height:1.5;color:var(--ser-muted)}
#ser-design .ser-work-description{max-width:644px;font-size:17.25px;line-height:1.65;color:var(--ser-muted)}
#ser-design .ser-work-credit{font-size:17.25px;font-weight:500;line-height:1.6;color:var(--ser-accent);margin-top:20.7px}
#ser-design .ser-work-links{display:flex;flex-wrap:wrap;align-items:center;gap:6.9px 27.6px;margin-top:13.8px}
#ser-design .ser-work-links a{display:inline-flex;gap:11.5px;align-items:center;min-height:50.6px;font-size:16.1px;line-height:1.5;border-bottom:1.15px solid transparent}
#ser-design .ser-work-links a:hover{color:var(--ser-accent);border-color:currentColor}
#ser-design .ser-work-revenue{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:18.4px;flex-wrap:wrap;margin:0;padding:23px 27.6px;border-top:1.15px solid var(--ser-line);background:var(--ser-surface-raised)}
#ser-design .ser-work-revenue dt{max-width:276px;font-size:17.25px;line-height:1.5;color:var(--ser-muted)}
#ser-design .ser-work-revenue dd{display:flex;align-items:baseline;gap:11.5px;flex-wrap:wrap;margin:0}
#ser-design .ser-work-revenue strong{font-size:clamp(34.5px,3.68cqw,46px);font-weight:500;letter-spacing:-.045em;line-height:1.1;color:var(--ser-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
#ser-design .ser-work-revenue dd>span{font-size:17.25px;line-height:1.5;color:var(--ser-muted)}
#ser-design [data-work-layout="09"] .ser-work-revenue,#ser-design .ser-work-devices .ser-work-revenue{padding-left:0;padding-right:0;background:none}
#ser-design [data-work-layout="12"] .ser-work-revenue{order:1;justify-content:center;gap:36.8px;width:100%;margin-top:23px;border-radius:13.8px}
#ser-design .ser-work-cta{display:flex;justify-content:flex-end;padding-top:32.2px}
#ser-design [data-work-layout="02"]>.ser-work-grid{grid-template-columns:1fr;gap:32.2px}
#ser-design [data-work-layout="02"] .ser-work-card{display:grid;grid-template-columns:1.2fr 1fr;align-items:center}
#ser-design [data-work-layout="02"] .ser-work-image{aspect-ratio:16/11}
#ser-design [data-work-layout="02"] .ser-work-card:nth-child(2) .ser-work-info{grid-column:1;grid-row:1}
#ser-design [data-work-layout="02"] .ser-work-card:nth-child(2) .ser-work-image{grid-column:2;grid-row:1}
#ser-design [data-work-layout="03"]>.ser-work-grid{grid-template-columns:1fr;gap:27.6px}
#ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-image{aspect-ratio:3/1}
#ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-info{display:grid;grid-template-columns:1fr 1fr;gap:0 27.6px}
#ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-category{grid-column:1}
#ser-design [data-work-layout="03"] .ser-work-card:first-child h2{grid-column:1}
#ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-description{grid-column:1}
#ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-credit{grid-column:2;grid-row:1/3;margin-top:0;align-self:center}
#ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-links{grid-column:2;grid-row:3;margin-top:0}
#ser-design [data-work-layout="03"] .ser-work-card:nth-child(2){display:grid;grid-template-columns:345px 1fr;align-items:center}
#ser-design [data-work-layout="03"] .ser-work-card:nth-child(2) .ser-work-image{aspect-ratio:auto;height:100%;min-height:264.5px}
#ser-design .ser-work-switch{display:flex;flex-wrap:wrap;gap:11.5px;margin-bottom:25.3px}
#ser-design .ser-work-switch button{font:inherit;padding:13.8px 23px;min-height:55.2px;border:1.15px solid var(--ser-line);border-radius:32.2px;color:var(--ser-muted);background:transparent}
#ser-design .ser-work-switch button[aria-pressed="true"]{background:var(--ser-accent);color:#17200f;border-color:var(--ser-accent)}
#ser-design [data-work-layout="04"] .ser-work-card{display:grid;grid-template-columns:1.6fr 1fr;align-items:center}
#ser-design [data-work-layout="04"] .ser-work-image{aspect-ratio:16/12}
#ser-design [data-work-layout="05"]>.ser-work-grid{display:flex;gap:27.6px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:18.4px;scrollbar-color:var(--ser-accent) var(--ser-line)}
#ser-design [data-work-layout="05"] .ser-work-card{flex:0 0 80%;scroll-snap-align:start}
#ser-design [data-work-layout="05"] .ser-work-image{aspect-ratio:2.5/1}
#ser-design [data-work-layout="05"] .ser-work-info{display:grid;grid-template-columns:1fr 1fr;gap:0 23px}
#ser-design [data-work-layout="05"] .ser-work-category,#ser-design [data-work-layout="05"] h2,#ser-design [data-work-layout="05"] .ser-work-description{grid-column:1}
#ser-design [data-work-layout="05"] .ser-work-credit{grid-column:2;grid-row:1/3;align-self:center;margin:0}
#ser-design [data-work-layout="05"] .ser-work-links{grid-column:2;grid-row:3}
#ser-design .ser-work-browser{margin:23px 23px 0;border:1.15px solid #3e4939;border-radius:13.8px;overflow:hidden}
#ser-design .ser-work-browserbar{display:flex;align-items:center;justify-content:space-between;gap:11.5px;background:#232b20;padding:13.8px 17.25px;font-size:14.95px;color:var(--ser-muted)}
#ser-design .ser-work-browserbar>span:first-child{letter-spacing:3.45px}
#ser-design [data-work-layout="06"] .ser-work-image{aspect-ratio:16/12}
#ser-design [data-work-layout="07"]{padding:32.2px;background:#f0ecdf;color:#25301e;--ser-muted:#626c59;--ser-line:#d1d5c7;--ser-accent:#3b591f;border-radius:20.7px}
#ser-design [data-work-layout="07"] .ser-work-card{background:#fffef6;border-color:#d1d5c7}
#ser-design [data-work-layout="07"] .ser-work-image{background:#e6e3d7;aspect-ratio:16/12}
#ser-design [data-work-layout="07"] .ser-pill{background:#25301e;color:#f0ecdf}
#ser-design .ser-work-disclosure{border-bottom:1.15px solid var(--ser-line)}
#ser-design .ser-work-disclosure>summary{display:flex;align-items:center;justify-content:space-between;gap:23px;padding:27.6px 0;list-style:none;font-size:34.5px;font-weight:500;letter-spacing:-.04em;cursor:pointer}
#ser-design .ser-work-disclosure>summary::-webkit-details-marker{display:none}
#ser-design .ser-work-disclosure>summary>span:last-child{color:var(--ser-accent);transition:transform .2s}
#ser-design .ser-work-disclosure[open]>summary>span:last-child{transform:rotate(45deg)}
#ser-design .ser-work-disclosure .ser-work-card{display:grid;grid-template-columns:1.4fr 1fr;align-items:center;margin-bottom:27.6px}
#ser-design .ser-work-poster{position:relative;padding-top:51.75px}
#ser-design .ser-work-big-number{position:absolute;top:-16.1px;right:23px;font-size:105.8px;line-height:1;font-weight:600;letter-spacing:-.07em;color:#728567}
#ser-design [data-work-layout="09"] .ser-work-card{background:none;border-radius:0;border-left:0;border-right:0;border-bottom:0}
#ser-design [data-work-layout="09"] .ser-work-image{aspect-ratio:1}
#ser-design [data-work-layout="09"] .ser-work-info{padding-left:0;padding-right:0}
#ser-design [data-work-layout="09"] .ser-work-info h2{font-size:42.55px}
#ser-design [data-work-layout="10"] .ser-work-grid{gap:57.5px;align-items:start}
#ser-design [data-work-layout="10"] .ser-work-card:nth-child(2){margin-top:103.5px}
#ser-design [data-work-layout="10"] .ser-work-image{aspect-ratio:4/3}
#ser-design [data-work-layout="10"] .ser-work-card:nth-child(2) .ser-work-image{aspect-ratio:1}
#ser-design .ser-work-devices{display:grid;grid-template-columns:1.5fr 1fr;gap:57.5px;align-items:start}
#ser-design .ser-work-devices .ser-work-card{background:transparent;border:0;overflow:visible}
#ser-design .ser-work-device{border:9.2px solid #293225;border-radius:18.4px;overflow:hidden;box-shadow:0 20.7px 46px #0004}
#ser-design .ser-work-laptop{margin-top:75.9px;position:relative}
#ser-design .ser-work-laptop .ser-work-image{aspect-ratio:16/10}
#ser-design .ser-work-phone{width:276px;max-width:100%;margin:auto;border:11.5px solid #293225;border-radius:36.8px}
#ser-design .ser-work-phone .ser-work-image{aspect-ratio:9/16;background:#f4efe2}
#ser-design .ser-work-phone img{object-fit:cover;object-position:right center}
#ser-design .ser-work-devices .ser-work-info{padding-left:0;padding-right:0}
#ser-design [data-work-layout="12"] .ser-work-heading{flex-direction:column;align-items:center;text-align:center;gap:18.4px}
#ser-design [data-work-layout="12"] .ser-work-grid{grid-template-columns:1fr;max-width:1081px;margin:auto;gap:46px}
#ser-design [data-work-layout="12"] .ser-work-card{display:flex;flex-direction:column;text-align:center;background:none;border:0;overflow:visible}
#ser-design [data-work-layout="12"] .ser-work-info{order:-1;padding-top:0;padding-bottom:25.3px}
#ser-design [data-work-layout="12"] .ser-work-image{border:1.15px solid var(--ser-line);border-radius:18.4px;aspect-ratio:2.4/1}
#ser-design [data-work-layout="12"] .ser-work-description{margin:auto}
#ser-design [data-work-layout="12"] .ser-work-links{justify-content:center}
#ser-design [data-work-layout="12"] .ser-work-cta{justify-content:center}
#ser-design [data-work-layout="13"]{display:grid;grid-template-columns:368px minmax(0,1fr);gap:0 55.2px;align-items:start}
#ser-design [data-work-layout="13"] .ser-work-heading{display:block;position:sticky;top:32.2px;grid-row:1/3}
#ser-design [data-work-layout="13"] .ser-work-heading>p{margin-top:27.6px}
#ser-design [data-work-layout="13"] .ser-work-grid{grid-template-columns:1fr}
#ser-design [data-work-layout="13"] .ser-work-cta{grid-column:2}
#ser-design [data-work-layout="14"] .ser-work-grid{grid-template-columns:1fr;gap:34.5px}
#ser-design [data-work-layout="14"] .ser-work-image{aspect-ratio:3/1}
#ser-design [data-work-layout="14"] .ser-work-image::after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 20%,#080d09d9)}
#ser-design [data-work-layout="14"] .ser-work-info{display:flex;align-items:center;justify-content:space-between;gap:23px;flex-wrap:wrap}
#ser-design [data-work-layout="14"] .ser-work-info h2{position:absolute;top:clamp(126.5px,21.85cqw,281.75px);left:32.2px;right:32.2px;color:#fff;font-size:48.3px;z-index:1;margin:0}
#ser-design [data-work-layout="14"] .ser-work-category,#ser-design [data-work-layout="14"] .ser-work-description{display:none}
#ser-design [data-work-layout="14"] .ser-work-credit,#ser-design [data-work-layout="14"] .ser-work-links{margin:0}
#ser-design [data-work-layout="15"] .ser-work-grid{grid-template-columns:1fr;gap:0;border-top:1.15px solid var(--ser-line)}
#ser-design [data-work-layout="15"] .ser-work-card{display:grid;grid-template-columns:207px minmax(0,1fr);align-items:center;background:none;border:0;border-bottom:1.15px solid var(--ser-line);border-radius:0;padding:23px 0;gap:28.75px}
#ser-design [data-work-layout="15"] .ser-work-image{aspect-ratio:4/3;border-radius:11.5px}
#ser-design [data-work-layout="15"] .ser-work-info{padding:0;display:grid;grid-template-columns:1fr auto;gap:0 23px}
#ser-design [data-work-layout="15"] .ser-work-category,#ser-design [data-work-layout="15"] h2{grid-column:1}
#ser-design [data-work-layout="15"] .ser-work-description{display:none}
#ser-design [data-work-layout="15"] .ser-work-credit{grid-column:2;grid-row:1/3;margin:0;align-self:center}
#ser-design [data-work-layout="15"] .ser-work-links{grid-column:1/-1;margin:0}
@container(max-width:850px){
 #ser-design .ser-work-heading{display:block}
 #ser-design .ser-work-heading>p{margin-top:18.4px}
 #ser-design .ser-work-grid,#ser-design .ser-work-devices{grid-template-columns:1fr;gap:27.6px}
 #ser-design [data-work-layout="02"] .ser-work-card,#ser-design [data-work-layout="03"] .ser-work-card:nth-child(2),#ser-design [data-work-layout="04"] .ser-work-card,#ser-design .ser-work-disclosure .ser-work-card{display:block}
 #ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-info,#ser-design [data-work-layout="05"] .ser-work-info{display:block}
 #ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-credit,#ser-design [data-work-layout="05"] .ser-work-credit{margin-top:20.7px}
 #ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-links,#ser-design [data-work-layout="05"] .ser-work-links{margin-top:13.8px}
 #ser-design [data-work-layout="10"] .ser-work-card:nth-child(2){margin-top:0}
 #ser-design .ser-work-laptop{margin-top:0}
 #ser-design [data-work-layout="13"]{display:block}
 #ser-design [data-work-layout="13"] .ser-work-heading{position:static}
 #ser-design [data-work-layout="14"] .ser-work-image{aspect-ratio:16/9}
 #ser-design [data-work-layout="14"] .ser-work-info h2{top:clamp(126.5px,42.55cqw,333.5px);font-size:36.8px}
 #ser-design [data-work-layout="15"] .ser-work-info{display:block}
 #ser-design [data-work-layout="15"] .ser-work-credit{margin-top:9.2px}
}
@container(max-width:600px){
 #ser-design[data-active-view="work"] .ser-work-page,#ser-design .ser-work-page{padding:29.9px 23px}
 #ser-design .ser-work-info{padding:20.7px}
 #ser-design .ser-work-info h2{font-size:31.05px}
 #ser-design .ser-work-credit{font-size:16.1px}
 #ser-design .ser-work-links{gap:6.9px 18.4px}
 #ser-design [data-work-layout="07"]{padding:23px}
 #ser-design [data-work-layout="03"] .ser-work-card:first-child .ser-work-image,#ser-design [data-work-layout="05"] .ser-work-image,#ser-design [data-work-layout="12"] .ser-work-image{aspect-ratio:16/11}
 #ser-design [data-work-layout="15"] .ser-work-card{grid-template-columns:1fr;gap:16.1px}
 #ser-design [data-work-layout="15"] .ser-work-image{aspect-ratio:16/8}
 #ser-design .ser-work-cta{justify-content:flex-start}
}
@media(prefers-reduced-motion:reduce){#ser-design .ser-work-disclosure>summary>span:last-child{transition:none}}

/* Selected portfolio direction: project tabs, restrained frame, comparable results. */
#ser-design [data-work-layout="04"] .ser-work-heading{margin-bottom:27.6px;align-items:center}
#ser-design [data-work-layout="04"] .ser-work-heading h1{font-size:clamp(43.7px,4.83cqw,59.8px);letter-spacing:-.055em}
#ser-design [data-work-layout="04"] .ser-work-heading>p{max-width:437px;line-height:1.65}
#ser-design [data-work-layout="04"] .ser-work-switch{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-bottom:1.15px solid var(--ser-line);margin-bottom:23px}
#ser-design [data-work-layout="04"] .ser-work-switch button{display:flex;align-items:center;justify-content:space-between;gap:18.4px;min-height:69px;padding:16.1px 23px;border:0;border-radius:0;border-bottom:2.3px solid transparent;margin-bottom:-1.15px;background:none;color:var(--ser-muted);font-size:19.55px;font-weight:500;text-align:left;line-height:1.5}
#ser-design [data-work-layout="04"] .ser-work-switch button:first-child{padding-left:0}
#ser-design [data-work-layout="04"] .ser-work-switch button+button{border-left:1.15px solid var(--ser-line)}
#ser-design [data-work-layout="04"] .ser-work-switch button[aria-selected="true"]{background:none;color:var(--ser-ink);border-bottom-color:var(--ser-accent)}
#ser-design [data-work-layout="04"] .ser-work-switch button:hover{color:var(--ser-ink)}
#ser-design [data-work-layout="04"] .ser-work-tab-arrow{font-size:24.15px;color:var(--ser-accent);opacity:0}
#ser-design [data-work-layout="04"] [aria-selected="true"] .ser-work-tab-arrow{opacity:1}
#ser-design [data-work-layout="04"] .ser-work-card{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:stretch;border-radius:9.2px;background:var(--ser-surface);border-color:var(--ser-line)}
#ser-design [data-work-layout="04"] .ser-work-image{aspect-ratio:auto;min-height:368px;height:100%;background:var(--ser-field);border-right:1.15px solid var(--ser-line)}
#ser-design [data-work-layout="04"] .ser-work-image img{padding:18.4px;object-fit:contain}
#ser-design [data-work-layout="04"] .ser-work-info{align-self:center;padding:29.9px 34.5px}
#ser-design [data-work-layout="04"] .ser-work-info h2{font-size:39.1px;line-height:1.18;letter-spacing:-.045em;margin-top:9.2px;margin-bottom:16.1px}
#ser-design [data-work-layout="04"] .ser-work-description{font-size:18.4px;line-height:1.7;max-width:448.5px}
#ser-design [data-work-layout="04"] .ser-work-credit{margin-top:23px;color:var(--ser-muted);font-weight:400}
#ser-design [data-work-layout="04"] .ser-work-links{margin-top:13.8px;gap:9.2px 23px}
#ser-design [data-work-layout="04"] .ser-work-links a{font-size:17.25px;color:var(--ser-ink)}
#ser-design [data-work-layout="04"] .ser-work-links a:hover{color:var(--ser-accent)}
#ser-design .ser-work-outcome{grid-column:1/-1;padding:25.3px 34.5px 23px;border-top:1.15px solid var(--ser-line);background:var(--ser-surface-raised)}
#ser-design .ser-work-outcome-heading{display:flex;justify-content:space-between;align-items:center;gap:23px}
#ser-design .ser-work-outcome-heading h3{font-size:20.7px;font-weight:500;line-height:1.5;letter-spacing:-.025em}
#ser-design .ser-work-outcome-heading>span{font-size:17.25px;line-height:1.5;color:var(--ser-muted);white-space:nowrap}
#ser-design .ser-work-outcome-values{display:grid;grid-template-columns:1.25fr 1fr .75fr;gap:0;margin:20.7px 0 23px}
#ser-design .ser-work-outcome-values>div{min-width:0;padding:0 29.9px;border-left:1.15px solid var(--ser-line)}
#ser-design .ser-work-outcome-values>div:first-child{border:0;padding-left:0}
#ser-design .ser-work-outcome-values>div:last-child{padding-right:0}
#ser-design .ser-work-outcome-values dt{font-size:17.25px;line-height:1.5;color:var(--ser-muted);margin-bottom:11.5px}
#ser-design .ser-work-outcome-values dd{margin:0;line-height:1.05}
#ser-design .ser-work-outcome-values strong{display:block;font-size:41.4px;font-weight:500;letter-spacing:-.05em;color:var(--ser-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#ser-design .ser-work-outcome-earned strong{font-size:clamp(43.7px,5.06cqw,59.8px);color:var(--ser-accent)}
#ser-design .ser-work-outcome-comparison{display:flex;align-items:center;justify-content:space-between;gap:18.4px;flex-wrap:wrap;border-top:1.15px solid var(--ser-line);padding-top:17.25px;font-size:17.25px;line-height:1.5;color:var(--ser-muted)}
#ser-design .ser-work-outcome-comparison>div{display:flex;align-items:center;gap:13.8px;flex-wrap:wrap}
#ser-design .ser-work-outcome-comparison strong{font-size:20.7px;font-weight:500;color:var(--ser-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
#ser-design .ser-work-outcome-arrow{margin:0 6.9px;color:var(--ser-accent);font-size:23px}
#ser-design [data-work-layout="04"] .ser-work-cta{padding-top:27.6px}
#ser-design [data-work-layout="04"] .ser-work-cta .ser-pill{border-radius:6.9px;min-height:55.2px;padding:13.8px 25.3px;font-size:17.25px;font-weight:500}
@container(max-width:850px){
 #ser-design [data-work-layout="04"] .ser-work-card{display:block}
 #ser-design [data-work-layout="04"] .ser-work-image{aspect-ratio:16/9;min-height:0;height:auto;border-right:0;border-bottom:1.15px solid var(--ser-line)}
 #ser-design .ser-work-outcome-values{grid-template-columns:1.2fr 1fr .7fr}
 #ser-design .ser-work-outcome-values>div{padding:0 20.7px}
 #ser-design .ser-work-outcome-values strong{font-size:32.2px}
 #ser-design .ser-work-outcome-earned strong{font-size:43.7px}
}
@container(max-width:600px){
 #ser-design [data-work-layout="04"] .ser-work-heading h1{font-size:43.7px}
 #ser-design [data-work-layout="04"] .ser-work-switch button{font-size:17.25px;min-height:73.6px;padding:13.8px;gap:9.2px}
 #ser-design [data-work-layout="04"] .ser-work-switch button:first-child{padding-left:0}
 #ser-design [data-work-layout="04"] .ser-work-tab-arrow{display:none}
 #ser-design [data-work-layout="04"] .ser-work-info{padding:25.3px}
 #ser-design [data-work-layout="04"] .ser-work-info h2{font-size:34.5px}
 #ser-design .ser-work-outcome{padding:25.3px}
 #ser-design .ser-work-outcome-heading{align-items:flex-start}
 #ser-design .ser-work-outcome-heading h3{font-size:19.55px}
 #ser-design .ser-work-outcome-values{grid-template-columns:1fr 1fr;gap:25.3px 0}
 #ser-design .ser-work-outcome-values>div{padding:0;border:0}
 #ser-design .ser-work-outcome-values>div:last-child{padding-left:18.4px;border-left:1.15px solid var(--ser-line)}
 #ser-design .ser-work-outcome-earned{grid-column:1/-1}
 #ser-design .ser-work-outcome-values dt{font-size:16.1px}
 #ser-design .ser-work-outcome-values strong{font-size:33.35px}
 #ser-design .ser-work-outcome-earned strong{font-size:52.9px}
 #ser-design .ser-work-outcome-comparison>div{display:grid;grid-template-columns:1fr 27.6px 1fr;gap:6.9px 13.8px;width:100%}
 #ser-design .ser-work-outcome-comparison>div>span:first-child{grid-column:1;grid-row:1}
 #ser-design .ser-work-outcome-comparison>div>strong:nth-child(2){grid-column:1;grid-row:2}
 #ser-design .ser-work-outcome-comparison>div>span:nth-child(4){grid-column:3;grid-row:1}
 #ser-design .ser-work-outcome-comparison>div>strong:last-child{grid-column:3;grid-row:2}
 #ser-design .ser-work-outcome-arrow{margin:0 2.3px}
 #ser-design .ser-work-outcome-comparison .ser-work-outcome-arrow{grid-column:2;grid-row:1/span 2;align-self:center}
}

/* A scalable project index around the chosen single-project presentation. */
#ser-design .ser-work-filters{display:flex;align-items:center;gap:9.2px 27.6px;flex-wrap:wrap;margin:0 0 18.4px;border-bottom:1.15px solid var(--ser-line)}
#ser-design .ser-work-filters button{min-height:55.2px;padding:11.5px 0;font-size:17.25px;border:0;border-bottom:2.3px solid transparent;border-radius:0;color:var(--ser-muted)}
#ser-design .ser-work-filters button[aria-pressed="true"]{color:var(--ser-ink);border-bottom-color:var(--ser-accent)}
#ser-design .ser-work-control-label{flex:none;font-size:12.65px;line-height:1.3;color:var(--ser-muted);white-space:nowrap}
#ser-design .ser-work-selector{display:grid;grid-template-columns:minmax(0,1fr);gap:13.8px;margin-bottom:18.4px;min-width:0}
#ser-design .ser-work-selector>.ser-work-controls{display:contents}
#ser-design .ser-work-filters{flex-direction:column;align-items:flex-start;gap:4.6px}
#ser-design .ser-work-business-options{display:flex;align-items:center;gap:27.6px;max-width:100%;min-width:0;overflow-x:auto;scrollbar-width:none}
#ser-design .ser-work-controls{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(241.5px,1fr);align-items:center;gap:27.6px;margin:0 0 18.4px;min-width:0}
#ser-design .ser-work-services,#ser-design .ser-work-examples{display:flex;align-items:center;gap:13.8px;min-width:0}
#ser-design .ser-work-service-options{display:flex;align-items:center;gap:4.6px;min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:none;padding:2.3px}
#ser-design .ser-work-service-options::-webkit-scrollbar{display:none}
#ser-design .ser-work-service-options button{flex:none;white-space:nowrap;min-height:41.4px;padding:9.2px 13.8px;border:1.15px solid transparent;border-radius:10.35px;background:transparent;font-size:13.8px;font-weight:500;color:var(--ser-muted)}
#ser-design .ser-work-service-options button[aria-pressed="true"]{background:var(--ser-accent-soft);color:var(--ser-accent)}
#ser-design .ser-work-service-options button:hover{color:var(--ser-ink)}
#ser-design .ser-work-service-options button:focus-visible{outline:2.3px solid var(--ser-accent);outline-offset:-2.3px}
#ser-design .ser-work-examples>.ser-work-switch{min-width:0;margin:0}
@media(max-width:850px){#ser-design .ser-work-controls{grid-template-columns:minmax(0,1fr);gap:9.2px}#ser-design .ser-work-services>.ser-work-control-label,#ser-design .ser-work-examples>.ser-work-control-label{width:80.5px}}
#ser-design [data-work-layout="04"] .ser-work-switch{display:flex;flex-wrap:nowrap;align-items:stretch;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}
#ser-design [data-work-layout="04"] .ser-work-switch::-webkit-scrollbar{display:none;width:0;height:0}
#ser-design [data-work-layout="04"] .ser-work-switch button{flex:0 0 auto;min-width:218.5px;max-width:327.75px;min-height:69px}
#ser-design .ser-work-focus-panels{scroll-margin-top:18.4px}
#ser-design .ser-work-projects{padding-top:39.1px;margin-top:41.4px;border-top:1.15px solid var(--ser-line)}
#ser-design .ser-work-projects>header{display:flex;align-items:center;justify-content:space-between;margin-bottom:25.3px}
#ser-design .ser-work-projects>header h2{font-size:33.35px;line-height:1.2;letter-spacing:-.04em;font-weight:500}
#ser-design .ser-work-index{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:27.6px}
#ser-design .ser-work-index-card{min-width:0}
#ser-design .ser-work-index-card>button{display:flex;flex-direction:column;align-items:stretch;width:100%;height:100%;padding:0;border:1.15px solid var(--ser-line);border-radius:9.2px;overflow:hidden;background:var(--ser-surface);text-align:left;transition:border-color .18s}
#ser-design .ser-work-index-card>button:hover,#ser-design .ser-work-index-card>button[aria-pressed="true"]{border-color:var(--ser-line-strong)}
#ser-design .ser-work-index-card img{display:block;width:100%;height:auto;aspect-ratio:16/9;object-fit:cover;background:#101710}
#ser-design .ser-work-index-category{display:block;margin:20.7px 23px 8.05px;font-size:16.1px;line-height:1.5;color:var(--ser-muted)}
#ser-design .ser-work-index-title{display:block;margin:0 23px 13.8px;font-size:26.45px;line-height:1.28;font-weight:500;letter-spacing:-.035em;color:var(--ser-ink)}
#ser-design .ser-work-index-credit{display:block;margin:0 23px 23px;font-size:16.1px;line-height:1.65;color:var(--ser-muted)}
#ser-design .ser-work-index-revenue{display:flex;align-items:center;justify-content:space-between;gap:13.8px;flex-wrap:wrap;margin-top:auto;padding:18.4px 23px;border-top:1.15px solid var(--ser-line);background:var(--ser-surface-raised)}
#ser-design .ser-work-index-revenue>span{max-width:172.5px;font-size:16.1px;line-height:1.5;color:var(--ser-muted)}
#ser-design .ser-work-index-revenue>strong{font-size:31.05px;line-height:1.2;font-weight:500;letter-spacing:-.04em;color:var(--ser-accent);font-variant-numeric:tabular-nums;white-space:nowrap}
#ser-design .ser-work-play,#ser-design .ser-work-stop{position:absolute;z-index:2;min-height:50.6px;padding:11.5px 18.4px;border:1.15px solid #718064;border-radius:6.9px;background:#101710e8;color:#f3f5ec;font-size:17.25px;line-height:1.5}
#ser-design .ser-work-play{left:20.7px;bottom:20.7px;display:flex;align-items:center;gap:13.8px}
#ser-design .ser-work-play>span:first-child{font-size:25.3px;color:var(--ser-accent)}
#ser-design .ser-work-stop{top:13.8px;right:13.8px}
#ser-design .ser-work-image>iframe{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
#ser-design .ser-work-sr-only{position:absolute;width:1.15px;height:1.15px;padding:0;margin:-1.15px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
#ser-design .ser-work-operational{margin-top:23px;padding-top:23px;border-top:1.15px solid var(--ser-line)}
#ser-design .ser-work-operational>header{display:flex;align-items:center;justify-content:space-between;gap:18.4px;margin-bottom:18.4px}
#ser-design .ser-work-operational h4{margin:0;font-size:20.7px;line-height:1.5;font-weight:500;letter-spacing:-.025em}
#ser-design .ser-work-operational>header p{display:flex;align-items:center;gap:11.5px;font-size:17.25px;color:var(--ser-muted)}
#ser-design .ser-work-operational-values{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 29.9px;margin:0}
#ser-design .ser-work-operational-values>div{min-width:0;padding:20.7px 0;border-top:1.15px solid var(--ser-line)}
#ser-design .ser-work-operational-values dt{font-size:17.25px;line-height:1.5;color:var(--ser-muted);margin-bottom:11.5px}
#ser-design .ser-work-operational-values dd{display:flex;align-items:baseline;gap:11.5px;flex-wrap:wrap;margin:0;font-size:27.6px;line-height:1.4;letter-spacing:-.035em;font-variant-numeric:tabular-nums}
#ser-design .ser-work-operational-values [data-work-metric-value]{white-space:nowrap}
#ser-design .ser-work-operational-values dd>span[data-work-metric-value]{font-size:23px;color:var(--ser-muted)}
#ser-design .ser-work-operational-values dd>strong{font-size:29.9px;font-weight:500;color:var(--ser-ink)}
#ser-design .ser-work-metric-arrow{font-size:21.85px;color:var(--ser-muted)}
#ser-design .ser-work-index-metrics{display:block;padding:4.6px 23px 18.4px;background:var(--ser-surface-raised)}
#ser-design .ser-work-index-metrics>[data-work-index-metric]{display:flex;align-items:baseline;justify-content:space-between;gap:18.4px;padding:11.5px 0;border-top:1.15px solid var(--ser-line)}
#ser-design .ser-work-index-metrics>[data-work-index-metric]>span{font-size:17.25px;line-height:1.5;color:var(--ser-muted)}
#ser-design .ser-work-index-metrics strong{font-size:25.3px;line-height:1.3;font-weight:500;color:var(--ser-ink);font-variant-numeric:tabular-nums;white-space:nowrap}
@container(max-width:950px){#ser-design .ser-work-index{grid-template-columns:repeat(2,minmax(0,1fr))}}
@container(max-width:600px){
 #ser-design .ser-work-index{grid-template-columns:1fr;gap:23px}
 #ser-design .ser-work-filters{gap:6.9px 20.7px}
 #ser-design [data-work-layout="04"] .ser-work-switch button{min-width:207px;max-width:276px}
 #ser-design .ser-work-projects{margin-top:32.2px;padding-top:29.9px}
 #ser-design .ser-work-operational-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 23px}
 #ser-design .ser-work-operational>header{align-items:flex-start;flex-wrap:wrap;gap:6.9px}
 #ser-design .ser-work-operational-values dd{gap:9.2px}
 #ser-design .ser-work-operational-values dd>span[data-work-metric-value]{font-size:20.7px}
 #ser-design .ser-work-operational-values dd>strong{font-size:26.45px}
}
@container(max-width:340px){#ser-design .ser-work-operational-values{grid-template-columns:1fr}}

/* Case presentation: reference left, all numeric evidence right, details below. */
#ser-design [data-work-layout="04"] .ser-work-card{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);align-items:stretch}
#ser-design [data-work-layout="04"] .ser-work-visual{grid-column:1;grid-row:1;min-width:0;border-right:1.15px solid var(--ser-line);display:flex;flex-direction:column;justify-content:center}
#ser-design [data-work-layout="04"] .ser-work-visual .ser-work-image{aspect-ratio:16/10;min-height:0;height:auto;border:0}
#ser-design [data-work-layout="04"] .ser-work-visual .ser-work-image img{position:absolute;inset:0;width:100%;height:100%;padding:18.4px;object-fit:contain}
#ser-design [data-work-layout="04"] .ser-work-visual-caption{padding:25.3px 29.9px 27.6px}
#ser-design [data-work-layout="04"] .ser-work-visual-caption h2{font-size:36.8px;line-height:1.2;letter-spacing:-.045em;font-weight:500;margin:9.2px 0 13.8px;overflow-wrap:break-word}
#ser-design [data-work-layout="04"] .ser-work-visual-caption .ser-work-credit{font-size:16.1px;line-height:1.5;margin:0;color:var(--ser-muted)}
#ser-design [data-work-layout="04"] .ser-work-visual-caption .ser-work-links{margin-top:9.2px}
#ser-design [data-work-layout="04"] .ser-work-outcome{grid-column:2;grid-row:1;border-top:0;padding:27.6px;min-width:0}
#ser-design [data-work-layout="04"] .ser-work-outcome-heading{gap:13.8px}
#ser-design [data-work-layout="04"] .ser-work-outcome-heading h3{font-size:19.55px}
#ser-design [data-work-layout="04"] .ser-work-outcome-heading>span{font-size:14.95px}
#ser-design [data-work-layout="04"] .ser-work-outcome-values{grid-template-columns:repeat(2,minmax(0,1fr));gap:25.3px 23px;margin:27.6px 0}
#ser-design [data-work-layout="04"] .ser-work-outcome-values>div{padding:0;border:0;grid-column:auto}
#ser-design [data-work-layout="04"] .ser-work-outcome-values dt{font-size:14.95px;line-height:1.5;margin-bottom:9.2px}
#ser-design [data-work-layout="04"] .ser-work-outcome-values strong{font-size:32.2px;line-height:1.15;font-weight:600;letter-spacing:-.045em}
#ser-design [data-work-layout="04"] .ser-work-primary-metric strong{font-size:clamp(34.5px,3.565cqw,48.3px);color:var(--ser-accent)}
#ser-design [data-work-layout="04"] .ser-work-operational{margin-top:0;padding-top:20.7px;border-color:var(--ser-line)}
#ser-design [data-work-layout="04"] .ser-work-operational>header{margin-bottom:16.1px}
#ser-design [data-work-layout="04"] .ser-work-operational h4{font-size:18.4px}
#ser-design [data-work-layout="04"] .ser-work-comparison-labels,#ser-design [data-work-layout="04"] .ser-work-operational-values>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:13.8px;align-items:center}
#ser-design [data-work-layout="04"] .ser-work-comparison-labels{margin-bottom:9.2px;color:var(--ser-muted);font-size:13.8px;line-height:1.5}
#ser-design [data-work-layout="04"] .ser-work-comparison-labels>div,#ser-design [data-work-layout="04"] .ser-work-operational-values dd{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11.5px;align-items:baseline}
#ser-design [data-work-layout="04"] .ser-work-comparison-labels>div>span:last-child{color:var(--ser-accent)}
#ser-design [data-work-layout="04"] .ser-work-operational-values{display:block;margin:0}
#ser-design [data-work-layout="04"] .ser-work-operational-values>div{padding:11.5px 0;border-color:var(--ser-line)}
#ser-design [data-work-layout="04"] .ser-work-operational-values dt{margin:0;font-size:14.95px;line-height:1.5;overflow-wrap:break-word}
#ser-design [data-work-layout="04"] .ser-work-operational-values dd{margin:0;min-width:0;letter-spacing:-.03em}
#ser-design [data-work-layout="04"] .ser-work-operational-values dd>span[data-work-metric-value]{font-size:19.55px;line-height:1.4;color:var(--ser-muted)}
#ser-design [data-work-layout="04"] .ser-work-operational-values dd>strong{font-size:23px;line-height:1.4;font-weight:600;color:var(--ser-ink)}
#ser-design [data-work-layout="04"] .ser-work-metric-arrow{display:none}
#ser-design [data-work-layout="04"] .ser-work-model-note{font-size:14.95px;line-height:1.5;margin-top:18.4px}
#ser-design [data-work-layout="04"] .ser-creator-report{padding:20.7px 0 0;margin-top:23px;border-color:var(--ser-line);background:none}
#ser-design [data-work-layout="04"] .ser-creator-report h3{font-size:18.4px}
#ser-design [data-work-layout="04"] .ser-creator-report dl{grid-template-columns:repeat(2,minmax(0,1fr));gap:18.4px;margin:18.4px 0}
#ser-design [data-work-layout="04"] .ser-creator-report dd{font-size:32.2px;font-weight:600}
#ser-design [data-work-layout="04"] .ser-creator-report dt,#ser-design [data-work-layout="04"] .ser-creator-report p{font-size:14.95px;line-height:1.5}
#ser-design [data-work-layout="04"] .ser-work-details{grid-column:1/-1;grid-row:2;border-top:1.15px solid var(--ser-line);min-width:0}
#ser-design [data-work-layout="04"] .ser-work-details>summary{display:flex;justify-content:space-between;align-items:center;gap:23px;padding:23px 29.9px;font-size:18.4px;font-weight:500;line-height:1.5;cursor:pointer;list-style:none}
#ser-design [data-work-layout="04"] .ser-work-details>summary::-webkit-details-marker{display:none}
#ser-design [data-work-layout="04"] .ser-work-details>summary:hover{color:var(--ser-accent)}
#ser-design [data-work-layout="04"] .ser-work-details-icon{font-size:29.9px;line-height:1;color:var(--ser-accent);transition:transform 200ms}
#ser-design [data-work-layout="04"] .ser-work-details[open] .ser-work-details-icon{transform:rotate(45deg)}
#ser-design [data-work-layout="04"] .ser-work-details-body{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:29.9px 46px;padding:6.9px 29.9px 32.2px}
#ser-design [data-work-layout="04"] .ser-work-details-body section{min-width:0}
#ser-design [data-work-layout="04"] .ser-work-details-body h3{font-size:18.4px;line-height:1.5;font-weight:500;margin:0 0 11.5px}
#ser-design [data-work-layout="04"] .ser-work-details-body p{font-size:16.1px;line-height:1.7;margin:0 0 11.5px;max-width:none;color:var(--ser-muted)}
#ser-design [data-work-layout="04"] .ser-work-details-body p strong{font-weight:500;color:var(--ser-ink)}
@container(max-width:1000px){
 #ser-design [data-work-layout="04"] .ser-work-card{display:grid;grid-template-columns:minmax(0,1fr)}
 #ser-design [data-work-layout="04"] .ser-work-visual{grid-column:1;grid-row:1;border-right:0}
 #ser-design [data-work-layout="04"] .ser-work-visual .ser-work-image{aspect-ratio:16/9}
 #ser-design [data-work-layout="04"] .ser-work-outcome{grid-column:1;grid-row:2;border-top:1.15px solid var(--ser-line)}
 #ser-design [data-work-layout="04"] .ser-work-details{grid-row:3}
}
@container(max-width:600px){
 #ser-design [data-work-layout="04"] .ser-work-visual-caption,#ser-design [data-work-layout="04"] .ser-work-outcome{padding:23px}
 #ser-design [data-work-layout="04"] .ser-work-visual-caption h2{font-size:31.05px}
 #ser-design [data-work-layout="04"] .ser-work-details>summary{padding:20.7px 23px}
 #ser-design [data-work-layout="04"] .ser-work-details-body{grid-template-columns:1fr;gap:23px;padding:2.3px 23px 25.3px}
}
@container(max-width:420px){
 #ser-design [data-work-layout="04"] .ser-work-outcome-values{gap:23px 13.8px}
 #ser-design [data-work-layout="04"] .ser-work-outcome-values strong{font-size:27.6px}
 #ser-design [data-work-layout="04"] .ser-work-primary-metric strong{font-size:33.35px}
 #ser-design [data-work-layout="04"] .ser-work-operational-values dd>span[data-work-metric-value]{font-size:17.25px;white-space:normal}
 #ser-design [data-work-layout="04"] .ser-work-operational-values dd>strong{font-size:19.55px;white-space:normal}
 #ser-design [data-work-layout="04"] .ser-work-operational-values dt{font-size:13.8px}
}
@container(max-width:360px){#ser-design [data-work-layout="04"] .ser-work-outcome-values{grid-template-columns:1fr}}
@media(prefers-reduced-motion:reduce){#ser-design [data-work-layout="04"] .ser-work-details-icon{transition:none}}