.work-reel{--reel-line:color-mix(in srgb, var(--line-accent,var(--scene-ahxe)) 75%, var(--paper));width:min(960px,100%);margin:0;position:relative}.work-reel__video{z-index:1;aspect-ratio:16/9;object-fit:cover;background:var(--paper);width:100%;height:auto;display:block;position:relative}.work-reel--framed{padding:1px}.work-reel__guides{z-index:2;pointer-events:none;position:absolute;inset:0}.work-reel__guide{position:absolute}.work-reel__guide--top,.work-reel__guide--bottom{background-image:repeating-linear-gradient(to right, var(--reel-line) 0 3px, transparent 3px 8px);height:1px;left:-100vw;right:-100vw}.work-reel__guide--left,.work-reel__guide--right{background-image:repeating-linear-gradient(to bottom, var(--reel-line) 0 3px, transparent 3px 8px);width:1px;top:-64px;bottom:-64px}.work-reel__guide--top{top:0}.work-reel__guide--bottom{bottom:0}.work-reel__guide--left{left:0}.work-reel__guide--right{right:0}.work-reel__node{background:var(--line-accent,var(--scene-ahxe));width:8px;height:8px;position:absolute;translate:-50% -50%}.work-reel__node--tl{top:0;left:0}.work-reel__node--tr{top:0;left:100%}.work-reel__node--bl{top:100%;left:0}.work-reel__node--br{top:100%;left:100%}.work-reel__toggle{z-index:3;background:var(--paper);width:40px;height:40px;box-shadow:inset 0 0 0 1px var(--scene-line);color:var(--ink);cursor:pointer;transition:box-shadow var(--dur-layout) var(--ease-out-expo);border:0;place-items:center;padding:0;display:grid;position:absolute;bottom:16px;right:16px}@media (hover:hover) and (pointer:fine){.work-reel__toggle:hover{box-shadow:inset 0 0 0 1px var(--ink)}}.work-reel__toggle:active{box-shadow:inset 0 0 0 1px var(--ink)}.work-reel__toggle:focus-visible{outline:2px solid var(--ink);outline-offset:2px}.work-reel--intro .work-reel__guide--top,.work-reel--intro .work-reel__guide--bottom{animation:work-reel-x .9s var(--ease-out-expo) .7s both}.work-reel--intro .work-reel__guide--left,.work-reel--intro .work-reel__guide--right{animation:work-reel-y .9s var(--ease-out-expo) .78s both}.work-reel--intro .work-reel__video,.work-reel--intro .work-reel__toggle{animation:work-reel-rise .9s var(--ease-out-expo) .9s both}.work-reel--intro .work-reel__node{animation:work-reel-node .5s var(--ease-out-expo) 1.25s both}@keyframes work-reel-x{0%{transform:scaleX(0)}}@keyframes work-reel-y{0%{transform:scaleY(0)}}@keyframes work-reel-rise{0%{opacity:0;scale:.985}to{opacity:1;scale:1}}@keyframes work-reel-node{0%{opacity:0;scale:.5}to{opacity:1;scale:1}}@media (prefers-reduced-motion:reduce){.work-reel--intro :is(.work-reel__guide,.work-reel__video,.work-reel__toggle,.work-reel__node){animation:none}}@media (width<=809.98px){.work-reel__video{aspect-ratio:4/3}.work-reel__toggle{bottom:12px;right:12px}}.start-band{padding:calc(var(--section-y) * 1.4) 100px;background:var(--paper);color:var(--ink);flex-direction:column;align-items:center;gap:64px;display:flex}.start-band__steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:40px;width:min(1200px,100%);margin:0;padding:0;list-style:none;display:grid}.start-band__step{box-shadow:inset 0 1px 0 color-mix(in srgb, var(--line-accent,var(--scene-ahxe)) 45%, var(--paper));flex-direction:column;gap:12px;padding-top:24px;display:flex}.start-band__number{color:var(--tag-websites-fg);font:var(--type-display);letter-spacing:var(--track-display)}.start-band__title{font:var(--type-subheading);letter-spacing:var(--track-subheading);margin:8px 0 0}.start-band__body{font:var(--type-body);letter-spacing:var(--track-body);text-wrap:pretty;margin:0}.start-band__action{justify-content:center;display:flex}@media (width<=1399.98px){.start-band{padding-inline:60px}}@media (width<=1099.98px){.start-band__steps{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:48px}}@media (width<=809.98px){.start-band{padding:calc(var(--section-y) * 1.2) 20px;gap:40px}.start-band__steps{grid-template-columns:1fr;row-gap:32px}.start-band__action,.start-band__action .roll-button{width:100%}}.proof{padding:calc(var(--section-y) * 1.4) 100px;flex-direction:column;align-items:center;gap:56px;display:flex}.proof__results{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;width:min(1200px,100%);margin:0;padding:0;list-style:none;display:grid}.proof__card{outline:1px solid var(--scene-line);outline-offset:-1px;background:var(--paper);height:100%;color:var(--ink);flex-direction:column;text-decoration:none;display:flex}@media (hover:hover) and (pointer:fine){.proof__card:hover .brand-stage__device{translate:-50% -4px}}.proof__text{flex-direction:column;flex:1;gap:8px;padding:24px 24px 28px;display:flex}.proof__figure{font:var(--type-display);letter-spacing:var(--track-display)}.proof__label{font:var(--type-lead);letter-spacing:var(--track-lead)}.proof__client{font:var(--type-body);letter-spacing:var(--track-body);flex-direction:column;gap:2px;margin-top:auto;padding-top:16px;display:flex}.proof__client strong{font:var(--type-body-strong)}.proof__quote{text-align:center;flex-direction:column;align-items:center;gap:24px;max-width:820px;margin:0;display:flex}.proof__quote blockquote{font:var(--type-quote);letter-spacing:var(--track-lead);text-wrap:balance;margin:0}.proof__quote figcaption{text-align:left;align-items:center;gap:12px;display:flex}.proof__quote figcaption img{width:40px;height:40px}.proof__quote figcaption span{font:var(--type-body);letter-spacing:var(--track-body);flex-direction:column;gap:2px;display:flex}.proof__quote strong{font:var(--type-body-strong)}@media (width<=1399.98px){.proof{padding-inline:60px}}@media (width<=999.98px){.proof__results{grid-template-columns:minmax(0,520px);justify-content:center;gap:20px}}@media (width<=809.98px){.proof{gap:40px;padding-inline:20px}}.team-band{padding:calc(var(--section-y) * 1.4) 100px;color:var(--ink);flex-direction:column;align-items:center;gap:56px;display:flex}.team-band__grid{grid-template-columns:repeat(2,calc(33.3333% - 10.6667px));justify-content:center;gap:16px;width:min(1200px,100%);display:grid}.team-band__person{outline:1px solid var(--card-line);outline-offset:-1px;flex-direction:column;display:flex}.team-band__photo{aspect-ratio:1;object-fit:cover;object-position:50% 20%;width:100%;height:auto;display:block}.team-band__text{flex-direction:column;gap:12px;padding:24px 24px 28px;display:flex}.team-band__name{font:var(--type-subheading);letter-spacing:var(--track-subheading);flex-direction:column;gap:4px;margin:0;display:flex}.team-band__name span{font:var(--type-mono);letter-spacing:var(--track-mono);text-transform:uppercase}.team-band__body{font:var(--type-body);letter-spacing:var(--track-body);text-wrap:pretty;margin:0}@media (width<=1399.98px){.team-band{padding-inline:60px}}@media (width<=999.98px){.team-band__grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=809.98px){.team-band{gap:40px;padding-inline:20px}.team-band__grid{grid-template-columns:minmax(0,1fr);gap:12px}.team-band__person{grid-template-columns:112px minmax(0,1fr);display:grid}.team-band__photo{aspect-ratio:4/5;object-position:50% 30%;height:100%}.team-band__text{gap:8px;padding:16px}}.websites{--window-w:min(960px, 100vw - 120px);--line-accent:var(--service-websites);--websites:var(--service-websites);--websites-deep:var(--tag-websites-fg);--websites-strong:var(--service-websites-strong);--service:var(--websites);--service-strong:var(--websites-strong);--service-deep:var(--websites-deep);color:var(--ink)}.websites-hero{--line-accent:var(--websites);flex-direction:column;align-items:center;padding:64px 100px;display:flex}.line-hero.websites-hero{min-height:calc(var(--screen-h,100svh) - var(--nav-h) - 120px)}.websites-hero .line-hero__lines{--scene-line:color-mix(in srgb, var(--line-accent) 75%, var(--paper))}.websites-hero .line-hero__lines .line-hero__decor,.websites .blocks__guide,.websites .blocks__link{stroke:color-mix(in srgb, var(--line-accent) 75%, var(--paper))}.websites .blocks__rails{--block-line:color-mix(in srgb, var(--line-accent) 75%, var(--paper))}.roll-button--websites{background:var(--websites-strong);color:var(--paper)}.websites .ask__button{color:var(--websites-strong)}.websites-reel{justify-content:center;padding:64px 100px 0;display:flex;overflow-x:clip}.websites-reel .work-reel{width:var(--window-w)}.websites-reel :is(.work-reel__guide--left,.work-reel__guide--right){bottom:0}.websites .includes{padding-top:0;overflow-x:clip}.websites .change-flow{padding-top:0}@media (width>=1100px){.websites{--window-w:calc(100vw * 840 / 1440)}.websites-reel{padding-top:0}.websites-reel :is(.work-reel__guide--left,.work-reel__guide--right){top:0}.websites-reel .work-reel__guide--top{display:none}.websites-reel .work-reel{margin-top:calc(100vw * 293 / 1440 - (100svh - var(--nav-h) - 120px) / 2)}}@media (width<=1399.98px){.websites-hero,.websites-reel{padding-inline:60px}}@media (width<=809.98px){.line-hero.websites-hero{min-height:0;padding:calc(16.4103vw + 24px) 28px 40px}.websites{--window-w:calc(100vw * 370 / 390)}.websites-reel{padding:24px 0 0}.websites-reel :is(.work-reel__guide--left,.work-reel__guide--right){top:-24px;bottom:0}}
