.pb-reference-detail{--red:#df151d;--black:#0b0d10;--paper:#fafaf9;position:relative;width:min(calc(100vw - 138px),1024px);margin:0 auto 55px;color:#101216;background:var(--paper);font-family:"Bricolage Grotesque",Arial,sans-serif;overflow:hidden}.pb-reference-detail *{box-sizing:border-box}
.pb-rd-top{position:relative;min-height:365px;padding:58px 43% 62px 48px;background:linear-gradient(125deg,#fff 0 70%,#f0f0ef 70%);overflow:hidden}.pb-rd-top:before{content:"";position:absolute;left:20px;top:58px;bottom:62px;width:3px;background:var(--red)}.pb-rd-top:after{content:"CASE\A STUDY";white-space:pre;position:absolute;right:30px;bottom:-18px;color:rgba(17,19,22,.045);font-size:92px;font-weight:800;line-height:.75;text-align:right}.pb-rd-top>small,.pb-rd-story small,.pb-rd-result>small{position:relative;z-index:1;color:var(--red);font-size:11px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.pb-rd-back{position:relative;z-index:2;display:inline-flex;align-items:center;gap:8px;margin-bottom:45px;color:#62656a;font-size:11px;font-weight:700;text-transform:uppercase;transition:.2s}.pb-rd-back:hover{color:var(--red);transform:translateX(-4px)}.pb-rd-top h1{position:relative;z-index:1;margin:13px 0 20px!important;font:800 50px/1.01 "Bricolage Grotesque",Arial,sans-serif!important;letter-spacing:-.045em;text-transform:uppercase}.pb-rd-top h1 em{display:block;color:var(--red);font-style:normal}.pb-rd-top p{position:relative;z-index:1;max-width:560px;margin:0;color:#50545a;font-size:14px;line-height:1.7}
.pb-rd-hero{position:relative;height:575px;margin:0;overflow:hidden;background:#ddd}.pb-rd-hero:after{content:"";position:absolute;inset:0;box-shadow:inset 0 0 0 1px rgba(255,255,255,.2);pointer-events:none}.pb-rd-hero img,.pb-rd-content-image img{width:100%;height:100%;object-fit:cover;transition:transform .8s ease}.pb-rd-hero:hover img,.pb-rd-content-image:hover img{transform:scale(1.018)}
.pb-rd-meta{position:relative;z-index:3;display:grid;grid-template-columns:1fr 150px 2fr;width:calc(100% - 80px);margin:-42px auto 0;background:#fff;box-shadow:0 18px 45px rgba(4,8,12,.13)}.pb-rd-meta:before{content:"";position:absolute;left:0;top:0;width:72px;height:3px;background:var(--red)}.pb-rd-meta>div{min-height:112px;padding:30px 27px}.pb-rd-meta>div+div{border-left:1px solid #e5e5e5}.pb-rd-meta small{display:block;margin-bottom:9px;color:var(--red);font-size:9px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.pb-rd-meta strong{font-size:14px;line-height:1.55}
.pb-rd-story{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;margin:0 40px;padding:95px 0 80px}.pb-rd-story:before{content:"";position:absolute;left:50%;top:77px;bottom:65px;width:1px;background:#ddd}.pb-rd-story article{position:relative;padding:0 58px 0 15px}.pb-rd-story article+article{padding:0 15px 0 70px}.pb-rd-story article small{display:flex;align-items:center;gap:13px}.pb-rd-story article small:after{content:"";width:36px;height:2px;background:var(--red)}.pb-rd-story h2,.pb-rd-result h2{margin:14px 0 20px;font-size:31px;line-height:1.08;letter-spacing:-.025em}.pb-rd-story p,.pb-rd-result p{margin:0;color:#555a60;font-size:14px;line-height:1.8}
.pb-rd-content-image{position:relative;height:475px;margin:0 40px;overflow:hidden;background:#ddd}.pb-rd-content-image:before{content:"PROJECT\A VIEW";white-space:pre;position:absolute;z-index:2;left:0;bottom:0;padding:13px 18px;color:#fff;background:var(--red);font-size:9px;font-weight:800;letter-spacing:.12em;line-height:1.35}.pb-rd-content-image:after{content:"";position:absolute;right:-45px;top:-45px;width:130px;height:130px;border:1px solid rgba(255,255,255,.6);transform:rotate(45deg)}
.pb-rd-result{position:relative;max-width:none;margin:0 40px;padding:72px 45% 75px 38px;color:#fff;background:var(--black);overflow:hidden}.pb-rd-result:before{content:"03";position:absolute;right:32px;top:1px;color:rgba(255,255,255,.045);font-size:190px;font-weight:800;line-height:1}.pb-rd-result:after{content:"";position:absolute;right:-90px;bottom:-155px;width:370px;height:370px;border:1px solid rgba(223,21,29,.35);border-radius:50%;box-shadow:0 0 0 35px rgba(223,21,29,.045),0 0 0 70px rgba(223,21,29,.03)}.pb-rd-result>*{position:relative;z-index:1}.pb-rd-result h2{font-size:36px}.pb-rd-result p{color:#d4d6d8}.pb-rd-result blockquote{margin:35px 0 0;padding:20px 0 20px 25px;border-left:3px solid var(--red);color:#fff;font-size:20px;font-weight:700;line-height:1.45}.pb-rd-result>a{display:inline-flex;align-items:center;justify-content:space-between;gap:28px;margin-top:30px;padding:14px 18px;color:#fff;background:var(--red);font-size:10px;font-weight:800;text-transform:uppercase;transition:.2s}.pb-rd-result>a:hover{background:#fff;color:#111}
.pb-rd-cta{position:relative;display:flex;align-items:center;justify-content:space-between;gap:35px;margin:40px 0 0;padding:43px 48px 43px 64px;border-top:1px solid #dedede;background:#fff}.pb-rd-cta:before{content:"";position:absolute;left:40px;top:43px;bottom:43px;width:3px;background:var(--red)}.pb-rd-cta h2{margin:0 0 8px;font-size:28px;line-height:1.1}.pb-rd-cta p{margin:0;color:#666;font-size:12px}.pb-rd-cta>a{display:inline-flex;min-width:185px;height:46px;padding:0 18px;align-items:center;justify-content:space-between;color:#fff;background:var(--red);font-size:10px;font-weight:800;text-transform:uppercase;transition:.2s}.pb-rd-cta>a:hover{background:var(--black);transform:translateY(-2px)}
@media(max-width:850px){.pb-reference-detail{width:calc(100vw - 60px)}.pb-rd-top{padding-right:28%}.pb-rd-hero{height:450px}.pb-rd-story article{padding-right:35px}.pb-rd-story article+article{padding-left:45px}.pb-rd-result{padding-right:30%}}
@media(max-width:620px){.pb-reference-detail{width:calc(100vw - 40px)}.pb-rd-top{min-height:0;padding:30px 22px 42px 35px}.pb-rd-top:before{left:15px;top:30px;bottom:42px}.pb-rd-top:after{display:none}.pb-rd-back{margin-bottom:28px}.pb-rd-top h1{font-size:34px!important}.pb-rd-hero{height:280px}.pb-rd-meta{grid-template-columns:1fr;width:calc(100% - 28px);margin-top:-22px}.pb-rd-meta>div{min-height:auto;padding:20px}.pb-rd-meta>div+div{border-left:0;border-top:1px solid #e5e5e5}.pb-rd-story{grid-template-columns:1fr;margin:0;padding:55px 0}.pb-rd-story:before{display:none}.pb-rd-story article,.pb-rd-story article+article{padding:0 8px}.pb-rd-story article+article{margin-top:42px;padding-top:42px;border-top:1px solid #ddd}.pb-rd-content-image{height:285px;margin:0}.pb-rd-result{margin:0;padding:48px 24px 55px}.pb-rd-result:before{font-size:120px}.pb-rd-result h2{font-size:30px}.pb-rd-cta{align-items:flex-start;flex-direction:column;margin-top:25px;padding:30px 22px 30px 38px}.pb-rd-cta:before{left:20px;top:30px;bottom:30px}.pb-rd-cta>a{width:100%}}