:root{--project-accent:var(--yellow)}.case-page{background:var(--paper)}.case-header{color:var(--ink)}.case-back{text-transform:uppercase;letter-spacing:.1em;justify-self:center;font-size:.68rem;font-weight:600;text-decoration:none}.case-hero{grid-template-rows:auto auto auto 1fr;grid-template-columns:1fr 1fr;column-gap:4vw;min-height:150svh;padding:8rem 2.2rem;display:grid;overflow:hidden}.case-hero__top{border-bottom:1px solid var(--line);font:.6rem var(--mono);text-transform:uppercase;grid-column:1/-1;justify-content:space-between;padding-bottom:1rem;display:flex}.case-hero__top .eyebrow{margin:0}.case-hero__title{grid-column:1/-1;padding:7rem 0 3rem;overflow:hidden}.case-hero__title>span{font:.65rem var(--mono);text-transform:uppercase;letter-spacing:.1em}.case-hero h1{font:clamp(8rem, 20vw, 18rem)/.72 var(--display);text-transform:uppercase;letter-spacing:-.02em;margin:1rem 0 0}.case-hero__statement-block{grid-column:2;margin:0 0 7rem}.case-hero__statement{letter-spacing:-.045em;margin:0;font-size:clamp(2rem,4.2vw,4.5rem);line-height:1}.case-live-link{border:1px solid var(--ink);background:var(--project-accent);width:max-content;font:600 .66rem var(--mono);text-transform:uppercase;letter-spacing:.08em;align-items:center;gap:2rem;margin-top:2rem;padding:.9rem 1.1rem;text-decoration:none;transition:color .2s,background .2s,transform .2s;display:inline-flex}.case-live-link:hover{color:var(--paper);background:var(--ink);transform:translateY(-3px)}.case-live-link span{font-size:1rem}.case-hero__visual{grid-column:1/-1;align-self:end;padding:0 6vw}.case-hero .system-window{border:.9rem solid var(--project-accent);min-height:70svh;box-shadow:0 3rem 7rem #15151340}.case-hero .system-window .system-bars i{background:var(--project-accent)}.case-hero .system-window .system-side strong{color:var(--project-accent)}.case-hero .case-real-media{background:#02090e}.case-hero .case-real-media .project-real-media__screen{object-fit:contain}.case-hero .case-real-media .project-real-media__identity{max-width:20rem}.case-section{z-index:2;padding:9rem 3vw;position:relative}.case-intro{grid-template-columns:.2fr 1fr .45fr;align-items:start;gap:4vw;min-height:80svh;display:grid}.case-intro__lead{letter-spacing:-.05em;max-width:65rem;margin:0;font-size:clamp(2.4rem,5vw,5.5rem);line-height:1.02}.case-stack{border-top:1px solid var(--ink);margin:0;padding:0;list-style:none}.case-stack li{border-bottom:1px solid var(--line);font:.64rem var(--mono);text-transform:uppercase;align-items:center;gap:.7rem;padding:.9rem 0;display:flex}.case-stack .tech-icon{width:1.05rem;height:1.05rem}.case-capabilities{border-top:1px solid var(--ink);grid-column:2/-1;margin-top:5rem}.case-capabilities>.eyebrow{border-bottom:1px solid var(--line);margin:0;padding:1rem 0}.case-capabilities article{border-bottom:1px solid var(--line);grid-template-columns:4rem 1fr;gap:1rem;min-height:7rem;padding:1rem 0;display:grid}.case-capabilities article>span{font:.58rem var(--mono);color:var(--orange)}.case-capabilities strong{font:2rem/1 var(--display);text-transform:uppercase;display:block}.case-capabilities article p{color:#151513ad;max-width:42rem;margin:.5rem 0 0;line-height:1.55}.case-duo{color:var(--paper);background:var(--ink);grid-template-columns:1fr 1fr;gap:1px;display:grid}.case-duo article{border-right:1px solid #ffffff26;flex-direction:column;min-height:85svh;padding:6rem 4vw;display:flex}.case-duo h2,.case-flow h2{font:clamp(5rem, 9vw, 9rem)/.8 var(--display);margin:1rem 0 auto}.case-duo h2 em,.case-flow h2 em{color:var(--project-accent);font:italic .52em Georgia,serif}.case-duo article>p:last-child{max-width:32rem;font-size:1.15rem;line-height:1.7}.case-flow{background:var(--project-accent);min-height:100svh;overflow:hidden}.case-flow__heading{grid-template-columns:.2fr 1fr;display:grid}.case-flow__track{align-items:center;margin-top:8rem;padding-bottom:1rem;display:flex;overflow-x:auto}.case-flow__track div{border:1px solid var(--ink);background:#ece8df59;flex-direction:column;flex:0 0 18rem;min-height:15rem;padding:1.3rem;display:flex}.case-flow__track div span{font:.6rem var(--mono)}.case-flow__track div strong{font:2.7rem var(--display);margin:auto 0 .5rem}.case-flow__track div p{margin:0;line-height:1.5}.case-flow__track>i{background:var(--ink);flex:1;min-width:2rem;height:1px}.case-role{min-height:90svh;color:var(--paper);background:#252420;grid-template-columns:.3fr 1fr;align-items:start;gap:4vw;display:grid}.case-role>div{align-items:center;gap:1rem;display:flex}.case-role .eyebrow{margin:0}.case-role blockquote{letter-spacing:-.05em;margin:0;font-size:clamp(2.7rem,5.5vw,6rem);line-height:1.02}.case-next{background:var(--orange);flex-direction:column;min-height:70svh;padding:7rem 2.2rem 2rem;display:flex}.case-next a{border-top:1px solid var(--ink);flex-direction:column;margin-top:auto;padding:2rem 0;text-decoration:none;display:flex;position:relative}.case-next a span{font:.64rem var(--mono);text-transform:uppercase}.case-next a strong{font:clamp(7rem, 18vw, 17rem)/.8 var(--display);text-transform:uppercase}.case-next a i{font-size:3rem;font-style:normal;position:absolute;top:2rem;right:0}@media (width<=800px){.case-back{display:none}.case-hero{grid-template-columns:1fr;min-height:auto;padding:6rem 1rem 5rem}.case-hero__top span{display:none}.case-hero__title{padding:5rem 0 2rem}.case-hero h1{font-size:28vw}.case-hero__statement-block{grid-column:1;margin-bottom:4rem}.case-hero__statement{font-size:2.6rem}.case-hero__visual{grid-column:1;padding:0}.case-hero .system-window{border-width:.45rem;min-height:31rem}.case-hero .case-real-media .project-real-media__identity{max-width:68%}.case-section{padding:6rem 1rem}.case-intro{grid-template-columns:1fr;gap:3rem;min-height:auto}.case-intro__lead{font-size:2.7rem}.case-capabilities{grid-column:1;margin-top:1rem}.case-capabilities article{grid-template-columns:2.5rem 1fr}.case-duo{grid-template-columns:1fr;padding:0}.case-duo article{min-height:75svh;padding:5rem 1rem}.case-duo h2,.case-flow h2{font-size:5rem}.case-flow__heading{grid-template-columns:1fr;gap:2rem}.case-flow__track{margin-top:5rem;padding-bottom:1rem;overflow-x:auto}.case-flow__track div{flex-basis:15rem}.case-role{grid-template-columns:1fr;gap:4rem;min-height:auto}.case-role blockquote{font-size:2.8rem}.case-next{min-height:60svh;padding:6rem 1rem 1rem}.case-next a strong{font-size:23vw}}