@font-face{font-family:Manrope;src:url('/creds-assets/Manrope-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Manrope;src:url('/creds-assets/Manrope-Bold.ttf') format('truetype');font-weight:700;font-display:swap}@font-face{font-family:Fraunces;src:url('/creds-assets/Fraunces-Regular.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:Fraunces;src:url('/creds-assets/Fraunces-Italic.ttf') format('truetype');font-style:italic;font-display:swap}
:root{--base:#15171a;--deep:#0c0e10;--surface:#1c2025;--signal:#eef0f2;--muted:#aeb6bd;--line:#383f47;--orange:#e86a33;--ink:#a8431a;--page:1440px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--base);color:var(--signal);font-family:Manrope,sans-serif;font-size:18px;line-height:1.65}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible{outline:2px solid var(--orange);outline-offset:8px}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2{font-family:Fraunces,serif;font-weight:400;line-height:1.03;letter-spacing:-.045em}em{color:var(--orange);font-weight:400}::selection{background:var(--orange);color:var(--deep)}.wrap{width:min(calc(100% - 112px),var(--page));margin-inline:auto}.skip{position:fixed;top:-80px;left:12px;background:var(--orange);color:#15171a;padding:12px;z-index:99}.skip:focus{top:12px}.nav{position:absolute;z-index:9;inset:0 0 auto;display:flex;align-items:center;justify-content:space-between;padding:30px 56px;max-width:1800px;margin:auto}.nav img{width:172px;height:auto}.nav-work{font-size:14px}.nav-work span{color:var(--muted);font-size:12px;margin-left:24px}.eyebrow{font-size:12px;letter-spacing:.23em;text-transform:uppercase;font-weight:700;color:var(--orange);line-height:1.6}.hero{height: min(980px,100svh);min-height:760px;position:relative;overflow:hidden;background:#101214}.hero-art{position:absolute;width:100%;height:100%;object-fit:cover;object-position:center;animation:arrive 1.8s ease both}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(12,14,16,.88) 0%,rgba(12,14,16,.52) 34%,transparent 65%),linear-gradient(0deg,rgba(12,14,16,.85),transparent 25%)}.hero-copy{position:relative;padding:clamp(175px,21vh,250px) 0 0;margin-left:max(56px,calc((100vw - var(--page))/2));z-index:2}.hero h1{font-size:clamp(88px,8.5vw,146px);margin:31px 0 36px;max-width:800px;line-height:.98}.hero-intro{font-size:clamp(18px,1.45vw,24px);line-height:1.55;color:var(--muted);max-width:520px}.hero-bottom{position:absolute;bottom:34px;left:56px;right:56px;display:flex;justify-content:space-between;align-items:center;font-size:13px;color:var(--muted);z-index:2}.hero-bottom a{color:var(--signal);display:flex;align-items:center;gap:18px}.scroll-mark{height:37px;width:1px;background:var(--orange);display:inline-block;position:relative}.scroll-mark:after{content:'';position:absolute;bottom:0;left:-2px;width:5px;height:5px;background:var(--orange);border-radius:50%}.work-intro{padding-block:145px 100px}.intro-row{display:grid;grid-template-columns:1.4fr 1fr;gap:100px;align-items:end;margin-top:34px}.intro-row h2{font-size:clamp(46px,4.6vw,73px)}.intro-row p{max-width:425px;color:var(--muted);font-size:20px}.client-index{display:grid;grid-template-columns:repeat(4,1fr);margin-top:88px;border-block:1px solid var(--line)}.client-index a{padding:25px 18px 25px 0;line-height:1.5;font-size:16px;transition:color .2s}.client-index a:hover{color:var(--orange)}.client-index span{display:block;color:#7c8791;font-size:12px;letter-spacing:.16em;margin-bottom:9px}.case{padding-bottom:115px;scroll-margin-top:20px}.case-top{display:flex;justify-content:space-between;align-items:center;padding-block:45px 28px;border-top:1px solid var(--line)}.discipline{color:var(--muted);font-size:13px}.livepeer-stage{min-height:680px;height:70vw;max-height:780px;position:relative;overflow:hidden;background:#0b0d0e}.livepeer-photo{position:absolute;width:65%;height:100%;right:0;object-fit:cover;object-position:70% center;filter:saturate(.4) brightness(.7)}.stage-shade{position:absolute;inset:0;background:linear-gradient(90deg,#0b0d0e 12%,rgba(11,13,14,.93) 32%,rgba(11,13,14,.1) 80%),linear-gradient(0deg,#0b0d0e,transparent 45%)}.stage-copy{position:relative;padding-top:83px}.livepeer-logo{width:205px;height:auto;margin-bottom:100px}.stage-copy h2{font-size:clamp(65px,6.8vw,106px);max-width:920px}.stage-copy>p{font-size:22px;margin-top:29px;color:var(--muted)}.photo-caption{position:absolute;right:56px;bottom:25px;font-size:12px;color:#b9c0c6}.case-body{display:grid;grid-template-columns:1fr 2.15fr;gap:65px;padding-top:72px}.body-label{font-size:13px;color:var(--muted);text-transform:uppercase;letter-spacing:.14em;padding-top:11px}.case-lead{font-size:clamp(22px,2.05vw,31px);line-height:1.5;letter-spacing:-.02em;max-width:950px}.case-secondary{font-size:18px;color:var(--muted);margin-top:25px;max-width:820px;line-height:1.8}.system-flow{display:grid;grid-template-columns:repeat(3,1fr);margin-top:74px;border-top:1px solid var(--orange);padding-top:25px;gap:50px}.system-flow>div{position:relative}.system-flow>div:before{content:'';position:absolute;top:-30px;left:0;width:9px;height:9px;border-radius:50%;background:var(--orange)}.system-flow span{font-size:12px;color:var(--orange)}.system-flow h3{font-size:20px;font-weight:400;margin-top:15px}.system-flow p{font-size:15px;color:var(--muted);margin-top:7px}.promena-stage{position:relative;min-height:710px;height:57vw;max-height:850px;overflow:hidden}.promena-stage>img{width:100%;height:100%;position:absolute;object-fit:cover;object-position:center}.promena-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(0,0,0,.72),transparent 80%),linear-gradient(90deg,rgba(0,0,0,.4),transparent 70%)}.promena-title{position:absolute;left:58px;bottom:78px}.promena-title h2{font-size:clamp(65px,6.7vw,105px);margin-top:26px}.project-caption{position:absolute;right:32px;bottom:28px;text-align:right;font-size:13px;color:#fff}.project-caption span{font-size:11px;color:#d2d5d7}.promena-logo{background:white;padding:10px;width:230px;height:auto}.inline-scope{display:flex;gap:20px;flex-wrap:wrap;margin-top:41px;padding-top:24px;border-top:1px solid var(--line);font-size:14px}.inline-scope>span{color:var(--muted);padding-right:20px;border-right:1px solid var(--line)}.inline-scope strong{font-weight:400;color:var(--orange)}.brand-tales{background:var(--signal);color:var(--base);padding-top:35px}.brand-tales .case-top{border-color:#c5cbd0}.brand-tales .eyebrow{color:var(--ink)}.brand-tales .discipline{color:#535c66}.brand-layout{display:grid;grid-template-columns:1fr 1.08fr;gap:105px;align-items:center;padding-top:36px}.belle-photo{position:relative;min-height:830px;height:58vw;max-height:1050px}.belle-photo img{width:100%;height:100%;object-fit:cover;object-position:center 43%;position:absolute}.belle-photo span{position:absolute;bottom:20px;left:25px;font-size:13px;color:white;background:rgba(21,23,26,.65);padding:4px 10px}.brandtales-logo{width:138px;height:auto;margin-bottom:55px}.brand-copy h2{font-size:clamp(59px,6vw,93px)}.brand-copy h2 em{color:var(--ink)}.brand-copy .case-lead{font-size:23px;margin-top:34px}.brand-details{margin-top:40px}.brand-details>div{border-top:1px solid #c5cbd0;padding:18px 0;display:grid;grid-template-columns:1fr 1.2fr;gap:20px;font-size:15px}.brand-details p{color:#535c66}.seamless{padding-top:65px;background:#111315}.seamless-layout{display:grid;grid-template-columns:.9fr 1.3fr;gap:60px;align-items:center;padding-top:50px}.seamless-title>img{background:var(--signal);padding:13px;width:210px;height:auto;margin-bottom:80px}.seamless-title h2{font-size:clamp(60px,6.3vw,98px)}.seamless-title>p{font-size:22px;color:var(--muted);margin-top:32px}.seamless-photo{position:relative;height:670px;overflow:hidden}.seamless-photo img{height:100%;width:100%;object-fit:cover;filter:saturate(.6)}.seamless-photo span{position:absolute;bottom:20px;left:22px;color:#fff;font-size:12px;background:rgba(21,23,26,.7);padding:4px 10px}.handover{display:flex;align-items:center;gap:24px;margin-top:76px;font-size:16px}.handover i{height:1px;background:var(--line);flex:1}.handover strong{color:var(--orange);font-weight:400}.footer{display:flex;align-items:center;justify-content:space-between;padding-block:50px;color:var(--muted);font-size:14px}.footer img{width:160px;height:auto}.footer a{font-size:13px}.footer a:hover{color:var(--orange)}.reveal{transition:opacity .8s ease,transform .8s ease}.js .reveal:not(.visible){opacity:0;transform:translateY(25px)}@keyframes arrive{from{transform:scale(1.025)}to{transform:scale(1)}}
@media(min-width:1800px){.hero-copy{padding-top:240px}.hero{max-height:1040px}.hero-art{object-position:center 57%}}
@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.nav{padding:26px 32px}.hero-copy{margin-left:32px}.hero-bottom{left:32px;right:32px}.hero{min-height:760px}.hero h1{font-size:108px}.hero-art{object-position:61% center}.intro-row{gap:48px}.intro-row p{font-size:18px}.brand-layout{gap:50px}.brand-copy .case-lead{font-size:20px}.brand-details>div{grid-template-columns:1fr}.belle-photo{min-height:780px}.seamless-layout{gap:35px}.seamless-photo{height:570px}.system-flow{gap:30px}.case-body{gap:35px;grid-template-columns:.7fr 2fr}.stage-copy h2{font-size:86px}.livepeer-stage{min-height:650px}.brand-copy h2{font-size:68px}.promena-title h2{font-size:85px}.project-caption{max-width:220px}.seamless-title h2{font-size:73px}.handover{font-size:14px;gap:15px}}
@media(max-width:700px){body{font-size:16px}.wrap{width:calc(100% - 40px)}.nav{padding:22px 20px}.nav img{width:137px}.nav-work{font-size:12px}.nav-work span{display:none}.hero{height:880px;min-height:90svh;max-height:1100px}.hero-art{object-position:64% center;opacity:.88}.hero-shade{background:linear-gradient(0deg,#0c0e10,transparent 30%,rgba(12,14,16,.65) 58%,#0c0e10 100%),linear-gradient(90deg,rgba(12,14,16,.45),transparent)}.hero-copy{margin-left:22px;padding-top:150px}.hero h1{font-size:clamp(70px,16vw,106px);margin-top:26px}.hero-intro{font-size:18px}.hero-bottom{bottom:28px;left:22px;right:22px;gap:18px}.hero-bottom>span{font-size:11px}.hero-edition{display:none}.hero-bottom a{font-size:12px}.eyebrow{font-size:11px;letter-spacing:.17em}.work-intro{padding-block:85px 55px}.intro-row{grid-template-columns:1fr;gap:28px;margin-top:24px}.intro-row h2{font-size:48px}.intro-row p{font-size:17px;max-width:100%}.client-index{grid-template-columns:1fr 1fr;margin-top:40px}.client-index a{padding:20px 8px 20px 0;font-size:14px}.client-index a:nth-child(-n+2){border-bottom:1px solid var(--line)}.client-index span{margin-bottom:4px}.case{padding-bottom:70px}.case-top{padding-block:30px 22px;gap:20px}.discipline{font-size:11px;max-width:120px;text-align:right;line-height:1.4}.livepeer-stage{min-height:610px;max-height:none;height:700px}.livepeer-photo{width:100%;height:65%;bottom:0;object-position:66% center;filter:saturate(.45) brightness(.67)}.stage-shade{background:linear-gradient(180deg,#0b0d0e 0%,#0b0d0e 22%,rgba(11,13,14,.5) 45%,rgba(11,13,14,.22) 75%,#0b0d0e 100%)}.stage-copy{padding-top:37px}.livepeer-logo{width:170px;margin-bottom:52px}.stage-copy h2{font-size:56px}.stage-copy>p{font-size:16px;margin-top:23px;max-width:290px}.photo-caption{right:20px;bottom:17px;font-size:10px}.case-body{grid-template-columns:1fr;padding-top:35px;gap:19px}.body-label{font-size:11px}.case-lead{font-size:22px}.case-secondary{font-size:16px;margin-top:20px}.system-flow{grid-template-columns:1fr;margin-top:35px;border:0;padding-top:0;gap:25px;border-left:1px solid var(--orange);padding-left:25px;width:calc(100% - 55px);margin-left:27px}.system-flow>div:before{left:-30px;top:5px}.system-flow h3{margin-top:6px;font-size:18px}.system-flow p{font-size:14px}.promena-stage{width:100%;height:660px;min-height:0}.promena-title{left:22px;bottom:130px}.promena-title h2{font-size:59px}.promena-title .eyebrow{font-size:10px}.project-caption{right:22px;bottom:25px;font-size:12px}.project-caption span{font-size:10px}.promena-logo{width:180px}.inline-scope{font-size:12px;gap:14px;margin-top:27px}.inline-scope>span{padding-right:14px}.inline-scope strong{flex-basis:100%}.brand-tales{padding-top:18px}.brand-layout{grid-template-columns:1fr;gap:38px;padding-top:10px}.belle-photo{min-height:0;height:560px;order:2}.brand-copy{order:1}.brandtales-logo{width:107px;margin-bottom:30px}.brand-copy h2{font-size:62px}.brand-copy .case-lead{font-size:21px;margin-top:25px}.brand-details{margin-top:28px}.brand-details>div{grid-template-columns:1fr 1.3fr;gap:15px;font-size:14px}.seamless{padding-top:25px}.seamless-layout{grid-template-columns:1fr;padding-top:20px;gap:35px}.seamless-title>img{width:167px;margin-bottom:35px}.seamless-title h2{font-size:66px}.seamless-title>p{font-size:18px;margin-top:23px}.seamless-photo{height:440px}.seamless-photo span{font-size:10px}.handover{flex-direction:column;align-items:flex-start;border-left:1px solid var(--line);padding-left:22px;gap:15px;margin-top:35px;width:calc(100% - 54px);margin-left:27px}.handover i{display:none}.handover span,.handover strong{font-size:15px}.footer{gap:25px;flex-wrap:wrap;padding-block:35px}.footer img{width:140px}.footer p{font-size:12px;order:3;flex-basis:100%}.footer a{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-art{animation:none}.reveal{transition:none}.js .reveal:not(.visible){opacity:1;transform:none}}