.case-study{--paper:#f5f0e7;--ink:#251b18;--red:#c82b16}.case-study *{box-sizing:border-box}.case-study{background:var(--paper);color:var(--ink);scroll-behavior:smooth;margin:0;font-family:DM Mono,monospace}.case-study a{color:inherit;text-decoration:none}.case-study a:focus-visible,.case-study summary:focus-visible{outline:2px solid var(--red);outline-offset:5px}.case-study header{z-index:3;justify-content:space-between;align-items:center;height:96px;padding:25px 32px;display:flex;position:relative}.case-study .signature{font:25px Telma,serif}.case-study .back{border-bottom:1px solid;padding:8px 0;font-size:12px}.case-study main{grid-template-columns:minmax(280px,26%) 1fr;gap:25px;padding:0 16px 0 32px;display:grid}.case-study .story{align-self:start;padding:22px 30px 28px 0;position:sticky;top:28px}.case-study .index{letter-spacing:.12em;color:var(--red);font-size:10px}.case-study h1{letter-spacing:-.065em;margin:22px 0;font:500 clamp(50px,5vw,86px)/1 Playfair Display,serif}.case-study h1 span{vertical-align:top;margin-left:8px;font:14px DM Mono,monospace}.case-study h2{letter-spacing:-.03em;margin:0 0 23px;font:500 clamp(22px,2vw,32px)/1.15 Playfair Display,serif}.case-study .tags{flex-wrap:wrap;gap:5px;display:flex}.case-study .tags span{background:#e9e1d5;padding:6px 8px;font-size:9px}.case-study .intro{margin:24px 0;font:500 16px/1.55 Playfair Display,serif}.case-study details{border-top:1px solid #c9beb0;padding:13px 0;font-size:11px}.case-study summary{cursor:pointer;justify-content:space-between;list-style:none;display:flex}.case-study summary:after{content:"+"}.case-study details[open] summary:after{content:"−"}.case-study details p{color:#695a50;margin:13px 0 0;font-size:11px;line-height:1.7}.case-study .live{border-bottom:1px solid;justify-content:space-between;margin-top:12px;padding:14px 0;font-size:11px;display:flex}.case-study .progress{color:#877567;justify-content:space-between;margin-top:28px;font-size:8px;display:flex}.case-study .gallery{min-width:0}.case-study figure{margin:0 0 22px;scroll-margin-top:18px}.case-study .image-wrap{background:#ebe2d6;border-radius:3px;overflow:hidden}.case-study img{width:100%;height:auto;display:block}.case-study figcaption{letter-spacing:.08em;color:#786352;justify-content:space-between;padding:13px 2px;font-size:8px;display:flex}.case-study .end{background:var(--red);min-height:260px;color:var(--paper);flex-direction:column;justify-content:center;gap:20px;margin-bottom:18px;padding:45px;display:flex}.case-study .end span{font-size:10px}.case-study .end strong{font:500 clamp(40px,6vw,90px) Playfair Display,serif}.case-study .gallery figure{transition:opacity .8s,transform .8s cubic-bezier(.2,.7,.2,1)}.case-study .gallery figure.waiting{opacity:0;transform:translateY(24px)}@media (min-width:1600px){.case-study main{grid-template-columns:360px 1fr;gap:40px}.case-study .story{padding-right:40px}}@media (max-width:760px){.case-study header{height:78px;padding:20px}.case-study .signature{font-size:21px}.case-study main{padding:0 12px;display:block}.case-study .story{padding:20px 8px 32px;position:relative;top:auto}.case-study .index{font-size:9px}.case-study h1{margin:15px 0;font-size:64px}.case-study h2{font-size:27px}.case-study .intro{max-width:500px;font-size:17px}.case-study .tags span{font-size:10px}.case-study details,.case-study details p{font-size:12px}.case-study .progress{display:none}.case-study .live{max-width:230px}.case-study figure{margin-bottom:13px}.case-study figcaption{gap:8px;font-size:7px}.case-study .end{min-height:210px;padding:28px}.case-study .back{font-size:10px}}@media (prefers-reduced-motion:reduce){.case-study{scroll-behavior:auto}.case-study .gallery figure{transition:none}.case-study .gallery figure.waiting{opacity:1;transform:none}}.case-study{--primary:"Playfair Display",Georgia,serif;--secondary:"DM Mono",monospace}.case-study .story h1,.case-study .story h2{font-family:var(--primary)}.case-study .story h1{margin-top:0}.case-study .story,.case-study .story .intro,.case-study .story details p,.case-study .tags,.case-study .live,.case-study .back,.case-study figcaption{font-family:var(--secondary)}.case-study .story .intro{font-size:12px;font-weight:400;line-height:1.8}.case-study figcaption{font-size:9px}.case-study .live,.case-study .back{border:1px solid #c7b9aa;border-radius:999px;justify-content:space-between;align-items:center;gap:22px;min-height:46px;padding:7px 8px 7px 18px;font-size:11px;transition:background .35s,color .35s,box-shadow .35s,transform .35s;display:inline-flex}.case-study .live{background:var(--ink);color:var(--paper);border-color:var(--ink);max-width:280px;margin-top:22px;display:flex}.case-study .back{background:#fff5;padding:7px 18px 7px 8px}@media (hover:hover){.case-study .live:hover:where(html[data-pointer=mouse] *){background:var(--red);color:var(--paper);border-color:var(--red);transform:translateY(-2px);box-shadow:0 6px 16px #93210f20}.case-study .back:hover:where(html[data-pointer=mouse] *){background:var(--ink);color:var(--paper);transform:translateY(-2px)}}@media (max-width:760px){.case-study .story .intro{font-size:12px}.case-study .back{gap:10px;min-height:40px;font-size:10px}.case-study figcaption{font-size:8px}}@media (prefers-reduced-motion:reduce){.case-study .live,.case-study .back{transition:none}}.case-study .live,.case-study .back{color:#fff;min-height:0;box-shadow:none;isolation:isolate;text-transform:uppercase;white-space:nowrap;background:0 0;border:0;border-radius:0;gap:5px;max-width:none;padding:0;font-size:14px;line-height:1;display:inline-flex;position:relative}.case-study .live{margin-top:22px}.case-study .button-part{background:#222321;border-radius:11px;place-items:center;min-height:56px;padding:0 25px;transition:background .3s,transform .4s cubic-bezier(.2,.8,.2,1);display:grid;position:relative}.case-study .live:before,.case-study .back:before{content:"";z-index:-1;background:#222321;height:4px;position:absolute;top:50%;left:30px;right:30px;transform:translateY(-50%)}.case-study .button-part i{background:#ffa600;border-radius:50%;width:6px;height:6px;transition:box-shadow .3s;position:absolute;top:11px;right:12px}@media (hover:hover){.case-study .live:hover:where(html[data-pointer=mouse] *),.case-study .back:hover:where(html[data-pointer=mouse] *){color:#fff;box-shadow:none;background:0 0;border:0;transform:none}.case-study .live:hover:where(html[data-pointer=mouse] *) .button-part,.case-study .back:hover:where(html[data-pointer=mouse] *) .button-part{background:#30312e;transform:translateY(-2px)}.case-study .live:hover:where(html[data-pointer=mouse] *) i,.case-study .back:hover:where(html[data-pointer=mouse] *) i{box-shadow:0 0 0 4px #ffa60020}}.case-study .image-wrap{background:0 0;border-radius:0;padding:10px;position:relative;overflow:visible}.case-study .image-wrap:before,.case-study .image-wrap:after{content:"";pointer-events:none;z-index:1;border-style:solid;border-color:#222321;width:clamp(25px,5vw,65px);height:clamp(20px,3vw,40px);position:absolute}.case-study .image-wrap:before{border-width:2px 2px 0 0;top:0;right:0}.case-study .image-wrap:after{border-width:0 0 2px 2px;bottom:0;left:0}.case-study .gallery figure{flex-direction:column;gap:0;margin-bottom:40px;display:flex}.case-study .gallery .image-wrap{flex:none;order:0}.case-study .gallery figcaption{flex:none;order:1;min-height:28px;margin:0;padding:12px 10px 0;position:static}@media (max-width:760px){.case-study .button-part{border-radius:9px;min-height:44px;padding:0 17px}.case-study .button-part:first-child{min-width:62px}.case-study .button-part:last-child{min-width:90px;padding-right:23px}.case-study .live,.case-study .back{gap:4px;font-size:11px}.case-study .button-part i{width:5px;height:5px;top:8px;right:9px}.case-study .gallery figure{margin-bottom:28px}.case-study .image-wrap{padding:7px}.case-study .gallery figcaption{padding:10px 7px 0}}@media (prefers-reduced-motion:reduce){.case-study .button-part,.case-study .button-part i{transition:none}}.case-study .live,.case-study .back{gap:4px;font-size:12px}.case-study .button-part{border-radius:9px;min-height:44px;padding:0 19px}.case-study .button-part:first-child{min-width:68px}.case-study .button-part:last-child{min-width:96px;padding-right:24px}.case-study .live .button-part:last-child{padding-right:19px}.case-study .word-window{height:1.2em;line-height:1.2;display:block;overflow:hidden}.case-study .word-roll{transition:transform .55s cubic-bezier(.22,.75,.2,1);display:block}.case-study .word-roll>span{white-space:nowrap;height:1.2em;line-height:1.2;display:block}.case-study .button-part:nth-child(2) .word-roll{transition-delay:45ms}.case-study .live:focus-visible .word-roll,.case-study .back:focus-visible .word-roll{transform:translateY(-50%)}@media (hover:hover){.case-study .live:hover:where(html[data-pointer=mouse] *) .word-roll,.case-study .back:hover:where(html[data-pointer=mouse] *) .word-roll{transform:translateY(-50%)}.case-study .live:hover:where(html[data-pointer=mouse] *) .button-part,.case-study .back:hover:where(html[data-pointer=mouse] *) .button-part{transform:none}}.case-study .gallery figcaption{gap:16px;font-size:12px;line-height:1.6}@media (max-width:760px){.case-study .live,.case-study .back{font-size:10px}.case-study .button-part{border-radius:8px;min-height:38px;padding:0 14px}.case-study .button-part:first-child{min-width:54px}.case-study .button-part:last-child{min-width:76px;padding-right:21px}.case-study .live .button-part:last-child{padding-right:14px}.case-study .gallery figcaption{gap:12px;font-size:10px}}@media (prefers-reduced-motion:reduce){.case-study .word-roll{transition:none}.case-study .live:hover:where(html[data-pointer=mouse] *) .word-roll,.case-study .back:hover:where(html[data-pointer=mouse] *) .word-roll,.case-study .live:focus-visible .word-roll,.case-study .back:focus-visible .word-roll{transform:none}}.case-study .live:before,.case-study .back:before{height:24px}.case-study .story h1{font-size:clamp(64px,6vw,96px)}.case-study .story h2{font-size:clamp(28px,2.7vw,40px);line-height:1.2}.case-study .story .intro{font-size:16px;line-height:1.7}.case-study .story details{font-size:15px}.case-study .story details p{font-size:15px;line-height:1.75}.case-study .story .tags{gap:7px}.case-study .story .tags span{padding:8px 10px;font-size:13px}.case-study .story{align-self:start;top:28px}@media (max-width:1100px){.case-study .story{position:relative;top:auto}}@media (max-width:760px){.case-study .story{position:relative;bottom:auto}.case-study .story h1{font-size:68px}.case-study .story h2{font-size:32px}.case-study .story .intro{font-size:16px}.case-study .story details,.case-study .story details p{font-size:15px}.case-study .story .tags span{font-size:13px}}.case-study .story{position:relative;top:auto;bottom:auto}.case-study .mobile-showcase{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.case-study .phone-stage{background:#fff;justify-content:center;align-items:center;min-width:0;padding:64px 30px;display:flex}.case-study .iphone{background:#171717;border:2px solid #535353;border-radius:42px;width:min(100%,270px);padding:9px;position:relative;box-shadow:0 16px 25px #00000017,inset 0 0 0 2px #080808}.case-study .iphone:before{content:"";background:#353535;border-radius:0 3px 3px 0;width:3px;height:44px;position:absolute;top:27%;right:-4px}.case-study .iphone:after{content:"";background:#353535;border-radius:3px 0 0 3px;width:3px;height:65px;position:absolute;top:23%;left:-4px}.case-study .phone-screen{aspect-ratio:375/844;background:#f9f3e8;border-radius:31px;position:relative;overflow:hidden}.case-study .phone-screen img{object-fit:fill;width:104%;max-width:none;height:100%}.case-study .phone-screen:after{content:"";opacity:.8;background:#151515;border-radius:4px;width:30%;height:4px;position:absolute;bottom:6px;left:35%}.case-study .mobile-showcase figcaption{flex-wrap:wrap;gap:4px 12px;font-size:10px}@media (max-width:760px){.case-study .mobile-showcase{grid-template-columns:1fr;gap:0}.case-study .phone-stage{min-height:78svh;padding:54px 40px}.case-study .iphone{width:min(100%,270px)}.case-study .mobile-showcase figcaption{font-size:10px}}.case-study .phone-stage{background:0 0}.case-study .story summary{align-items:center;gap:16px}.case-study .story summary:after{text-align:center;flex:0 0 30px;font-size:30px;font-weight:500;line-height:1}@media (min-width:761px){.case-study,.case-study{height:100%;overflow:hidden}.case-study{flex-direction:column;display:flex}.case-study header{flex:0 0 96px}.case-study main{flex:1;min-height:0;overflow:hidden}.case-study .story{scrollbar-width:thin;max-height:100%;padding-top:8px;position:relative;top:auto;overflow-y:auto}.case-study .gallery{scroll-behavior:smooth;height:100%;padding:14px 12px 28px;overflow:hidden auto}}.case-study .story summary{min-height:32px;padding-right:40px;position:relative}.case-study .story summary:after,.case-study .story summary:before{content:"";background:currentColor;width:20px;height:3px;transition:transform .3s,opacity .3s;position:absolute;top:50%;right:7px;transform:translateY(-50%)}.case-study .story summary:before{transform:translateY(-50%)rotate(90deg)}.case-study .story details[open] summary:after{content:""}.case-study .story details.is-expanded summary:before{opacity:0;transform:translateY(-50%)rotate(0)}@media (prefers-reduced-motion:reduce){.case-study .story summary:before,.case-study .story summary:after{transition:none}.case-study .gallery{scroll-behavior:auto}}@media (min-width:761px){.case-study,.case-study{height:auto;overflow:visible}.case-study{display:block}.case-study main{overflow:visible}.case-study header{height:84px}.case-study .gallery{height:auto;padding:14px 12px 28px;overflow:visible}.case-study .story{flex-direction:column;min-height:calc(100svh - 110px);max-height:none;padding:8px 22px 18px 0;display:flex;position:sticky;top:14px;overflow:visible}.case-study .story h1{margin:0 0 16px;font-size:clamp(44px,4vw,64px)}.case-study .story h2{margin-bottom:16px;font-size:clamp(22px,2vw,28px)}.case-study .story .tags{gap:5px}.case-study .story .tags span{padding:5px 7px;font-size:10px}.case-study .story .intro{margin:18px 0;font-size:12px;line-height:1.55}.case-study .story details{padding:9px 0;font-size:12px}.case-study .story details p{margin-top:9px;font-size:11px;line-height:1.55}.case-study .story summary{min-height:26px}.case-study .story .live{flex-shrink:0;align-self:flex-start;margin-top:auto}.case-study .story details:last-of-type{margin-bottom:18px}}@media (min-width:761px) and (max-height:780px){.case-study .story{min-height:calc(100svh - 100px);top:8px}.case-study .story h1{margin-bottom:10px;font-size:40px}.case-study .story h2{margin-bottom:10px;font-size:21px}.case-study .story .intro{margin:12px 0;font-size:11px;line-height:1.45}.case-study .story details{padding:6px 0}.case-study .story details p{font-size:10px;line-height:1.45}}.case-study .story details{interpolate-size:allow-keywords}.case-study .story details::details-content{opacity:0;height:0;transition:height .32s ease,opacity .25s ease,content-visibility .32s allow-discrete;overflow:hidden}.case-study .story details[open]::details-content{opacity:1;height:auto}@media (prefers-reduced-motion:reduce){.case-study .story details::details-content{transition:none}}.case-study .story summary{font-size:15px;font-weight:700}.case-study .story details p{color:#50443b;font-weight:700}.case-study .story .live{margin-top:16px}.case-study .story details:last-of-type{margin-bottom:0}.case-study .story summary{font-weight:400}.case-study .story details p{color:#695a50;font-size:13px;font-weight:400;line-height:1.55}@media (max-width:760px){.case-study .story details p{font-size:16px}}.case-study .story details p{font-size:14px}.case-study .story summary:before,.case-study .story summary:after{width:15px;height:1.5px;right:9px}@media (max-width:760px){.case-study .story details p{font-size:17px}}.case-study .mobile-showcase .phone-stage{min-height:0;padding-bottom:16px}.case-study .mobile-showcase figcaption{text-align:center;justify-content:center;padding-top:10px}.case-study .story h2{font-family:var(--secondary);letter-spacing:-.03em;font-style:normal;font-weight:500}.case-study.panel-press-case .story h1,.case-study .story h1,.case-study .story h2,.case-study .story .intro,.case-study .story .tags,.case-study .story summary{color:#000}.case-study .gallery figcaption{color:#000;flex-wrap:wrap;gap:4px 16px;font-size:13px}@media (max-width:760px){.case-study .gallery figcaption{gap:4px 12px;font-size:11px}}.case-study .gallery .image-wrap video{pointer-events:none;width:100%;height:auto;display:block}@media (max-width:760px){.case-study .story .mobile-intro-gallery{margin:6px -8px 28px}.case-study .story .mobile-intro-gallery>figure{margin-bottom:0}}.case-study.research-case{--research-accent:#786297}.case-study.seir-case{--research-accent:#397b91}.case-study.research-case .chart-wrap{background:#f3eee3}.case-study.research-case .chart-wrap img{width:100%;height:auto}.case-study.research-case .research-note{max-width:78ch;margin:4px 2px 26px;font-size:15px;line-height:1.65}.case-study.research-case .gallery figure>.research-note,.case-study.research-case .gallery figure>.source-note{order:2}.case-study.research-case .research-note a,.case-study.research-case .source-note a{text-underline-offset:4px;text-decoration:underline}.case-study.research-case .research-sheet{background:#f3eee3;padding:clamp(24px,4vw,60px)}.case-study .research-sheet .sheet-label{letter-spacing:.09em;color:var(--research-accent);margin-bottom:18px;font-size:12px;display:block}.case-study .research-sheet h3{font:600 clamp(30px,3.7vw,54px)/1.05 var(--primary);letter-spacing:-.035em;color:#242724;margin:0 0 24px}.case-study .research-sheet p{max-width:75ch;font-size:15px;line-height:1.65}.case-study .research-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:30px 0;display:grid}.case-study .research-stats div{border-top:1px solid #c8beab;padding-top:15px}.case-study .research-stats dt{min-height:3em;font-size:12px;line-height:1.5}.case-study .research-stats dd{font:600 clamp(26px,3vw,42px)/1.1 var(--primary);color:var(--research-accent);margin:12px 0 0}.case-study .research-table{border-collapse:collapse;text-align:left;width:100%;margin:24px 0;font-size:14px;line-height:1.5}.case-study .research-table th,.case-study .research-table td{vertical-align:top;border-bottom:1px solid #d1c7b6;padding:12px 8px}.case-study .research-table th{color:var(--research-accent);font-weight:500}.case-study .research-table td:first-child{font-weight:500}.case-study .training-path,.case-study .compartment-path{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:30px 0;display:grid}.case-study .training-path>div,.case-study .compartment-path>div{border-left:2px solid var(--research-accent);padding:10px 16px}.case-study .training-path strong{font:600 24px var(--primary)}.case-study .training-path span,.case-study .compartment-path span{margin-top:10px;font-size:12px;line-height:1.6;display:block}.case-study .compartment-path{grid-template-columns:repeat(4,minmax(0,1fr))}.case-study .compartment-path strong{font:600 46px/1 var(--primary);color:var(--research-accent)}.case-study.research-case .source-note{color:#655d50;margin-top:25px;font-size:12px;line-height:1.65}.case-study .research-links{flex-wrap:wrap;gap:6px 10px;margin-top:8px;display:flex}.case-study.research-case .story .research-links .live{flex:none;justify-content:center;margin-top:8px}.case-study.research-case .story details p a{text-underline-offset:3px;text-decoration:underline}@media (max-width:760px){.case-study.research-case .research-note{font-size:14px}.case-study.research-case .research-sheet{padding:24px 18px}.case-study .research-sheet p{font-size:14px}.case-study .research-stats{grid-template-columns:1fr;gap:10px;margin:20px 0}.case-study .research-stats div{justify-content:space-between;align-items:center;gap:16px;display:flex}.case-study .research-stats dt{max-width:60%;min-height:0}.case-study .research-stats dd{white-space:nowrap;margin:0;font-size:30px}.case-study .training-path{grid-template-columns:1fr;gap:10px}.case-study .compartment-path{grid-template-columns:1fr 1fr;gap:16px}.case-study .research-table{font-size:12px}.case-study .research-table th,.case-study .research-table td{padding:10px 5px}.case-study.research-case .story .research-links .live{font-size:14px}}.case-study.datamaster-case{--research-accent:#8b643b}.case-study .analysis-map{border-top:1px solid #cec3ae;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;margin-top:34px;display:grid}.case-study .analysis-map>div{border-bottom:1px solid #cec3ae;padding:24px 20px 24px 0}.case-study .analysis-map>div:nth-child(2n){border-left:1px solid #cec3ae;padding-left:24px}.case-study .analysis-map .track-number{color:var(--research-accent);margin-bottom:12px;font-size:12px;display:block}.case-study .analysis-map h4{font:600 clamp(25px,3vw,38px)/1.1 var(--primary);letter-spacing:-.035em;margin:0 0 12px}.case-study .analysis-map p{max-width:37ch;margin:0;font-size:14px;line-height:1.65}.case-study.datamaster-case .workflow-caption{color:#655d50;margin-top:24px;font-size:12px;line-height:1.6}.case-study .data-path{flex-wrap:wrap;align-items:center;gap:14px;margin:30px 0;display:flex}.case-study .data-path>span{font:600 clamp(23px,2.6vw,36px)/1.1 var(--primary);color:#594129;border:1px solid #cec3ae;padding:14px 20px}.case-study .data-path>i{color:var(--research-accent);font-size:22px;font-style:normal}.case-study .analysis-options{grid-template-columns:1fr 1fr;gap:0 30px;margin:24px 0;padding:0;list-style:none;display:grid}.case-study .analysis-options li{border-top:1px solid #d1c7b6;padding:12px 0;font-size:15px;line-height:1.5}.case-study.datamaster-case .research-sheet code{font:12px/1.6 var(--secondary,monospace);overflow-wrap:anywhere}@media (max-width:760px){.case-study .analysis-map{margin-top:24px}.case-study .analysis-map>div{padding:18px 12px 18px 0}.case-study .analysis-map>div:nth-child(2n){padding-left:14px}.case-study .analysis-map h4{font-size:25px}.case-study .analysis-map p{font-size:12px}.case-study .analysis-options{grid-template-columns:1fr}.case-study .analysis-options li{font-size:14px}.case-study .data-path{gap:8px}.case-study .data-path>span{padding:12px;font-size:22px}.case-study .data-path>i{font-size:17px}}.case-study.sola-case .phone-screen{aspect-ratio:390/844}.case-study.sola-case .phone-screen img,.case-study.pages-case .phone-screen img{object-fit:contain;width:100%;height:100%}.case-study.pages-case #shot-3 .phone-screen,.case-study.pages-case #shot-4 .phone-screen{aspect-ratio:853/1844}
@font-face{font-family:DM Mono Portfolio;src:url(/fonts/dm-mono-regular.ttf)format("truetype");font-weight:400;font-display:swap}.case-study{--paper:#d5d2cb;--ink:#000;--primary:var(--display);--secondary:Arial,sans-serif;color:#000;background:#d5d2cb;min-height:100svh;font-family:Arial,sans-serif;animation:1.2s cubic-bezier(.65,0,.35,1) backwards casePageRise}.case-study header a,.case-study .story :is(.tags,.project-client,.intro,.project-rights,details,.live){animation:.9s cubic-bezier(.22,.8,.25,1) 1.2s backwards caseInformationRise}.case-study .story :is(h1,h2){animation:1.1s cubic-bezier(.22,.8,.25,1) 1.2s backwards caseTitleRise}.case-study .story h2{animation-delay:1.26s}.case-study .story .tags{animation-delay:1.32s}.case-study .story :is(.project-client,.intro,.project-rights){animation-delay:1.38s}.case-study .story details{animation-delay:1.44s}.case-study .story .live{animation-delay:1.5s}@keyframes casePageRise{0%{transform:translateY(100svh)}to{transform:translate(0,0)}}@keyframes caseInformationRise{0%{opacity:0;transform:translateY(1.125rem)}to{opacity:1;transform:translateY(0)}}@keyframes caseTitleRise{0%{opacity:0;clip-path:inset(0 0 100%);transform:translateY(1.5rem)}to{opacity:1;clip-path:inset(0);transform:translateY(0)}}.case-study .story h1,.case-study .story h2,.case-study .end strong,.case-study .research-sheet h3,.case-study .research-sheet h4{font-family:var(--display);font-weight:700}.case-study .story h1{overflow-wrap:anywhere;font-size:clamp(2rem,3.5vw,3.75rem);line-height:1.06}.case-study.staker-case .story{container-type:inline-size}.case-study.staker-case .story h1{overflow-wrap:normal;font-size:min(3.5vw,16cqw,3.75rem)}.case-study .story h1 .project-title-word{font:inherit;vertical-align:baseline;white-space:nowrap;margin:0;display:block}.case-study .story h2{font-size:clamp(1.15rem,1.7vw,1.8rem);line-height:1.2}.case-study header .signature{font:700 clamp(.9rem,1.4vw,1.3rem)/1.15 var(--display);letter-spacing:-.04em}.case-study header .signature.wordmark{align-items:center;min-height:2.75rem;display:flex;position:absolute;top:.375rem;left:.75rem}.case-study header .signature.wordmark b{letter-spacing:-.08em;font-family:Arial,Helvetica,sans-serif;font-size:1.125rem;line-height:.7}.case-study header .back{margin-left:auto}.case-study header .back,.case-study .story .live,.case-study .tags,.case-study .gallery figcaption,.case-study .sheet-label{font-family:"DM Mono Portfolio",var(--mono)}.case-study header .back,.case-study .story .live{font-size:.75rem}.case-study .word-roll{transition:transform .55s cubic-bezier(.22,.75,.2,1)}.case-study .back:focus-visible .word-roll,.case-study .live:focus-visible .word-roll{transform:translateY(-50%)}@media (hover:hover){.case-study .back:hover .word-roll,.case-study .live:hover .word-roll{transform:translateY(-50%)}}.case-study main>*,.case-study .gallery figure,.case-study .image-wrap{min-width:0}.case-study .gallery video[controls]{pointer-events:auto}.case-study .story details summary{align-items:center;min-height:44px;display:flex}.case-study .story details[open] summary:before{opacity:0}.case-study .research-table{overflow-wrap:anywhere}.case-study .research-links{flex-wrap:wrap}.case-study .image-wrap:before{border-width:2px 0 0 2px;border-color:#111110;top:0;left:0;right:auto}.case-study .image-wrap:after{border-width:0 2px 2px 0;border-color:#111110;bottom:0;left:auto;right:0}.case-study .project-client{color:#111110;flex-wrap:wrap;align-items:baseline;gap:.45rem .75rem;margin:1.25rem 0 0;font:400 1rem/1.5 Arial,sans-serif;display:flex}.case-study .project-client>span{color:#111110}.case-study .project-client strong{font-weight:700}.case-study .project-rights{color:#000;border-top:1px solid #a49b94;margin:1rem 0 0;padding-top:.9rem;font:400 .85rem/1.5 Arial,sans-serif}.case-study .story p,.case-study .story details p,.case-study .story .project-client,.case-study .story .project-client>span{color:#000}.case-study .gallery figcaption{letter-spacing:.035em;text-transform:none;font-size:12px}@media (max-width:760px){.case-study .gallery figcaption{font-size:10.5px}.case-study .button-part{min-height:2.75rem}.case-study .story h1{font-size:clamp(2.1rem,8.8vw,4rem)}.case-study.staker-case .story h1{font-size:min(8.8vw,16cqw,4rem)}.case-study .story h2{font-size:clamp(1.3rem,5vw,1.8rem)}.case-study header{gap:.75rem}.case-study header .signature{max-width:45%}.case-study .research-sheet h3{font-size:clamp(1.5rem,6vw,2.5rem)}.case-study .research-stats dd{font-size:clamp(1.4rem,6vw,2.5rem)}}@media (prefers-reduced-motion:reduce){.case-study,.case-study *,.case-study :before,.case-study :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}