:root{--boc-orange: #ff4421;--boc-canvas: #181d21;--boc-text: #f3f3f3;--boc-on-orange: #000;--boc-muted: #adadad;--boc-muted-2: #545151;--boc-online: #b53219;--boc-offblack: #181d21;--boc-black: #111314;--boc-page-px: 20px;--boc-sidebar-w: min( calc((100% - 135px)/4 + 45px) , 390.75px);--ease-boc-brisk: cubic-bezier(.4, 0, .2, 1);--ease-boc-grow: cubic-bezier(1, 0, .47, 1.25);--ease-boc-reveal: cubic-bezier(.25, .1, .25, 1);--ease-filter: cubic-bezier(.22, 1, .36, 1);--bar-h: 61px;--font: "Inter", "Boc Fallback", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;color-scheme:dark}@font-face{font-family:Boc Fallback;src:local("Arial");ascent-override:70.87%;descent-override:18.9%;line-gap-override:9.45%;size-adjust:105.82%}@media(min-width:1024px){:root{--boc-page-px: 15px}}*,*:before,*:after{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}html{background:var(--boc-canvas)}body{background:#181d21;color:#f3f3f3;font-family:var(--font);font-weight:400;font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button,input{font:inherit;color:inherit;background:none;border:0;padding:0}button{text-transform:uppercase;cursor:pointer}a{color:inherit;text-decoration:none}ul{list-style:none;margin:0;padding:0}:focus-visible{outline:2px solid var(--boc-orange);outline-offset:2px}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}[data-brand-bar]{position:fixed;left:0;right:0;height:61px;z-index:50;background:#ff4421f7;color:#000;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);overflow:hidden;display:flex;align-items:center;transition:top .7s cubic-bezier(.64,0,.78,0)}[data-brand-bar][data-placed=center]{top:calc(50svh - 30.5px);pointer-events:none}[data-brand-bar][data-placed=top]{top:0;pointer-events:auto}.mark{display:flex;align-items:center;color:#000}.mark svg{height:25.3px;width:auto;display:block;overflow:visible;transform:translateY(-1.15px)}.show-track{display:flex;width:max-content;animation:boc-marquee 30s linear infinite;will-change:transform}.show-half{display:flex;align-items:center}.show-unit{display:flex;align-items:center;gap:clamp(2rem,calc(1.5rem + 1.5vw),3.125rem);padding-right:clamp(2rem,calc(1.5rem + 1.5vw),3.125rem)}.unit-copy{display:flex;flex-direction:column;font-size:13px;line-height:16px;white-space:nowrap;color:#000}.unit-copy b{font-weight:600;font-style:normal}.lockup{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%;padding:0 var(--boc-page-px)}.bar-logo{justify-self:start;display:flex}.bar-info{justify-self:center;display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.08em;line-height:1;text-transform:uppercase;color:#000}.bar-info svg{display:block}.bar-clock{justify-self:end;display:inline-flex;align-items:baseline;gap:14px;font-size:13px;line-height:1;letter-spacing:.04em;font-variant-numeric:tabular-nums;font-weight:500;color:#000;text-transform:uppercase}.offline{color:#b53219;font-weight:600}@keyframes boc-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}.intro{position:fixed;inset:0;z-index:70;background:#ff4421;display:grid;place-items:center;animation:introFade .45s var(--ease-boc-brisk) .85s forwards}.intro-mark svg{height:clamp(28px,5.2vw,42px);width:auto;display:block;color:#000}@keyframes introFade{to{opacity:0;visibility:hidden}}.showreel{position:fixed;inset:0;z-index:40;background:#181d21;overflow:hidden;cursor:pointer}.showreel.leave{opacity:0;transition:opacity .55s var(--ease-boc-brisk);pointer-events:none}.show-frame{position:absolute;inset:0;opacity:0;transition:opacity .9s linear}.show-frame.on{opacity:1}.show-frame .tile-svg{width:100%;height:100%;transform:scale(1.08);animation:ken 7s var(--ease-boc-reveal) both}@keyframes ken{0%{transform:scale(1.04)}to{transform:scale(1.14)}}.enter-hit{position:absolute;inset:0;z-index:2;cursor:pointer;text-transform:none}.work-grid{display:grid;grid-template-columns:var(--boc-sidebar-w) minmax(0,1fr);min-height:100vh;padding-top:var(--bar-h);background:#181d21}[data-sidebar]{position:sticky;top:var(--bar-h);height:calc(100vh - var(--bar-h));display:flex;flex-direction:column;padding:0 0 40px;align-self:start}.back-unit{display:flex;align-items:center;min-height:38px;padding:15px 15px 0}.back-row{display:flex;align-items:baseline;gap:20px}a.nav-work,.nav-all{font-size:13px;line-height:13px;letter-spacing:.52px;text-transform:uppercase}a.nav-work{color:#f3f3f3}.nav-all{color:#545151}a.nav-work:hover{color:var(--boc-orange)}.side-body{display:flex;flex-direction:column;gap:15px;padding:60px 15px 40px}h1.work-title{margin:0;font-size:clamp(22px,calc(1.375rem + .5vw),28.259px);font-weight:400;line-height:1;letter-spacing:-.02em;color:#f3f3f3}.filter-row{display:flex;align-items:flex-start;gap:30px;font-size:clamp(22px,calc(1.375rem + .5vw),28.259px);line-height:1.2}.all-link,.filter-toggle{font-size:clamp(22px,calc(1.375rem + .5vw),28.259px);font-weight:400;letter-spacing:-.022em;line-height:1.2;text-transform:none}.all-link{color:#f3f3f3}.all-link.is-idle{color:#545151}.all-link:hover,.filter-toggle:hover{color:#f3f3f3}.filter-toggle{display:inline-flex;align-items:center;gap:8px;color:#545151}.filter-icon{width:.62em;height:.62em;position:relative;display:inline-block;transition:transform .4s var(--ease-boc-brisk)}.filter-icon[data-open=true]{transform:rotate(90deg)}.filter-icon span{position:absolute;top:50%;left:50%;background:currentColor;transform-origin:50%}.filter-icon span:first-child{width:100%;height:.075em;transform:translate(-50%,-50%) scaleX(1);transition:transform .4s var(--ease-boc-brisk)}.filter-icon[data-open=true] span:first-child{transform:translate(-50%,-50%) scaleX(0)}.filter-icon span:last-child{width:.075em;height:100%;transform:translate(-50%,-50%)}.filter-panel{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease-filter)}.filter-panel[data-open=true]{grid-template-rows:1fr;transition-delay:0s}.filter-panel[data-open=false]{transition-delay:.3s}.filter-panel ul{min-height:0;overflow:hidden;font-size:clamp(22px,calc(1.375rem + .5vw),28.26px);letter-spacing:-.02em}.filter-item{opacity:0;transform:translateY(12px);transition:opacity .4s var(--ease-boc-reveal),transform .4s var(--ease-boc-reveal)}.filter-panel[data-open=true] .filter-item{opacity:1;transform:none}.filter-item button{text-transform:none;font-size:inherit;letter-spacing:inherit;line-height:1.2;color:#545151;padding:4px 0;text-align:left}.filter-item button.is-on,.filter-item button:hover{color:#f3f3f3}.rows{min-width:0;display:flex;flex-direction:column;padding:15px 15px 60px 0}.boc-grow-row{--boc-cap-h: 18px;--marquee-h: var(--marquee-h-base);display:flex;flex-direction:column;padding-bottom:15px}.marquee-strip{position:relative;width:100%;height:var(--marquee-h);overflow:hidden;transition:height .4s var(--ease-boc-grow)}.boc-list-marquee{display:flex;width:max-content;gap:15px;height:100%;animation:boc-marquee var(--marquee-dur, 50s) linear infinite;will-change:transform}.tile{position:relative;flex:0 0 auto;height:var(--marquee-h);width:calc(var(--marquee-h) * var(--aspect, 1.7778));overflow:hidden;background:#181d21;display:block;transition:height .4s var(--ease-boc-grow),width .4s var(--ease-boc-grow)}.tile-svg{width:100%;height:100%;display:block}.boc-grow-caption{margin-top:15px;line-height:18px;max-height:18px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:baseline;font-size:clamp(13px,calc(.8125rem + .16vw),15px);letter-spacing:-.02em;transition:margin-top .4s var(--ease-boc-grow),max-height .4s var(--ease-boc-grow),opacity .4s var(--ease-boc-brisk)}.caption-client{color:#f3f3f3;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption-tag{color:#adadad;text-align:center;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.caption-view{color:#adadad;justify-self:end}@media(hover:hover){.boc-grow-row:hover{--marquee-h: calc(var(--marquee-h-base) + var(--boc-cap-h) + 15px)}.boc-grow-row:hover .boc-grow-caption{opacity:0;max-height:0;margin-top:0}}.pill{position:fixed;right:var(--boc-page-px);bottom:var(--boc-page-px);z-index:55;display:flex;align-items:center;gap:8px;height:36px;max-width:min(460px,calc(100vw - 30px));padding:0 6px 0 14px;border-radius:999px;background:#101316d1;border:.5px solid rgba(255,255,255,.35);backdrop-filter:blur(6px) saturate(1.2);-webkit-backdrop-filter:blur(6px) saturate(1.2);box-shadow:inset 0 .5px 1px #ffffff4d,inset 0 -.5px 1px #0000001a,0 2px 6px #0003;color:#fff}.pill[data-open=true]{height:auto;max-width:min(420px,calc(100vw - 30px));border-radius:18px;padding:12px 12px 12px 14px;align-items:flex-start;background:#101316e6}.pill-track{overflow:hidden;flex:1;min-width:0;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent);mask-image:linear-gradient(90deg,transparent,#000 8px,#000 calc(100% - 8px),transparent)}.pill[data-open=true] .pill-track{-webkit-mask-image:none;mask-image:none}.pill-run{display:inline-block;white-space:nowrap;font-size:11px;line-height:1;letter-spacing:.01em;animation:boc-marquee 22s linear infinite}.pill[data-open=true] .pill-run{animation:none;white-space:normal;display:block;line-height:1.45;font-size:13px}.pill-btns{display:flex;gap:4px;flex:none}.pill-btn{width:26px;height:26px;border-radius:999px;border:.5px solid rgba(255,255,255,.35);color:#fff;display:grid;place-items:center;font-size:12px;text-transform:none;font-style:italic;font-weight:500}.pill-btn.chev{font-style:normal;transition:transform .35s var(--ease-boc-brisk)}.pill[data-open=true] .pill-btn.chev{transform:rotate(180deg)}.info-panel{position:fixed;inset:var(--bar-h) 0 0 0;z-index:45;background:#181d21f5;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);overflow:auto;padding:48px var(--boc-page-px) 80px}.info-grid{display:grid;grid-template-columns:1.3fr .8fr;gap:60px;max-width:1200px}.info-panel h2{margin:0 0 22px;font-size:clamp(22px,calc(1.375rem + .5vw),28.259px);font-weight:400;letter-spacing:-.02em}.info-panel p{margin:0 0 16px;font-size:15px;line-height:1.45;letter-spacing:-.01em;max-width:640px}.info-links{color:var(--boc-orange)}.info-links button,.info-links a{color:var(--boc-orange);text-transform:none;letter-spacing:inherit;font-size:inherit;text-decoration:underline;text-underline-offset:3px}.svc{margin-top:18px;padding-top:14px;border-top:1px solid rgba(243,243,243,.12)}.svc h3{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--boc-orange);font-weight:600}.svc p{font-size:14px;color:var(--boc-muted)}.meta-col h3{margin:28px 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--boc-muted);font-weight:500}.meta-col ul li,.meta-col p{font-size:15px;line-height:1.5}.meta-col a:hover{color:var(--boc-orange)}.close-x{position:absolute;top:18px;right:var(--boc-page-px);font-size:13px;letter-spacing:.08em;color:var(--boc-text)}.case{padding-top:var(--bar-h);background:var(--boc-canvas);min-height:100vh}.case-back{display:flex;align-items:center;gap:10px;padding:18px var(--boc-page-px) 0;font-size:13px;letter-spacing:.04em;text-transform:uppercase}.case-back:hover{color:var(--boc-orange)}.case-back:hover .glyph{animation:bump .9s ease-in-out infinite}@keyframes bump{0%,to{transform:translate(0)}50%{transform:translate(-3px)}}.case-hero{margin:22px var(--boc-page-px) 0;aspect-ratio:16 / 9;overflow:hidden;background:#111}.case-hero .tile-svg{width:100%;height:100%}.case-head{padding:28px var(--boc-page-px) 10px;max-width:980px}.kicker{margin:0 0 8px;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--boc-muted)}.case-head h1{margin:0 0 14px;font-size:clamp(32px,4vw,64px);font-weight:400;letter-spacing:-.03em;line-height:1.02}.lede{margin:0;font-size:clamp(16px,1.4vw,20px);line-height:1.4;letter-spacing:-.015em;max-width:720px}.case-sections{display:grid;grid-template-columns:180px 1fr;gap:20px 40px;padding:28px var(--boc-page-px) 40px;max-width:1100px}.case-sections h2{margin:0;font-size:13px;letter-spacing:.08em;text-transform:uppercase;color:var(--boc-orange);font-weight:600}.case-sections p{margin:0 0 28px;color:var(--boc-text);font-size:16px;line-height:1.45;max-width:640px}.case-next{display:flex;justify-content:space-between;gap:20px;padding:20px var(--boc-page-px) 80px;border-top:1px solid rgba(243,243,243,.12);font-size:clamp(22px,calc(1.375rem + .5vw),28.259px);letter-spacing:-.02em}.case-next a:hover{color:var(--boc-orange)}.case-meta{color:var(--boc-muted);font-size:13px;letter-spacing:.04em;text-transform:uppercase}.missing{min-height:100vh;padding:calc(var(--bar-h) + 12vh) var(--boc-page-px) 40px;display:flex;flex-direction:column;justify-content:space-between}.missing h1{margin:0;font-size:clamp(48px,9vw,120px);font-weight:400;letter-spacing:-.04em;line-height:.95}.missing a.backbig{font-size:22px;letter-spacing:-.02em}.missing a.backbig:hover{color:var(--boc-orange)}.missing-track{margin-top:40px;background:var(--boc-orange);color:#000;overflow:hidden;height:61px;display:flex;align-items:center}@media(max-width:1023px){.work-grid{grid-template-columns:1fr}[data-sidebar]{position:relative;top:auto;height:auto}.rows{padding:10px 0 80px}.boc-grow-row{padding-left:20px;padding-right:20px}.marquee-strip{margin-left:-20px;margin-right:-20px;width:calc(100% + 40px)}.caption-tag{display:none}.boc-grow-caption{grid-template-columns:1fr auto}.info-grid{grid-template-columns:1fr;gap:28px}.case-sections{grid-template-columns:1fr;gap:6px}.bar-clock .tz{display:none}}@media(max-width:640px){.offline{display:none}.mark svg{height:20px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.show-track,.boc-list-marquee,.pill-run{animation:none!important}}