@layer reset{:where(:not(html,iframe,canvas,img,svg,video,audio):not(svg *,symbol *)){all:unset;display:revert}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:none;-moz-text-size-adjust:none;text-size-adjust:none}a,button{cursor:revert}ol,ul,menu,summary{list-style:none}ol{counter-reset:revert}img{max-block-size:100%;max-inline-size:100%}table{border-collapse:collapse}input,textarea{-webkit-user-select:auto}textarea{white-space:revert}meter{appearance:revert}:where(pre){all:revert;box-sizing:border-box}::placeholder{color:unset}:where([hidden]){display:none!important}:where([contenteditable]:not([contenteditable=false])){-moz-user-modify:read-write;-webkit-user-modify:read-write;overflow-wrap:break-word;-webkit-line-break:after-white-space;-webkit-user-select:auto}:where([draggable=true]){-webkit-user-drag:element}:where(dialog:modal){all:revert;box-sizing:border-box}::-webkit-details-marker{display:none}button,input,select,textarea{font:inherit}}@layer tokens{@font-face{font-family:BN Hamburg Hand;font-weight:700;src:url(/dist/assets/BN-Hamburg-Hand-Bold-BVpHgf5B.otf)}@font-face{font-family:BN Hamburg Hand;font-weight:800 900;src:url(/dist/assets/BN-Hamburg-Hand-Black-BuLHmJ_v.otf)}@font-face{font-family:Mona Sans;font-weight:100 900;src:url(/dist/assets/Mona-Sans-Variable-CX-7s9jm.ttf)}:where(html){--Accent:#c43d17;--Alt-surface:#1a1714;--Base:#141210;--Error:#df5349;--Faint:#81796e;--Footer-black:#0e0d0b;--Ink:#f3efe8;--Keyline:#2b2621;--Muted:#a29b90;--Panel:#201c18;--font-body:"Mona Sans";--font-display:"BN Hamburg Hand";--font-size-lead:1.0625rem;--font-size-sm:.875rem;--font-weight-semibold:600;--line-height-lead:1.55;--size-1:.25rem;--size-2:.5rem;--size-3:1rem;--size-4:1.25rem;--size-5:1.5rem;--size-6:1.75rem;--size-7:2rem;--size-8:3rem;--size-9:4rem;--gutter-fluid:min(max(2rem, (100vi - 1500px) / 2), 250px);--action-primary-background-color:var(--Ink);--action-primary-foreground-color:var(--Panel);--action-primary-border-color:transparent;--action-secondary-background-color:transparent;--action-secondary-foreground-color:var(--Ink);--action-secondary-border-color:var(--Ink);--action-auxiliary-background-color:transparent;--action-auxiliary-foreground-color:var(--Ink);--action-auxiliary-border-color:var(--Accent);--control-foreground-color:var(--Ink);--control-background-color:var(--Panel);--control-border-color:var(--Keyline);--surface-primary-background-color:var(--Panel);--surface-primary-foreground-color:var(--Muted);--surface-primary-border-color:var(--Keyline);--surface-secondary-background-color:var(--Alt-surface);--surface-secondary-foreground-color:var(--Muted);--surface-secondary-border-color:var(--Keyline);--surface-auxiliary-background-color:var(--Base);--surface-auxiliary-foreground-color:var(--Muted);--surface-auxiliary-border-color:var(--Keyline);--text-primary-font-family:var(--font-display);--text-primary-font-size:clamp(2.5rem, 2rem + 2.5vw, 4.5rem);--text-primary-font-weight:800;--text-primary-line-height:.95;--text-secondary-font-family:var(--font-display);--text-secondary-font-size:clamp(2rem, 1.688rem + 1.563vw, 3.25rem);--text-secondary-font-weight:700;--text-secondary-line-height:.95;--text-auxiliary-font-family:var(--font-body);--text-auxiliary-font-size:1rem;--text-auxiliary-font-weight:400;--text-auxiliary-line-height:1.6}}@layer primitives{:where(box-l,.box){--space:1rem;border:solid transparent var(--border-width,1px);padding:var(--space);display:block}:where(center-l,.center){--space:1rem;box-sizing:content-box;max-inline-size:var(--max-inline-size,1000px);padding-inline:var(--space,0);margin-inline:auto;display:block}:where(center-l,.center)[has-centered-text]{text-align:center}:where(center-l,.center)[is-intrinsic-size]{flex-direction:column;align-items:center;display:flex}:where(cluster-l,.cluster){--space:1rem;align-items:var(--align,flex-start);gap:var(--space);justify-content:var(--justify,flex-start);flex-wrap:wrap;display:flex}:where(container-l,.container){display:block;container-type:inline-size}:where(container-l,.container)[style*=--container-name]{container-name:var(--container-name)}:where(cover-l,.cover){--space:1rem;min-block-size:var(--min-block-size,100vb);padding:var(--space);flex-direction:column;display:flex}:where(cover-l,.cover)[no-padding]{padding:0}:where(cover-l,.cover)>*{margin-block:var(--space)}:where(cover-l,.cover)>*:first-child:not([is-centered]){margin-block-start:0}:where(cover-l,.cover)>*:last-child:not([is-centered]){margin-block-end:0}:where(cover-l,.cover)>[is-centered]{margin-block:auto}:where(frame-l,.frame){aspect-ratio:var(--aspect-ratio,16 / 9);justify-content:center;align-items:center;display:flex;overflow:hidden}:where(frame-l,.frame)>:where(img,video){object-fit:cover;block-size:100%;inline-size:100%}:where(grid-l,.grid){--min-item-width:250px;--space:1rem;align-content:start;gap:var(--space);grid-template-columns:repeat(auto-fill, minmax(min(var(--min-item-width), 100%), 1fr));display:grid}:where(icon-l,.icon){--space:1ex;align-items:center;gap:var(--space);display:inline-flex}:where(icon-l,.icon)>svg{--size:2cap;block-size:var(--size);fill:currentColor;inline-size:var(--size);stroke:none;-webkit-user-select:none;user-select:none}:where(icon-l,.icon)[direction=rtl]{flex-direction:row-reverse}:where(imposter-l,.imposter){--margin:0;position:absolute;inset-block-start:50%;inset-inline-start:50%;transform:translate(-50%,-50%)}:where(imposter-l,.imposter):not([is-breakout]){max-block-size:calc(100% - var(--margin) * 2);max-inline-size:calc(100% - var(--margin) * 2);overflow:auto}:where(imposter-l,.imposter)[is-fixed]{position:fixed}:where(reel-l,.reel){--space:1rem;block-size:var(--block-size,auto);display:flex;overflow:auto hidden}:where(reel-l,.reel)>img{flex-basis:auto;block-size:100%;inline-size:auto}:where(reel-l,.reel)>*{flex:0 0 var(--item-width,250px)}:where(reel-l,.reel)>*+*{margin-inline-start:var(--space)}:where(reel-l,.reel)[no-scrollbar]{scrollbar-width:none}:where(reel-l,.reel)[no-scrollbar]::-webkit-scrollbar{display:none}:where(sidebar-l,.sidebar){--space:1rem;gap:var(--space);flex-wrap:wrap;display:flex}:where(sidebar-l,.sidebar)>*{flex-grow:1}:where(sidebar-l,.sidebar)[style*=--side-width]>*{flex-basis:var(--side-width)}:where(sidebar-l,.sidebar)[sidebar-side=left]>:first-child,:where(sidebar-l,.sidebar)[sidebar-side=right]>:last-child{min-inline-size:var(--content-min-inline-size,50%);flex-grow:999;flex-basis:0}:where(sidebar-l,.sidebar)[no-stretch]{align-items:start}:where(sidebar-l,.sidebar)[style*=--content-min-width]:not([style*=\%]):before{content:"The value for each <sidebar-l> `contentMin` property should be a percentage. Otherwise overflow is likely to occur";position:absolute;inset:0}:where(stack-l,.stack){--space:1rem;gap:var(--space);flex-direction:column;justify-content:start;display:flex}:where(switcher-l,.switcher){--space:1rem;gap:var(--space);flex-wrap:wrap;display:flex}:where(switcher-l,.switcher)>*{flex-basis:calc((var(--threshold,1000px) - 100%) * 999);flex-grow:1}:where(switcher-l,.switcher)[item-limit="2"]>:nth-last-child(n+3),:where(switcher-l,.switcher)[item-limit="2"]>:nth-last-child(n+3)~*,:where(switcher-l,.switcher)[item-limit="3"]>:nth-last-child(n+4),:where(switcher-l,.switcher)[item-limit="3"]>:nth-last-child(n+4)~*,:where(switcher-l,.switcher)[item-limit="4"]>:nth-last-child(n+5),:where(switcher-l,.switcher)[item-limit="4"]>:nth-last-child(n+5)~*,:where(switcher-l,.switcher)[item-limit="5"]>:nth-last-child(n+6),:where(switcher-l,.switcher)[item-limit="5"]>:nth-last-child(n+6)~*{flex-basis:100%}}@layer elements{@layer elements,modifiers,state;html{interpolate-size:allow-keywords;scroll-behavior:smooth;height:100%;font-size:16px}body{background-color:var(--surface-auxiliary-background-color);color:var(--surface-auxiliary-foreground-color);font-family:var(--text-auxiliary-font-family);font-size:var(--text-auxiliary-font-size);text-rendering:optimizelegibility;flex-direction:column;grid-template-rows:[header main]1fr[footer]auto;grid-template-columns:[content]100%;min-height:100%;display:grid}:where(footer):not(article footer){grid-area:footer/content}:where(footer):not(article footer) a{color:var(--Muted)}:where(header):not(article header){z-index:1;grid-area:header/content;align-self:start;position:sticky;inset:0}:where(h1,h2,h3){color:var(--Ink);letter-spacing:-.025em;text-transform:uppercase;text-wrap:balance}@layer elements{:where(h1,.page-title,.display-lg){font-family:var(--text-primary-font-family);font-size:var(--text-primary-font-size);font-weight:var(--text-primary-font-weight);line-height:var(--text-primary-line-height);max-inline-size:15ch}}@layer modifiers{:where(h1,.page-title,.display-lg):where(.hero,.display-xl){--text-primary-font-size:clamp(2.75rem, 2.313rem + 2.188vw, 4.5rem);--text-primary-line-height:.9}}@layer elements{:where(:is(h2,.section-title):not(.kicker)){font-family:var(--text-secondary-font-family);font-size:var(--text-secondary-font-size);font-weight:var(--text-secondary-font-weight);line-height:var(--text-secondary-line-height);max-inline-size:20ch}}@layer modifiers{:where(:is(h2,.section-title):not(.kicker)):where(.display-xl){--text-secondary-font-family:var(--text-primary-font-family);--text-secondary-font-size:clamp(2.625rem, 2.063rem + 2.813vw, 4.875rem);--text-secondary-font-weight:var(--text-primary-font-weight);--text-secondary-line-height:.9;max-inline-size:15ch}:where(:is(h2,.section-title):not(.kicker)):where(.card-title,.display-sm){--text-secondary-font-size:1.25rem;font-size:var(--text-secondary-font-size)}}@layer elements{:where(h3,.sub-section-title){--text-secondary-font-size:clamp(1.75rem, 1.531rem + 1.094vw, 2.625rem);font-family:var(--text-secondary-font-family);font-size:var(--text-secondary-font-size);font-weight:var(--text-secondary-font-weight);line-height:var(--text-secondary-line-height)}}@layer modifiers{:where(h3,.sub-section-title):where(.card-title,.display-sm){--text-secondary-font-size:1.25rem;font-size:var(--text-secondary-font-size)}}:where(main){flex:1;grid-area:main/content}:where(section){padding-block:4.5rem}:where(section):first-of-type{padding-block-start:9rem}dd{max-inline-size:75ch;padding-block-end:24px}dt{color:var(--Ink);border-block-start:1px solid var(--surface-auxiliary-border-color);padding-block:24px;font-size:17px}@layer elements{li{text-wrap:pretty;max-inline-size:66ch}}@layer elements{:where(p,span,time){font-family:var(--text-auxiliary-font-family);font-size:var(--text-auxiliary-font-size);font-weight:var(--text-auxiliary-font-weight);line-height:var(--text-auxiliary-line-height);text-wrap:pretty;max-inline-size:66ch}}@layer modifiers{:where(p,span,time):where(.lead){--text-auxiliary-font-size:var(--font-size-lead);--text-auxiliary-line-height:var(--line-height-lead)}:where(p,span,time):where(.small){--text-auxiliary-font-size:var(--font-size-sm)}:where(p,span,time):where(.kicker){letter-spacing:2.6px;text-transform:uppercase;font-size:12px;font-weight:600}:where(p,span,time):where(.meta){color:var(--Faint);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:600}:where(p,span,time):where(.caption){letter-spacing:.4px;text-transform:uppercase;font-size:11px;font-weight:500}}@layer elements{:where(:is(a,button.link):not(.button,:has(article,img))){background-color:var(--action-auxiliary-background-color);color:var(--action-auxiliary-foreground-color);cursor:pointer;font-size:var(--text-auxiliary-font-size);font-weight:var(--font-weight-semibold);padding-block:var(--size-2);text-underline-offset:.18em;border-block-end:2px solid #0000;text-decoration-thickness:1.5px;display:inline-block}:where(:is(a,button.link):not(.button,:has(article,img))) icon-l svg{fill:var(--Accent)}}@layer modifiers{:where(:is(a,button.link):not(.button,:has(article,img))):where(.small){--text-auxiliary-font-size:var(--font-size-sm)}}@layer states{:where(:is(a,button.link):not(.button,:has(article,img))):is(:focus-visible,:hover){border-block-end-color:var(--Accent)}:where(:is(a,button.link):not(.button,:has(article,img))):focus-visible{outline:2px solid var(--Accent);outline-offset:3px}}small{--text-auxiliary-font-size:.875rem;--text-auxiliary-font-weight:500;--surface-auxiliary-foreground-color:var(--Faint);font-size:var(--text-auxiliary-font-size);font-weight:var(----text-auxiliary-font-weight)}img{display:block}@layer elements{:where(button,a.button){background-color:var(--action-auxiliary-background-color);color:var(--action-auxiliary-foreground-color);cursor:pointer;font-size:var(--text-auxiliary-font-size);font-weight:var(--font-weight-semibold);padding:var(--size-2) var(--size-4);text-align:center;white-space:nowrap}}@layer modifiers{:where(button,a.button):where([data-variant=primary]){background-color:var(--action-primary-background-color);border:1px solid var(--action-primary-border-color);color:var(--action-primary-foreground-color);text-transform:uppercase;display:inline-block}:where(button,a.button):where([data-variant=primary]) icon-l svg{fill:var(--Accent)}:where(button,a.button):where([data-variant=secondary]){background-color:var(--action-secondary-background-color);border:1px solid var(--action-secondary-border-color);color:var(--action-secondary-foreground-color);text-transform:uppercase}:where(button,a.button):where(.small){--text-auxiliary-font-size:var(--font-size-sm)}:where(button,a.button):where(.full-width){inline-size:100%}}@layer states{:where(button,a.button):focus-visible:not(:disabled){outline:2px solid var(--Accent);outline-offset:3px}:where(button,a.button):disabled{cursor:not-allowed;opacity:.4}:where(button,a.button):disabled icon-l svg{fill:currentColor}}@layer modifiers;input[type=file]{border:var(--border-dashed);cursor:pointer;place-content:center;block-size:3lh;display:grid}::file-selector-button{background-color:var(--surface-raised);border:var(--border-default);color:var(--color-text-muted);padding:var(--size-1) var(--size-2);margin-inline-end:1ch;display:none}::moz-file-content{margin-inline:auto;display:block}:where(label):has(:where(input,textarea):not([required])) span{align-items:baseline;gap:1ch;display:flex}:where(label):has(:where(input,textarea):not([required]))>span:after{color:var(--Faint);content:"Optional";font-size:.8em}@layer elements{label>span{color:var(--Muted);letter-spacing:1.4px;text-transform:uppercase;font-size:11px;font-weight:600}}output{color:var(--Error);font-size:var(--font-size-sm)}output:empty{display:none}select{appearance:none;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none' stroke='%23f3efe8' stroke-width='1.5'%3E%3Cpath d='M4 6l4 4 4-4'/%3E%3C/svg%3E");background-position:right 15px center;background-repeat:no-repeat;background-size:16px;padding-inline-end:42px}select:has(option[value=""]:checked){--control-foreground-color:var(--Faint);color:var(--control-foreground-color)}textarea{field-sizing:content;resize:vertical;min-block-size:5lh;max-block-size:50vb}@layer elements{:where(input,select,textarea){background-color:var(--control-background-color);border:1px solid var(--control-border-color);color:var(--control-foreground-color);max-inline-size:100%;padding:13px 15px}:where(input,select,textarea)::placeholder{--control-foreground-color:var(--Faint);color:var(--control-foreground-color)}}@layer states{:where(input,select,textarea):focus-visible{border-color:var(--Accent)}:where(input,select,textarea):user-valid~output{display:none}:where(input,select,textarea):user-invalid~output{display:revert}}::selection{background-color:var(--Accent);color:var(--Ink)}}@layer utils{.visually-hidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.kicker{color:var(--surface-auxiliary-foreground);order:-1;align-items:center;gap:1ch;display:flex;position:relative}.kicker:not([no-eyebrow]):before{background-color:var(--eyebrow-color,var(--Accent));content:"";block-size:2px;inline-size:30px}.kicker{text-transform:uppercase;font-size:12px;font-weight:600;letter-spacing:2.6px!important}.kicker[data-variant=on-accent]{--eyebrow-color:var(--Ink);color:var(--Ink)}.kicker[data-variant=highlight]{color:var(--Accent)}.button-link-label{--text-auxiliary-font-weight:600;color:var(--surface-primary-foreground-color);font-family:var(--text-auxiliary-font-family);font-size:var(--text-auxiliary-font-size);font-weight:var(--text-auxiliary-font-weight);text-transform:none!important}.button-link-label.small{--text-auxiliary-font-size:.875rem}.scrim{isolation:isolate;position:relative}.scrim:after{background-color:var(--Base);content:"";mix-blend-mode:color;position:absolute;inset:0}.numeral{color:var(--Accent);font-size:clamp(1.875rem,1.656rem + 1.094vw,2.75rem);font-weight:800}.self-start{align-self:start}.items-center{align-items:center}.keyline-top{border-block-start:1px solid var(--Keyline)}.gutter-inline{padding-inline:var(--gutter-fluid)}.gutter-inline-start{padding-inline-start:var(--gutter-fluid)}.gutter-inline-end{padding-inline-end:var(--gutter-fluid)}.content-offset{margin-block-start:var(--content-offset,var(--size-9))}.text-bright{color:var(--Ink)}}a[aria-current=page]{border-color:var(--Accent)}section[data-section=hero] .button{background-color:var(--Accent);color:var(--Ink)}section[data-section=hero] .button svg{fill:currentColor}section[data-section=hero] div:has(.strapline){gap:var(--size-3);display:flex;position:relative}section[data-section=hero] .strapline{--space:var(--size-2);height:var(--heading-height);writing-mode:sideways-lr;order:-1;align-items:center;display:flex}section[data-section=hero] .strapline:after{background-color:var(--Faint);content:"";flex:1;order:2;block-size:2px}section[data-section=hero] .strapline span:first-of-type{order:1}section[data-section=hero] .strapline span:nth-of-type(2){order:3}section[data-section=hero] :where(cover-l:has(.headline)){--min-block-size:95vb}section[data-section=hero] :where(cover-l:has(.showreel)){position:relative}section[data-section=hero] :where(cover-l:has(.showreel)):after{--background-color:color-mix(in srgb, var(--Base), transparent 50%);border-image:0 fill linear-gradient(transparent, var(--background-color));content:"";position:absolute;inset:0}@media (width>=750px){section[data-section=hero] :where(cover-l:has(.showreel)){transform-origin:100% 0;order:-1;transform:skew(-2.5deg)}section[data-section=hero] :where(cover-l:has(.showreel)) video{transform-origin:100% 0;transform:skew(2.5deg)}}@media (width>=900px){section[data-section=our-story] :where(center-l):has(frame-l){order:-1}}section[data-section=how-we-work] ol{counter-reset:process}section[data-section=how-we-work] h3{letter-spacing:normal;flex-direction:column;gap:1ch;font-size:18px;display:flex}section[data-section=how-we-work] h3:before{color:var(--Accent);content:counter(process, decimal-leading-zero);counter-increment:process;font-family:var(--font-display);font-size:clamp(1.875rem,1.656rem + 1.094vw,2.75rem);font-weight:var(--text-primary-font-weight)}section[data-section=murals] ol{counter-reset:murals}section[data-section=murals] h3{letter-spacing:normal;flex-direction:column;gap:1ch;font-size:18px;display:flex}section[data-section=murals] h3:before{color:var(--Accent);content:counter(murals, decimal-leading-zero);counter-increment:murals;font-family:var(--font-display);font-size:clamp(1.875rem,1.656rem + 1.094vw,2.75rem);font-weight:var(--text-primary-font-weight)}li:has(a>.card) a{block-size:100%}.project-rail{counter-reset:project-rail}.card{--gutter:var(--size-3);background-color:var(--surface-primary-background-color);border:1px solid var(--surface-primary-border-color);block-size:100%;color:var(--surface-primary-foreground-color);padding:var(--gutter);overflow:clip}.card[data-variant=use-case]{background-color:var(--Panel);padding:24px}.card[data-variant=use-case] h3.card-title{color:var(--Ink);letter-spacing:normal;margin-block-end:auto;font-size:18px;line-height:1.25}.card[data-variant=benefit]{--surface-primary-background-color:transparent;--surface-primary-border-color:transparent;border-block-start:1px solid var(--Accent);padding:0;padding-block:32px}.card[data-variant=benefit] h3{letter-spacing:normal;font-size:18px}.card[data-variant=bio]{grid-template-rows:1fr 1fr;grid-template-columns:75px 1fr;gap:12px 24px;min-block-size:175px;padding:24px;display:grid}.card[data-variant=bio] .card-header{grid-area:1/2;margin-block-start:auto}.card[data-variant=bio] .card-title{margin-block-end:8px}.card[data-variant=bio] .card-image{--aspect-ratio:3 / 4;grid-area:1/1/-1}.card[data-variant=bio] .card-description{grid-area:2/2}.card[data-variant=image]{--card-transition-duration:0s;grid-template-columns:var(--gutter) 1fr var(--gutter);transition:transform var(--card-transition-duration) ease;padding:0;padding-block-end:var(--gutter);display:grid}@media (prefers-reduced-motion:no-preference){.card[data-variant=image]{--card-transition-duration:.2s}}.card[data-variant=image] .card-header{grid-area:2/2;align-self:start;margin-block:16px 8px}.card[data-variant=image] .card-title svg{fill:var(--Accent)}.card[data-variant=image] .card-image{transition:box-shadow var(--card-transition-duration) ease;grid-area:1/1/auto/-1}.card[data-variant=image] .card-image img,.card[data-variant=image] .card-image video{transition:transform var(--card-transition-duration) ease}.card[data-variant=image] .card-description{grid-area:3/2}.card[data-variant=image]:is(:hover,:focus-within){transform:translateY(-6px)}.card[data-variant=image]:is(:hover,:focus-within) .card-image{box-shadow:0 22px 40px -20px #000c}.card[data-variant=image]:is(:hover,:focus-within) .card-image img,.card[data-variant=image]:is(:hover,:focus-within) .card-image video{transform:scale(1.04)}.card[data-variant=project]{--card-transition-duration:0s;grid-template-columns:var(--gutter) 1fr var(--gutter);grid-template-rows:var(--gutter) 1fr auto var(--gutter);isolation:isolate;scroll-snap-align:start;transition:transform var(--card-transition-duration) ease;padding:0;display:grid;position:relative}@media (prefers-reduced-motion:no-preference){.card[data-variant=project]{--card-transition-duration:.2s}}.card[data-variant=project]:has(a) a{grid-area:1/1/-1/-1;grid-template-columns:subgrid;grid-template-rows:subgrid;display:grid}.card[data-variant=project]:has(a)[data-service]:before{background-color:var(--Accent);color:var(--Ink);content:"Case study";letter-spacing:.5px;inset-block:11px auto;inset-inline:auto 11px;text-transform:uppercase;z-index:3;border-radius:3px;padding:4px 8px;font-size:10px;font-weight:600;position:absolute;top:11px;right:11px}.card[data-variant=project]:after{background-image:linear-gradient(transparent, var(--Base));content:"";pointer-events:none;position:absolute;inset:0}.card[data-variant=project] .card-header{z-index:1;grid-area:3/2}.card[data-variant=project] .card-header .kicker{color:var(--Accent);order:-1}.card[data-variant=project] .card-title{font-size:20px;font-weight:var(--font-weight-semibold);letter-spacing:.04em;line-height:1.3}.card[data-variant=project] .card-image{--aspect-ratio:9 / 16;transition:box-shadow var(--card-transition-duration) ease;z-index:-1;grid-area:1/1/-1/-1}.card[data-variant=project] .card-image img,.card[data-variant=project] .card-image video{transition:transform var(--card-transition-duration) ease}.card[data-variant=project] .card-description{grid-area:2/2;display:none}.card[data-variant=project]:is(:hover,:focus-within){transform:translateY(-6px)}.card[data-variant=project]:is(:hover,:focus-within) .card-image{box-shadow:0 22px 40px -20px #000c}.card[data-variant=project]:is(:hover,:focus-within) .card-image img,.card[data-variant=project]:is(:hover,:focus-within) .card-image video{transform:scale(1.04)}.card[data-variant=project] ::marker{color:#f3efe814;font-family:var(--font-display);pointer-events:none;z-index:2;font-size:104px;font-weight:900;line-height:1;position:absolute;top:2px;left:14px}.skew{transform-origin:100% 0;transform:skew(-2.5deg)}.skew li:has(.card[data-variant=project]){transform:skew(-2.5deg)}.skew .card[data-variant=project] .card-header{transform:skew(2.5deg)}.skew .card[data-variant=project] .card-image img,.skew .card[data-variant=project] .card-image video{transition:transform var(--card-transition-duration) ease;transform:scale(1.08)skew(2.5deg)}.skew .card[data-variant=project]:is(:hover,:focus-within) .card-image img,.skew .card[data-variant=project]:is(:hover,:focus-within) .card-image video{transform:scale(1.12)skew(2.5deg)}.skew img,.skew video{transform-origin:100% 0;transform:skew(2.5deg)}page-header a{color:var(--Ink)}client-marquee{margin-block-start:var(--size-5)}section[data-variant=cta]{background-color:var(--Accent)}section[data-variant=alt]{background-color:var(--surface-secondary-background-color)}section:has(>client-marquee){padding-block:var(--size-7)}.step{padding-block:var(--size-4)}.step-title{color:var(--Ink)}.contact-row{padding-block-start:var(--size-3)}.intro-stack{margin-block-end:var(--size-9)}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) sidebar-l{align-items:baseline}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) nav a{color:var(--Muted);font-weight:400}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) nav a:is(:focus-visible,:hover){color:var(--Ink);border-block-end-color:#0000}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) nav li{border-inline-start:2px solid var(--Keyline);margin-inline-start:-12px;padding-inline-start:12px}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) nav li:has(a:is(:focus-visible,:hover)){border-inline-start-color:var(--Accent)}@media (width>=900px){:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) nav{position:sticky;inset-block-start:calc(var(--header-height) + var(--size-9))}}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) nav ol{padding-block-start:var(--size-2)}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) ol{counter-reset:index;list-style-type:none}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) ol>li{align-items:baseline;gap:1ch;display:flex}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) ol>li:where(:not(:has(>article))):before{content:counter(index, decimal-leading-zero);counter-increment:index;flex-shrink:0;flex-basis:3ch;font-size:.85em}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) ol>li ol>li:before{content:counters(index, ".", decimal);counter-increment:index;flex-shrink:0;flex-basis:3ch;font-size:.85em}:is(section[data-section=privacy-policy],section[data-section=terms-of-business])>stack-l{counter-reset:index}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) article{scroll-margin-top:calc(var(--header-height) + var(--size-9));padding-block-start:var(--size-9)}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) article h2{letter-spacing:.02em;align-items:baseline;gap:1ch;max-inline-size:none;font-size:1.25rem;font-weight:700;line-height:1.3;display:flex}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) article h2:before{color:var(--Accent);content:counter(index, decimal-leading-zero);counter-increment:index;font-family:var(--font-display);font-size:.85em}:is(section[data-section=privacy-policy],section[data-section=terms-of-business]) ul li{list-style-type:disc;list-style-position:inside}.scrubber{position:relative}.scrubber span{order:1}.scrubber icon-l{color:var(--Accent);order:3}.scrubber:after{background-color:var(--Keyline);content:"";flex:1;order:2;block-size:2px}@media (width<600px){section[data-section=contact] form{--space:var(--size-7);margin-inline:calc(var(--size-7) * -1)}}.case-study-cover{--aspect-ratio:4 / 3}@media (width>=600px){.case-study-cover{--aspect-ratio:16 / 9}}@media (width>=900px){.case-study-cover{--aspect-ratio:2.39 / 1}}client-marquee{--marquee-count:10;--marquee-speed:120;flex-direction:column;justify-content:center;display:flex;overflow:hidden}@media (prefers-reduced-motion:reduce){client-marquee{--marquee-speed:0;overflow:scroll}}client-marquee ul{display:flex;overflow:hidden}client-marquee frame-l{--delay:calc(-1 * var(--duration-per-item) * (var(--marquee-count) - var(--marquee-item-position)));--duration:calc(var(--marquee-speed) * 1s);--duration-per-item:calc(var(--duration) / var(--marquee-count));--marquee-item-position:calc(var(--marquee-item-index) + 1);animation:marquee var(--duration) var(--delay) linear infinite;background:inherit;block-size:137px;inline-size:auto;padding:var(--size-5) var(--size-4);flex:none}client-marquee frame-l>img{object-fit:contain!important}client-marquee .logo{filter:grayscale()brightness(1.35)contrast(1.15);opacity:.92}client-marquee .logo svg{fill:inherit}@keyframes marquee{0%{translate:calc(100% * (var(--marquee-count) - var(--marquee-item-position)))}to{translate:calc(-100% * var(--marquee-item-position))}}page-header{--transition-duration:0;display:block}@media (prefers-reduced-motion:no-preference){page-header{--transition-duration:.25s}}@supports (display:contents){page-header{display:contents}}page-header header{transition:all var(--transition-duration) ease}page-header header.is-below-fold{--background-color:color-mix(in srgb, var(--Base), transparent 10%);border-image:0 fill linear-gradient(var(--background-color), transparent);transition:all var(--transition-duration) ease}body:not(:has([data-section=hero])) page-header header{--background-color:color-mix(in srgb, var(--Base), transparent 10%);border-image:0 fill linear-gradient(var(--background-color), transparent);transition:all var(--transition-duration) ease}video-player{display:contents;position:relative}video-player button{margin:var(--size-3);z-index:1;position:absolute;inset-block:auto 0;inset-inline:auto 0}video-player button svg{fill:var(--Accent)}
