body.project-case{--story-accent: var(--accent, #ef8354);--story-accent-2: #ffd166;--story-rgb: 239, 131, 84;--story-black: #17131b;--story-paper: #fffdf8;--story-line: rgba(23, 19, 27, .18);overflow-x:hidden}body.project-case.project-utias{--story-accent: #4f9dc9;--story-accent-2: #9bddff;--story-rgb: 79, 157, 201}body.project-case.project-arcade{--story-accent: #5b8c5a;--story-accent-2: #ffd166;--story-rgb: 91, 140, 90}body.project-case.project-site{--story-accent: #c94f7c;--story-accent-2: #c7e59a;--story-rgb: 201, 79, 124}body.project-case.project-metafields{--story-accent: #79a35a;--story-accent-2: #c7e59a;--story-rgb: 121, 163, 90}body.project-case.project-launch{--story-accent: #ef8354;--story-accent-2: #ffd166;--story-rgb: 239, 131, 84}body.project-case.dark{--story-black: #f7f0e8;--story-paper: #17131b;--story-line: rgba(255, 255, 255, .2)}body.project-case .wrap{width:min(100%,1240px);max-width:none;padding:clamp(4.25rem,8vw,7rem) clamp(1rem,4vw,3rem) 2rem}body.project-case main{position:relative;isolation:isolate}.story-masthead{position:relative;height:clamp(31rem,58vw,47rem);min-height:0;display:grid;grid-template-columns:minmax(0,.92fr) minmax(19rem,1.08fr);align-items:stretch;color:#fffdf8;background:#17131b;overflow:hidden;box-shadow:.7rem .8rem rgba(var(--story-rgb),.22);clip-path:polygon(0 0,100% 0,100% 88%,64% 100%,0 93%);animation:storyPanelIn .76s cubic-bezier(.18,.8,.2,1) both}.story-masthead:before{content:"";position:absolute;z-index:2;inset:0;pointer-events:none;opacity:.26;background-image:radial-gradient(circle,rgba(255,255,255,.72) 0 .7px,transparent .9px),linear-gradient(116deg,transparent 0 43%,rgba(var(--story-rgb),.46) 43.2% 44%,transparent 44.2% 100%);background-size:5px 5px,100% 100%;mix-blend-mode:screen}.story-masthead:after{content:"";position:absolute;z-index:3;top:-16%;bottom:-16%;left:45%;width:.72rem;background:var(--story-accent);border-inline:.2rem solid #17131b;transform:rotate(8deg);pointer-events:none}.story-title-block{position:relative;z-index:4;min-width:0;max-width:100%;align-self:center;padding:clamp(2rem,5vw,5rem) clamp(1.4rem,4vw,4rem) clamp(7.5rem,13vw,10rem)}.story-file{display:inline-flex;margin:0 0 1.1rem;padding:.4rem .7rem;border:1px solid rgba(255,255,255,.62);font:500 .67rem/1 Spectral,Georgia,serif;letter-spacing:.18em;text-transform:uppercase;transform:rotate(-1.5deg)}body.project-case .story-masthead h1{max-width:10ch;margin:0 0 .7rem;color:#fffdf8;font-size:clamp(3.15rem,7.4vw,7rem);line-height:.82;letter-spacing:-.035em;text-wrap:balance;overflow-wrap:normal;word-break:normal;animation:none}body.project-case.bloom .story-masthead h1{color:#fffdf8;background:none;-webkit-text-fill-color:currentColor}body.project-case .story-masthead .post-meta{margin:0 0 1.25rem;color:#fffdf8;opacity:.58;animation:none}.story-deck{width:100%;max-width:34rem;margin:0;font-size:clamp(.9rem,1.4vw,1.05rem);line-height:1.65;opacity:.78;white-space:normal;overflow-wrap:anywhere}.story-tags{display:flex;flex-wrap:wrap;gap:.42rem;margin-top:1.15rem}.story-tag{display:inline-block;padding:.34rem .62rem;border:1px solid rgba(255,255,255,.4);border-radius:999px;color:#fffdf8;background:#ffffff14;font-size:.65rem;letter-spacing:.06em}body.project-case .story-masthead .post-hero{position:relative;z-index:1;width:110%;height:100%;margin:0 0 0 -4%;overflow:hidden;min-width:0;min-height:0;background:#0b0910;clip-path:polygon(13% 0,100% 0,100% 100%,0 100%)}body.project-case .story-masthead .post-hero:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(23,19,27,.72),transparent 25%),linear-gradient(0deg,rgba(23,19,27,.5),transparent 42%)}body.project-case .story-masthead .post-hero img{position:absolute;inset:0;width:100%;max-width:none;height:100%;max-height:none;object-fit:cover;object-position:center;border:0;border-radius:0;filter:saturate(.88) contrast(1.08);transform:scale(1.035);animation:storyImageLand 1.1s cubic-bezier(.2,.75,.2,1) both}body.project-case .story-masthead .post-hero figcaption{position:absolute;z-index:4;right:clamp(1rem,3vw,2.4rem);top:1.25rem;bottom:auto;max-width:22rem;margin:0;color:#fff;text-align:right;opacity:.62}.story-impact{position:absolute;z-index:6;left:auto;right:clamp(1.4rem,4vw,4rem);bottom:clamp(4.1rem,7vw,5.8rem);min-width:min(24rem,47vw);padding:1.1rem 1.45rem 1.25rem;color:#17131b;background:var(--story-accent-2);border:.22rem solid #17131b;box-shadow:.48rem .5rem 0 var(--story-accent);transform:rotate(-2deg);clip-path:polygon(0 7%,96% 0,100% 88%,7% 100%);animation:storyImpactIn .82s .32s cubic-bezier(.2,1.35,.35,1) both}.story-impact-kicker,.story-impact-label{display:block;font-size:.68rem;line-height:1.25;letter-spacing:.14em;text-transform:uppercase}.story-impact strong{display:block;margin:-.08em 0 -.03em;font-family:"Instrument Serif",Georgia,serif;font-size:clamp(4.2rem,9vw,8.4rem);font-weight:400;line-height:.9;letter-spacing:-.055em}.story-stats{position:relative;z-index:8;width:min(100% - clamp(1rem,4vw,3rem),66rem);margin:clamp(-2.2rem,-3vw,-1.2rem) auto clamp(4.5rem,8vw,7rem);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.75rem,2vw,1.35rem)}.story-stat{position:relative;min-height:10rem;padding:1.25rem 1.15rem 1.4rem;display:flex;flex-direction:column;justify-content:flex-end;color:#17131b;background:var(--story-paper);border:.16rem solid currentColor;box-shadow:.42rem .45rem rgba(var(--story-rgb),.52)}body.project-case.dark .story-stat{color:#f7f0e8}.story-stat:nth-child(1){clip-path:polygon(0 0,100% 5%,96% 100%,3% 94%)}.story-stat:nth-child(2){clip-path:polygon(3% 6%,97% 0,100% 93%,0 100%)}.story-stat:nth-child(3){clip-path:polygon(0 2%,100% 0,96% 96%,4% 100%)}.story-stat:nth-child(2){background:color-mix(in srgb,var(--story-accent-2) 28%,var(--story-paper))}.story-stat:nth-child(3){background:color-mix(in srgb,var(--story-accent) 14%,var(--story-paper))}body.project-case article>h2{padding-left:.85rem;border-left:.28rem solid var(--story-accent)}.story-stat strong{display:block;color:var(--story-accent);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(2.6rem,5.6vw,5.2rem);font-weight:400;line-height:.84;letter-spacing:-.04em}.story-stat span{display:block;max-width:16rem;margin-top:.7rem;font-size:clamp(.73rem,1.2vw,.86rem);line-height:1.35;opacity:.74}body.project-case article{width:min(100%,48rem);margin:0 auto;animation:none}body.project-case article>p:first-child{position:relative;margin-bottom:3rem;padding:clamp(1.25rem,3vw,2rem);color:#17131b;background:rgba(var(--story-rgb),.15);border:.12rem solid rgba(var(--story-rgb),.7);font-size:clamp(1.03rem,1.7vw,1.2rem);line-height:1.65;opacity:1;clip-path:polygon(0 0,100% 0,97% 100%,3% 94%)}body.project-case.dark article>p:first-child{color:#f7f0e8}body.project-case article h2{width:fit-content;margin:clamp(3.8rem,8vw,6rem) 0 1.5rem -1rem;padding:.48rem 1.2rem .55rem;color:#17131b;background:var(--story-accent-2);border:.14rem solid #17131b;box-shadow:.34rem .34rem 0 var(--story-accent);font-family:"Instrument Serif",Georgia,serif;font-size:clamp(1.65rem,3.5vw,2.65rem);line-height:1;opacity:1;transform:rotate(-1.2deg);clip-path:polygon(0 8%,100% 0,96% 100%,3% 92%)}body.project-case.bloom article h2{color:#17131b;opacity:1}body.project-case article p,body.project-case article li{line-height:1.82}body.project-case .post-image,body.project-case .post-pair{width:min(100%,46rem);margin:clamp(2.5rem,6vw,4rem) auto}body.project-case .post-image img{width:auto;max-width:100%;max-height:min(36rem,68vh);margin-inline:auto;border:.14rem solid var(--story-black);border-radius:0;object-fit:contain;object-position:50% 50%;filter:saturate(.92) drop-shadow(.48rem .52rem 0 rgba(var(--story-rgb),.42));clip-path:polygon(1.5% 0,100% 3%,97.5% 100%,0 95%)}body.project-case .post-pair{align-items:center;gap:clamp(.85rem,2vw,1.35rem)}body.project-case .post-pair .post-image{width:100%;margin:0}body.project-case .post-pair .post-image:nth-child(2) img{clip-path:polygon(3% 4%,98% 0,100% 96%,0 100%)}body.project-case .post-image figcaption{max-width:34rem;margin:.85rem auto 0;text-align:center}.story-progress{position:fixed;z-index:490;top:0;left:0;width:100%;height:.22rem;background:var(--story-accent);transform:scaleX(0);transform-origin:left;pointer-events:none}.story-motion .story-reveal{opacity:0;transform:translateY(2.8rem) rotate(.7deg);transition:opacity .62s ease,transform .76s cubic-bezier(.18,.8,.2,1)}.story-motion .story-reveal.story-visible{opacity:1;transform:none}@keyframes storyPanelIn{0%{opacity:0;transform:translateY(1.5rem) scale(.985)}to{opacity:1;transform:none}}@keyframes storyImageLand{0%{opacity:.35;transform:scale(1.14) translate(2.5%)}to{opacity:1;transform:scale(1.035)}}@keyframes storyImpactIn{0%{opacity:0;transform:rotate(-6deg) scale(.72)}to{opacity:1;transform:rotate(-2deg) scale(1)}}@media(max-width:780px){body.project-case .wrap{padding:3.75rem 0 7rem}body.project-case nav{left:50%;right:auto;bottom:1.5rem;transform:translate(-50%)}.story-masthead{height:auto;min-height:46rem;grid-template-columns:minmax(0,1fr);grid-template-rows:auto minmax(17rem,1fr);box-shadow:none;clip-path:polygon(0 0,100% 0,100% 96%,58% 100%,0 96%)}.story-masthead:after{top:42%;bottom:auto;left:-8%;width:116%;height:.58rem;border:0;transform:rotate(-4deg)}.story-title-block{width:100%;padding:2.4rem 1.3rem 5.8rem}body.project-case .story-masthead h1{max-width:11ch;font-size:clamp(3.05rem,13.2vw,5.25rem)}body.project-case .story-masthead .post-hero{width:100%;min-height:21rem;margin:-1.2rem 0 0;clip-path:polygon(0 8%,100% 0,100% 100%,0 100%)}body.project-case .story-masthead .post-hero figcaption{bottom:4rem}.story-impact{left:1.1rem;right:auto;bottom:2.8rem;min-width:min(22rem,calc(100% - 2.2rem))}.story-impact strong{font-size:clamp(4.2rem,22vw,6.6rem)}.story-stats{width:calc(100% - 2rem);margin-top:-.8rem;grid-template-columns:1fr}.story-stat{min-height:8.6rem}body.project-case article{width:calc(100% - 2.3rem)}body.project-case article h2{margin-left:-.25rem}body.project-case .post-image,body.project-case .post-pair{width:100%}}@media(max-width:560px){.story-masthead{min-height:45rem}.story-title-block{padding-top:2rem}.story-deck{max-width:31rem;font-size:.9rem}body.project-case .story-masthead .post-hero{min-height:18rem}body.project-case .story-masthead .post-hero img{object-position:center}body.project-case .story-masthead .post-hero figcaption{display:none}.story-impact{padding:.9rem 1.15rem 1rem}.story-stats{margin-bottom:4.5rem}body.project-case .post-pair{grid-template-columns:1fr}body.project-case footer{width:calc(100% - 2.3rem);margin-inline:auto}}@media(prefers-reduced-motion:reduce){.story-masthead,.story-masthead .post-hero img,.story-impact{animation:none!important}.story-motion .story-reveal,.story-motion .story-reveal.story-visible{opacity:1;transform:none;transition:none}}