/* A focused, self-contained case study within the shared work library. */
#gs-portfolio #case-panel-4{--sans:'Instrument Sans',Arial,sans-serif;--display:'Instrument Sans',Arial,sans-serif;--mono:'IBM Plex Mono',monospace;--crm-paper:#eee8da;--crm-muted:#b3bdaf;background:#1f3033;color:var(--crm-paper);border-color:#8c9b823b;overflow:hidden;gap:45px 40px;font-family:var(--sans)}
#gs-portfolio #case-panel-4.is-on{grid-template-columns:1fr 1fr;align-items:start}
#gs-portfolio #case-panel-4>.crm-work-banner{grid-column:1/-1;height:260px;min-height:260px;background:#d7c4aa;margin-bottom:0;color:#354239;position:relative;isolation:isolate;border-radius:0;overflow:hidden}
#gs-portfolio .crm-work-banner-copy{position:absolute;left:32px;top:32px;z-index:2;max-width:65%}
#gs-portfolio .crm-work-banner-copy>span{font:8px/1.5 var(--mono);letter-spacing:.04em;color:#7a725f}
#gs-portfolio .crm-work-banner-copy>strong{display:block;font:400 clamp(33px,3.8vw,56px)/1.02 var(--sans);letter-spacing:-.055em;margin-top:24px}
#gs-portfolio .crm-work-banner-copy em{font-style:normal;color:#8b6044}
#gs-portfolio .crm-banner-circuit{position:absolute;right:-4%;top:7px;width:52%;height:100%;opacity:.9;pointer-events:none;transform:rotate(-8deg)}
#gs-portfolio .crm-banner-circuit-base{stroke:#536e5a2e;stroke-width:1}
#gs-portfolio .crm-banner-circuit-live{stroke:#986944;stroke-width:1.2;stroke-dasharray:1;stroke-dashoffset:0}
#gs-portfolio .crm-banner-circuit circle{fill:#986944}
#gs-portfolio .crm-banner-notes{position:absolute;right:32px;top:42px;bottom:45px;display:flex;flex-direction:column;justify-content:space-between;text-align:right;font:7px var(--mono);color:#717962;letter-spacing:.03em}
#gs-portfolio .crm-work-motion-toggle{position:absolute;right:28px;bottom:18px;font:9px var(--sans);border-bottom:1px solid #948971;color:#75634f;padding:3px 0}
#gs-portfolio .crm-work-case.is-on .crm-banner-circuit-live{animation:crm-work-route 2.8s ease both}
#gs-portfolio .crm-work-eyebrow{display:block;font:8px/1.6 var(--mono);letter-spacing:.05em;color:#c1a182}
#gs-portfolio #case-panel-4 .crm-work-story h3{font:400 clamp(33px,3.8vw,53px)/1.02 var(--sans);letter-spacing:-.05em;color:#ede7d9;max-width:19ch;margin:22px 0}
#gs-portfolio #case-panel-4 p.crm-work-lead{font:17px/1.65 var(--sans);max-width:35ch;color:#c3cbbd;margin:0}
#gs-portfolio .crm-work-narrative{display:grid;gap:22px;margin-top:29px;border-top:1px solid #a0b09a42;padding-top:23px}
#gs-portfolio .crm-work-narrative>div{display:grid;grid-template-columns:97px 1fr;gap:17px;align-items:start}
#gs-portfolio .crm-work-narrative>div>span{font:7px/1.7 var(--mono);color:#a7b6a0;padding-top:4px;letter-spacing:.03em}
#gs-portfolio #case-panel-4 .crm-work-narrative p{font:14px/1.7 var(--sans);color:#b1beac;margin:0;max-width:37ch}
#gs-portfolio .crm-work-crosslink{display:flex;justify-content:space-between;align-items:center;gap:25px;margin-top:27px;padding-bottom:12px;border-bottom:1px solid #9cac9155;font:11px/1.6 var(--sans);color:#c7cfb9}
#gs-portfolio .crm-work-crosslink>span{font-size:19px;color:#c5a07c}
#gs-portfolio .crm-work-demo{min-width:0;align-self:start}
#gs-portfolio .crm-case-motion{position:relative;height:510px;overflow:hidden;background:#24323a;border:1px solid #b7c0a82b}
#gs-portfolio .crm-work-demo .crm-sequence-heading{font-size:31px;line-height:1.03;left:23px;top:58px;max-width:90%;letter-spacing:-.045em}
#gs-portfolio .crm-work-demo .crm-contexts>button{background:#31434a;border:1px solid #9cae9e2a;color:#c8d1c4;font-family:var(--sans)}
#gs-portfolio .crm-work-demo .crm-contexts>button[aria-pressed=true]{background:#c0a185;color:#283a3b;border-color:#d8b798}
#gs-portfolio .crm-work-demo .crm-contexts>button:hover{border-color:#c9b89a80}
#gs-portfolio .crm-work-demo .crm-sequence-replay{background:none;border:1px solid #a5b39b4a;color:#bcc7b4;font:9px var(--sans);padding:9px 11px}
#gs-portfolio .crm-work-demo .crm-letter-copy>p{font:10px/1.6 var(--sans);color:#7a806d;margin:10px 0 0;max-width:25ch}
#gs-portfolio .crm-work-demo .crm-sequence-bottom p{font:400 14px/1.4 var(--sans);letter-spacing:-.02em;color:#d2d6c7;margin:9px 0 0;max-width:none}
#gs-portfolio .crm-work-demo .crm-letter-head{line-height:1.5}
#gs-portfolio .crm-work-explanation{margin-top:15px;padding:0 4px 0 16px;border-left:2px solid #b28b65}
#gs-portfolio .crm-work-explanation>span{font:8px/1.7 var(--mono);color:#c1ac89}
#gs-portfolio #case-panel-4 .crm-work-explanation p{font:13px/1.7 var(--sans);margin:8px 0 0;color:#adbea7;max-width:45ch;min-height:44px}
#gs-portfolio .crm-delivery{grid-column:1/-1;padding-top:36px;border-top:1px solid #a3b29b42}
#gs-portfolio .crm-delivery-heading{display:grid;grid-template-columns:.8fr 1.3fr 1fr;gap:26px;align-items:start}
#gs-portfolio #case-panel-4 .crm-delivery-heading h4{font:400 35px/1.07 var(--sans);letter-spacing:-.04em;max-width:20ch;margin:0}
#gs-portfolio #case-panel-4 .crm-delivery-heading>p{font:13px/1.75 var(--sans);color:#afbea8;margin:0;max-width:30ch}
#gs-portfolio .crm-delivery-grid{display:grid;grid-template-columns:repeat(3,1fr);margin-top:33px;background:#eee8da;color:#3d493d}
#gs-portfolio .crm-delivery-grid>article{padding:25px 27px 26px;position:relative;min-width:0}
#gs-portfolio .crm-delivery-grid>article+article{border-left:1px solid #a6ae994f}
#gs-portfolio .crm-delivery-grid>article>span{font:7px/1.6 var(--mono);letter-spacing:.04em;color:#9c7855}
#gs-portfolio .crm-delivery-grid h5{font:400 25px/1.1 var(--sans);letter-spacing:-.035em;margin:26px 0 17px;color:#3c4b3b;max-width:17ch;min-height:55px}
#gs-portfolio #case-panel-4 .crm-delivery-grid p{font:13px/1.8 var(--sans);color:#6e7b64;margin:0;max-width:34ch}
#gs-portfolio .crm-delivery-grid small{display:block;margin-top:25px;padding-top:14px;border-top:1px solid #a6ae9966;font:8px/1.7 var(--mono);color:#8f775b;max-width:34ch}
#gs-portfolio .crm-work-results{grid-column:1/-1;display:grid;grid-template-columns:1fr 1.5fr;gap:20px 45px;padding:0 0 30px;border-bottom:1px solid #9eae963b}
#gs-portfolio #case-panel-4 .crm-work-results h4{font:400 29px/1.1 var(--sans);letter-spacing:-.03em;margin-top:14px}
#gs-portfolio #case-panel-4 .crm-work-results>div>p{font:12px/1.8 var(--sans);margin-top:15px;color:#acbba3;max-width:38ch}
#gs-portfolio #case-panel-4 .gs-case__metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;border:0;padding:16px 0 0;margin:0}
#gs-portfolio #case-panel-4 .gs-case__mv{font:400 45px/1 var(--sans);letter-spacing:-.05em;color:#e1d7c2}
#gs-portfolio #case-panel-4 .gs-case__mv b{font-weight:400;color:#cfad8b}
#gs-portfolio #case-panel-4 .gs-case__ml{font:7px/1.8 var(--mono);letter-spacing:.04em;color:#a7b6a1;margin-top:11px;max-width:22ch}
#gs-portfolio .crm-result-source{grid-column:1/-1;font:10px/1.8 var(--sans);color:#9eaf96;margin-top:0}
#gs-portfolio .crm-result-source>summary{cursor:pointer;list-style:revert;width:max-content;text-decoration:underline;text-underline-offset:4px}
#gs-portfolio #case-panel-4 .crm-result-source>p{font:11px/1.8 var(--sans);max-width:95ch;color:#a2b497;margin-top:13px}
#gs-portfolio .crm-work-archive{grid-column:1/-1;border-bottom:1px solid #9eae963b;padding-bottom:26px}
#gs-portfolio .crm-work-archive>summary{display:flex;justify-content:space-between;gap:25px;align-items:center;cursor:pointer;list-style:none;padding:0 0 10px}
#gs-portfolio .crm-work-archive>summary::-webkit-details-marker{display:none}
#gs-portfolio .crm-work-archive>summary small{font:7px/1.8 var(--mono);letter-spacing:.05em;color:#b6a180;display:block}
#gs-portfolio .crm-work-archive>summary strong{font:400 28px/1.15 var(--sans);letter-spacing:-.035em;display:block;color:#dedfcb;margin-top:12px}
#gs-portfolio .crm-archive-toggle{font:300 32px var(--sans);color:#c6a483}
#gs-portfolio .crm-work-archive[open] .crm-archive-toggle{transform:rotate(45deg)}
#gs-portfolio .crm-work-archive .crm-campaigns{border:0;padding-top:20px;margin-top:5px}
#gs-portfolio .crm-work-archive .crm-campaigns-intro{display:none}
#gs-portfolio .crm-work-archive .crm-campaign-grid{max-width:850px}
#gs-portfolio .crm-work-archive .crm-campaign-grid img{aspect-ratio:1/.95;object-fit:cover;object-position:top}
#gs-portfolio #case-panel-4 .campaign-attribution{font-size:10px;line-height:1.8;color:#a3b398;max-width:95ch}
#gs-portfolio .crm-work-invitation{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr;gap:50px;padding:32px;background:#314442;align-items:center}
#gs-portfolio #case-panel-4 .crm-work-invitation h4{font:400 34px/1.08 var(--sans);letter-spacing:-.045em;max-width:28ch;margin-top:18px}
#gs-portfolio #case-panel-4 .crm-work-invitation p{font:13px/1.8 var(--sans);color:#b4c2aa;max-width:44ch;margin-top:19px}
#gs-portfolio .crm-work-invitation-actions{display:flex;flex-direction:column;gap:15px;align-items:stretch}
#gs-portfolio .crm-work-invitation-actions>a{display:flex;align-items:center;justify-content:space-between;gap:22px;font:12px/1.6 var(--sans);border-bottom:1px solid #b3c0a147;padding:11px 0;color:#c7d0bb}
#gs-portfolio .crm-work-invitation-actions>a.crm-work-primary{background:#ddc1a1;color:#374438;border:0;padding:17px 19px}
#gs-portfolio .crm-work-invitation-actions>a>span{font-size:20px}
#gs-portfolio .crm-work-case :is(button,a,summary):focus-visible{outline:2px solid #dfbc90;outline-offset:5px}
@keyframes crm-work-route{from{stroke-dashoffset:1;opacity:.3}to{stroke-dashoffset:0;opacity:1}}
.motion-paused #gs-portfolio .crm-banner-circuit-live{animation:none}
@media(max-width:1050px){#gs-portfolio #case-panel-4{gap:30px 25px}#gs-portfolio .crm-case-motion{height:495px}#gs-portfolio .crm-work-demo .crm-sequence-heading{font-size:26px;left:20px;top:55px}#gs-portfolio #case-panel-4 p.crm-work-lead{font-size:15px}#gs-portfolio .crm-work-narrative>div{grid-template-columns:1fr;gap:8px}#gs-portfolio .crm-work-narrative{gap:20px}#gs-portfolio .crm-work-narrative>div>span{font-size:7px}#gs-portfolio #case-panel-4 .crm-work-narrative p{font-size:13px}#gs-portfolio .crm-delivery-heading{grid-template-columns:1fr 1.2fr}#gs-portfolio .crm-delivery-heading>p{grid-column:2}#gs-portfolio .crm-delivery-grid>article{padding:21px}#gs-portfolio .crm-delivery-grid h5{font-size:23px}#gs-portfolio #case-panel-4 .crm-work-demo .crm-letter-copy>p{font-size:9px}#gs-portfolio .crm-work-demo .crm-sequence-bottom p{font-size:12px}#gs-portfolio .crm-work-demo .crm-sequence-replay{font-size:8px;padding:8px}#gs-portfolio .crm-work-results{gap:20px 25px}#gs-portfolio #case-panel-4 .gs-case__mv{font-size:38px}#gs-portfolio .crm-work-invitation{padding:25px;gap:30px}#gs-portfolio #case-panel-4 .crm-work-invitation h4{font-size:29px}}
@media(max-width:800px){#gs-portfolio #case-panel-4.is-on{grid-template-columns:1fr}#gs-portfolio .crm-work-story{max-width:none}#gs-portfolio .crm-case-motion{height:540px;max-width:570px;margin-inline:auto}#gs-portfolio .crm-work-demo .crm-sequence-heading{font-size:35px;top:58px}#gs-portfolio .crm-work-explanation{max-width:550px;margin:18px auto 0}#gs-portfolio .crm-work-demo .crm-letter-copy>p{font-size:10px}#gs-portfolio .crm-work-demo .crm-sequence-bottom p{font-size:15px}#gs-portfolio .crm-delivery-heading{grid-template-columns:1fr;gap:19px}#gs-portfolio .crm-delivery-heading>p{grid-column:auto}#gs-portfolio #case-panel-4 .crm-delivery-heading>p{max-width:50ch}#gs-portfolio .crm-delivery-grid{grid-template-columns:1fr}#gs-portfolio .crm-delivery-grid>article{padding:27px}#gs-portfolio .crm-delivery-grid>article+article{border-left:0;border-top:1px solid #a6ae9955}#gs-portfolio .crm-delivery-grid h5{min-height:0;font-size:27px;margin:17px 0 15px;max-width:25ch}#gs-portfolio #case-panel-4 .crm-delivery-grid p{max-width:54ch}#gs-portfolio .crm-delivery-grid small{max-width:none;margin-top:21px}#gs-portfolio .crm-work-results{grid-template-columns:1fr;gap:20px}#gs-portfolio .crm-work-invitation{grid-template-columns:1fr;gap:27px}#gs-portfolio .crm-work-invitation-actions{max-width:380px}#gs-portfolio .crm-banner-notes{font-size:6px;right:25px}#gs-portfolio .crm-work-banner-copy{left:25px;top:30px}#gs-portfolio .crm-work-banner-copy>strong{font-size:42px}#gs-portfolio .crm-work-banner-copy>span{font-size:6px}}
@media(max-width:560px){#gs-portfolio #case-panel-4{padding:20px;gap:30px}#gs-portfolio #case-panel-4>.crm-work-banner{height:200px;min-height:200px}#gs-portfolio .crm-work-banner-copy{top:23px;left:20px;max-width:95%}#gs-portfolio .crm-work-banner-copy>span{font-size:5px}#gs-portfolio .crm-work-banner-copy>strong{font-size:32px;margin-top:23px}#gs-portfolio .crm-banner-notes{display:none}#gs-portfolio .crm-banner-circuit{width:75%;right:-15%;opacity:.45}#gs-portfolio .crm-work-motion-toggle{font-size:8px;right:18px;bottom:15px}#gs-portfolio #case-panel-4 .crm-work-story h3{font-size:37px;margin:19px 0}#gs-portfolio #case-panel-4 p.crm-work-lead{font-size:15px}#gs-portfolio .crm-work-eyebrow{font-size:7px}#gs-portfolio .crm-work-narrative{gap:20px;margin-top:24px;padding-top:22px}#gs-portfolio .crm-work-narrative>div{gap:8px}#gs-portfolio #case-panel-4 .crm-work-narrative p{font-size:13px}#gs-portfolio .crm-work-crosslink{font-size:10px;margin-top:22px}#gs-portfolio .crm-case-motion{height:470px}#gs-portfolio .crm-work-demo .crm-sequence-heading{font-size:28px;left:16px;top:55px}#gs-portfolio .crm-work-demo .crm-sequence-top{font-size:5px;left:16px;right:16px}#gs-portfolio .crm-work-demo .crm-context-label{left:16px;font-size:4px}#gs-portfolio .crm-work-demo .crm-contexts{left:16px;width:33%;gap:10px}#gs-portfolio .crm-work-demo .crm-contexts>button{grid-template-columns:1fr;gap:3px;padding:8px 7px;min-height:51px}#gs-portfolio .crm-work-demo .crm-contexts>button>span{display:none}#gs-portfolio .crm-work-demo .crm-contexts strong{font-size:12px}#gs-portfolio .crm-work-demo .crm-contexts small{font-size:7px}#gs-portfolio .crm-work-demo .crm-letter{left:51%;width:44%;top:28%;height:57%}#gs-portfolio .crm-work-demo .crm-letter-copy{padding:10px 9px 4px}#gs-portfolio .crm-work-demo .crm-letter-copy>strong{font-size:25px}#gs-portfolio #case-panel-4 .crm-work-demo .crm-letter-copy>p{font-size:8px;line-height:1.6;margin-top:10px}#gs-portfolio .crm-work-demo .crm-letter-head{padding:10px 9px;font-size:4px}#gs-portfolio .crm-work-demo .crm-letter-copy>span:first-child{font-size:4px}#gs-portfolio .crm-work-demo .crm-letter-next{font-size:7px}#gs-portfolio .crm-work-demo .crm-sequence-bottom{left:16px;right:16px;gap:5px}#gs-portfolio .crm-work-demo .crm-sequence-bottom p{font-size:10px;white-space:nowrap;max-width:none}#gs-portfolio .crm-work-demo .crm-sequence-bottom p>i{margin-inline:2px}#gs-portfolio .crm-work-demo .crm-sequence-replay{font-size:7px;padding:7px}#gs-portfolio .crm-work-demo .crm-sequence-bottom>div>span{font-size:4px}#gs-portfolio .crm-work-explanation{margin-top:17px}#gs-portfolio #case-panel-4 .crm-work-explanation p{font-size:12px;min-height:0}#gs-portfolio .crm-delivery{padding-top:29px}#gs-portfolio #case-panel-4 .crm-delivery-heading h4{font-size:31px}#gs-portfolio #case-panel-4 .crm-delivery-heading>p{font-size:13px}#gs-portfolio .crm-delivery-grid{margin-top:26px}#gs-portfolio .crm-delivery-grid>article{padding:24px}#gs-portfolio .crm-delivery-grid h5{font-size:26px}#gs-portfolio #case-panel-4 .crm-delivery-grid p{font-size:13px}#gs-portfolio .crm-delivery-grid small{font-size:7px}#gs-portfolio #case-panel-4 .gs-case__metrics{gap:15px;padding-top:3px}#gs-portfolio #case-panel-4 .gs-case__mv{font-size:32px}#gs-portfolio #case-panel-4 .gs-case__ml{font-size:6px;line-height:1.8;margin-top:9px}#gs-portfolio #case-panel-4 .crm-work-results h4{font-size:28px}#gs-portfolio .crm-work-archive>summary strong{font-size:25px;max-width:17ch}#gs-portfolio .crm-work-archive .campaign-envelope{padding:16px}#gs-portfolio .crm-work-invitation{padding:23px;gap:23px}#gs-portfolio #case-panel-4 .crm-work-invitation h4{font-size:30px}#gs-portfolio #case-panel-4 .crm-work-invitation p{font-size:13px}#gs-portfolio .crm-work-invitation-actions>a{font-size:11px}#gs-portfolio .crm-work-invitation-actions>a.crm-work-primary{padding:15px}#gs-portfolio .crm-work-invitation .crm-work-eyebrow{font-size:6px}}
@media(max-width:360px){#gs-portfolio #case-panel-4{padding:16px;gap:27px}#gs-portfolio .crm-work-banner-copy{left:16px}#gs-portfolio .crm-work-banner-copy>strong{font-size:29px}#gs-portfolio .crm-work-demo .crm-sequence-heading{font-size:25px;left:14px;top:56px}#gs-portfolio .crm-work-demo .crm-contexts{left:13px;width:34%}#gs-portfolio .crm-work-demo .crm-contexts small{font-size:6px}#gs-portfolio .crm-work-demo .crm-letter-copy>strong{font-size:22px}#gs-portfolio .crm-work-demo .crm-letter-copy>p{font-size:8px}#gs-portfolio .crm-work-demo .crm-sequence-bottom{left:13px;right:13px}#gs-portfolio .crm-work-demo .crm-sequence-bottom p{font-size:8px}#gs-portfolio .crm-work-demo .crm-sequence-replay{font-size:6px;padding:6px}#gs-portfolio .crm-work-demo .crm-sequence-bottom>div>span{font-size:4px}#gs-portfolio .crm-work-demo .crm-context-label{left:13px;font-size:4px}#gs-portfolio .crm-work-demo .crm-letter-copy{padding-inline:8px}#gs-portfolio .crm-work-demo .crm-letter-head{padding-inline:8px}#gs-portfolio .crm-work-demo .crm-letter-next{font-size:6px}#gs-portfolio #case-panel-4 .gs-case__mv{font-size:28px}#gs-portfolio #case-panel-4 .gs-case__metrics{gap:10px}#gs-portfolio .crm-work-invitation{padding:19px}#gs-portfolio #case-panel-4 .crm-work-invitation h4{font-size:27px}}
@media(prefers-reduced-motion:reduce){#gs-portfolio .crm-work-case.is-on .crm-banner-circuit-live{animation:none}#gs-portfolio .crm-work-motion-toggle{display:none}}
#gs-portfolio #case-panel-4>.crm-work-banner::after,#gs-portfolio #case-panel-4>.crm-work-banner::before{display:none}