.rw{--rw-line:color-mix(in srgb, var(--line-accent,var(--scene-ahxe)) 60%, var(--paper));flex-direction:column;align-items:center;gap:32px;width:min(1000px,100%);margin:0;display:flex}.rw__window{outline:1px solid var(--card-line);outline-offset:-1px;background:var(--paper);width:100%;position:relative}.rw__guides{z-index:2;pointer-events:none;position:absolute;inset:0}.rw__guide{position:absolute}.rw__guide--top,.rw__guide--bottom{background-image:repeating-linear-gradient(to right, var(--rw-line) 0 3px, transparent 3px 8px);height:1px;animation:rw-guide-x .9s var(--ease-out-expo) .3s both;left:-100vw;right:-100vw}.rw__guide--left,.rw__guide--right{background-image:repeating-linear-gradient(to top, var(--rw-line) 0 3px, transparent 3px 8px);transform-origin:bottom;width:1px;animation:rw-guide-y 1.1s var(--ease-out-expo) .2s both;top:-100vh;bottom:0}.rw__guide--top{top:0}.rw__guide--bottom{bottom:0}.rw__guide--left{left:0}.rw__guide--right{right:0}.rw__node{background:var(--line-accent,var(--scene-ahxe));width:8px;height:8px;animation:rw-node .5s var(--ease-out-expo) .85s both;position:absolute;translate:-50% -50%}.rw__node--tl{top:0;left:0}.rw__node--tr{top:0;left:100%}.rw__node--bl{top:100%;left:0}.rw__node--br{top:100%;left:100%}@keyframes rw-guide-x{0%{transform:scaleX(0)}}@keyframes rw-guide-y{0%{transform:scaleY(0)}}@keyframes rw-node{0%{opacity:0;scale:.4}}.rw__bar{height:40px;box-shadow:inset 0 -1px 0 var(--card-line);justify-content:center;align-items:center;padding:0 16px;display:flex;position:relative}.rw__dots{gap:6px;display:flex;position:absolute;left:16px}.rw__dots span{background:var(--scene-bar-strong);border-radius:50%;width:8px;height:8px}.rw__address{background:var(--figure-canvas);min-width:min(320px,50%);font:var(--type-label);text-align:center;padding:4px 12px}.rw__view{aspect-ratio:16/9;background:var(--figure-canvas);cursor:ew-resize;touch-action:pan-y;-webkit-user-select:none;user-select:none;position:relative;overflow:hidden}.rw__pair,.rw__layer{position:absolute;inset:0}.rw__pair{opacity:0;visibility:hidden;transition:opacity var(--dur-state) var(--ease-out-expo), visibility 0s linear var(--dur-state)}.rw__pair[data-active]{opacity:1;visibility:visible;transition:opacity var(--dur-state) var(--ease-out-expo)}.rw__after{clip-path:inset(0 0 0 var(--split))}.rw__shot{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;display:block}.rw__label{background:var(--paper);box-shadow:inset 0 0 0 1px var(--card-line);font:var(--type-label);text-transform:uppercase;padding:4px 8px;position:absolute;bottom:12px}.rw__label--before{left:12px}.rw__label--after{right:12px}.rw__handle{z-index:1;top:0;bottom:0;left:var(--split);touch-action:none;cursor:ew-resize;justify-content:center;align-items:center;width:44px;display:flex;position:absolute;transform:translate(-50%)}.rw__handle:before{background:var(--paper);width:2px;box-shadow:0 0 0 1px color-mix(in srgb, var(--ink) 25%, transparent);content:"";position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.rw__handle svg{box-sizing:content-box;background:var(--ink);color:var(--paper);transition:background-color var(--dur-state) var(--ease-out-expo);padding:10px;position:relative}.rw__handle:focus-visible{outline:none}.rw__handle:focus-visible svg{outline:2px solid var(--service-strong,var(--ink));outline-offset:2px}.rw__view:active .rw__handle svg{background:var(--service-strong,var(--ink))}.rw__switch{flex-direction:column;align-items:center;gap:12px;display:flex}.rw__switch-label{font:var(--type-small);letter-spacing:var(--track-small)}.rw__switch-buttons{flex-wrap:wrap;justify-content:center;gap:8px;display:flex}.rw__switch-button{background:var(--paper);height:40px;box-shadow:inset 0 0 0 1px var(--card-line);color:var(--ink);cursor:pointer;font:var(--type-mono);letter-spacing:var(--track-mono);text-transform:uppercase;touch-action:manipulation;-webkit-user-select:none;user-select:none;transition:background-color var(--dur-state) var(--ease-out-expo), color var(--dur-state) var(--ease-out-expo), box-shadow var(--dur-state) var(--ease-out-expo);border:0;padding:0 16px}.rw__switch-button[aria-pressed=true]{background:var(--service-strong,var(--ink));box-shadow:none;color:var(--paper);cursor:default}.rw__switch-button:active{background:var(--figure-canvas)}.rw__switch-button[aria-pressed=true]:active{background:var(--service-strong,var(--ink))}.rw__switch-button:focus-visible{outline:2px solid var(--service-strong,var(--ink));outline-offset:2px}@media (hover:hover) and (pointer:fine){.rw__handle:hover svg{background:var(--service-strong,var(--ink))}.rw__switch-button:not([aria-pressed=true]):hover{background:var(--ink);box-shadow:none;color:var(--paper)}}@media (prefers-reduced-motion:reduce){.rw__guide,.rw__node{animation:none}}@media (width<=809.98px){.rw{--rw-line:color-mix(in srgb, var(--line-accent,var(--scene-ahxe)) 35%, var(--paper));gap:28px}.rw__view{aspect-ratio:4/3}.rw__guide--left,.rw__guide--right{display:none}.rw__address{min-width:60%}}.scope{padding:var(--section-y) 100px;flex-direction:column;align-items:center;gap:56px;display:flex}.scope__pair{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px;width:min(1200px,100%);display:grid}.scope__card{grid-row:span 5;grid-template-rows:subgrid;text-align:left;row-gap:0;padding:40px;display:grid}.scope__card--changes{--scope-rule:color-mix(in srgb, var(--paper) 28%, transparent);background:var(--service-strong,var(--ink));color:var(--paper)}.scope__card--carries{--scope-rule:var(--card-line);background:var(--paper);box-shadow:inset 0 0 0 1px var(--card-line);color:var(--ink)}.scope__label{font:var(--type-mono);letter-spacing:var(--track-mono);text-transform:uppercase;margin:0;padding-bottom:16px}.scope__list{margin:0;padding:0;list-style:none;display:contents}.scope__list li{box-shadow:inset 0 1px 0 var(--scope-rule);align-items:flex-start;gap:16px;padding:20px 0;display:flex}.scope__list li:last-child{padding-bottom:0}.scope__icon{flex:none;align-items:center;height:28px;display:flex}.scope__card--carries .scope__icon{color:var(--service-strong,var(--ink))}.scope__text{flex-direction:column;gap:4px;display:flex}.scope__title{font:var(--type-lead-strong);letter-spacing:var(--track-lead)}.scope__line{font:var(--type-body);letter-spacing:var(--track-body)}@media (width<=1399.98px){.scope{padding-inline:60px}}@media (width<=809.98px){.scope{gap:36px;padding-inline:20px}.scope__card{grid-row:auto;grid-template-rows:none;padding:28px 24px}.scope__list li{padding:16px 0}.scope__list li:last-child{padding-bottom:0}.scope__icon{height:25px}}.websites.website-redesign{--line-accent:var(--service-redesign);--websites:var(--service-redesign);--websites-strong:var(--service-redesign-strong);--websites-deep:var(--service-redesign-strong);--service:var(--service-redesign);--service-strong:var(--service-redesign-strong);--service-deep:var(--service-redesign-strong)}.redesign-hero{--hero-pad:100px;--guide-x:calc(50% - min(500px, 50% - var(--hero-pad)));--guide-line:color-mix(in srgb, var(--line-accent) 60%, var(--paper));isolation:isolate;text-align:center;flex-direction:column;align-items:center;gap:64px;padding:120px 100px 100px;display:flex;position:relative;overflow:clip}.redesign-hero__guides{z-index:-1;pointer-events:none;position:absolute;inset:0}.redesign-hero__guide,.redesign-hero__node{position:absolute}.redesign-hero__guide--top{background-image:repeating-linear-gradient(to right, var(--guide-line) 0 3px, transparent 3px 8px);height:1px;animation:redesign-guide-x .9s var(--ease-out-expo) .3s both;top:72px;left:0;right:0}.redesign-hero__node{background:var(--line-accent);width:8px;height:8px;animation:redesign-node .5s var(--ease-out-expo) .85s both;top:72px;translate:-50% -50%}.redesign-hero__node--left{left:calc(var(--guide-x) + .5px)}.redesign-hero__node--right{left:calc(100% - var(--guide-x) - .5px)}@keyframes redesign-guide-x{0%{transform:scaleX(0)}}@keyframes redesign-node{0%{opacity:0;scale:.4}}@media (prefers-reduced-motion:reduce){.redesign-hero__guide,.redesign-hero__node{animation:none}}.website-redesign .in-short{padding-block:var(--section-y)}@media (width<=1399.98px){.redesign-hero{--hero-pad:60px;padding-inline:60px}}@media (width<=809.98px){.redesign-hero__guides{display:none}.redesign-hero{gap:40px;padding:72px 20px 60px}}
