@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-700.woff2)format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk-800.woff2)format("woff2");font-weight:800;font-style:normal;font-display:swap}:root{--m4-ink-950:#0a0b0d;--m4-ink-900:#111317;--m4-ink-800:#1a1d22;--m4-line:#262a31;--m4-bone:#e8e9eb;--m4-steel:#8b9099;--m4-tally:#d8323f;--m4-tally-soft:#f07079;--m4-white:#fff;--m4-display:"Cabinet Grotesk", "Inter Tight", system-ui, sans-serif;--m4-body:"Inter Tight", system-ui, sans-serif;--m4-mono:"JetBrains Mono", ui-monospace, "SFMono-Regular", monospace;--m4-gutter:clamp(1.25rem, 5vw, 5rem);--m4-nav-h:4.5rem;--m4-ease:cubic-bezier(.22, 1, .36, 1)}html{background:var(--m4-ink-950);scroll-behavior:smooth}.m4-body{background:var(--m4-ink-950);color:var(--m4-bone);font-family:var(--m4-body);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}.m4-body ::selection{background:var(--m4-tally);color:var(--m4-white)}.m4-body a{color:inherit;text-decoration:none}.m4-body :focus-visible{outline:2px solid var(--m4-tally);outline-offset:3px}.m4-page{overflow-x:clip}.m4-body [data-parallax]{will-change:transform}.m4-section{padding:clamp(5rem, 11vw, 10rem) var(--m4-gutter);background:var(--m4-ink-950);scroll-margin-top:var(--m4-nav-h);position:relative}.m4-display{color:var(--m4-bone);font-family:var(--m4-display);letter-spacing:-.035em;text-wrap:balance;margin:0;font-weight:800;line-height:.92}.m4-display--xl{font-size:clamp(3rem,9vw,8.5rem)}.m4-display--lg{font-size:clamp(2.5rem,6.2vw,6rem)}.m4-lede{max-width:52ch;color:var(--m4-steel);margin:1.5rem 0 0;font-size:clamp(1rem,1.2vw,1.125rem);line-height:1.6}.m4-eyebrow{color:var(--m4-bone);font-family:var(--m4-mono);letter-spacing:.24em;text-transform:uppercase;align-items:center;gap:.9rem;margin:0 0 1.4rem;font-size:.78rem;display:inline-flex}.m4-eyebrow:before,.m4-eyebrow:after{content:"";border:1.5px solid var(--m4-tally);width:.45rem;height:1.1em}.m4-eyebrow:before{border-right:0}.m4-eyebrow:after{border-left:0}.m4-nav{z-index:50;height:var(--m4-nav-h);padding:0 var(--m4-gutter);background:linear-gradient(to bottom, color-mix(in srgb, var(--m4-ink-950) 72%, transparent), transparent);transition:border-color .4s var(--m4-ease), background-color .4s var(--m4-ease);border-bottom:1px solid #0000;justify-content:space-between;align-items:center;gap:2rem;display:flex;position:fixed;inset:0 0 auto}.m4-nav[data-solid=true]{border-bottom-color:var(--m4-line);background:color-mix(in srgb, var(--m4-ink-950) 95%, transparent)}.m4-nav__mark{font-family:var(--m4-display);letter-spacing:.34em;font-size:1.05rem;font-weight:800}.m4-nav__links{gap:clamp(1.5rem,3vw,3rem);font-size:.95rem;display:flex}.m4-nav__links a{min-height:2.75rem;color:color-mix(in srgb, var(--m4-bone) 80%, transparent);transition:color .3s, transform .4s var(--m4-ease);align-items:center;display:inline-flex;position:relative}.m4-nav__links a:before{content:"";background:var(--m4-tally);width:.35rem;height:.35rem;transition:transform .35s var(--m4-ease);position:absolute;left:-.85rem;transform:scale(0)}.m4-nav__links a:hover{color:var(--m4-bone);transform:translate(.35rem)}.m4-nav__links a:hover:before{transform:scale(1)}.m4-cta-brackets{align-items:center;min-height:2.75rem;padding:.55rem 1.1rem;font-size:.95rem;font-weight:500;transition:transform .2s;display:inline-flex;position:relative}.m4-cta-brackets i{border:0 solid var(--m4-bone);width:.6rem;height:.6rem;transition:transform .45s var(--m4-ease), border-color .3s;position:absolute}.m4-cta-brackets i:first-child{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0;transform:translate(-.45rem,-.3rem)}.m4-cta-brackets i:nth-child(2){border-top-width:1.5px;border-right-width:1.5px;top:0;right:0;transform:translate(.45rem,-.3rem)}.m4-cta-brackets i:nth-child(3){border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0;transform:translate(-.45rem,.3rem)}.m4-cta-brackets i:nth-child(4){border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0;transform:translate(.45rem,.3rem)}.m4-cta-brackets:hover i,.m4-cta-brackets:focus-visible i{border-color:var(--m4-tally);transform:translate(0)}.m4-cta-brackets:active{transform:scale(.98)}.m4-journey{position:relative}.m4-journey .scroll-scrub{font-family:var(--m4-body)}.m4-journey .scroll-scrub__progress{top:auto;bottom:0}.m4-journey .scroll-scrub__title{max-width:12ch;font-family:var(--m4-display);letter-spacing:-.035em;font-size:clamp(2.8rem,6.4vw,6.75rem);font-weight:800;line-height:.92}.m4-journey .scroll-scrub__title:after{content:"";background:var(--m4-tally);width:.14em;height:.14em;margin-left:.06em;display:inline-block}.m4-journey .scroll-scrub__body{max-width:40ch}.m4-journey .scroll-scrub__chapter:first-child .scroll-scrub__chapter-pin{align-items:flex-end;padding-bottom:clamp(3.5rem,9dvh,6.5rem)}.m4-journey .scroll-scrub__chapter:first-child .scroll-scrub__copy{width:min(56rem,72vw)}.m4-journey .scroll-scrub__chapter:first-child .scroll-scrub__title{max-width:15ch;font-size:clamp(3rem,7.2vw,7.75rem)}.m4-journey .scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{padding-right:calc(var(--m4-gutter) + 7.5rem)}.m4-journey .scroll-scrub__tags li{background:color-mix(in srgb, var(--m4-ink-950) 55%, transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--m4-bone) 22%, transparent);font-family:var(--m4-mono);letter-spacing:.1em;text-transform:uppercase;border:0;padding:.4rem .65rem;font-size:.72rem}.m4-journey .scroll-scrub__actions{align-items:center;gap:2.25rem;margin-top:2.25rem}.m4-journey .scroll-scrub__route{top:50%;right:var(--m4-gutter);border-right:1px solid color-mix(in srgb, var(--m4-bone) 22%, transparent);flex-direction:column;align-items:flex-end;gap:0;padding-right:.9rem;left:auto;transform:translateY(-50%)}.m4-journey .scroll-scrub__route-button{min-height:2.75rem;font-family:var(--m4-mono);letter-spacing:.14em;text-transform:uppercase;padding:.4rem 0;font-size:.72rem;position:relative}.m4-journey .scroll-scrub__route-button[aria-current=step]{color:var(--m4-bone);text-decoration:none}.m4-journey .scroll-scrub__route-button:after{content:"";background:var(--m4-tally);width:2px;height:1.1rem;transition:transform .35s var(--m4-ease);position:absolute;top:50%;right:calc(-.9rem - 1.5px);transform:translateY(-50%)scaleY(0)}.m4-journey .scroll-scrub__route-button[aria-current=step]:after{transform:translateY(-50%)scaleY(1)}.m4-hud{z-index:4;pointer-events:none;position:absolute;inset:0}.m4-hud__frame{height:100dvh;position:sticky;top:0}.m4-hud__corner{border:0 solid color-mix(in srgb, var(--m4-bone) 70%, transparent);width:clamp(1.5rem,3vw,2.75rem);height:clamp(1.5rem,3vw,2.75rem);position:absolute}.m4-hud__corner[data-corner=tl]{top:calc(var(--m4-nav-h) + .25rem);left:calc(var(--m4-gutter) * .45);border-top-width:1.5px;border-left-width:1.5px}.m4-hud__corner[data-corner=tr]{top:calc(var(--m4-nav-h) + .25rem);right:calc(var(--m4-gutter) * .45);border-top-width:1.5px;border-right-width:1.5px}.m4-hud__corner[data-corner=bl]{bottom:1.25rem;left:calc(var(--m4-gutter) * .45);border-bottom-width:1.5px;border-left-width:1.5px}.m4-hud__corner[data-corner=br]{bottom:1.25rem;right:calc(var(--m4-gutter) * .45);border-bottom-width:1.5px;border-right-width:1.5px}.m4-hud__rec,.m4-hud__meta{top:calc(var(--m4-nav-h) + 1.35rem);font-family:var(--m4-mono);letter-spacing:.12em;align-items:center;gap:.7rem;margin:0;font-size:.76rem;display:flex;position:absolute}.m4-hud__rec,.m4-hud__meta,.m4-timeline__line span{contain:layout style;font-variant-numeric:tabular-nums}.m4-hud__rec{left:var(--m4-gutter);color:var(--m4-bone)}.m4-hud__rec b{color:var(--m4-tally-soft);font-weight:500}.m4-hud__meta{right:var(--m4-gutter);color:color-mix(in srgb, var(--m4-bone) 70%, transparent);gap:1.4rem}.m4-hud__dot{background:var(--m4-tally);border-radius:50%;width:.6rem;height:.6rem;animation:1.6s step-end infinite m4-blink}@keyframes m4-blink{0%,60%{opacity:1}61%,to{opacity:.25}}.m4-cta-timeline{min-width:12.5rem;color:var(--m4-bone);flex-direction:column;gap:.6rem;padding:.35rem 0;font-size:1.2rem;font-weight:500;display:inline-flex}.m4-cta-timeline__track{background:color-mix(in srgb, var(--m4-bone) 55%, transparent);height:1px;display:block;position:relative}.m4-cta-timeline__sweep{transition:transform .8s var(--m4-ease);position:absolute;inset:0;transform:translate(-28%)}.m4-cta-timeline__head{background:var(--m4-tally);width:2px;height:.95rem;position:absolute;top:-.45rem;right:0}.m4-cta-timeline__head:before{content:"";background:var(--m4-tally);width:8px;height:5px;position:absolute;top:-2px;left:-3px}.m4-cta-timeline:hover .m4-cta-timeline__sweep,.m4-cta-timeline:focus-visible .m4-cta-timeline__sweep{transform:translate(0)}.m4-cta-timeline:active{transform:translateY(1px)}.m4-cta-frame{min-height:2.75rem;color:color-mix(in srgb, var(--m4-bone) 78%, transparent);align-items:center;gap:.7rem;font-size:1rem;transition:color .3s;display:inline-flex}.m4-cta-frame__arrow{border:1px solid color-mix(in srgb, var(--m4-bone) 35%, transparent);width:1.7rem;height:1.7rem;transition:transform .45s var(--m4-ease), border-color .3s;place-items:center;font-size:.85rem;display:inline-grid}.m4-cta-frame:hover{color:var(--m4-bone)}.m4-cta-frame:hover .m4-cta-frame__arrow{border-color:var(--m4-tally);transform:translateY(.3rem)}.m4-cta-decode{border:1px solid color-mix(in srgb, var(--m4-bone) 26%, transparent);background:color-mix(in srgb, var(--m4-ink-950) 62%, transparent);min-height:3rem;color:var(--m4-bone);font-family:var(--m4-mono);letter-spacing:.16em;align-items:center;gap:.8rem;padding:.75rem 1.15rem;font-size:.85rem;transition:border-color .3s;display:inline-flex}.m4-cta-decode__rec{background:var(--m4-steel);border-radius:50%;width:.55rem;height:.55rem;transition:background-color .3s,box-shadow .3s}.m4-cta-decode:hover{border-color:var(--m4-bone)}.m4-cta-decode:hover .m4-cta-decode__rec,.m4-cta-decode:focus-visible .m4-cta-decode__rec{background:var(--m4-tally);box-shadow:0 0 0 4px color-mix(in srgb, var(--m4-tally) 28%, transparent)}.m4-cta-decode:active{transform:scale(.98)}.m4-services__title{margin-bottom:clamp(2rem,4vw,3.5rem)}.m4-slices{border:1px solid var(--m4-line);height:clamp(30rem,72dvh,44rem);margin:0;padding:0;list-style:none;display:flex}.m4-slice{border-left:1px solid var(--m4-line);background:var(--m4-ink-900);min-width:0;transition:flex-grow .75s var(--m4-ease);flex:1 1 0;position:relative;overflow:hidden}.m4-slice:first-child{border-left:0}.m4-slice[data-active=true]{flex-grow:5.2}.m4-slice__img{object-fit:cover;opacity:.16;filter:grayscale();width:100%;height:100%;transition:opacity .7s var(--m4-ease), transform 1.1s var(--m4-ease), filter .7s;position:absolute;inset:0;transform:scale(1.08)}.m4-slice[data-active=true] .m4-slice__img{opacity:1;filter:none;transform:scale(1)}.m4-slice:after{content:"";z-index:1;background:linear-gradient(to top, color-mix(in srgb, var(--m4-ink-950) 90%, transparent) 0%, transparent 62%);pointer-events:none;position:absolute;inset:0}.m4-slice__trigger{z-index:3;cursor:pointer;background:0 0;border:0;width:100%;padding:0;position:absolute;inset:0}.m4-slice[data-active=true] .m4-slice__trigger{pointer-events:none}.m4-slice__index{z-index:2;color:var(--m4-steel);font-family:var(--m4-mono);font-size:.8rem;position:absolute;top:1.75rem;left:1.75rem}.m4-slice__index:after{content:"";background:var(--m4-tally);transform-origin:0;width:1.9rem;height:2px;transition:transform .6s var(--m4-ease);margin-top:.6rem;display:block;transform:scaleX(0)}.m4-slice[data-active=true] .m4-slice__index{color:var(--m4-tally-soft)}.m4-slice[data-active=true] .m4-slice__index:after{transform:scaleX(1)}.m4-slice__vertical{z-index:2;font-family:var(--m4-display);letter-spacing:-.02em;white-space:nowrap;writing-mode:vertical-rl;margin:0;font-size:clamp(1.6rem,2.5vw,2.5rem);font-weight:800;transition:opacity .35s;position:absolute;bottom:1.75rem;left:50%;transform:translate(-50%)rotate(180deg)}.m4-slice[data-active=true] .m4-slice__vertical{opacity:0}.m4-slice__body{z-index:2;opacity:0;max-width:36rem;transition:opacity .5s .15s, transform .7s .1s var(--m4-ease);position:absolute;bottom:1.75rem;left:1.75rem;right:1.75rem;transform:translateY(1.5rem)}.m4-slice[data-active=true] .m4-slice__body{opacity:1;transform:none}.m4-slice__title{font-family:var(--m4-display);letter-spacing:-.035em;margin:0;font-size:clamp(2.4rem,4.6vw,4.5rem);font-weight:800;line-height:.95}.m4-slice__text{max-width:40ch;color:color-mix(in srgb, var(--m4-bone) 80%, transparent);margin:1rem 0 0;line-height:1.6}a.m4-slice__link{background:var(--m4-bone);min-height:2.75rem;color:var(--m4-ink-950);font-family:var(--m4-mono);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.8rem;margin-top:1.4rem;padding:0 1.1rem;font-size:.78rem;display:inline-flex}a.m4-slice__link span{transition:transform .4s var(--m4-ease)}a.m4-slice__link:hover span{transform:translate(.35rem)}.m4-kit{overflow:hidden}.m4-kit__ghost{color:#0000;font-family:var(--m4-display);letter-spacing:-.04em;-webkit-text-stroke:1px color-mix(in srgb, var(--m4-bone) 16%, transparent);pointer-events:none;-webkit-user-select:none;user-select:none;margin:0;font-size:clamp(8rem,24vw,22rem);font-weight:800;line-height:.8;position:absolute;top:clamp(2rem,6vw,5rem);right:-2vw}.m4-kit__title{text-align:center;margin:0 auto clamp(3rem,6vw,5rem);position:relative}.m4-kit__list{border-top:1px solid var(--m4-line);margin:0;padding:0;list-style:none;position:relative}.m4-kit__row{border-bottom:1px solid var(--m4-line);grid-template-columns:4.5rem minmax(12rem,1.1fr) minmax(14rem,1.3fr) minmax(9rem,.7fr);align-items:center;gap:clamp(1rem,3vw,3rem);padding:1.5rem clamp(.5rem,2vw,1.5rem);transition:background-color .35s;display:grid}.m4-kit__row:hover{background:var(--m4-ink-900)}.m4-kit__icon{object-fit:contain;mix-blend-mode:screen;width:3.25rem;height:3.25rem}.m4-kit__name{font-family:var(--m4-display);letter-spacing:-.02em;margin:0;font-size:clamp(1.4rem,2.2vw,2rem);font-weight:700}.m4-kit__desc{max-width:44ch;color:var(--m4-steel);margin:0;line-height:1.55}.m4-kit__spec{font-family:var(--m4-mono);letter-spacing:.06em;justify-self:end;margin:0;font-size:.8rem;transition:color .3s}.m4-kit__row:hover .m4-kit__spec{color:var(--m4-tally-soft)}.m4-process__head{text-align:center;flex-direction:column;align-items:center;margin:0 auto clamp(3rem,6vw,4.5rem);display:flex}.m4-process__lede{margin-inline:auto}.m4-timeline{--ph:.38;--gutter-col:5.5rem;position:relative}.m4-timeline__ruler{margin-left:var(--gutter-col);background-image:repeating-linear-gradient(to right, var(--m4-line) 0 1px, transparent 1px 2.5%);color:var(--m4-steel);font-family:var(--m4-mono);background-position:bottom;background-repeat:no-repeat;background-size:100% .5rem;justify-content:space-between;padding-bottom:1.1rem;font-size:.68rem;display:flex}.m4-timeline__tracks{border-top:1px solid var(--m4-line);margin:0;padding:0;list-style:none}.m4-track{grid-template-columns:var(--gutter-col) 1fr;border-bottom:1px solid var(--m4-line);align-items:start;padding:1.5rem 0;display:grid}.m4-track__name{color:var(--m4-steel);font-family:var(--m4-mono);padding-top:1.05rem;font-size:.78rem}.m4-track__clip,.m4-track__desc{width:calc(var(--span) * 100%);margin-left:calc(var(--start) * 100%)}.m4-track__clip{background-color:var(--m4-ink-800);background-image:radial-gradient(circle, color-mix(in srgb, var(--m4-bone) 22%, transparent) 1px, transparent 1.6px), radial-gradient(circle, color-mix(in srgb, var(--m4-bone) 22%, transparent) 1px, transparent 1.6px);height:3.5rem;box-shadow:inset 0 0 0 1px color-mix(in srgb, var(--m4-bone) 24%, transparent);background-position:0 3px,0 calc(100% - 3px);background-repeat:repeat-x;background-size:9px 6px;align-items:center;padding:0 1.25rem;display:flex}.m4-track__clip h3{font-family:var(--m4-display);letter-spacing:-.01em;margin:0;font-size:1.4rem;font-weight:700}.m4-track__desc{max-width:38ch;color:var(--m4-steel);margin-top:.8rem;margin-bottom:0;font-size:.95rem;line-height:1.55}.m4-timeline__playzone{top:0;bottom:0;right:0;left:var(--gutter-col);pointer-events:none;position:absolute}.m4-timeline__sweep{transform:translateX(calc(var(--ph) * 100%));position:absolute;inset:0}.m4-timeline__line{background:var(--m4-tally);width:2px;position:absolute;top:1.6rem;bottom:0;left:-1px}.m4-timeline__line span{background:var(--m4-tally);color:var(--m4-white);font-family:var(--m4-mono);white-space:nowrap;padding:.15rem .4rem;font-size:.68rem;position:absolute;top:-1.75rem;left:50%;transform:translate(-50%)}.m4-work__head{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem 4rem;margin-bottom:clamp(3rem,6vw,5rem);display:flex}.m4-work__aside{flex-direction:column;align-items:flex-start;gap:.75rem;display:flex}.m4-work__note{max-width:32ch;color:var(--m4-steel);font-family:var(--m4-mono);letter-spacing:.12em;text-transform:uppercase;margin:0;font-size:.78rem;line-height:1.85}.m4-work__all{min-height:2.75rem;font-family:var(--m4-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.8rem;display:inline-flex}.m4-work__all span{color:var(--m4-tally-soft);transition:transform .45s var(--m4-ease)}.m4-work__all:hover span{transform:translate(.5rem)}.m4-work__grid{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;gap:clamp(3rem,6vw,6rem) clamp(1.5rem,4vw,4rem);display:grid}.m4-work__grid>:nth-child(2n){margin-top:clamp(3rem,8vw,8rem)}.m4-project{gap:1.5rem;min-width:0;display:grid}.m4-project__stage{perspective:1200px}.m4-project__window{border:1px solid var(--m4-line);background:var(--m4-ink-900);transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .7s var(--m4-ease), border-color .3s, box-shadow .7s var(--m4-ease);display:block;position:relative}.m4-project__stage:hover .m4-project__window{border-color:color-mix(in srgb, var(--m4-bone) 38%, transparent);will-change:transform;transition-duration:.18s,.3s,.7s;box-shadow:0 2.5rem 5rem -2.5rem #000000d9}.m4-project__window:after{content:"";background:radial-gradient(circle at var(--gx,50%) var(--gy,0%), color-mix(in srgb, var(--m4-white) 13%, transparent), transparent 55%);opacity:0;pointer-events:none;transition:opacity .5s;position:absolute;inset:0}.m4-project__stage:hover .m4-project__window:after{opacity:1}.m4-project__bar{border-bottom:1px solid var(--m4-line);height:2.25rem;color:var(--m4-steel);font-family:var(--m4-mono);letter-spacing:.08em;align-items:center;gap:.4rem;padding:0 .9rem;font-size:.7rem;display:flex}.m4-project__bar i{background:var(--m4-line);flex:none;width:.45rem;height:.45rem}.m4-project__bar i:first-child{background:var(--m4-tally)}.m4-project__bar span{text-overflow:ellipsis;white-space:nowrap;margin-left:.6rem;overflow:hidden}.m4-project__screen{aspect-ratio:16/10;display:block;overflow:hidden}.m4-project__screen img{object-fit:cover;object-position:top;width:100%;height:100%;transition:object-position 1.2s var(--m4-ease);display:block}.m4-project__stage:hover .m4-project__screen img{object-position:bottom;transition:object-position 7s linear .3s}.m4-project__index{font-family:var(--m4-mono);letter-spacing:.08em;text-transform:uppercase;gap:1.1rem;margin:0;font-size:.74rem;display:flex}.m4-project__index span{color:var(--m4-steel)}.m4-project__name{font-family:var(--m4-display);letter-spacing:-.03em;margin:.7rem 0 0;font-size:clamp(1.9rem,3vw,2.75rem);font-weight:800;line-height:1}.m4-project__summary{max-width:46ch;color:var(--m4-steel);margin:.8rem 0 0;line-height:1.6}.m4-project__did{flex-wrap:wrap;gap:.5rem;margin:1.1rem 0 0;padding:0;list-style:none;display:flex}.m4-project__did li{box-shadow:inset 0 0 0 1px var(--m4-line);color:var(--m4-steel);font-family:var(--m4-mono);letter-spacing:.1em;text-transform:uppercase;padding:.35rem .6rem;font-size:.7rem}.m4-project__visit{border-bottom:1px solid var(--m4-tally);align-items:center;gap:.6rem;min-height:2.75rem;margin-top:.9rem;font-size:1rem;display:inline-flex}.m4-project__visit span{transition:transform .4s var(--m4-ease)}.m4-project__visit:hover span{transform:translate(.2rem,-.2rem)}.m4-next-frame{aspect-ratio:16/11;flex-direction:column;justify-content:space-between;gap:2rem;padding:clamp(1.75rem,3.2vw,3rem);transition:background-color .4s;display:flex;position:relative}.m4-next-frame>i{border:0 solid color-mix(in srgb, var(--m4-bone) 60%, transparent);width:1.75rem;height:1.75rem;transition:transform .5s var(--m4-ease), border-color .3s;position:absolute}.m4-next-frame>i[data-c=tl]{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.m4-next-frame>i[data-c=tr]{border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.m4-next-frame>i[data-c=bl]{border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.m4-next-frame>i[data-c=br]{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.m4-next-frame:hover{background:var(--m4-ink-900)}.m4-next-frame:hover>i{border-color:var(--m4-tally)}.m4-next-frame:hover>i[data-c=tl]{transform:translate(.6rem,.6rem)}.m4-next-frame:hover>i[data-c=tr]{transform:translate(-.6rem,.6rem)}.m4-next-frame:hover>i[data-c=bl]{transform:translate(.6rem,-.6rem)}.m4-next-frame:hover>i[data-c=br]{transform:translate(-.6rem,-.6rem)}.m4-next-frame__index{color:var(--m4-steel);font-family:var(--m4-mono);letter-spacing:.08em;font-size:.74rem}.m4-next-frame__title{max-width:9ch;font-family:var(--m4-display);letter-spacing:-.035em;font-size:clamp(2.2rem,4.4vw,4.25rem);font-weight:800;line-height:.95}.m4-next-frame__go{font-family:var(--m4-mono);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:.8rem;font-size:.8rem;display:inline-flex}.m4-next-frame__go span{color:var(--m4-tally-soft);transition:transform .45s var(--m4-ease)}.m4-next-frame:hover .m4-next-frame__go span{transform:translate(.5rem)}.m4-shelf{padding:calc(var(--m4-nav-h) + clamp(3rem, 7vw, 6rem)) var(--m4-gutter) clamp(5rem, 10vw, 9rem)}.m4-shelf__head{margin-bottom:clamp(3.5rem,8vw,7rem)}.m4-shelf__list{gap:clamp(4rem,9vw,8rem);display:grid}.m4-shelf__list .m4-project{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:clamp(2rem,5vw,5rem)}.m4-shelf__list .m4-project:nth-child(2n) .m4-project__stage{order:2}.m4-shelf__close{border-top:1px solid var(--m4-line);flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:2rem 4rem;margin-top:clamp(5rem,10vw,9rem);padding-top:clamp(3rem,6vw,5rem);display:flex}.m4-shelf__close .m4-lede{margin-top:1.25rem}a.m4-shelf__cta{background:var(--m4-bone);min-height:3.75rem;color:var(--m4-ink-950);font-family:var(--m4-mono);letter-spacing:.2em;text-transform:uppercase;align-items:center;gap:1.25rem;padding:0 1.6rem;font-size:.85rem;transition:background-color .3s;display:inline-flex}a.m4-shelf__cta span{transition:transform .45s var(--m4-ease)}a.m4-shelf__cta:hover{background:var(--m4-white)}a.m4-shelf__cta:hover span{transform:translate(.4rem)}a.m4-shelf__cta:active{transform:translateY(1px)}.m4-statement{padding:clamp(5rem, 10vw, 9rem) var(--m4-gutter) clamp(3rem, 6vw, 5rem);background:var(--m4-ink-950);position:relative;overflow:hidden}.m4-statement__line{z-index:2;max-width:13ch;font-size:clamp(3rem,7.2vw,7rem);position:relative}.m4-statement__photo{z-index:1;margin:clamp(-9rem, -8vw, -2.5rem) calc(var(--m4-gutter) * -1) 0;position:relative}.m4-statement__photo img{width:100%;height:auto;display:block}.m4-statement__photo:before,.m4-statement__photo:after{content:"";pointer-events:none;position:absolute;left:0;right:0}.m4-statement__photo:before{background:linear-gradient(to bottom, var(--m4-ink-950), transparent);height:22%;top:0}.m4-statement__photo:after{background:linear-gradient(to top, var(--m4-ink-950), transparent);height:16%;bottom:0}.m4-badge{z-index:3;top:clamp(5rem,10vw,9rem);right:var(--m4-gutter);aspect-ratio:1;place-items:center;width:clamp(8.5rem,12vw,11rem);display:grid;position:absolute}.m4-badge__ring{width:100%;height:100%;fill:var(--m4-bone);font-family:var(--m4-mono);letter-spacing:2px;font-size:15px;position:absolute;inset:0}.m4-badge:hover .m4-badge__ring,.m4-badge:focus-visible .m4-badge__ring{animation:7s linear infinite m4-spin}.m4-badge__button{aspect-ratio:1;background:var(--m4-tally);width:42%;transition:transform .45s var(--m4-ease), box-shadow .45s var(--m4-ease);border-radius:50%}.m4-badge:hover .m4-badge__button{box-shadow:0 0 0 .6rem color-mix(in srgb, var(--m4-tally) 24%, transparent);transform:scale(.9)}.m4-badge:active .m4-badge__button{transform:scale(.8)}@keyframes m4-spin{to{transform:rotate(360deg)}}.m4-contact{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);align-items:center;gap:clamp(3rem,7vw,7rem);display:grid}.m4-viewfinder{padding:clamp(1.75rem,3.5vw,3rem);position:relative}.m4-viewfinder>i{border:0 solid color-mix(in srgb, var(--m4-bone) 60%, transparent);width:2rem;height:2rem;position:absolute}.m4-viewfinder>i[data-c=tl]{border-top-width:1.5px;border-left-width:1.5px;top:0;left:0}.m4-viewfinder>i[data-c=tr]{border-top-width:1.5px;border-right-width:1.5px;top:0;right:0}.m4-viewfinder>i[data-c=bl]{border-bottom-width:1.5px;border-left-width:1.5px;bottom:0;left:0}.m4-viewfinder>i[data-c=br]{border-bottom-width:1.5px;border-right-width:1.5px;bottom:0;right:0}.m4-form{grid-template-columns:1fr 1fr;gap:1.35rem 1.25rem;display:grid}.m4-field{border:0;flex-direction:column;gap:.55rem;min-width:0;margin:0;padding:0;display:flex}.m4-field--wide{grid-column:1/-1}.m4-field label,.m4-field legend{color:var(--m4-steel);font-family:var(--m4-mono);letter-spacing:.16em;text-transform:uppercase;padding:0;font-size:.72rem}.m4-field legend{margin-bottom:.55rem}.m4-input{border:1px solid var(--m4-line);background:var(--m4-ink-900);width:100%;min-height:3rem;color:var(--m4-bone);font:inherit;border-radius:0;padding:.8rem 1rem;font-size:1rem;transition:border-color .25s,background-color .25s}.m4-input::placeholder{color:var(--m4-steel)}.m4-input:focus{border-color:var(--m4-bone);background:var(--m4-ink-800);outline:none}.m4-input[aria-invalid=true]{border-color:var(--m4-tally)}textarea.m4-input{resize:vertical;min-height:8.5rem}.m4-select{appearance:none;background-image:linear-gradient(45deg, transparent 50%, var(--m4-steel) 50%), linear-gradient(135deg, var(--m4-steel) 50%, transparent 50%);background-position:calc(100% - 1.35rem),calc(100% - 1rem);background-repeat:no-repeat;background-size:.35rem .35rem;padding-right:2.75rem}.m4-select option{background:var(--m4-ink-900);color:var(--m4-bone)}.m4-chips__row{flex-wrap:wrap;gap:.6rem;display:flex}.m4-chip{position:relative}.m4-chip input{opacity:0;cursor:pointer;margin:0;position:absolute;inset:0}.m4-chip span{border:1px solid var(--m4-line);min-height:2.75rem;color:var(--m4-steel);font-family:var(--m4-mono);letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:.75rem;padding:.55rem .95rem;font-size:.75rem;transition:border-color .25s,color .25s;display:inline-flex}.m4-chip span:after{content:"";border:1px solid;width:.7rem;height:.7rem;transition:background-color .2s,border-color .2s}.m4-chip input:checked+span{border-color:var(--m4-bone);color:var(--m4-bone)}.m4-chip input:checked+span:after{border-color:var(--m4-tally);background:var(--m4-tally)}.m4-chip input:focus-visible+span{outline:2px solid var(--m4-tally);outline-offset:2px}.m4-error{color:var(--m4-tally-soft);margin:0;font-size:.85rem}.m4-honeypot{width:1px;height:1px;position:absolute;left:-9999px;overflow:hidden}.m4-send{background:var(--m4-tally);width:100%;min-height:3.75rem;color:var(--m4-white);cursor:pointer;border:0;border-radius:0;grid-column:1/-1;justify-content:space-between;align-items:center;margin-top:.4rem;padding:0 1.5rem;transition:transform .2s;display:flex}.m4-send__labels{height:1.3em;font-family:var(--m4-mono);letter-spacing:.28em;text-transform:uppercase;font-size:.9rem;line-height:1.3;display:block;position:relative;overflow:hidden}.m4-send__labels span{transition:transform .45s var(--m4-ease);display:block}.m4-send__labels span+span{position:absolute;inset:0;transform:translateY(110%)}.m4-send:hover .m4-send__labels span:first-child,.m4-send:focus-visible .m4-send__labels span:first-child{transform:translateY(-110%)}.m4-send:hover .m4-send__labels span+span,.m4-send:focus-visible .m4-send__labels span+span{transform:translateY(0)}.m4-send__lamp{background:var(--m4-white);width:.7rem;height:.7rem;transition:box-shadow .4s var(--m4-ease);border-radius:50%}.m4-send:hover .m4-send__lamp{box-shadow:0 0 0 5px color-mix(in srgb, var(--m4-white) 28%, transparent)}.m4-send:active{transform:translateY(1px)}.m4-send:disabled{cursor:progress;opacity:.85}.m4-sent{flex-direction:column;align-items:flex-start;gap:1rem;padding:3rem 0;display:flex}.m4-sent__stop{background:var(--m4-tally);width:1.1rem;height:1.1rem}.m4-sent__title{font-family:var(--m4-display);letter-spacing:-.03em;margin:0;font-size:clamp(2rem,3.5vw,3rem);font-weight:800}.m4-sent__text{max-width:40ch;color:var(--m4-steel);margin:0;line-height:1.6}.m4-contact__title{font-family:var(--m4-display);letter-spacing:-.02em;text-transform:uppercase;text-wrap:balance;margin:0;font-size:clamp(2.75rem,5.6vw,5.5rem);font-weight:800;line-height:.92}.m4-contact__title:after{content:"";background:var(--m4-tally);width:.14em;height:.14em;margin-left:.06em;display:inline-block}.m4-next{border-top:1px solid var(--m4-line);gap:0;margin:2.5rem 0 0;padding:0;list-style:none;display:grid}.m4-next li{border-bottom:1px solid var(--m4-line);gap:1.25rem;padding:1rem 0;display:flex}.m4-next span{color:var(--m4-tally-soft);font-family:var(--m4-mono);font-size:.8rem;line-height:1.6}.m4-footer{padding:clamp(3rem, 6vw, 4.5rem) var(--m4-gutter) 0;border-top:1px solid var(--m4-line);background:var(--m4-ink-950);position:relative;overflow:hidden}.m4-footer__bar{color:var(--m4-steel);font-family:var(--m4-mono);letter-spacing:.16em;text-transform:uppercase;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1.5rem 3rem;font-size:.72rem;display:flex}.m4-footer__bar p{margin:0}.m4-footer__sign{align-items:center;gap:.9rem;display:flex}.m4-footer__mark{width:2.5rem;height:2.5rem}.m4-footer__links{flex-wrap:wrap;gap:.25rem 2rem;display:flex}.m4-footer__links a{align-items:center;min-height:2.75rem;transition:color .3s;display:inline-flex}.m4-footer__links a:hover{color:var(--m4-bone)}.m4-footer__word{color:var(--m4-bone);font-family:var(--m4-display);letter-spacing:-.05em;text-align:center;white-space:nowrap;margin:clamp(2rem,5vw,4rem) 0 0;font-size:17.5vw;font-weight:800;line-height:.74;translate:0 14%}.m4-state{min-height:100dvh;padding:6rem var(--m4-gutter);flex-direction:column;justify-content:center;align-items:flex-start;gap:1.25rem;display:flex}.m4-state__mark{width:4.5rem;height:4.5rem}.m4-state__code{color:var(--m4-tally-soft);font-family:var(--m4-mono);letter-spacing:.14em;margin:0;font-size:.8rem}.m4-state__home{border:0;border-bottom:1px solid var(--m4-tally);min-height:2.75rem;color:var(--m4-bone);font:inherit;cursor:pointer;background:0 0;align-items:center;gap:.75rem;margin-top:1rem;padding:0;font-size:1.05rem;display:inline-flex}.m4-studio{min-height:100dvh;padding:7rem var(--m4-gutter) 5rem}.m4-studio__gate{flex-wrap:wrap;align-items:flex-end;gap:1rem;max-width:34rem;margin-top:2rem;display:flex}.m4-studio__gate .m4-field{flex:16rem}.m4-studio__unlock{border:1px solid var(--m4-bone);min-height:3rem;color:var(--m4-bone);font-family:var(--m4-mono);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;background:0 0;border-radius:0;padding:0 1.4rem;font-size:.8rem}.m4-studio__note{color:var(--m4-steel);margin:1.25rem 0 0}.m4-studio__list{border-top:1px solid var(--m4-line);gap:0;margin:3rem 0 0;padding:0;list-style:none;display:grid}.m4-studio__item{border-bottom:1px solid var(--m4-line);grid-template-columns:minmax(10rem,.8fr) minmax(0,2fr);gap:1.5rem;padding:1.5rem 0;display:grid}.m4-studio__meta{color:var(--m4-steel);font-family:var(--m4-mono);flex-direction:column;gap:.35rem;font-size:.75rem;line-height:1.5;display:flex}.m4-studio__meta strong{color:var(--m4-bone);font-family:var(--m4-body);font-size:1rem;font-weight:600}.m4-studio__message{white-space:pre-wrap;margin:0;line-height:1.6}@media (width<=1100px){.m4-kit__row{grid-template-columns:3.5rem minmax(0,1fr) minmax(0,1.2fr)}.m4-kit__spec{grid-column:2/-1;justify-self:start}}@media (width<=860px){:root{--m4-nav-h:4rem}.m4-nav__links{display:none}.m4-nav__mark{letter-spacing:.26em;font-size:.95rem}.m4-journey .scroll-scrub__route{display:none}.m4-journey .scroll-scrub__chapter[data-align=right] .scroll-scrub__chapter-pin{padding-right:max(1.25rem, env(safe-area-inset-right))}.m4-journey .scroll-scrub__chapter:first-child .scroll-scrub__copy{width:100%}.m4-journey .scroll-scrub__actions{gap:1.25rem 1.75rem}.m4-hud__meta,.m4-hud__corner[data-corner=bl],.m4-hud__corner[data-corner=br]{display:none}.m4-slices{border:0;flex-direction:column;gap:1rem;height:auto}.m4-slice,.m4-slice[data-active=true]{aspect-ratio:4/3.6;border:1px solid var(--m4-line);flex:none}.m4-slice__img,.m4-slice[data-active=true] .m4-slice__img{opacity:1;filter:none;transform:none}.m4-slice__trigger,.m4-slice__vertical{display:none}.m4-slice__body{opacity:1;bottom:1.25rem;left:1.25rem;right:1.25rem;transform:none}.m4-slice__index{top:1.25rem;left:1.25rem}.m4-slice__title{font-size:2.3rem}.m4-kit__title{text-align:left}.m4-kit__row{grid-template-columns:2.75rem minmax(0,1fr);align-items:start;row-gap:.45rem}.m4-kit__icon{width:2.5rem;height:2.5rem}.m4-kit__desc,.m4-kit__spec{grid-column:2;justify-self:start}.m4-process__head{text-align:left;align-items:flex-start}.m4-process__lede{margin-inline:0}.m4-timeline{--gutter-col:2.75rem}.m4-timeline__ruler,.m4-timeline__playzone{display:none}.m4-track__clip,.m4-track__desc{width:100%;margin-left:0}.m4-work__grid{grid-template-columns:minmax(0,1fr)}.m4-work__grid>:nth-child(2n){margin-top:0}.m4-next-frame{aspect-ratio:auto;min-height:16rem}.m4-shelf__list .m4-project{grid-template-columns:minmax(0,1fr)}.m4-shelf__list .m4-project:nth-child(2n) .m4-project__stage{order:0}.m4-statement__photo{margin-top:-1.5rem}.m4-badge{margin-top:1.5rem;position:relative;top:auto;right:auto}.m4-contact{grid-template-columns:minmax(0,1fr)}.m4-contact__copy{order:-1}.m4-form{grid-template-columns:minmax(0,1fr)}.m4-viewfinder{padding:1.5rem 1.1rem}.m4-footer__bar{flex-direction:column;align-items:flex-start}.m4-studio__item{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.m4-hud__dot,.m4-badge:hover .m4-badge__ring,.m4-badge:focus-visible .m4-badge__ring{animation:none}.m4-project__stage:hover .m4-project__screen img{object-position:top}.m4-body *,.m4-body :before,.m4-body :after{transition-duration:.01ms!important}}
