.stage{height:var(--stage-h,1700vh);position:relative}.stage__pin{height:100vh;background:radial-gradient(60% 55% at 50% 32%, #402e4e8c, transparent 70%), radial-gradient(40% 50% at -6% 70%, #d4469933, transparent 70%), radial-gradient(40% 50% at 106% 30%, #3a90ce2e, transparent 70%), var(--ink);height:100svh;position:sticky;top:0;overflow:hidden}.stage__canvas{z-index:1;width:100%;height:100%;position:absolute;inset:0}.stage__marquee{z-index:0;opacity:var(--marquee,0);pointer-events:none;align-content:center;gap:1vh;display:grid;position:absolute;inset:0}.stage__marquee .marquee{--gap:4vw;--marquee-speed:26s;text-transform:uppercase;letter-spacing:-.02em;color:#0000;-webkit-text-stroke:1.5px #f2eee647;font-size:clamp(5rem,17vw,18rem);font-weight:800;font-stretch:125%;line-height:.9}.stage__marquee .marquee:nth-child(2) .marquee__track{animation-direction:reverse}.stage__marquee .marquee:nth-child(2){-webkit-text-stroke:0;color:#d4469938}.stage__ui{z-index:2;pointer-events:none;position:absolute;inset:0}.stage__ui a,.stage__ui button{pointer-events:auto}.stage.is-pickable .stage__canvas{cursor:pointer}.hud__scene,.hud__tc{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#f2eee6bf;font-size:.72rem;font-weight:500;position:absolute;bottom:clamp(16px,3vh,30px)}.hud__scene{left:var(--gutter);align-items:baseline;gap:.7em;display:flex}.hud__scene [data-hud-index]{color:var(--pink-hi)}.hud__of{color:var(--muted)}.hud__tc{right:var(--gutter)}.hud__tc span:first-child{color:var(--muted)}.hud__skip{top:calc(var(--header-h) + 10px);right:var(--gutter);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--muted);padding:.5em 0;font-size:.7rem;text-decoration:none;transition:color .25s;position:absolute}.hud__skip:hover{color:var(--paper)}.hud__strip{right:calc(var(--gutter) - 6px);position:absolute;top:50%;transform:translateY(-50%)}.strip{background:#18151b;border-radius:4px;gap:5px;margin:0;padding:10px 7px;list-style:none;display:grid;position:relative}.strip:before,.strip:after{content:"";background:radial-gradient(circle, var(--ink) 1.2px, transparent 1.6px) 0 0 / 3px 7px repeat-y;width:3px;position:absolute;top:6px;bottom:6px}.strip:before{left:2px}.strip:after{right:2px}.strip__frame{background:#2b2730;border:0;border-radius:2px;width:26px;height:17px;padding:0;transition:background-color .3s;display:block;position:relative}.strip__frame span{font-family:var(--mono);letter-spacing:.1em;color:var(--muted);opacity:0;white-space:nowrap;font-size:.62rem;transition:opacity .2s;position:absolute;top:50%;right:calc(100% + 12px);transform:translateY(-50%)}.strip__frame:hover span,.strip__frame:focus-visible span,.strip__frame.is-active span{opacity:1}.strip__frame:hover{background:#4a4552}.strip__frame.is-active{background:var(--pink)}.strip__frame.is-past{background:#3b3642}.caps{position:absolute;inset:0}.caps--hero .hero-cap{position:absolute}.webgl .caps--hero .hero-cap{clip:rect(0, 0, 0, 0);white-space:nowrap;width:1px;height:1px;overflow:hidden;position:absolute!important}.cap{left:var(--gutter);visibility:hidden;gap:1rem;width:min(30vw,420px);display:grid;position:absolute;top:50%;transform:translateY(-50%)}.cap>*{opacity:0;transition:opacity .35s var(--ease-out), transform .5s var(--ease-out);transform:translateY(18px)}.cap.is-active{visibility:visible}.cap.is-active>*{opacity:1;transform:none}.cap.is-active>:nth-child(2){transition-delay:50ms}.cap.is-active>:nth-child(3){transition-delay:.1s}.cap.is-active>:nth-child(4){transition-delay:.15s}.cap.is-active>:nth-child(5){transition-delay:.2s}.cap.is-active>:nth-child(6){transition-delay:.25s}.cap.is-active>:nth-child(7){transition-delay:.3s}.cap__meta{border-bottom:1px solid var(--line);font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--amber);justify-content:space-between;gap:1rem;padding-bottom:.7rem;font-size:.7rem;display:flex}.cap__title{letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;font-size:clamp(1.9rem,3.2vw,3.2rem);font-weight:800;font-stretch:125%;line-height:.92}.cap__client{color:var(--muted);font-size:.92rem}.cap__summary{color:#f2eee6db;font-size:1rem;line-height:1.5}.cap__result{border:1px solid var(--line);background:#f2eee60f;border-radius:10px;flex-wrap:wrap;align-items:baseline;gap:.7rem;padding:.85rem 1rem;display:flex}.cap__result strong{color:var(--pink-hi);letter-spacing:-.01em;font-size:1.5rem;font-weight:800;font-stretch:118%}.cap__result span{color:#f2eee6bf;font-size:.9rem}.cap__services{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);font-size:.72rem}.cap__services i{color:var(--pink);margin-inline:.2em;font-style:normal}.cap__link{border-bottom:1px solid var(--pink);justify-self:start;gap:.5em;padding-bottom:.2em;font-weight:650;font-stretch:112%;text-decoration:none;display:inline-flex}.cap__link:hover{color:var(--pink-hi)}.cap__actions{flex-wrap:wrap;gap:.8rem;display:flex}.cap__contact{color:var(--muted);font-size:.92rem}.cap__contact a{color:var(--paper);text-decoration:none}@media (max-width:860px),(max-aspect-ratio:4/5){.cap{top:auto;bottom:clamp(56px,9vh,80px);left:var(--gutter);right:var(--gutter);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);background:#0d0c10d1;border-radius:14px;gap:.6rem;width:auto;padding:1.1rem 1.1rem 1rem;transform:none}.cap__summary,.cap__services{display:none}.cap--title .cap__summary,.cap--open .cap__summary{font-size:.92rem;display:block}.cap__title{font-size:1.6rem}.cap__result{background:0 0;border:0;padding:0}.cap__result strong{font-size:1.15rem}.hud__strip{display:none}.hud__skip{padding:0;top:auto;bottom:clamp(16px,3vh,30px)}.stage__ui:before{content:"";pointer-events:none;background:linear-gradient(#0000,#0b0a0cc7 45%,#0b0a0cf0);height:42%;position:absolute;bottom:0;left:0;right:0}.hud__tc{display:none}.webgl .caps--hero .hero-cap.is-active{clip:auto;white-space:normal;width:auto;height:auto;left:var(--gutter);right:var(--gutter);text-align:center;bottom:clamp(84px,13vh,120px);overflow:visible;position:absolute!important}.webgl .hero-cap.is-active .hero-cap__kicker,.webgl .hero-cap.is-active .hero-cap__title{clip:rect(0, 0, 0, 0);width:1px;height:1px;position:absolute;overflow:hidden}.webgl .hero-cap.is-active .hero-cap__sub{color:#f2eee6db;animation:fade-up .5s var(--ease-out) both;font-size:.98rem;line-height:1.45}}@keyframes fade-up{0%{opacity:0;transform:translateY(10px)}}.no-webgl .stage{height:auto}.no-webgl .stage__pin{height:auto;padding:calc(var(--header-h) + 60px) var(--gutter) 80px;position:relative}.no-webgl .stage__canvas,.no-webgl .stage__marquee,.no-webgl .hud,.no-webgl .cap--title,.no-webgl .cap--open{display:none}.no-webgl .stage__ui{pointer-events:auto;position:relative}.no-webgl .caps{max-width:var(--max);gap:3rem;margin-inline:auto;display:grid;position:relative}.no-webgl .hero-cap,.no-webgl .cap{visibility:visible;width:auto;max-width:640px;position:relative;inset:auto;transform:none}.no-webgl .cap>*{opacity:1;transform:none}.hero-cap__kicker{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--pink-hi);margin-bottom:.8rem;font-size:.75rem}.hero-cap__title{text-transform:uppercase;margin-bottom:1rem;font-size:clamp(2.4rem,7vw,5.5rem);font-weight:800;font-stretch:125%;line-height:.9}.leader{z-index:120;color:var(--ink);transition:clip-path .7s var(--ease), visibility 0s .7s;clip-path:inset(0);background:#bdb6aa;align-content:center;place-items:center;gap:2rem;display:grid;position:fixed;inset:0}.skip-leader .leader{display:none}.leader.is-done{clip-path:inset(0 0 100%);visibility:hidden}.leader__frame{aspect-ratio:1;place-items:center;width:min(62vmin,460px);display:grid;position:relative}.leader__sweep{background:conic-gradient(#0b0a0c38 var(--sweep), transparent 0);border-radius:50%;animation:.5s linear infinite sweep;position:absolute;inset:-40%}@property --sweep{syntax:"<angle>";inherits:false;initial-value:0deg}@keyframes sweep{to{--sweep:360deg}}.leader__dial{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.leader__dial circle,.leader__dial line{fill:none;stroke:var(--ink);stroke-width:1.6px}.leader__num{font-size:min(34vmin,260px);font-weight:800;font-stretch:125%;line-height:1;position:relative}.leader__label{text-align:center;font-family:var(--mono);letter-spacing:.2em;text-transform:uppercase;font-size:.72rem;position:absolute;bottom:28px;left:0;right:0}.leader:before,.leader:after{content:"";background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='46' height='34'%3E%3Cpath fill-rule='evenodd' fill='%2319161c' d='M0 0h46v34H0z M15 10h16a3 3 0 0 1 3 3v8a3 3 0 0 1-3 3H15a3 3 0 0 1-3-3v-8a3 3 0 0 1 3-3z'/%3E%3C/svg%3E");background-size:46px 34px;width:46px;position:absolute;top:0;bottom:0}.leader:before{left:0}.leader:after{right:0}.pitch__grid{grid-template-columns:repeat(12,1fr);gap:2.5rem 2rem;display:grid}.pitch .eyebrow{grid-column:1/-1}.pitch__text{letter-spacing:-.025em;text-wrap:pretty;grid-column:1/span 11;font-size:clamp(1.75rem,4.1vw,4rem);font-weight:650;font-stretch:108%;line-height:1.08}.pitch__text em{color:var(--pink-deep);font-style:normal}.pitch__text em:nth-of-type(2){color:var(--blue-deep)}.pitch__text .w{opacity:var(--o,1);transition:opacity .2s linear}.pitch__aside{color:color-mix(in srgb, var(--ink) 75%, transparent);grid-column:7/span 5;justify-items:start;gap:1.4rem;font-size:1.08rem;display:grid}@media (max-width:860px){.pitch__text,.pitch__aside{grid-column:1/-1}}.svc-list{border-top:1px solid var(--line)}.svc{border-bottom:1px solid var(--line);position:relative}.svc__link{isolation:isolate;transition:color .45s var(--ease), padding .45s var(--ease);grid-template-columns:4rem minmax(0,1.1fr) minmax(0,1fr) 3rem;align-items:center;gap:1.5rem;padding:clamp(1.6rem,3.2vw,2.8rem) .5rem;text-decoration:none;display:grid;position:relative}.svc__link:before{content:"";z-index:-1;background:var(--c);clip-path:inset(100% 0 0);transition:clip-path .55s var(--ease);position:absolute;inset:0}.svc__num{font-family:var(--mono);color:var(--muted);font-size:.8rem;transition:color .45s}.svc__name{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(2rem,4.3vw,4.4rem);font-weight:800;font-stretch:125%;line-height:.9}.svc__desc{color:#f2eee6b8;max-width:30ch;transition:color .45s}.svc__go{transition:transform .45s var(--ease);justify-self:end;font-size:1.6rem}.svc__peek{z-index:3;aspect-ratio:16/10;object-fit:cover;pointer-events:none;opacity:0;width:clamp(180px,16vw,250px);transition:opacity .35s var(--ease-out), transform .55s var(--ease-out);border-radius:8px;position:absolute;top:50%;right:4.5rem;transform:translateY(-40%)rotate(-5deg)scale(.85);box-shadow:0 24px 60px #00000073}@media (hover:hover) and (min-width:861px){.svc__link:hover{color:var(--ink);padding-inline:1.5rem}.svc__link:hover:before{clip-path:inset(0)}.svc__link:hover .svc__num,.svc__link:hover .svc__desc{color:#0b0a0ccc}.svc__link:hover .svc__go{transform:rotate(45deg)}.svc:has(.svc__link:hover) .svc__peek{opacity:1;transform:translateY(-50%)rotate(-4deg)scale(1)}}@media (max-width:860px){.svc__link{grid-template-columns:2.5rem 1fr;gap:.6rem 1rem}.svc__desc{grid-column:2}.svc__go,.svc__peek{display:none}}.process{background:var(--ink-2)}.process__head{grid-template-columns:1fr minmax(0,420px);align-items:end}.process__head .eyebrow{grid-column:1/-1}@media (max-width:860px){.process__head{grid-template-columns:1fr}}.process__film{background:#19161c;padding-block:4px}.process__frames{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 auto;padding-block:10px;list-style:none;display:grid}.process__frame{background:var(--ink);border-radius:10px;align-content:start;gap:.9rem;min-height:340px;padding:1.6rem 1.4rem 1.4rem;display:grid;position:relative;overflow:hidden}.process__frame:after{content:attr(data-edge);font-family:var(--mono);letter-spacing:.16em;color:var(--amber);opacity:.7;font-size:.6rem;position:absolute;bottom:12px;right:12px}.process__frame .process__no{color:#0000;-webkit-text-stroke:1.5px var(--pink);margin-bottom:.8rem;font-size:4.2rem;font-weight:800;font-stretch:125%;line-height:.8}.process__frame:nth-child(2n) .process__no{color:#0000;-webkit-text-stroke-color:var(--blue)}.process__frame h3{text-transform:uppercase;letter-spacing:-.01em;font-size:1.3rem;font-weight:750;font-stretch:118%}.process__frame p{color:#f2eee6c2;font-size:.98rem}.process__time{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;margin-top:auto;padding-top:1rem;color:var(--muted)!important;font-size:.72rem!important}@media (max-width:1000px){.process__frames{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.process__frames{grid-template-columns:1fr}.process__frame{min-height:0}}.loader{z-index:120;background:radial-gradient(50% 45% at 50% 45%, #402e4e73, transparent 70%), var(--ink);clip-path:inset(0);transition:clip-path .75s var(--ease), visibility 0s .75s;place-items:center;display:none;position:fixed;inset:0}.js.skip-leader .loader{display:grid}.loader.is-done{clip-path:inset(0 0 100%);visibility:hidden}.loader__inner{transition:opacity .35s, transform .6s var(--ease);justify-items:center;gap:28px;display:grid}.loader.is-done .loader__inner{opacity:0;transform:translateY(-40px)}.loader__mark{aspect-ratio:300/447;background:#d446992e;width:64px;position:relative;-webkit-mask:url(/brand/dooba-mark.svg) 50%/contain no-repeat;mask:url(/brand/dooba-mark.svg) 50%/contain no-repeat}.loader__fill{background:var(--pink);transform-origin:bottom;transform:scaleY(var(--p,0));position:absolute;inset:0}.loader__strip{background-color:#19161c;background-image:radial-gradient(circle,#f2eee6bf 1.3px,#0000 1.8px),radial-gradient(circle,#f2eee6bf 1.3px,#0000 1.8px);background-position:2px 1px,2px calc(100% - 1px);background-repeat:repeat-x;background-size:9px 5px;border-radius:3px;gap:4px;padding:9px 6px;display:flex}.loader__strip i{background:#2b2730;border-radius:2px;width:22px;height:15px;transition:background-color .25s}.loader__strip i.is-lit{background:var(--pink)}.loader__strip i.is-lit:nth-child(2n){background:var(--blue)}.loader__meta{font-family:var(--mono);letter-spacing:.18em;text-transform:uppercase;color:var(--muted);gap:1.6rem;font-size:.7rem;display:flex}.loader__meta [data-loader-pct]{color:var(--paper);font-variant-numeric:tabular-nums}@media (prefers-reduced-motion:reduce){.loader,.loader__inner{transition-duration:10ms}}.caps__projects{display:contents}
