/* Stitch thumbnail and case study. All project imagery comes from the supplied Figma file. */
.stitch-card{background:#dce8e7;color:#243b42}
.stitch-card-headline{position:absolute;top:87px;left:28px;width:47%;height:auto;z-index:2}
.stitch-card-character{position:absolute;width:48%;left:27px;bottom:47px;z-index:1}
.stitch-card-phone{position:absolute;height:318px;width:auto;right:27px;top:65px;transform:rotate(7deg);filter:drop-shadow(7px 11px 7px #1b34372b)}
.stitch-card:before{content:'';position:absolute;width:300px;height:300px;border:1px solid #b8cecd;border-radius:50%;left:-80px;bottom:-45px}
.stitch-card:after{content:'';position:absolute;width:250px;height:250px;border:1px solid #b8cecd;border-radius:50%;left:-65px;bottom:-26px}
.stitch-card .art-foot{z-index:2}
.case-header nav{display:flex}
.case-intro{display:grid;grid-template-columns:1.35fr 1fr;gap:80px;align-items:center;padding-block:65px 55px}
.case-heading .eyebrow{font-size:10px;letter-spacing:1.4px}
.case-heading h1{font:clamp(45px,5.2vw,72px)/1.08 var(--serif);letter-spacing:-1.9px;margin:23px 0}
.case-heading h1 em{color:var(--rust)}
.case-heading>p:not(.eyebrow){font-size:16px;line-height:1.85;max-width:470px;color:var(--muted)}
.case-heading .text-link{margin-top:25px}
.case-intro-art{height:390px;background:#e2e9e1;border-radius:220px 220px 3px 3px;position:relative;display:flex;align-items:center;justify-content:center}
.case-intro-art>img{width:86%;height:auto;margin-top:15px;transform:rotate(-4deg)}
.case-project-label{position:absolute;top:38px;left:0;right:0;text-align:center;font-size:9px;letter-spacing:2px}
.case-art-note{position:absolute;bottom:16px;right:4px;background:var(--paper);font:22px/1.2 var(--serif);padding:10px 14px;color:var(--rust);transform:rotate(-5deg)}
.case-facts{display:grid;grid-template-columns:1.25fr 1fr 1.3fr 1.15fr;gap:25px;margin-block:0 50px;padding-block:23px;border-block:1px solid var(--line)}
.case-facts dt{font-size:9px;text-transform:uppercase;letter-spacing:1.4px;color:var(--muted);margin-bottom:8px}
.case-facts dd{font-size:12px;line-height:1.75;margin:0}
.case-world{margin-block:0}
.case-world>img{width:100%;max-height:610px;object-fit:cover;aspect-ratio:16/8.8}
.case-world figcaption{display:flex;justify-content:space-between;gap:25px;padding-top:13px;color:var(--muted);font-size:10px}
.case-world figcaption>span:first-child{letter-spacing:1px;text-transform:uppercase;font-size:9px}
.case-story{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.case-story .eyebrow,.case-role-grid .eyebrow,.case-character-grid .eyebrow,.case-takeaway .eyebrow{margin-bottom:20px}
.case-story-copy p{font-size:14px;line-height:1.95;color:var(--muted)}
.case-story-copy .case-lead{font-size:18px;line-height:1.8;color:var(--ink);margin-bottom:20px}
.case-role-section{padding-block:75px;background:var(--sage)}
.case-role-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:90px}
.case-role-grid h2{font-size:45px}
.case-role-grid h2 em{color:#6d7758}
.case-role-grid>div>p:not(.eyebrow){color:var(--muted);font-size:14px;line-height:1.9;max-width:320px;margin-top:25px}
.case-role-list article{display:grid;grid-template-columns:30px 1fr;gap:18px;padding-block:20px;border-top:1px solid #bfc3b2}
.case-role-list article:first-child{padding-top:0;border:0}
.case-role-list article:last-child{padding-bottom:0}
.case-role-list article>span{font:18px var(--serif);color:#727b5e;padding-top:4px}
.case-role-list h3{font:24px/1.3 var(--serif);margin-bottom:10px}
.case-role-list p{font-size:13px;line-height:1.85;color:#5e6658}
.screen-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.screen-gallery figure{margin:0;min-width:0}
.screen-button{position:relative;background:#e5e6de;width:100%;padding:23px 13px;display:flex;justify-content:center;transition:background .2s}
.screen-button:hover{background:#d6e2df}
.screen-button>img{height:auto;width:100%;max-width:215px;filter:drop-shadow(4px 8px 7px #1c34351a)}
.screen-zoom{position:absolute;bottom:9px;right:9px;font-size:16px;line-height:1;border:1px solid #7f8d81;border-radius:50%;display:grid;place-items:center;width:23px;height:23px}
.screen-gallery figcaption{margin-top:17px}
.screen-gallery figcaption>span{font-size:9px;letter-spacing:1.2px;text-transform:uppercase;font-weight:600}
.screen-gallery figcaption>p{font-size:12px;line-height:1.8;color:var(--muted);margin-top:7px}
.design-caption{font-size:10px;color:var(--muted);margin-top:30px;line-height:1.7}
.case-character-section{background:#e7ebe3;padding-block:70px}
.case-character-grid{display:grid;grid-template-columns:.85fr 1.2fr;gap:80px;align-items:center}
.case-character-grid h2{font-size:43px}
.case-character-grid h2 em{color:#6d7758}
.case-character-grid p:not(.eyebrow){font-size:14px;color:var(--muted);line-height:1.9;margin-top:24px}
.case-character-grid p.case-credit-note{font-size:10px;max-width:300px}
.case-character-grid figure{margin:0}
.case-character-grid img{width:100%;height:auto}
.case-character-grid figcaption{font-size:9px;letter-spacing:1px;color:var(--muted);text-align:center;margin-top:20px;text-transform:uppercase}
.case-takeaway{text-align:center;max-width:780px}
.case-takeaway>p:not(.eyebrow){font-size:16px;line-height:1.9;max-width:640px;margin:25px auto 0;color:var(--muted)}
.case-credits{border-top:1px solid var(--line);margin-top:40px;padding-top:20px;font-size:10px;color:var(--muted);display:flex;justify-content:center;gap:30px}
.case-next{padding-block:45px;background:var(--ink);color:var(--cream)}
.case-next>.wrap{display:flex;justify-content:space-between;align-items:center;gap:30px}
.case-back{display:flex;align-items:center;gap:25px}
.case-back>span{font-size:38px;color:#d2b28e}
.case-back .eyebrow{font-size:9px;color:#d2b28e;margin-bottom:8px}
.case-back h2{font-size:35px;letter-spacing:-.5px}
.case-next .text-link:hover{color:#e1c3a3}
#image-viewer{width:min(760px,calc(100% - 32px));background:#edf0e7;max-height:94vh}
.viewer-shell{padding:20px 25px;display:flex;align-items:center;flex-direction:column}
.viewer-top{display:flex;justify-content:space-between;align-items:center;width:100%;gap:20px;margin-bottom:15px}
.viewer-top h2{font:12px var(--sans);letter-spacing:0}
.viewer-close{background:transparent;padding:5px 0;font-size:12px;display:flex;align-items:center;gap:15px}
.viewer-close>span{font-size:24px;line-height:1}
#viewer-image{height:min(70vh,740px);width:auto;max-width:100%;object-fit:contain}
.viewer-controls{display:flex;align-items:center;justify-content:space-between;gap:20px;width:100%;margin-top:17px}
.viewer-controls button{background:none;font-size:12px;padding:7px 0;white-space:nowrap}
.viewer-controls p{font-size:10px;text-align:center;color:var(--muted)}
@media(max-width:1100px){.stitch-card-phone{right:22px;height:290px;top:64px}.stitch-card-character{bottom:50px;left:22px}.stitch-card-headline{top:83px;left:23px}.case-intro{gap:55px}.case-intro-art{height:350px}.case-role-grid,.case-character-grid,.case-story{gap:50px}.case-role-grid h2,.case-character-grid h2{font-size:40px}.screen-gallery{gap:18px}.screen-button{padding:20px 10px}}
@media(max-width:850px){.stitch-card-phone{height:255px;right:17px;top:58px}.stitch-card-character{bottom:45px;left:19px}.stitch-card-headline{top:80px;left:20px}.case-intro{gap:30px}.case-intro-art{height:290px}.case-heading h1{font-size:51px}.case-heading>p:not(.eyebrow){font-size:14px}.case-heading .eyebrow{font-size:8px}.case-project-label{font-size:7px;top:28px}.case-art-note{font-size:19px}.case-facts{grid-template-columns:1fr 1fr;gap:20px}.case-story,.case-role-grid{gap:35px}.case-role-grid h2{font-size:35px}.case-role-list h3{font-size:22px}.case-role-list article{gap:10px}.case-role-list p{font-size:12px}.screen-gallery{grid-template-columns:repeat(2,1fr);gap:30px 22px}.screen-button>img{max-width:190px}.screen-button{padding-block:25px}.case-character-grid{gap:30px;grid-template-columns:1fr 1fr}.case-character-grid h2{font-size:34px}.case-character-grid p:not(.eyebrow){font-size:12px}.case-next .text-link{font-size:11px}.case-back h2{font-size:30px}}
@media(max-width:620px){.stitch-card-phone{height:276px;right:21px;top:59px}.stitch-card-headline{top:83px;left:24px}.stitch-card-character{bottom:46px;left:24px}.case-header{gap:15px}.case-header nav{font-size:10px;gap:0}.case-header nav .nav-contact{display:none}.case-header .wordmark{font-size:23px}.case-intro{grid-template-columns:1fr;padding-block:42px 35px;gap:35px}.case-heading h1{font-size:49px;letter-spacing:-1.4px;margin:20px 0}.case-heading .eyebrow{font-size:8px;letter-spacing:1px;max-width:280px}.case-heading>p:not(.eyebrow){font-size:14px;max-width:330px}.case-heading .text-link{margin-top:20px}.case-intro-art{height:310px;width:280px;margin-inline:auto}.case-intro-art>img{width:94%;margin-top:25px}.case-project-label{top:30px;font-size:8px;letter-spacing:1.4px}.case-art-note{font-size:20px;bottom:5px;right:-14px}.case-facts{padding-block:19px;margin-bottom:32px;gap:21px 20px}.case-facts dt{font-size:8px}.case-facts dd{font-size:10px}.case-world{width:100%}.case-world>img{aspect-ratio:16/10;min-height:210px;object-position:center}.case-world figcaption{padding:12px 22px 0;display:block;font-size:9px}.case-world figcaption>span{display:block}.case-world figcaption>span+span{margin-top:4px}.case-world figcaption>span:first-child{font-size:8px}.case-story{grid-template-columns:1fr;gap:25px}.case-story .eyebrow,.case-role-grid .eyebrow,.case-character-grid .eyebrow,.case-takeaway .eyebrow{font-size:9px;margin-bottom:15px}.case-story-copy .case-lead{font-size:17px;margin-bottom:16px}.case-story-copy p{font-size:13px}.case-role-section{padding-block:55px}.case-role-grid{grid-template-columns:1fr;gap:30px}.case-role-grid h2{font-size:38px}.case-role-grid>div>p:not(.eyebrow){font-size:12px;margin-top:18px}.case-role-list article{gap:10px;padding-block:20px}.case-role-list h3{font-size:24px}.case-role-list p{font-size:12px}.case-design-section h2{font-size:38px}.screen-gallery{gap:25px 14px}.screen-button{padding:16px 6px}.screen-gallery figcaption{margin-top:13px}.screen-gallery figcaption>span{font-size:8px;letter-spacing:.8px}.screen-gallery figcaption>p{font-size:11px;line-height:1.7}.screen-zoom{width:20px;height:20px;font-size:13px;bottom:5px;right:5px}.design-caption{font-size:9px;margin-top:25px}.case-character-section{padding-block:55px}.case-character-grid{grid-template-columns:1fr;gap:35px}.case-character-grid h2{font-size:38px}.case-character-grid p:not(.eyebrow){font-size:13px;margin-top:20px}.case-character-grid p.case-credit-note{font-size:9px;margin-top:15px}.case-character-grid figcaption{font-size:8px;margin-top:20px}.case-takeaway>p:not(.eyebrow){font-size:14px;margin-top:20px}.case-credits{display:block;font-size:9px;margin-top:30px;padding-top:15px}.case-credits>span{display:block}.case-credits>span+span{margin-top:6px}.case-next{padding-block:35px}.case-next>.wrap{align-items:flex-start;flex-direction:column;gap:25px}.case-back{gap:18px}.case-back>span{font-size:30px}.case-back h2{font-size:31px}.case-back .eyebrow{font-size:8px}.case-next .text-link{margin-left:48px;font-size:11px}.viewer-shell{padding:15px}.viewer-top h2{font-size:10px}.viewer-close{font-size:11px;gap:10px}.viewer-controls{gap:10px}.viewer-controls button{font-size:10px}.viewer-controls p{font-size:9px}#viewer-image{height:min(68vh,650px)}}