[data-demo=cobalto],#cb-case,#cb-studio{--cb-ink:#031130;--cb-paper:#f3f7fe;--cb-dusk:#0d1424;--cb-pc:#0f5e63;--cb-pc-deep:#04282b;--cb-pc-light:#5fc9c2;color:var(--cb-paper);background:#0b0c10;font-family:Heebo,sans-serif}[data-demo=cobalto] .cb-loader{--uk-page-loader-bg:#d5d9e0;--uk-page-loader-ink:#141a26;--uk-page-loader-frame-to:var(--cb-dusk)}[data-demo=cobalto] .cb-peak{--uk-movement-track:260svh}[data-demo=cobalto] .cb-peak__pane{background:var(--cb-dusk);overflow:hidden}.cb-peak__still,.cb-peak__canvas{width:100%;height:100%;position:absolute;inset:0}.cb-peak__still{object-fit:cover;object-position:50% 0;filter:brightness(.55)sepia(.3)hue-rotate(180deg)}.cb-peak[data-gl] .cb-peak__still{display:none}.cb-hero{--c:min(100svh / 12, 13.59vw);--cb-hero-ink:color-mix(in srgb, #e6ecf5, #3a4352 calc(var(--cb-day,0) * 100%));color:var(--cb-hero-ink);pointer-events:none;position:absolute;inset:0}.cb-hero__grid{background:linear-gradient(to right, color-mix(in srgb, var(--cb-hero-ink) 9%, transparent) 1px, transparent 1px) calc(50% + var(--c) / 2) 50% / var(--c) var(--c), linear-gradient(to bottom, color-mix(in srgb, var(--cb-hero-ink) 9%, transparent) 1px, transparent 1px) 50% 50% / var(--c) var(--c);position:absolute;inset:0}@property --cb-bleed{syntax:"<integer>";inherits:true;initial-value:50}.cb-hero__frame{--km:clamp(0, (var(--cb-day,0) - .52) / .48, 1);--cb-bleed:calc((1 - var(--km) * var(--km) * (3 - 2 * var(--km))) * 50);counter-reset:bleed var(--cb-bleed);width:calc(var(--c) * 6 + 1px);height:calc(var(--c) * 6 + 1px);position:absolute;top:50%;left:50%;translate:-50% -50%}.cb-hero__frame i{--k:clamp(0, (var(--cb-day,0) - .45 - var(--i) * .02) / (.55 - var(--i) * .02), 1);--e:calc(var(--k) * var(--k) * (3 - 2 * var(--k)));--s:calc((1 + var(--e) * (var(--to) - 1)) / 6);background:color-mix(in srgb, var(--cb-hero-ink) 65%, transparent);position:absolute}.cb-hero__frame i.is-h{width:100%;height:1px;transform:scaleX(var(--s))}.cb-hero__frame i.is-v{width:1px;height:100%;transform:scaleY(var(--s))}.cb-hero__frame i.is-tl{top:0;left:0}.cb-hero__frame i.is-tr{top:0;right:0}.cb-hero__frame i.is-br{bottom:0;right:0}.cb-hero__frame i.is-bl{bottom:0;left:0}.cb-hero__frame i.is-h.is-tl,.cb-hero__frame i.is-h.is-bl{transform-origin:0 0}.cb-hero__frame i.is-h.is-tr,.cb-hero__frame i.is-h.is-br{transform-origin:100% 0}.cb-hero__frame i.is-v.is-tl,.cb-hero__frame i.is-v.is-tr{transform-origin:0 0}.cb-hero__frame i.is-v.is-bl,.cb-hero__frame i.is-v.is-br{transform-origin:0 100%}.cb-hero__frame b{font:400 max(9px, calc(.14 * var(--c)))/1 ui-monospace, Menlo, monospace;color:color-mix(in srgb, var(--cb-hero-ink) 75%, transparent);white-space:nowrap;opacity:clamp(0, (var(--cb-day,0) - .38) / .12, 1);direction:ltr;position:absolute}.cb-hero__frame b.is-tl{left:calc(.11 * var(--c));top:calc(.11 * var(--c))}.cb-hero__frame b.is-br{right:calc(.11 * var(--c));bottom:calc(.11 * var(--c))}.cb-hero__frame b.is-tr,.cb-hero__frame b.is-bl{writing-mode:vertical-rl}.cb-hero__frame b.is-tr{right:calc(.12 * var(--c));top:calc(.11 * var(--c))}.cb-hero__frame b.is-bl{left:calc(.1 * var(--c));bottom:calc(.13 * var(--c))}.cb-hero__frame b.is-tl:before{content:"bleed 0px · " counter(bleed) "px · " counter(bleed) "px · 0px"}.cb-hero__frame b.is-tr:before{content:"bleed 0px · 0px · " counter(bleed) "px · " counter(bleed) "px"}.cb-hero__frame b.is-bl:before{content:"bleed " counter(bleed) "px · " counter(bleed) "px · 0px · 0px"}.cb-hero__frame b.is-br:before{content:"bleed " counter(bleed) "px · 0px · 0px · " counter(bleed) "px"}.cb-hero__head{color:inherit;opacity:calc(1 - var(--cb-day,0) * 1.25);flex-direction:column;margin:0;font-size:clamp(1.6rem,3.2vw,3.1rem);font-weight:200;line-height:1.25;display:flex;position:absolute;top:50%;translate:0 -50%}.cb-hero__head span:last-child{opacity:.7}.cb-hero__head.is-start{inset-inline-start:calc(50% + var(--c) * 4)}.cb-hero__head.is-end{text-align:end;inset-inline-end:calc(50% + var(--c) * 4)}.cb-hero__ruler{--uk-tracker-step:var(--c);inset-inline:14%;bottom:calc(var(--c) * .8);position:absolute}@media (max-width:960px){.cb-hero__head{font-size:clamp(1.2rem,4.6vw,1.8rem)}.cb-hero__head.is-start,.cb-hero__head.is-end{inset-inline:auto;text-align:center;left:50%;translate:-50%}.cb-hero__head.is-start{top:auto;bottom:calc(50% + var(--c) * 3 + 12px)}.cb-hero__head.is-end{top:calc(50% + var(--c) * 3 + 12px)}.cb-hero__ruler{inset-inline:16px}}.cb-glass__name{inset-inline-start:7.9%;letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(2.4rem,6vw,6rem);font-weight:200;position:absolute;bottom:9%}[data-demo=cobalto] .cb-work{color:var(--cb-paper);background:#0b0c10}.cb-kick{letter-spacing:.06em;opacity:.6;border-bottom:1px solid #ffffff24;margin:0;padding-bottom:14px;font:400 .72rem/1 ui-monospace,Menlo,monospace}.cb-work__card{aspect-ratio:3/4;color:#fff;text-decoration:none;display:block;position:relative;overflow:hidden}.cb-work__card img{object-fit:cover;width:100%;height:100%;transition:scale .8s cubic-bezier(.2,.7,.2,1)}.cb-work__card.is-studio{background:linear-gradient(#031130 0%,#0d3fb0 40%,#185df1 75%,#a9c3ff 100%)}.cb-work__mark{aspect-ratio:1;width:34%;-webkit-mask:var(--uk-frame-mark) center / contain no-repeat;mask:var(--uk-frame-mark) center / contain no-repeat;background:#fff;position:absolute;top:42%;left:50%;translate:-50% -50%}.cb-work__label{inset-inline:24px;align-items:baseline;gap:14px;display:flex;position:absolute;bottom:22px}.cb-work__label b{font-size:1.6rem;font-weight:400}.cb-work__label span{opacity:.8;font:400 .75rem/1 ui-monospace,Menlo,monospace}.cb-work__open{border:1px solid #ffffff80;border-radius:999px;margin-inline-start:auto;padding:10px 16px}@media (hover:hover){.cb-work__card:hover img{scale:1.04}.cb-work__card:hover .cb-work__open{color:#031130;opacity:1;background:#fff}}#cb-case,#cb-studio{--uk-popup-sheet-gap:0px;background:0 0;margin:0;padding:0}div.fancybox__slide:has(>#cb-case,>#cb-studio){padding:0}#cb-case .uk-popup-sheet__close,#cb-studio .uk-popup-sheet__close{display:none}#cb-case .uk-popup-sheet__scroll{background:radial-gradient(90% 70% at 30% 30%, color-mix(in srgb, var(--cb-pc) 85%, #fff 5%), var(--cb-pc) 45%, var(--cb-pc-deep) 100%);color:#fff}#cb-studio .uk-popup-sheet__scroll{color:#fff;background:#0b0c10}.cb-back{width:54px;height:54px;color:inherit;background:0 0;border:1px solid #fff6;border-radius:50%;flex:none;place-items:center;transition:background .3s;display:inline-grid}.cb-back svg{width:18px}@media (hover:hover){.cb-back:hover{background:#ffffff1f}}.cb-case__top{flex-direction:column;min-height:100dvh;padding:120px 7.9% 60px;display:flex;position:relative}.cb-case__head{align-items:center;gap:30px;display:flex}.cb-case__title{letter-spacing:-.04em;text-transform:uppercase;color:inherit;margin:0;font-size:clamp(2.4rem,4.2vw,4.2rem);font-weight:200;line-height:1}.cb-case__intro{z-index:1;max-width:30ch;color:inherit;margin:auto 0 0;font-size:clamp(1.25rem,2.1vw,2.05rem);font-weight:300;line-height:1.25;position:relative}.cb-case__facts{grid-template-columns:repeat(4,max-content);gap:0 58px;margin:13vh 0 0;font-family:ui-monospace,Menlo,monospace;display:grid}.cb-case__facts dt{opacity:.55;margin-bottom:6px;font-size:.65rem}.cb-case__facts dd{margin:0;font-size:.8rem}.cb-case__gallery{grid-template-columns:1.15fr 1fr;gap:22px;padding:0 7.9% 140px;display:grid}.cb-case__gallery figure{background:#0003;margin:0;overflow:hidden}.cb-case__gallery figure.is-wide{grid-column:1/-1}.cb-case__gallery img{object-fit:cover;width:100%;height:100%;display:block}.cb-studio__band{perspective:900px;height:44vh;min-height:300px;padding:80px 7.9% 0;position:relative;overflow:hidden}.cb-studio__obj{inset-inline-end:26%;aspect-ratio:1;width:clamp(160px,22vw,320px);transform-style:preserve-3d;animation:9s linear infinite cb-turn;position:absolute;top:82%;transform:translate(-50%,-50%)}.cb-studio__obj i{-webkit-mask:var(--uk-frame-mark) center / contain no-repeat;mask:var(--uk-frame-mark) center / contain no-repeat;backface-visibility:hidden;filter:drop-shadow(0 6px 10px #0311308c);background:#fff;position:absolute;inset:9%}.cb-studio__obj i:last-child{transform:rotateY(180deg)}@keyframes cb-turn{0%{transform:translate(-50%,-50%)rotateY(0)}to{transform:translate(-50%,-50%)rotateY(360deg)}}.cb-studio__body{padding:50px 7.9% 140px}.cb-studio__row{grid-template-columns:1fr auto;align-items:start;gap:40px;margin-top:26px;display:grid}.cb-studio__row h3{max-width:14ch;color:inherit;margin:0;font-size:clamp(1.9rem,2.9vw,2.9rem);font-weight:300;line-height:1.1}.cb-studio__row p{opacity:.85;max-width:46ch;color:inherit;margin:26px 0 0;font-size:.95rem;line-height:1.78}.cb-studio__who{width:150px;font-size:.8rem}.cb-studio__who img{object-fit:cover;width:150px;height:150px;display:block}.cb-studio__who b{margin-top:12px;font-weight:500;display:block}.cb-studio__who span{opacity:.6}.cb-studio__stats{text-align:center;grid-template-columns:repeat(3,1fr);margin-top:110px;display:grid}.cb-studio__stats strong{letter-spacing:-.04em;font-size:clamp(3.4rem,7vw,7rem);font-weight:200;line-height:1;display:block}.cb-studio__stats span{opacity:.6;max-width:14ch;margin:14px auto 0;font-size:.8rem;display:block}@media (max-width:820px){.cb-case__facts{grid-template-columns:repeat(2,max-content);gap:18px 40px}.cb-case__gallery,.cb-studio__row{grid-template-columns:1fr}.cb-studio__stats{grid-template-columns:1fr;gap:40px;margin-top:60px}.cb-case__top,.cb-studio__band,.cb-studio__body,.cb-case__gallery{padding-inline:16px}}@media (prefers-reduced-motion:reduce){.cb-studio__obj{animation:none}}