:root:root{--case-accent:#f5dce0;--case-accent-soft:#fbf1f2;--case-accent-ink:#941023;--case-accent-muted:#80505a}.cinepath-case{--cp-space:clamp(4.5rem, 8vw, 7.5rem);--cp-gap:clamp(2rem, 4vw, 4rem);--cp-rule:color-mix(in srgb, var(--ink) 18%, transparent)}.cinepath-case :is(h1,h2,h3){text-wrap:balance}.cinepath-case .case-rail nav{margin-top:2rem}.cinepath-case .case-rail__identity{margin-top:2.5rem}.cinepath-case .case-rail nav a{font-size:.68rem}.cp-status{color:var(--ink-soft);align-items:center;gap:.6rem;margin-top:2rem;font-size:.85rem;display:flex}.cp-status>span{background:#b11226;border-radius:50%;flex:none;width:7px;height:7px}.cp-facts{border-top:1px solid var(--cp-rule);margin-top:1.75rem;padding-top:1.3rem}.cp-facts>div{grid-template-columns:5.5rem 1fr;gap:1rem;padding:.5rem 0;display:grid}.cp-facts dt{color:var(--ink-soft);font-size:.8rem}.cp-facts dd{font-size:.9rem}.cinepath-link{text-underline-offset:.3em;align-items:center;gap:.5rem;margin:1.4rem 1.5rem 0 0;padding-block:.6rem;font-size:.9rem;font-weight:600;text-decoration:underline;display:inline-flex}.cinepath-link:hover{color:var(--case-accent-ink)}.cp-section{padding:var(--cp-space) var(--gutter);max-width:90rem;scroll-margin-top:calc(var(--bar-height) + 1rem);margin-inline:auto}.cp-section+.cp-section{border-top:1px solid var(--cp-rule)}.cp-heading{margin-bottom:clamp(2.5rem,5vw,4.5rem)}.cp-heading h2{letter-spacing:-.035em;max-width:24ch;font-size:clamp(2rem,3.2vw,3.25rem);font-weight:500;line-height:1.14}.cp-heading>p{max-width:65ch;color:var(--ink-soft);margin-top:1.5rem;font-size:1.05rem;line-height:1.65}.cp-three{gap:var(--cp-gap);grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.cp-section h3{letter-spacing:-.02em;font-size:clamp(1.2rem,1.7vw,1.65rem);font-weight:500;line-height:1.28}.cp-three p,.cp-iterations p,.cp-materials p{color:var(--ink-soft);margin-top:1rem;line-height:1.65}.cp-note{max-width:70ch;color:var(--ink-soft);margin-top:2.5rem;font-size:.85rem;line-height:1.6}.cp-feature{gap:var(--cp-gap);grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);align-items:center;min-height:630px;padding-block:3rem;display:grid}.cp-feature+.cp-feature{margin-top:3rem}.cp-feature h3{font-size:clamp(1.65rem,2.4vw,2.25rem)}.cp-feature p{max-width:60ch;color:var(--ink-soft);margin-top:1.4rem;font-size:1.02rem;line-height:1.7}.cp-feature .cp-decision{font-size:.9rem}.cp-feature figure{justify-content:center;min-width:0;display:flex}.cp-feature img{object-fit:contain;width:100%;max-height:620px;display:block}.cp-feature--reverse{grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr)}.cp-feature--reverse .cp-feature-copy{order:2}.cp-feature--reverse figure{order:1}.cp-iterations{grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem;display:grid}.cp-iterations figure{justify-content:center;align-items:center;height:390px;margin-bottom:2rem;display:flex}.cp-iterations img{object-fit:contain;width:100%;max-height:100%;display:block}.cp-iterations .cp-decision{border-top:1px solid var(--cp-rule);padding-top:1rem;font-size:.85rem}.cp-palette{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem;display:grid}.cp-palette>div:before{content:"";background:var(--swatch);border-radius:12px;height:90px;margin-bottom:1rem;display:block}.cp-palette span,.cp-palette code{font-size:.8rem;display:block}.cp-palette code{color:var(--ink-soft);font-family:var(--mono);margin-top:.3rem}.cp-materials{gap:var(--cp-gap);grid-template-columns:repeat(3,minmax(0,1fr));margin-top:4rem;display:grid}.cp-flow ol{counter-reset:journey;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;list-style:none;display:grid}.cp-flow li{border-top:1px solid var(--cp-rule);padding-top:1.5rem}.cp-flow strong,.cp-flow span{display:block}.cp-flow strong{font-size:1.05rem;font-weight:600}.cp-flow span{color:var(--ink-soft);margin-top:.75rem;font-size:.9rem}.cp-flow>p{max-width:65ch;color:var(--ink-soft);margin-top:3rem;font-size:.95rem}.cp-screen-gallery{grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;display:grid}.cp-screen-gallery img{width:100%;height:auto;display:block}.cp-screen-gallery figcaption{text-align:center;color:var(--ink-soft);margin-top:1rem;font-size:.8rem}.cp-prototype{align-items:center;gap:var(--cp-gap);grid-template-columns:minmax(0,1fr) minmax(0,430px);display:grid}.cp-prototype-copy ol{margin-top:1.75rem;padding-left:1.2rem}.cp-prototype-copy li{padding-block:.5rem}.cp-prototype-copy p{color:var(--ink-soft);max-width:45ch;margin-top:1.5rem;font-size:.9rem}.cinepath-embed{background:#fff;border-radius:16px;width:100%;height:880px;overflow:hidden}.cinepath-embed iframe{border:0;width:100%;height:100%;display:block}.cp-shipping{gap:var(--cp-gap);grid-template-columns:1fr 1fr;display:grid}.cp-shipping ul{color:var(--ink-soft);margin-top:1.5rem;padding-left:1.1rem}.cp-shipping li{padding-block:.4rem}html[data-theme=dark] .cinepath-case .cinepath-link:hover{color:#efb7c0}@media (width<=1100px){.cp-prototype{grid-template-columns:1fr}.cinepath-embed{max-width:430px;margin-inline:auto}.cp-iterations figure{height:310px}}@media (width<=760px){.cp-three,.cp-materials,.cp-iterations,.cp-shipping{grid-template-columns:1fr;gap:2.5rem}.cp-feature,.cp-feature--reverse{grid-template-columns:1fr;gap:2.5rem;min-height:0;padding-block:1.5rem}.cp-feature--reverse .cp-feature-copy,.cp-feature--reverse figure{order:initial}.cp-feature img{max-height:560px}.cp-feature+.cp-feature{margin-top:4rem}.cp-iterations figure{height:480px}.cp-iterations img{max-width:320px}.cp-palette,.cp-flow ol,.cp-screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}.cp-screen-gallery{gap:2rem 1rem}.cinepath-embed{height:780px}}@media (width<=430px){.cp-facts>div{grid-template-columns:4.3rem 1fr}.cp-flow ol{grid-template-columns:1fr}.cp-iterations figure{height:430px}}.cp-prototype.is-tablet-preview{grid-template-columns:minmax(0,1fr)}.cp-prototype.is-tablet-preview .cinepath-embed{max-width:880px;height:1050px;margin-inline:auto}@media (width<=760px){.cp-prototype.is-tablet-preview .cinepath-embed{height:720px}}@font-face{font-family:Satoshi;src:url(/motion/one-shape/satoshi-regular.woff2)format("woff2");font-style:normal;font-weight:400;font-display:swap}@font-face{font-family:Satoshi;src:url(/motion/one-shape/satoshi-bold.woff2)format("woff2");font-style:normal;font-weight:700;font-display:swap}.cinepath-case{--font:"Satoshi", "Helvetica Neue", sans-serif;--mono:"Satoshi", "Helvetica Neue", sans-serif;font-family:var(--font)}.cinepath-case :is(button,input,textarea,select,code){font-family:var(--font)}.cinepath-case .cp-case-hero{min-height:auto;padding-top:calc(var(--bar-height) + clamp(1.5rem, 4vh, 3rem));background:var(--paper);color:var(--ink);padding-bottom:clamp(2rem,4vh,3.5rem)}.cinepath-case .cp-case-hero:before{display:none}.cinepath-case .cp-case-hero .case-hero__copy{text-align:center;width:min(100%,64rem);margin-inline:auto}.cinepath-case .cp-case-hero h1{max-width:none;font-family:var(--font);letter-spacing:-.035em;font-size:clamp(1.8rem,2.15vw,2.25rem);font-weight:650;line-height:1.02}.cinepath-case .cp-case-hero .case-hero__lede{max-width:28ch;color:var(--case-readable-muted,var(--ink-soft));margin:1rem auto 0;font-size:clamp(1rem,1.25vw,1.15rem);line-height:1.35}.cinepath-case .cp-case-hero .case-hero__meta{width:min(100%,64rem);color:var(--ink);margin-top:1.25rem}.cinepath-case .cp-case-hero .case-tags{justify-content:center}.cinepath-case .cp-case-hero .case-tags li{border-color:var(--cp-rule);color:var(--ink-soft);background:0 0}.cinepath-case .cp-case-hero .case-hero__visual{width:min(100%,64rem);box-shadow:none;margin-top:clamp(2.5rem,5vw,4rem)}.cp-project-overview .cp-heading{margin-bottom:0}.cp-project-overview .cp-facts{max-width:55rem}.cp-project-overview .cp-facts>div{grid-template-columns:8rem minmax(0,1fr)}@media (width<=430px){.cinepath-case .cp-case-hero h1{font-size:clamp(1.65rem,6.7vw,2.25rem)}.cp-project-overview .cp-facts>div{grid-template-columns:4.3rem minmax(0,1fr)}}.cp-feature .cp-demo{flex-direction:column;align-items:center;min-width:0;display:flex}.cp-live-preview{aspect-ratio:354/712;width:min(100%,360px);position:relative}.cp-live-preview iframe{background:0 0;border:0;width:100%;height:100%;display:block;position:absolute;inset:0}.cp-demo-controls{justify-content:center;gap:1.25rem;margin-top:.75rem;display:flex}.cp-demo-controls button{color:var(--ink);cursor:pointer;font:500 .8rem/1.2 var(--font);text-underline-offset:.25em;background:0 0;border:0;padding:.6rem .2rem;text-decoration:underline}.cp-demo-controls button:hover{color:var(--case-accent-ink)}.cp-demo>figcaption{color:var(--ink-soft);text-align:center;margin-top:.5rem;font-size:.75rem}.cinepath-case .cp-case-hero .case-hero__visual{background:#f4dadd}.cp-project-intro{max-width:90rem;padding:2.5rem var(--gutter) var(--cp-space);margin-inline:auto}.cp-project-intro>p{max-width:60ch;color:var(--ink-soft);font-size:1.1rem;line-height:1.65}.cp-iteration-decision{max-width:65ch;color:var(--ink-soft);margin-top:2.5rem;font-size:.95rem;line-height:1.65}.cp-palette>div:before{margin-bottom:0}.cp-prototype{grid-template-columns:minmax(0,1fr)}.cp-prototype .cinepath-embed{max-width:430px;margin-inline:auto}.cp-prototype-note{text-align:center;max-width:none;margin-top:1.25rem}.cp-next-steps{max-width:65ch;color:var(--ink-soft);padding-left:1.1rem}.cp-next-steps li{padding-block:.5rem;line-height:1.6}